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

Subversion Repositories SvarDOS

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