PluginProbe
oik / 1.8
oik v1.8
1.10 1.11 1.12 1.13 1.14 1.15 1.16 1.17 1.2 1.3 1.3.1 1.4 1.5 1.6 1.7 1.8 1.9 2.0 2.0.1 2.1 2.2 2.3 2.4 2.5 2.5.1 All 71 releases
oik / oik.css

oik.css in oik 1.8, at oik.css

409 lines 18.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* -----------------------------------------------------------------------
2
3 oik.css is an extract of the blueprint.css for use with Artisteer generated stylesheets
4
5 blueprint used in oik brief overview
6 --------- ----------- ---------------------
7 reset.css NO we don't reset AGAIN since it's done very early on by Drupal
8 typography.css NO the typography is determined by the artisteer program
9 it may not be as GOOD as blueprint... but if we override it
10 we can end up with funny font sizes
11 .classes YES BUT we do use the general classes defined in blueprint
12
13 forms.css YES Fields for forms
14 grid.css YES This is the main reason for using Blueprint. Easy coding in .html
15
16 Note: This stylesheet will be embedded BEFORE the selected Drupal theme's style.css file
17 So if you want to override the artisteer style again you may need to define an additional style sheet.
18 eg. gdwhite.css in the gdwifaw theme
19
20
21 Blueprint CSS Framework 0.9
22 http://blueprintcss.org
23
24 * Copyright (c) 2007-Present. See LICENSE for more info.
25 * See README for instructions on how to use Blueprint.
26 * For credits and origins, see AUTHORS.
27 * This is a compressed file. See the sources in the 'src' directory.
28
29 ----------------------------------------------------------------------- */
30
31 /* reset.css */
32 /* html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} */
33 /* body {line-height:1.0;} */
34 /* table {border-collapse:separate;border-spacing:0;} */
35 /* caption, th, td {text-align:left;font-weight:normal;} */
36 /* table, td, th {vertical-align:middle;} */
37 /* blockquote:before, blockquote:after, q:before, q:after {content:"";} */
38 /* blockquote, q {quotes:"" "";} */
39 /* a img {border:none;} */
40
41
42 /* typography.css */
43 /* html {font-size:100.01%;} */
44 /* */
45 /* body {color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:83%; } */
46 /* h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} */
47 /* h1 {font-size:2.7em;line-height:1;margin-bottom:0.5em;} */
48 /* h2 {font-size:1.8em;margin-bottom:0.75em;} */
49 /* h3 {font-size:1.3em;line-height:1;margin-bottom:1em;} */
50 /* h4 {font-size:1.1em;line-height:1.25;margin-bottom:1.25em;} */
51 /* h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} */
52 /* h6 {font-size:1em;font-weight:bold;} */
53 /* h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} */
54 /* p {margin:0 0 1em; font-size:120%;} */
55 /* li {font-size: 1.2em; } */
56 /* p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} */
57 /* p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} */
58 /* a:focus, a:hover {color:#000;} */
59 /* a {color:#009;text-decoration:underline;} */
60 /* blockquote {margin:1.5em;color:#666;font-style:italic;} */
61 /* strong {font-weight:bold;} */
62 em, dfn {font-style:italic;}
63 /* dfn {font-weight:bold;} */
64 /* sup, sub {line-height:0;} */
65 abbr, acronym {border-bottom:1px dotted #666;}
66 /* address {margin:0 0 1.5em;font-style:italic;} */
67 /* del {color:#666;} */
68 /* pre {margin:1.5em 0;white-space:pre;} */
69 /* pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} */
70 /* li ul, li ol {margin:0;} */
71 /* ul, ol {margin:0 1.0em 1.0em 1.0em ;padding-left:3.333em;} */
72 /* ul { margin: 0.5em 0.5em 0.5em 1.0em; list-style-position: outside; padding-left: 1.0em } */
73 /* ul {list-style-type:disc;} */
74 /* ol {list-style-type:decimal;} */
75 /* dl {margin:0 0 1.5em 0;} */
76 /* dl dt {font-weight:bold;} */
77 /* dd {margin-left:1.5em;} */
78 /* table {margin-bottom:1.4em;width:100%;} */
79 /* th {font-weight:bold;} */
80 /* thead th {background:#c3d9ff;} */
81 /* th, td, caption {padding:0px 10px 0px 5px;} */
82 /* tr.even td {background:#e5ecf9;} */
83 /* tfoot {font-style:italic;} */
84 /* caption {background:#eee;} */
85
86
87 .small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
88 .large {font-size:1.4em;margin-bottom:0.25em;}
89 .hide {display:none;}
90 .quiet {color:#666;}
91 .loud {color:#000;}
92 .highlight {background:#ff0;}
93 .added {background:#060;color:#fff;}
94 .removed {background:#900;color:#fff;}
95 .first {margin-left:0;padding-left:0;}
96 .last {margin-right:0;padding-right:0;}
97 .top {margin-top:0;padding-top:0;}
98 .bottom {margin-bottom:0;padding-bottom:0;}
99
100 /* forms.css label {font-weight:normal; color: #213623;}
101 fieldset {padding:1.4em;margin:0 0 0.5em 0;border:1px solid #ccc;}
102 legend {font-weight:bold;font-size:1.3em; color: #213623; }
103 input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
104 input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
105 input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.2em 0;}
106 input.text, input.title {width:240px;padding:2px;}
107 input.title {font-size:1.5em;}
108 textarea {width:280px;height:150px;padding:5px;}
109 input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
110 form.inline {line-height:3;}
111 form.inline p {margin-bottom:0;}
112 .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
113 .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
114 .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
115 .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
116 .error a {color:#8a1f11;}
117 .notice a {color:#514721;}
118 .success a {color:#264409;}
119 */
120
121
122 /* grid.css */
123 .container {width:950px;margin:0 auto;}
124 .showgrid {background:url(src/grid.png);}
125 .column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
126 .last, div.last {margin-right:0;}
127 .span-1 {width:30px;}
128 .span-2 {width:70px;}
129 .span-3 {width:110px;}
130 .span-4 {width:150px;}
131 .span-5 {width:190px;}
132 .span-6 {width:230px;}
133 .span-7 {width:270px;}
134 .span-8 {width:310px;}
135 .span-9 {width:350px;}
136 .span-10 {width:390px;}
137 .span-11 {width:430px;}
138 .span-12 {width:470px;}
139 .span-13 {width:510px;}
140 .span-14 {width:550px;}
141 .span-15 {width:590px;}
142 .span-16 {width:630px;}
143 .span-17 {width:670px;}
144 .span-18 {width:710px;}
145 .span-19 {width:750px;}
146 .span-20 {width:790px;}
147 .span-21 {width:830px;}
148 .span-22 {width:870px;}
149 .span-23 {width:910px;}
150 .span-24, div.span-24 {width:950px;margin-right:0;}
151 input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
152 input.span-1, textarea.span-1 {width:18px!important;}
153 input.span-2, textarea.span-2 {width:58px!important;}
154 input.span-3, textarea.span-3 {width:98px!important;}
155 input.span-4, textarea.span-4 {width:138px!important;}
156 input.span-5, textarea.span-5 {width:178px!important;}
157 input.span-6, textarea.span-6 {width:218px!important;}
158 input.span-7, textarea.span-7 {width:258px!important;}
159 input.span-8, textarea.span-8 {width:298px!important;}
160 input.span-9, textarea.span-9 {width:338px!important;}
161 input.span-10, textarea.span-10 {width:378px!important;}
162 input.span-11, textarea.span-11 {width:418px!important;}
163 input.span-12, textarea.span-12 {width:458px!important;}
164 input.span-13, textarea.span-13 {width:498px!important;}
165 input.span-14, textarea.span-14 {width:538px!important;}
166 input.span-15, textarea.span-15 {width:578px!important;}
167 input.span-16, textarea.span-16 {width:618px!important;}
168 input.span-17, textarea.span-17 {width:658px!important;}
169 input.span-18, textarea.span-18 {width:698px!important;}
170 input.span-19, textarea.span-19 {width:738px!important;}
171 input.span-20, textarea.span-20 {width:778px!important;}
172 input.span-21, textarea.span-21 {width:818px!important;}
173 input.span-22, textarea.span-22 {width:858px!important;}
174 input.span-23, textarea.span-23 {width:898px!important;}
175 input.span-24, textarea.span-24 {width:938px!important;}
176 .append-1 {padding-right:40px;}
177 .append-2 {padding-right:80px;}
178 .append-3 {padding-right:120px;}
179 .append-4 {padding-right:160px;}
180 .append-5 {padding-right:200px;}
181 .append-6 {padding-right:240px;}
182 .append-7 {padding-right:280px;}
183 .append-8 {padding-right:320px;}
184 .append-9 {padding-right:360px;}
185 .append-10 {padding-right:400px;}
186 .append-11 {padding-right:440px;}
187 .append-12 {padding-right:480px;}
188 .append-13 {padding-right:520px;}
189 .append-14 {padding-right:560px;}
190 .append-15 {padding-right:600px;}
191 .append-16 {padding-right:640px;}
192 .append-17 {padding-right:680px;}
193 .append-18 {padding-right:720px;}
194 .append-19 {padding-right:760px;}
195 .append-20 {padding-right:800px;}
196 .append-21 {padding-right:840px;}
197 .append-22 {padding-right:880px;}
198 .append-23 {padding-right:920px;}
199 .prepend-1 {padding-left:40px;}
200 .prepend-2 {padding-left:80px;}
201 .prepend-3 {padding-left:120px;}
202 .prepend-4 {padding-left:160px;}
203 .prepend-5 {padding-left:200px;}
204 .prepend-6 {padding-left:240px;}
205 .prepend-7 {padding-left:280px;}
206 .prepend-8 {padding-left:320px;}
207 .prepend-9 {padding-left:360px;}
208 .prepend-10 {padding-left:400px;}
209 .prepend-11 {padding-left:440px;}
210 .prepend-12 {padding-left:480px;}
211 .prepend-13 {padding-left:520px;}
212 .prepend-14 {padding-left:560px;}
213 .prepend-15 {padding-left:600px;}
214 .prepend-16 {padding-left:640px;}
215 .prepend-17 {padding-left:680px;}
216 .prepend-18 {padding-left:720px;}
217 .prepend-19 {padding-left:760px;}
218 .prepend-20 {padding-left:800px;}
219 .prepend-21 {padding-left:840px;}
220 .prepend-22 {padding-left:880px;}
221 .prepend-23 {padding-left:920px;}
222 div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
223 div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
224 .pull-1 {margin-left:-40px;}
225 .pull-2 {margin-left:-80px;}
226 .pull-3 {margin-left:-120px;}
227 .pull-4 {margin-left:-160px;}
228 .pull-5 {margin-left:-200px;}
229 .pull-6 {margin-left:-240px;}
230 .pull-7 {margin-left:-280px;}
231 .pull-8 {margin-left:-320px;}
232 .pull-9 {margin-left:-360px;}
233 .pull-10 {margin-left:-400px;}
234 .pull-11 {margin-left:-440px;}
235 .pull-12 {margin-left:-480px;}
236 .pull-13 {margin-left:-520px;}
237 .pull-14 {margin-left:-560px;}
238 .pull-15 {margin-left:-600px;}
239 .pull-16 {margin-left:-640px;}
240 .pull-17 {margin-left:-680px;}
241 .pull-18 {margin-left:-720px;}
242 .pull-19 {margin-left:-760px;}
243 .pull-20 {margin-left:-800px;}
244 .pull-21 {margin-left:-840px;}
245 .pull-22 {margin-left:-880px;}
246 .pull-23 {margin-left:-920px;}
247 .pull-24 {margin-left:-960px;}
248 .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
249 .push-1 {margin:0 -40px 1.5em 40px;}
250 .push-2 {margin:0 -80px 1.5em 80px;}
251 .push-3 {margin:0 -120px 1.5em 120px;}
252 .push-4 {margin:0 -160px 1.5em 160px;}
253 .push-5 {margin:0 -200px 1.5em 200px;}
254 .push-6 {margin:0 -240px 1.5em 240px;}
255 .push-7 {margin:0 -280px 1.5em 280px;}
256 .push-8 {margin:0 -320px 1.5em 320px;}
257 .push-9 {margin:0 -360px 1.5em 360px;}
258 .push-10 {margin:0 -400px 1.5em 400px;}
259 .push-11 {margin:0 -440px 1.5em 440px;}
260 .push-12 {margin:0 -480px 1.5em 480px;}
261 .push-13 {margin:0 -520px 1.5em 520px;}
262 .push-14 {margin:0 -560px 1.5em 560px;}
263 .push-15 {margin:0 -600px 1.5em 600px;}
264 .push-16 {margin:0 -640px 1.5em 640px;}
265 .push-17 {margin:0 -680px 1.5em 680px;}
266 .push-18 {margin:0 -720px 1.5em 720px;}
267 .push-19 {margin:0 -760px 1.5em 760px;}
268 .push-20 {margin:0 -800px 1.5em 800px;}
269 .push-21 {margin:0 -840px 1.5em 840px;}
270 .push-22 {margin:0 -880px 1.5em 880px;}
271 .push-23 {margin:0 -920px 1.5em 920px;}
272 .push-24 {margin:0 -960px 1.5em 960px;}
273 .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
274 .prepend-top {margin-top:1.5em;}
275 .append-bottom {margin-bottom:1.5em;}
276 .box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
277 hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
278 hr.space {background:#fff;color:#fff;visibility:hidden;}
279 .clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
280 .clearfix, .container {display:block;}
281 .clear {clear:both;}
282
283
284 /* Social networking classes for links */
285 .notext { list-style-type: none;}
286
287 ul.notext li
288 { width: 50px; overflow: hidden; background-image: none;padding-left: 0px;}
289
290
291 ul.inline, ul.inline li { float: left; list-style-type: none; }
292 ul.inliner, ul.inliner li { float: right; list-style-type: none; }
293
294 ul.inline li, ul.inliner li { display: inline; line-height: 50px; padding-top: 16px; padding-bottom: 16px; background-image: none; font-size: 18px; }
295
296
297 ul.notext li { line-height: 50px; }
298
299 .followme a,
300 a.Facebook ,
301 a.LinkedIn ,
302 a.Twitter ,
303 a.Blogger ,
304 a.Delicious ,
305 a.Digg ,
306 a.Drupal ,
307 a.Flickr ,
308 a.Google ,
309 a.GooglePlus ,
310 a.Picasa ,
311 a.Stumbleupon ,
312 a.Technorati ,
313 a.WordPress ,
314 a.Yahoo ,
315 a.YouTube ,
316 a.directory ,
317 a.post ,
318 a.page ,
319 a.my-site
320 { line-height: 50px; padding: 16px 0px 16px 50px; }
321
322 li.email { background: transparent url(images/email_48.png) no-repeat top left; }
323
324 /* Changed li.* to a.* below 2010/12/06 */
325 a.Facebook { background: transparent url(images/facebook_48.png) no-repeat top left ; }
326 a.LinkedIn { background: transparent url(images/linkedin_48.png) no-repeat top left ; }
327 a.Twitter { background: transparent url(images/twitter_48.png) no-repeat top left ; }
328 a.Blogger { background: transparent url(images/blogger_48.png) no-repeat top left ; }
329 a.Delicious { background: transparent url(images/delicious_48.png) no-repeat top left ; }
330 a.Digg { background: transparent url(images/digg_48.png) no-repeat top left ; }
331 a.Drupal { background: transparent url(images/Drupal_48.png) no-repeat top left ; }
332 a.Flickr { background: transparent url(images/flickr_48.png) no-repeat top left ; }
333 a.Google { background: transparent url(images/google_48.png) no-repeat top left ; }
334 a.GooglePlus { background: transparent url(images/googleplus_48.png) no-repeat top left ; }
335 a.LinkedIn { background: transparent url(images/linkedin_48.png) no-repeat top left ; }
336 a.Picasa { background: transparent url(images/picasa_48.png) no-repeat top left ; }
337 a.Stumbleupon { background: transparent url(images/stumbleupon_48.png) no-repeat top left ; }
338 a.Technorati { background: transparent url(images/technorati_48.png) no-repeat top left ; }
339 a.WordPress { background: transparent url(images/wordpress_48.png) no-repeat top left ; }
340 a.Yahoo { background: transparent url(images/yahoo_48.png) no-repeat top left ; }
341 a.YouTube { background: transparent url(images/youtube_48.png) no-repeat top left ; }
342 a.directory { background: transparent url(images/directory_48.png) no-repeat top left ; }
343 a.my-site { background: transparent url(images/favicon-48.png) no-repeat top left ; }
344 a.post { background: transparent url(images/post_48.png) no-repeat top left ; }
345 a.page { background: transparent url(images/page_48.png) no-repeat top left ; }
346 a.bwtrace { background: transparent url(images/oik_trace_48.png) no-repeat top left ; }
347
348
349
350 /* CSS for Views forms buttons */
351 /* .views-exposed-form .views-exposed-widget .form-submit { margin-top:0; } */
352 /* form#views-ui-preview-form input#preview-submit { margin-top:0; } */
353 /* #edit-views-apply, #edit-views-reset { margin-top:0; } */
354
355 /* Class for styling the contact style button created using [bw_contact_button] */
356 a.contact { }
357
358
359 /* Classes for the [bw_block] shortcode to set the minimum height for a block
360 e.g.
361 [bw_block class="column span-6 bd-200"]
362 If these are not sufficient you can add more to your custom stylesheet
363 */
364 div.bd-100 .art-blockcontent { min-height: 100px; }
365 div.bd-150 .art-blockcontent { min-height: 150px; }
366 div.bd-200 .art-blockcontent { min-height: 200px; }
367 div.bd-250 .art-blockcontent { min-height: 250px; }
368 div.bd-300 .art-blockcontent { min-height: 300px; }
369 div.bd-350 .art-blockcontent { min-height: 350px; }
370 div.bd-400 .art-blockcontent { min-height: 400px; }
371 div.bd-450 .art-blockcontent { min-height: 450px; }
372 div.bd-500 .art-blockcontent { min-height: 500px; }
373 div.bd-550 .art-blockcontent { min-height: 550px; }
374
375 /* Classes for the emergency telephone number - darkish red */
376 div.emergency { color: #b53030 }
377
378 /* For [bw_show_googlemap] */
379 #map_canvas { height: 100%; min-height: 100% }
380
381 /* For [wp] = WordPress - see http://wordpress.org/about/logos/ */
382 span.wordpress { /* nothing yet */ }
383 span.word { color: #21759b; font-family: "Mrs. Eaves", Times, "Times New Roman", serif; font-variant: small-caps;}
384 span.press { color: #464646; font-family: "Mrs. Eaves", Times, "Times New Roman", serif; font-variant: small-caps;}
385 /* For [bp] = BuddyPress see http://buddypress.org/about/faq/ */
386 span.buddypress { /* nothing yet */ }
387 span.buddy { color: #D84800; font-family: Arial, Tahoma, Verdana, sans-serif; }
388 span.bpress { color: #555555; font-family: Arial, Tahoma, Verdana, sans-serif; }
389 /* For [drupal] = Drupal - see http://drupal.org/node/955994. Horatio Bold is the nearest font
390 but we'll just stick with the same font family as for drupal.org
391 */
392 span.drupal { color: #0678be; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
393 /* For [artisteer] */
394 span.artisteer { color: #D16521; font-family: Arial; }
395
396 div.adr div.type { display: none; }
397
398 /* disable the background on Mail Chimp's Email Format radio buttons */
399 div#mc_embed_signup ul li { background-image: none; }
400
401
402 /* Make the custom header image fit inside the meta box */
403 img.bw-header-box { margin: 0 auto; position: relative; max-width: 100%; margin-top: 0; margin-bottom: 0; }
404
405
406 /* If there is a menu called 'footer' in the footer then make it horizontal */
407 div.art-footer ul#menu-footer li { display: inline; text-transform: lowercase; }
408
409