WebSVN – SvarDOS – Diff – /website/mateuszbb-common.css


@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');
 
a.minibb {
  text-decoration: none;
}
 
p.minibb-errstr {
  color: #f11;
  text-align: center;
  font-size: 1.6em;
  margin-bottom: 4em;
  margin-top: 2em;
}
 
div.minibb-toolbar {
  display: flex;
  width: 100%;
  background: none;
  margin: 1.5em 0;
  padding: 0;
  box-sizing: border-box;
  border-bottom: 1px #999 dotted;
  justify-content: flex-end;
}
 
div.minibb-toolbar a {
  color: #11f;
  text-decoration: none;
  border-radius: 0.3em;
  padding: 0.1em 0.5em;
}
 
div.minibb-toolbar a:hover {
  color: #000;
  background: #def;
}
 
div.minibb-toolbar form {
  margin-bottom: 1px;
  border: none;
}
 
div.minibb-toolbar form input {
  border-radius: 0.2em;
  border: 1px #888 solid;
  font-size: 0.7em;
  width: 9em;
}
 
a.minibb-threaditem {
  display: block;
  background: #f9f9f9;
  width: 100%;
  margin: 0.4em 0;
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  border: #eee;
  border-radius: 0.3em;
  text-decoration: none;
}
 
a.minibb-threaditem:hover {
  background: #fe9;
}
 
a.minibb-threaditem h2 {
  color: #000;
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 0.2em 0;
  line-height: 1em;
  text-align: left;
  background: none;
}
 
a.minibb-threaditem p {
  font-weight: normal;
  margin: 0;
  line-height: 1em;
  font-size: 0.85em;
  color: #555;
}
 
h2.minibb-threadtitle {
  font-weight: bold;
  font-size: 1.6em;
  background: #eee;
  color: #000;
  border-radius: 0.3em;
  border: 1px #ddd solid;
  margin: 0.5em 0;
  padding: 0 0.25em;
}
 
div.minibb-trip {
  font-size: 0.6em;
  font-family: 'Roboto Mono', monospace;
  font-weight: bold;
  white-space: pre-line;
  text-indent: 0;
  line-height: 0.8em;
  border: 1px #eee solid;
  border-radius: 0.3em;
  padding: 0.3em;
  margin: 0 0 auto 0.2em;
  background: #fff;
  color: #111;
}
 
div.minibb-post {
  margin: 0 0 1em 0;
  padding: 0;
  background: #fefefe;
  border: 1px #777 solid;
  border-radius: 0.3em;
}
 
div.minibb-postheader {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0.5em 0.5em;
  background: #ddd;
  color: #111;
}
 
div.minibb-postauthor {
  overflow-wrap: anywhere;
}
 
div.minibb-postbody {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  width: 100%;
  padding: 0.7em 0.5em;
  box-sizing: border-box;
  line-height: 1.5;
  color: #000;
}
 
div.minibb-postbody img {
  max-width: 100%;
  max-height: 70vh;
  margin: 0.5em 0;
  border: 1px #666 solid;
  border-radius: 0.25em;
}
 
div.minibb-postbody blockquote {
  font-style: italic;
  opacity: 0.6;
  font-size: 0.9em;
  margin: 0;
}
 
div.minibb-formbtns {
  display: flex;
  flex-wrap: wrap-reverse;
  justify-content: center;
  margin: 1em 0;
}
 
form.minibb {
  width: 100%;
  margin: 0;
  padding: 0.5em;
  border: 1px #bbb solid;
  border-radius: 0.3em;
  box-sizing: border-box;
  background: #f7f7f7;
}
 
form.minibb div.minibb-formlabelgroup {
  margin: 0.5em 0.6em 0.5em 0;
  width: 24em;
  max-width: 100%;
}
 
form.minibb div.minibb-formlabelgroup p {
  text-indent: 0;
  font-family: sans-serif;
  font-size: 0.8em;
  color: #555;
  margin: 0;
  line-height: 0.8em;
}
 
form.minibb div.minibb-formfields {
  display: flex;
  flex-wrap: wrap;
}
 
form.minibb input, form.minibb textarea {
  margin: 0.4em 0;
  border: 1px #ddd solid;
  border-radius: 0.3em;
  box-sizing: border-box;
  width: 100%;
}
 
