fixed margin for "event calendar 3" plugin
[opensuse:marguerite-bento.git] / bento / style.css
1 /*
2 Theme Name: openSUSE - Bento Theme
3 Theme URI: http://www.opensuse.org
4 Description: The default WordPress theme of openSUSE.org.
5 Author: Robert Lihm
6 Author URI: http://www.opensuse.org
7 Tags: grey, fixed width, two columns, widgets, multiple sidebars
8 Version: 1.0
9
10 The CSS, XHTML and design is released under MIT:
11 http://www.opensource.org/licenses/mit-license.php
12
13 */
14
15 /* openSUSE - Bento Theme Style on static.o.o */
16 @import url('http://static.opensuse.org/themes/bento/css/style.css');
17
18 /* == local development: ================================================== */
19 /*@import url('css/style.css'); */
20 /* ======================================================================== */
21
22
23 /* Bento Theme Wordpress Styles */
24
25 .page-navigation {
26   margin-bottom: 2em;
27 }
28
29 .post {
30   margin-bottom: 4em;
31   clear: both;
32 }
33
34 .post:first-child {
35   border: none;
36 }
37
38 .post h2:first-child {
39   margin-bottom: 3px;
40 }
41 .post h3:first-child {
42   margin-bottom: 3px;
43 }
44 .post h3 a {
45   color: #690;
46 }
47
48 #respond h3:first-child,
49 .entry > p:first-child,
50 .entry div > p:first-child,
51 .postmetadata,
52 #comments {
53   border-top: 1px dotted #ccc;
54   padding-top: 0.5em;
55 }
56 .postmetadata {
57   font-size: 0.8em;
58   padding-top: 0.2em;
59   margin-left: 15px;
60   margin-right: 15px;
61 }
62   .postmetadata small {
63     margin: 0;
64   }
65
66 .postmetadata ul {
67   margin: 0;
68 }
69
70 .post-navigation {
71   overflow: hidden;
72   margin-bottom: 2em;
73 }
74
75 .post-navigation a {
76   display: inline;
77   color: #690;
78 }
79
80 .post h2 a {
81   color: #690;
82 }
83
84 #respond {
85   
86 }
87 #respond h3 {
88   margin-bottom: 0;
89 }
90 #respond textarea {
91   width: 99%;
92   border: 1px solid #999;
93 }
94 #respond textarea:focus {
95   -webkit-box-shadow: 0 1px 3px #999;
96   -moz-box-shadow: 0 1px 3px #999;
97   box-shadow: 0 1px 3px #999;
98   border-color: #690;
99 }
100
101 .comment-meta {
102   margin-bottom: 1em;
103 }
104
105 .commentlist {
106   list-style-type: none;
107   padding: 0;
108 }
109
110 .comment-author {
111   float: left;
112   font-size: 9px;
113   margin-left: 15px;
114   text-align: center;
115   width: 75px;
116 }
117
118 .comment-author .comment-meta {
119   margin-left: 0;
120   margin-top: 0.5em;
121 }
122 .comment-author img {
123   -webkit-box-shadow: 0 1px 3px #999;
124   -moz-box-shadow: 0 1px 3px #999;
125   box-shadow: 0 1px 3px #999;
126   border: 1px solid #690;
127   
128   margin: 0 auto 0.5em;
129   display: block;
130 }
131 .comment-author cite {
132   font-style: normal;
133 }
134   .comment-author cite:hover {
135     font-size: 12px;
136   }
137   
138 .comment-meta,
139 .commentlist p {
140   margin-left: 100px;
141   margin-top: 0;
142 }
143
144 .comment-meta {
145   font-size: 10px;
146 }
147
148 .comment-author img.avatar {}
149 .cancel-comment-reply {}
150
151 .pagetitle {
152   color: #666;
153   text-shadow: 0 0 2px #999;
154 }
155
156 /* === Generall content spacing === */
157 .post-navigation,
158 .widget_tag_cloud div,
159 .textwidget,
160 .widget_categories select,
161 .page-navigation {
162   margin-left: 15px;
163   margin-right: 15px;
164 }
165
166   .widget_tag_cloud a:hover,
167   .post-navigation a:hover,
168   .navigation #wp-calendar td a:hover,
169         .page-navigation a:hover {
170     background-image: none;
171   }
172   .widget_tag_cloud a:hover {
173     text-shadow: 0 1px 2px #999;
174   }
175
176 .box-header {
177   border-top-left-radius: 5px;
178   border-top-right-radius: 5px;
179   -moz-border-radius-topleft: 5px;
180   -moz-border-radius-topright: 5px;
181   -webkit-border-top-left-radius: 5px;
182   -webkit-border-top-right-radius: 5px;
183   -khtml-border-top-left-radius: 5px;
184   -khtml-border-top-right-radius: 5px;
185   margin-top: -15px;
186   margin-bottom: 15px!important;
187   border-bottom: 1px solid #ddd;
188 }
189
190 #header #searchform input  {
191   -moz-border-radius: 5px;
192   -webkit-border-radius: 5px;
193   -khtml-border-radius: 5px;
194   border-radius: 5px;
195
196   border: 1px solid #2e2e2e;
197   color: #999;
198   width: 150px;
199
200   margin-top: 5px;
201 }
202   #header #searchform input:focus {
203     color: #330;
204     box-shadow: none;
205     -webkit-box-shadow: none;
206     -moz-box-shadow: none;
207   }
208
209 #header #searchform label {
210   position: absolute;
211   top: 9px;
212   text-indent: 6px;
213   font-size: 10px;
214   color: #999;
215   
216 /*  display: none;*/
217 }
218
219 /* == Sidebar ============================================================= */
220
221 .aside ul {
222   margin-top: 0;
223   margin-left: 0;
224   margin-right: 0;
225   padding: 0;
226 }
227
228 .aside .widget:first-child {
229   margin-top: 0;
230 }
231
232 .widget .box ul {
233   margin-left: 15px;
234   margin-right: 15px;
235   margin-top: 0;
236 }
237 .widget li {
238   padding-left: 15px;
239   padding-right: 15px;
240 }
241 .widget {
242 /*  margin-bottom: 2em;*/
243 /*  margin-top: 0.5em !important;*/
244 }
245
246 .widget h3 {
247   margin-left: 0;
248   margin-right: 0;
249 }
250
251 /*.widget:first-child .box-subheader {*/
252 .widget .box-subheader {
253   /* settings from .box-header */
254   border-top-left-radius: 5px;
255   border-top-right-radius: 5px;
256   -moz-border-radius-topleft: 5px;
257   -moz-border-radius-topright: 5px;
258   -webkit-border-top-left-radius: 5px;
259   -webkit-border-top-right-radius: 5px;
260   -khtml-border-top-left-radius: 5px;
261   -khtml-border-top-right-radius: 5px;
262 /*  margin-top: -22px;*/ /* place header at top */
263   margin-bottom: 15px!important;
264   border-bottom: 1px solid #ddd;
265   border-top: 0;
266 }
267
268 /* === Calendar === */
269 .widget .box-subheader {
270   text-indent: 15px;
271 }
272
273 .widget_calendar td {
274   width: 2em;
275 }
276
277 #wp-calendar table {
278   margin-left: 0.5em;
279   margin-right: 0.5em;
280 }
281
282 #wp-calendar caption {
283   font-weight: bold;
284 }
285
286 #wp-calendar a {
287   color: #690;
288 }
289 #wp-calendar a:hover {
290    background-image: none;
291 }
292
293 /* === Tag Clude === */
294
295 .widget_tag_cloud div {
296   overflow: hidden;
297 }
298
299 .widget_tag_cloud a {
300   float: left;
301   background: none;
302   display: inline;
303   margin: 3px;
304   color: #690;
305 }
306
307 /* === Text Widget === */
308
309
310 /* === Categories === */
311 .widget_categories {}
312 .widget_categories select {
313   border: 1px solid #999;
314   width: 85%;
315 }
316 .widget_categories option {}
317 .widget_categories option:nth-child(even) {background: #eee;}
318 .widget_categories option:first-child {color: #999;}
319
320 /* === Search Page === */
321
322
323 /* == Plugins == */
324
325 /* -- Post Highlights -- */
326
327 #posthighlights_container {
328   /* Set the width to 700px in WP Backend */
329   margin-top: -15px;
330   margin-bottom: 2em;
331   padding: 0!important;
332   border-top-right: 5px;
333   border-top: 21px solid #111;
334   border-bottom: 10px solid #111;
335   
336   border-top-left: 5px;
337   -moz-border-radius-topleft: 5px;
338   -webkit-border-top-left: 5px;
339   -khtml-border-top-left: 5px;
340
341   border-top-left: 5px;
342   -moz-border-radius-topright: 5px;
343   -webkit-border-top-right: 5px;
344   -khtml-border-top-right: 5px;
345   
346 }
347
348 #posthighlights_container .ph-canvas {}
349
350
351 #search-header {
352   text-align: center;
353   margin-bottom: 5em;
354 }
355
356 /* Comment Reply Button */
357 .reply {
358   margin-left: 1em;
359   clear: both;
360   padding: 1em 0;
361 }
362
363 /* Post Rating */
364 .post-ratings {
365   margin-left: 1.2em;
366   margin-top: 0.5em;
367   font-size: 0.9em;
368 }
369
370 /* Playground */
371