added snoppet and css for rating 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 a {
278   color: #690;
279 }
280 #wp-calendar a:hover {
281    background-image: none;
282 }
283
284 /* === Tag Clude === */
285
286 .widget_tag_cloud div {
287   overflow: hidden;
288 }
289
290 .widget_tag_cloud a {
291   float: left;
292   background: none;
293   display: inline;
294   margin: 3px;
295   color: #690;
296 }
297
298 /* === Text Widget === */
299
300
301 /* === Categories === */
302 .widget_categories {}
303 .widget_categories select {
304   border: 1px solid #999;
305   width: 85%;
306 }
307 .widget_categories option {}
308 .widget_categories option:nth-child(even) {background: #eee;}
309 .widget_categories option:first-child {color: #999;}
310
311 /* === Search Page === */
312
313
314 /* == Plugins == */
315
316 /* -- Post Highlights -- */
317
318 #posthighlights_container {
319   /* Set the width to 700px in WP Backend */
320   margin-top: -15px;
321   margin-bottom: 2em;
322   padding: 0!important;
323   border-top-right: 5px;
324   border-top: 21px solid #111;
325   border-bottom: 10px solid #111;
326   
327   border-top-left: 5px;
328   -moz-border-radius-topleft: 5px;
329   -webkit-border-top-left: 5px;
330   -khtml-border-top-left: 5px;
331
332   border-top-left: 5px;
333   -moz-border-radius-topright: 5px;
334   -webkit-border-top-right: 5px;
335   -khtml-border-top-right: 5px;
336   
337 }
338
339 #posthighlights_container .ph-canvas {}
340
341
342 #search-header {
343   text-align: center;
344   margin-bottom: 5em;
345 }
346
347 /* Comment Reply Button */
348 .reply {
349   margin-left: 1em;
350   clear: both;
351   padding: 1em 0;
352 }
353
354 /* Post Rating */
355 .post-ratings {
356   margin-left: 1.2em;
357   margin-top: 0.5em;
358   font-size: 0.9em;
359 }
360
361 /* Playground */
362