div.minibb-formbtns a, div.minibb-formbtns input {
  color: #11d;
  margin: 0 1em;
  padding: 0.2em 0.5em;
  border: 1px #ddd solid;
  border-radius: 0.3em;
  text-decoration: none;
  line-height: 1em;
  background: #fbfbfb;
  font-size: 1em;
  font-family: sans-serif;
  box-sizing: border-box;
  width: auto;
}
 
form.minibb textarea {
  width: 100%;
  box-sizing: border-box;
  height: 20em;
  resize: vertical;
}
 
div.minibb-formbtns a:hover, div.minibb-formbtns input:hover {
  background: #fe9;
}
 
div.minibb-formcaptcha {
  width: 100%;
  text-align: center;
  color: #333;
  font-size: 0.85em;
  margin: 0.5em auto 0 auto;
}
 
div.minibb-formcaptcha input {
  width: auto;
  margin: 0 0 0 0.5em;
}
 
a.minibb-searchresult {
  text-decoration: none;
  color: inherit;
}
 
a.minibb-searchresult div {
  border: 1px #bbb solid;
  margin-bottom: 1.4em;
  padding: 0.2em 0.5em;
  border-radius: 0.2em;
}
 
a.minibb-searchresult div p {
  font-size: 0.9em;
  opacity: 0.7;
  text-indent: 0;
  margin: 0;
}
 
a.minibb-searchresult div h1 {
  text-align: left;
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-size: 1.1em;
  text-indent: 0;
}
 

