source: wikiextrasplugin/trunk/tracwikiextras/htdocs/css/boxes.css

Last change on this file was 14316, checked in by Mikael Relbe, 9 years ago

WikiExtrasPlugin 1.0dev: CSS: Apply vertical margin only to first child content in a box.

Patch by lucid, many thanks! Fixes #10362

  • Property svn:eol-style set to native
  • Property svn:mime-type set to text/css
File size: 8.6 KB
Line 
1.wikiextras.box {
2    background: #f7f7f0;
3    border: 1px outset #eee;
4    border-radius: 11px;
5    box-shadow: .2em .2em .7em 0 #777;
6    font-size: 0.85em;
7    margin: 1em 0 2em 1.75em;
8    overflow: auto;
9    padding: 0 11px;
10}
11.wikiextras.box h1, .wikiextras.box h2, .wikiextras.box h3,
12.wikiextras.box h4, .wikiextras.box h5, .wikiextras.box h6 {
13    background: none;
14    border: none;
15    color: #000;
16    margin: 1em 0 0.5em 0;
17    padding: 0;
18    text-shadow: none;
19}
20.wikiextras.box h1 {
21    background: #d7d7d0;
22    border-radius: 11px 11px 0 0;
23    font-size: 1.3em;
24    margin: 0 -11px 9px -11px;
25    padding: 0.3em 11px;
26}
27.wikiextras.box * + h1 {
28    margin-top: 1.5em;
29    border-radius: 0;
30}
31.wikiextras.box h2, .wikiextras.box h3, .wikiextras.box h4 {
32    font-size: 1.1em;
33}
34.wikiextras.box h3 {
35    font-style: normal;
36    font-weight: 100;
37    text-decoration: underline;
38}
39.wikiextras.box h4 {
40    font-style: italic;
41    font-weight: 100;
42}
43.wikiextras.box p {
44    padding: 0;
45}
46.wikiextras.box h2 + p, .wikiextras.box h3 + p, .wikiextras.box h4 + p,
47.wikiextras.box h5 + p, .wikiextras.box h6 + p {
48    margin-top: 0.2em;
49}
50.wikiextras.box ol, .wikiextras.box ul {
51    padding-left: 20px;
52}
53.wikiextras.box > ol, .wikiextras.box > ul, .wikiextras.box > img,
54.wikiextras.box > table {
55    margin-bottom: 1em;
56    margin-top: 1em;
57}
58.wikiextras.box img + *, .wikiextras.box table + *,
59.wikiextras.box * + img, .wikiextras.box * + table {
60    margin-top: 0;
61}
62.wikiextras.box > img {
63    border: 1px solid black;
64}
65.wikiextras.box hr {
66    border-color: #c7c7c0;
67    margin-top: 1em;
68    margin-bottom: 1em;
69}
70.wikiextras.box .post hr {
71    display: none;
72}
73.wikiextras.box th, .wikiextras.box table.wiki th,
74.wikiextras.box table.docutils th {
75    background-color: #e0e0d8;
76}
77.wikiextras.box th, .wikiextras.box td,
78.wikiextras.box table.wiki th, .wikiextras.box table.wiki td,
79.wikiextras.box table.docutils th, .wikiextras.box table.docutils td {
80    font-size: 0.85em;
81    border-color: #b3b3ac;
82}
83
84/* Box alignment */
85.wikiextras.box.center {
86    display: table;
87    margin-left: auto;
88    margin-right: auto;
89}
90.wikiextras.box.left {
91    clear: left;
92    float: left;
93    margin-top: 0;
94    margin-right: 4em;
95    width: auto;
96}
97.wikiextras.box.right {
98    clear: right;
99    float: right;
100    margin-top: 0;
101    margin-left: 4em;
102    /* width determined by complementary css */
103}
104
105/* Box for presentation of image */
106.wikiextras.box.image {
107    text-align: center;
108}
109
110/* Colored boxes */
111.wikiextras.box.blue {
112    background: #E0F4FF;
113    border: 1px outset #C0D4DF;
114}
115.wikiextras.box.green {
116    background: #f2fff2;
117    border: 1px outset #d2dfd2;
118}
119.wikiextras.box.red {
120    background: #FFD2D2;
121    border: 1px outset #DFB2B2;
122}
123.wikiextras.box.yellow {
124    background: #FCF6DC;
125    border: 1px outset #DCD6BC;
126}
127.wikiextras.box.white {
128    background: #f7f7f0;
129    border: 1px outset #eee;
130}
131
132.wikiextras.box.blue th, .wikiextras.box.blue table.wiki th,
133.wikiextras.box.blue table.docutils th {
134    background-color: #CBDFEA;
135}
136.wikiextras.box.blue th, .wikiextras.box.blue td,
137.wikiextras.box.blue table.wiki th, .wikiextras.box.blue table.wiki td,
138.wikiextras.box.blue table.docutils th, .wikiextras.box.blue table.docutils td {
139    border-color: #A0B5C1;
140}
141
142.wikiextras.box.green h1, .wikiextras.box.green th,
143.wikiextras.box.green table.wiki th, .wikiextras.box.green table.docutils th {
144    background-color: #CFDEBA;
145}
146.wikiextras.box.green th, .wikiextras.box.green td,
147.wikiextras.box.green table.wiki th, .wikiextras.box.green table.wiki td,
148.wikiextras.box.green table.docutils th, .wikiextras.box.green table.docutils td {
149    border-color: #A4B491;
150}
151
152.wikiextras.box.red th, .wikiextras.box.red table.wiki th,
153.wikiextras.box.red table.docutils th {
154    background-color: #E6B9B9;
155}
156.wikiextras.box.red th, .wikiextras.box.red td,
157.wikiextras.box.red table.wiki th, .wikiextras.box.red table.wiki td,
158.wikiextras.box.red table.docutils th, .wikiextras.box.red table.docutils td {
159    border-color: #CFA2A2;
160}
161
162.wikiextras.box.yellow th, .wikiextras.box.yellow table.wiki th,
163.wikiextras.box.yellow table.docutils th {
164    background-color: #E0DAC0;
165}
166.wikiextras.box.yellow th, .wikiextras.box.yellow td,
167.wikiextras.box.yellow table.wiki th, .wikiextras.box.yellow table.wiki td,
168.wikiextras.box.yellow table.docutils th, .wikiextras.box.yellow table.docutils td {
169    border-color: #BCB69C;
170}
171
172.wikiextras.box.white th, .wikiextras.box.white table.wiki th,
173.wikiextras.box.white table.docutils th {
174    background-color: #e0e0d8;
175}
176.wikiextras.box.white th, .wikiextras.box.white td,
177.wikiextras.box.white table.wiki th, .wikiextras.box.white table.wiki td,
178.wikiextras.box.white table.docutils th, .wikiextras.box.white table.docutils td {
179    border-color: #b3b3ac;
180}
181
182/* Icon box */
183.wikiextras.box.icon {
184    background-repeat: no-repeat;
185    background-position: 11px 11px;
186    min-height: 46px;
187    padding-left: 46px;
188}
189.wikiextras.box.icon h1, .wikiextras.box.icon h2, .wikiextras.box.icon h3,
190.wikiextras.box.icon h4, .wikiextras.box.icon h5, .wikiextras.box.icon h6 {
191    background: none;
192    border: none;
193    border-radius: 0;
194    margin-left: 0;
195    padding: 0 2em 0 0;
196}
197.wikiextras.box.icon > *:first-child {
198    margin-top: 15px;
199}
200.wikiextras.box.icon * + h1 {
201    margin-top: 1.5em;
202}
203
204.wikiextras.box.icon.center, .wikiextras.box.icon.right {
205    /* width determined by complementary css */
206}
207
208/* Icons (shadowless) */
209.wikiextras.box.icon.comment {
210    background-image: url(../icons/fugue/bonus/icons-shadowless-24/sticky-note.png);
211}
212.wikiextras.box.icon.configure {
213    background-image: url(../icons/fugue/bonus/icons-shadowless-24/vise.png);
214}
215.wikiextras.box.icon.details {
216    background-image: url(../icons/fugue/bonus/icons-shadowless-24/magnifier.png);
217}
218.wikiextras.box.icon.discussion {
219    background-image: url(../icons/fugue/bonus/icons-shadowless-24/balloon.png);
220}
221.wikiextras.box.icon.information {
222    background-image: url(../icons/fugue/bonus/icons-shadowless-24/information.png);
223}
224.wikiextras.box.icon.nok {
225    background-image: url(../icons/fugue/bonus/icons-shadowless-24/thumb.png);
226}
227.wikiextras.box.icon.ok {
228    background-image: url(../icons/fugue/bonus/icons-shadowless-24/thumb-up.png);
229}
230.wikiextras.box.icon.question {
231    background-image: url(../icons/fugue/bonus/icons-shadowless-24/question.png);
232}
233.wikiextras.box.icon.stop {
234    background-image: url(../icons/fugue/bonus/icons-shadowless-24/cross-circle.png);
235}
236.wikiextras.box.icon.tips {
237    background-image: url(../icons/fugue/bonus/icons-shadowless-24/light-bulb-off.png);
238}
239.wikiextras.box.icon.warning {
240    background-image: url(../icons/fugue/bonus/icons-shadowless-24/exclamation.png);
241}
242
243/* Icons (shadow) */
244.wikiextras.box.icon.shadow.comment {
245    background-image: url(../icons/fugue/bonus/icons-24/sticky-note.png);
246}
247.wikiextras.box.icon.shadow.configure {
248    background-image: url(../icons/fugue/bonus/icons-24/vise.png);
249}
250.wikiextras.box.icon.shadow.details {
251    background-image: url(../icons/fugue/bonus/icons-24/magnifier.png);
252}
253.wikiextras.box.icon.shadow.discussion {
254    background-image: url(../icons/fugue/bonus/icons-24/balloon.png);
255}
256.wikiextras.box.icon.shadow.information {
257    background-image: url(../icons/fugue/bonus/icons-24/information.png);
258}
259.wikiextras.box.icon.shadow.nok {
260    background-image: url(../icons/fugue/bonus/icons-24/thumb.png);
261}
262.wikiextras.box.icon.shadow.ok {
263    background-image: url(../icons/fugue/bonus/icons-24/thumb-up.png);
264}
265.wikiextras.box.icon.shadow.question {
266    background-image: url(../icons/fugue/bonus/icons-24/question.png);
267}
268.wikiextras.box.icon.shadow.stop {
269    background-image: url(../icons/fugue/bonus/icons-24/cross-circle.png);
270}
271.wikiextras.box.icon.shadow.tips {
272    background-image: url(../icons/fugue/bonus/icons-24/light-bulb-off.png);
273}
274.wikiextras.box.icon.shadow.warning {
275    background-image: url(../icons/fugue/bonus/icons-24/exclamation.png);
276}
277
278/* Override trac styling */
279.wiki-toc {
280    background: #f7f7f0 !important;
281    border: 1px outset #eee !important;
282    border-radius: 11px !important;
283    box-shadow: .2em .2em .7em 0 #777;
284    clear: both !important;
285    float: right !important;
286    font-size: 0.85em !important;
287    margin: 0 0 2em 4em !important;
288    overflow: auto !important;
289    padding: 0 11px !important;
290    /* width determined by complementary css */
291}
292.wiki-toc h4 {
293    background: #d7d7d0 !important;
294    border-radius: 11px 11px 0 0 !important;
295    font-size: 1.3em !important;
296    margin: 0 -11px 9px -11px !important;
297    padding: 0.3em 11px !important;
298}
299.wiki-toc > ol, .wiki-toc > ul {
300    margin-bottom: 1em !important;
301    margin-top: 1em !important;
302}
303#prefs {
304    margin: 0 0 2em 2em !important;
305}
Note: See TracBrowser for help on using the repository browser.