Rev 1223	Rev 1225
-		1	`@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');`
-		2
1	`a.minibb {`	3	`a.minibb {`
2	`text-decoration: none;`	4	`text-decoration: none;`
3	`}`	5	`}`
4		6
5	`p.minibb-errstr {`	7	`p.minibb-errstr {`
6	`color: #f11;`	8	`color: #f11;`
7	`text-align: center;`	9	`text-align: center;`
8	`font-size: 1.6em;`	10	`font-size: 1.6em;`
9	`margin-bottom: 4em;`	11	`margin-bottom: 4em;`
10	`margin-top: 2em;`	12	`margin-top: 2em;`
11	`}`	13	`}`
12		14
13	`div.minibb-toolbar {`	15	`div.minibb-toolbar {`
14	`display: flex;`	16	`display: flex;`
15	`width: 100%;`	17	`width: 100%;`
16	`background: none;`	18	`background: none;`
17	`margin: 1.5em 0;`	19	`margin: 1.5em 0;`
18	`padding: 0;`	20	`padding: 0;`
19	`box-sizing: border-box;`	21	`box-sizing: border-box;`
20	`border-bottom: 1px #999 dotted;`	22	`border-bottom: 1px #999 dotted;`
21	`justify-content: flex-end;`	23	`justify-content: flex-end;`
22	`}`	24	`}`
23		25
24	`div.minibb-toolbar a {`	26	`div.minibb-toolbar a {`
25	`color: #11f;`	27	`color: #11f;`
26	`text-decoration: none;`	28	`text-decoration: none;`
27	`border-radius: 0.3em;`	29	`border-radius: 0.3em;`
28	`padding: 0.1em 0.5em;`	30	`padding: 0.1em 0.5em;`
29	`}`	31	`}`
30		32
31	`div.minibb-toolbar a:hover {`	33	`div.minibb-toolbar a:hover {`
32	`color: #000;`	34	`color: #000;`
33	`background: #def;`	35	`background: #def;`
34	`}`	36	`}`
35		37
36	`div.minibb-toolbar form {`	38	`div.minibb-toolbar form {`
37	`margin-bottom: 1px;`	39	`margin-bottom: 1px;`
38	`border: none;`	40	`border: none;`
39	`}`	41	`}`
40		42
41	`div.minibb-toolbar form input {`	43	`div.minibb-toolbar form input {`
42	`border-radius: 0.2em;`	44	`border-radius: 0.2em;`
43	`border: 1px #888 solid;`	45	`border: 1px #888 solid;`
44	`font-size: 0.7em;`	46	`font-size: 0.7em;`
45	`width: 9em;`	47	`width: 9em;`
46	`}`	48	`}`
47		49
48	`a.minibb-threaditem {`	50	`a.minibb-threaditem {`
49	`display: block;`	51	`display: block;`
50	`background: #f9f9f9;`	52	`background: #f9f9f9;`
51	`width: 100%;`	53	`width: 100%;`
52	`margin: 0.4em 0;`	54	`margin: 0.4em 0;`
53	`box-sizing: border-box;`	55	`box-sizing: border-box;`
54	`padding: 0.25em 0.5em;`	56	`padding: 0.25em 0.5em;`
55	`border: #eee;`	57	`border: #eee;`
56	`border-radius: 0.3em;`	58	`border-radius: 0.3em;`
57	`text-decoration: none;`	59	`text-decoration: none;`
58	`}`	60	`}`
59		61
60	`a.minibb-threaditem:hover {`	62	`a.minibb-threaditem:hover {`
61	`background: #fe9;`	63	`background: #fe9;`
62	`}`	64	`}`
63		65
64	`a.minibb-threaditem h2 {`	66	`a.minibb-threaditem h2 {`
65	`color: #000;`	67	`color: #000;`
66	`font-size: 1em;`	68	`font-size: 1em;`
67	`font-weight: bold;`	69	`font-weight: bold;`
68	`margin: 0 0 0.2em 0;`	70	`margin: 0 0 0.2em 0;`
69	`line-height: 1em;`	71	`line-height: 1em;`
70	`text-align: left;`	72	`text-align: left;`
71	`background: none;`	73	`background: none;`
72	`}`	74	`}`
73		75
74	`a.minibb-threaditem p {`	76	`a.minibb-threaditem p {`
75	`font-weight: normal;`	77	`font-weight: normal;`
76	`margin: 0;`	78	`margin: 0;`
77	`line-height: 1em;`	79	`line-height: 1em;`
78	`font-size: 0.85em;`	80	`font-size: 0.85em;`
79	`color: #555;`	81	`color: #555;`
80	`}`	82	`}`
81		83
82	`h2.minibb-threadtitle {`	84	`h2.minibb-threadtitle {`
83	`font-weight: bold;`	85	`font-weight: bold;`
84	`font-size: 1.6em;`	86	`font-size: 1.6em;`
85	`background: #eee;`	87	`background: #eee;`
86	`color: #000;`	88	`color: #000;`
87	`border-radius: 0.3em;`	89	`border-radius: 0.3em;`
88	`border: 1px #ddd solid;`	90	`border: 1px #ddd solid;`
89	`margin: 0.5em 0;`	91	`margin: 0.5em 0;`
90	`padding: 0 0.25em;`	92	`padding: 0 0.25em;`
91	`}`	93	`}`
92		94
93	`div.minibb-trip {`	95	`div.minibb-trip {`
94	`font-size: 0.6em;`	96	`font-size: 0.6em;`
95	`font-family: 'Roboto Mono', monospace;`	97	`font-family: 'Roboto Mono', monospace;`
96	`font-weight: bold;`	98	`font-weight: bold;`
97	`white-space: pre-line;`	99	`white-space: pre-line;`
98	`text-indent: 0;`	100	`text-indent: 0;`
99	`line-height: 0.8em;`	101	`line-height: 0.8em;`
100	`border: 1px #eee solid;`	102	`border: 1px #eee solid;`
101	`border-radius: 0.3em;`	103	`border-radius: 0.3em;`
102	`padding: 0.3em;`	104	`padding: 0.3em;`
103	`margin: 0 0 auto 0.2em;`	105	`margin: 0 0 auto 0.2em;`
104	`background: #fff;`	106	`background: #fff;`
105	`color: #111;`	107	`color: #111;`
106	`}`	108	`}`
107		109
108	`div.minibb-post {`	110	`div.minibb-post {`
109	`margin: 0 0 1em 0;`	111	`margin: 0 0 1em 0;`
110	`padding: 0;`	112	`padding: 0;`
111	`background: #fefefe;`	113	`background: #fefefe;`
112	`border: 1px #777 solid;`	114	`border: 1px #777 solid;`
113	`border-radius: 0.3em;`	115	`border-radius: 0.3em;`
114	`}`	116	`}`
115		117
116	`div.minibb-postheader {`	118	`div.minibb-postheader {`
117	`display: flex;`	119	`display: flex;`
118	`flex-wrap: nowrap;`	120	`flex-wrap: nowrap;`
119	`justify-content: space-between;`	121	`justify-content: space-between;`
120	`padding: 0.5em 0.5em;`	122	`padding: 0.5em 0.5em;`
121	`background: #ddd;`	123	`background: #ddd;`
122	`color: #111;`	124	`color: #111;`
123	`}`	125	`}`
124		126
125	`div.minibb-postauthor {`	127	`div.minibb-postauthor {`
126	`overflow-wrap: anywhere;`	128	`overflow-wrap: anywhere;`
127	`}`	129	`}`
128		130
129	`div.minibb-postbody {`	131	`div.minibb-postbody {`
130	`white-space: pre-wrap;`	132	`white-space: pre-wrap;`
131	`overflow-wrap: break-word;`	133	`overflow-wrap: break-word;`
132	`width: 100%;`	134	`width: 100%;`
133	`padding: 0.7em 0.5em;`	135	`padding: 0.7em 0.5em;`
134	`box-sizing: border-box;`	136	`box-sizing: border-box;`
135	`line-height: 1.5;`	137	`line-height: 1.5;`
136	`color: #000;`	138	`color: #000;`
137	`}`	139	`}`
138		140
139	`div.minibb-postbody img {`	141	`div.minibb-postbody img {`
140	`max-width: 100%;`	142	`max-width: 100%;`
141	`max-height: 70vh;`	143	`max-height: 70vh;`
142	`margin: 0.5em 0;`	144	`margin: 0.5em 0;`
143	`border: 1px #666 solid;`	145	`border: 1px #666 solid;`
144	`border-radius: 0.25em;`	146	`border-radius: 0.25em;`
145	`}`	147	`}`
146		148
147	`div.minibb-postbody blockquote {`	149	`div.minibb-postbody blockquote {`
148	`font-style: italic;`	150	`font-style: italic;`
149	`opacity: 0.6;`	151	`opacity: 0.6;`
150	`font-size: 0.9em;`	152	`font-size: 0.9em;`
151	`margin: 0;`	153	`margin: 0;`
152	`}`	154	`}`
153		155
154	`div.minibb-formbtns {`	156	`div.minibb-formbtns {`
155	`display: flex;`	157	`display: flex;`
156	`flex-wrap: wrap-reverse;`	158	`flex-wrap: wrap-reverse;`
157	`justify-content: center;`	159	`justify-content: center;`
158	`margin: 1em 0;`	160	`margin: 1em 0;`
159	`}`	161	`}`
160		162
161	`form.minibb {`	163	`form.minibb {`
162	`width: 100%;`	164	`width: 100%;`
163	`margin: 0;`	165	`margin: 0;`
164	`padding: 0.5em;`	166	`padding: 0.5em;`
165	`border: 1px #bbb solid;`	167	`border: 1px #bbb solid;`
166	`border-radius: 0.3em;`	168	`border-radius: 0.3em;`
167	`box-sizing: border-box;`	169	`box-sizing: border-box;`
168	`background: #f7f7f7;`	170	`background: #f7f7f7;`
169	`}`	171	`}`
170		172
171	`form.minibb div.minibb-formlabelgroup {`	173	`form.minibb div.minibb-formlabelgroup {`
172	`margin: 0.5em 0.6em 0.5em 0;`	174	`margin: 0.5em 0.6em 0.5em 0;`
173	`width: 24em;`	175	`width: 24em;`
174	`max-width: 100%;`	176	`max-width: 100%;`
175	`}`	177	`}`
176		178
177	`form.minibb div.minibb-formlabelgroup p {`	179	`form.minibb div.minibb-formlabelgroup p {`
178	`text-indent: 0;`	180	`text-indent: 0;`
179	`font-family: sans-serif;`	181	`font-family: sans-serif;`
180	`font-size: 0.8em;`	182	`font-size: 0.8em;`
181	`color: #555;`	183	`color: #555;`
182	`margin: 0;`	184	`margin: 0;`
183	`line-height: 0.8em;`	185	`line-height: 0.8em;`
184	`}`	186	`}`
185		187
186	`form.minibb div.minibb-formfields {`	188	`form.minibb div.minibb-formfields {`
187	`display: flex;`	189	`display: flex;`
188	`flex-wrap: wrap;`	190	`flex-wrap: wrap;`
189	`}`	191	`}`
190		192
191	`form.minibb input, form.minibb textarea {`	193	`form.minibb input, form.minibb textarea {`
192	`margin: 0.4em 0;`	194	`margin: 0.4em 0;`
193	`border: 1px #ddd solid;`	195	`border: 1px #ddd solid;`
194	`border-radius: 0.3em;`	196	`border-radius: 0.3em;`
195	`box-sizing: border-box;`	197	`box-sizing: border-box;`
196	`width: 100%;`	198	`width: 100%;`
197	`}`	199	`}`
198		200
199	`div.minibb-formbtns a, div.minibb-formbtns input {`	201	`div.minibb-formbtns a, div.minibb-formbtns input {`
200	`color: #11d;`	202	`color: #11d;`
201	`margin: 0 1em;`	203	`margin: 0 1em;`
202	`padding: 0.2em 0.5em;`	204	`padding: 0.2em 0.5em;`
203	`border: 1px #ddd solid;`	205	`border: 1px #ddd solid;`
204	`border-radius: 0.3em;`	206	`border-radius: 0.3em;`
205	`text-decoration: none;`	207	`text-decoration: none;`
206	`line-height: 1em;`	208	`line-height: 1em;`
207	`background: #fbfbfb;`	209	`background: #fbfbfb;`
208	`font-size: 1em;`	210	`font-size: 1em;`
209	`font-family: sans-serif;`	211	`font-family: sans-serif;`
210	`box-sizing: border-box;`	212	`box-sizing: border-box;`
211	`width: auto;`	213	`width: auto;`
212	`}`	214	`}`
213		215
214	`form.minibb textarea {`	216	`form.minibb textarea {`
215	`width: 100%;`	217	`width: 100%;`
216	`box-sizing: border-box;`	218	`box-sizing: border-box;`
217	`height: 20em;`	219	`height: 20em;`
218	`resize: vertical;`	220	`resize: vertical;`
219	`}`	221	`}`
220		222
221	`div.minibb-formbtns a:hover, div.minibb-formbtns input:hover {`	223	`div.minibb-formbtns a:hover, div.minibb-formbtns input:hover {`
222	`background: #fe9;`	224	`background: #fe9;`
223	`}`	225	`}`
224		226
225	`div.minibb-formcaptcha {`	227	`div.minibb-formcaptcha {`
226	`width: 100%;`	228	`width: 100%;`
227	`text-align: center;`	229	`text-align: center;`
228	`color: #333;`	230	`color: #333;`
229	`font-size: 0.85em;`	231	`font-size: 0.85em;`
230	`margin: 0.5em auto 0 auto;`	232	`margin: 0.5em auto 0 auto;`
231	`}`	233	`}`
232		234
233	`div.minibb-formcaptcha input {`	235	`div.minibb-formcaptcha input {`
234	`width: auto;`	236	`width: auto;`
235	`margin: 0 0 0 0.5em;`	237	`margin: 0 0 0 0.5em;`
236	`}`	238	`}`
237		239
238	`a.minibb-searchresult {`	240	`a.minibb-searchresult {`
239	`text-decoration: none;`	241	`text-decoration: none;`
240	`color: inherit;`	242	`color: inherit;`
241	`}`	243	`}`
242		244
243	`a.minibb-searchresult div {`	245	`a.minibb-searchresult div {`
244	`border: 1px #bbb solid;`	246	`border: 1px #bbb solid;`
245	`margin-bottom: 1.4em;`	247	`margin-bottom: 1.4em;`
246	`padding: 0.2em 0.5em;`	248	`padding: 0.2em 0.5em;`
247	`border-radius: 0.2em;`	249	`border-radius: 0.2em;`
248	`}`	250	`}`
249		251
250	`a.minibb-searchresult div p {`	252	`a.minibb-searchresult div p {`
251	`font-size: 0.9em;`	253	`font-size: 0.9em;`
252	`opacity: 0.7;`	254	`opacity: 0.7;`
253	`text-indent: 0;`	255	`text-indent: 0;`
254	`margin: 0;`	256	`margin: 0;`
255	`}`	257	`}`
256		258
257	`a.minibb-searchresult div h1 {`	259	`a.minibb-searchresult div h1 {`
258	`text-align: left;`	260	`text-align: left;`
259	`margin: 0 0 0.5em 0;`	261	`margin: 0 0 0.5em 0;`
260	`font-weight: bold;`	262	`font-weight: bold;`
261	`font-size: 1.1em;`	263	`font-size: 1.1em;`
262	`text-indent: 0;`	264	`text-indent: 0;`
263	`}`	265	`}`
264		266

Subversion Repositories SvarDOS

(root)/website/mateuszbb-common.css – Rev 1223 → 1225