]> git.vanrenterghem.biz Git - git.ikiwiki.info.git/blob - themes/blueview/style.css
formatting
[git.ikiwiki.info.git] / themes / blueview / style.css
1 /*    bzed theme for ikiwiki
2  *
3  *    Copyright (C) 2010 Bernd Zeimetz
4  *       Licensed under same license as ikiwiki: GPL v2 or later
5  *
6  *     Parts of this file are based on the awesome YUI,
7  *     these parts will stay under the BSD license,
8  *     but you're free to apply the GPLv2 to them, of course.
9  */
13 /* -------------------------------------------------------------------------------------------------
14 Based on reset-fonts-grids.css from yui.
15 Copyright (c) 2008, Yahoo! Inc. All rights reserved.
16 Code licensed under the BSD License:
17 http://developer.yahoo.net/yui/license.txt
18 version: 2.5.1
19 */
20 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,p,blockquote,th,td{margin:0;padding:0;}
21 table{border-collapse:collapse;border-spacing:0;}
22 img{border:0;}
23 address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
24 li{list-style:none;}
25 caption,th{text-align:left;}
26 h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
27 q:before,q:after{content:'';}
28 abbr,acronym {border:0;font-variant:normal;}
29 sup {vertical-align:text-top;}
30 sub {vertical-align:text-bottom;}
31 input,textarea,select{font-family:inherit;font-size: 13px/1.23;font-weight:normal;}
32 input,textarea,select{*font-size:100%;}
33 legend{color:#000;}
34 /* body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} */
35 body {font:13px/1.231 "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;*font-size:small;*font:x-small;}
36 table {font-size:inherit;font:100%;}
37 pre,code,kbd,samp,tt{font-family:monospace;}
40 body{text-align:left;}
41 .inlinefooter{clear:both;}
43 /* #doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;} */
44 .page {margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}
46 /* #doc3{margin:auto 10px;width:auto;} */
47 .page {margin:auto 10px;width:auto;}
49 #pagebody, .sidebar{position:relative;}
50 #pagebody, .sidebar{_position:static;}
51 #pagebody {position:static;}
52 .sidebar {float:right;width:16.5em;*width:16em;}
53 #pagebody {margin-right:19em;*margin-right:18.5em;}
54 /* #content {float:none;width:auto;} */
55 #pagebody:after, .sidebar:after, .page:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
56 .page f{zoom:1;}
58 /* ------------------------------------------------------------------------------------------------
59  * Taken from base.css, part of YUI's CSS Foundation
60  * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
61  * Code licensed under the BSD License:
62  * http://developer.yahoo.net/yui/license.txt
63  * version: 2.5.1
64 */
65 h1 {
66         /*18px via YUI Fonts CSS foundation*/
67         font-size:138.5%;
68 }
69 h2 {
70         /*16px via YUI Fonts CSS foundation*/
71         font-size:123.1%;
72 }
73 h3 {
74         /*14px via YUI Fonts CSS foundation*/
75         font-size:108%;
76 }
77 h1,h2,h3 {
78         /* top & bottom margin based on font size */
79         margin:1em 0;
80 }
81 h1,h2,h3,h4,h5,h6,strong {
82         /*bringing boldness back to headers and the strong element*/
83         font-weight:bold;
84 }
85 abbr,acronym {
86         /*indicating to users that more info is available */
87         border-bottom:1px dotted #000;
88         cursor:help;
89 }
90 em {
91         /*bringing italics back to the em element*/
92         font-style:italic;
93 }
94 blockquote,ul,ol,dl {
95         /*giving blockquotes and lists room to breath*/
96         margin:1em;
97 }
98 ol,ul,dl {
99         /*bringing lists on to the page with breathing room */
100         margin-left:2em;
102 ol li {
103         /*giving OL's LIs generated numbers*/
104         list-style: decimal outside;
106 ul li {
107         /*giving UL's LIs generated disc markers*/
108         list-style: disc outside;
110 dl dd {
111         /*giving UL's LIs generated numbers*/
112         margin-left:1em;
114 th,td {
115         /*borders and padding to make the table readable*/
116         border:1px solid #000;
117         padding:.5em;
119 th {
120         /*distinguishing table headers from data cells*/
121         font-weight:bold;
122         text-align:center;
124 caption {
125         /*coordinated margin to match cell's padding*/
126         margin-bottom:.5em;
127         /*centered so it doesn't blend in to other content*/
128         text-align:center;
130 p,fieldset,table,pre {
131         /*so things don't run into each other*/
132         margin-bottom:1em;
135 #searchbox {
136         width:21.5em;*width:21em;
141 /* ------------------------------------------------------------------------------------------------
142  * All CSS below is
143  * Copyright (C) 2010 Bernd Zeimetz
144  * Licensed under same license as ikiwiki: GPL v2 or later */
146 .page, .pageheader, .sidebar, #content, #comments, .inlinepage, .recentchanges, .pageheader .actions ul, #pagebody {
147         border: none;
150 html, body {
151         color:#000;
152         /* background-image: url('body_background.png');
153         background-repeat: repeat; */
154         background-color: #8da1b8;
157 body {
158         padding-left: 5%;
159         padding-right: 5%;
160         padding-top: 1em;
161         padding-bottom: 1em;
164 .page {
165         background: #fff;
166         border: outset #ccc;
167         padding-left: 1em;
168         padding-right: 1em;
169         padding-top: 1em;
172 .pageheader {
173         background-image: url('header_background.png');
174         background-repeat: repeat-x;
175         height: 100px;
176         padding-left: 1em;
177         padding-right: 1em;
178         padding-bottom: 1em;
179         padding-top: 1em;
182 .pageheader .header {
183         text-align: top;
184         clear: both;
187 .pageheader .header form {
188         padding: 0em 0em 0em 0em;
189         float: right;
190         margin-top: 0.5em;
193 .pageheader .header .title, .pageheader .header .parentlinks,
194  .inlinepage .inlineheader,
195  h1, h2, h3, h4, h5, h6 {
196         margin-top: 1em;
197         font-weight: bold;
200 .pageheader .header .title, .pageheader .header .parentlinks, .pageheader .actions ul li, .pageheader .header span, .pageheader #otherlanguages ul li {
201         padding: 0.25em 0.25em 0.25em 0.25em;
202         background-image: url('background_darkness.png');
203         background-repeat: repeat;
204         color: white;
207 .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a, .pageheader #otherlanguages ul li a {
208         color: white;
209         text-decoration: none;
212 .pageheader .actions {
213         text-align: right;
214         vertical-align: bottom;
215         clear: both;
218 #pagebody {
219         padding-right: 1em;
220         padding-bottom: 2em;
221         border-right: ridge #eee;
222         clear: none;
225 #content a, #comments a, .sidebar a {
226         color: #315485;
227         text-decoration: none;
228         font-weight: bold;
231 .sidebar h2 {
232         border-bottom: ridge #eee;
233         padding-right: 0;
236 .sidebar .menu {
237         margin-left: 1em;
241 .inlinepage, .recentchanges, div.recentchanges {
242         clear: none !important;
243         margin-bottom: 2em;
246 .inlinefooter {
247         border-top: 1px dotted #315485;
250 .inlinefooter .pagedate, .inlinefooter .tags {
251         display: inline;
252         clear: none;
253         margin-right: 2em;
256 .calendar .month-calendar th, .calendar .month-calendar td {
257         padding: 0.22em;
260 @media print {
261         .sidebar, .page .pageheader .header .parentlinks {
262                 content:".";
263                 display:block;
264                 height:0;
265                 visibility:hidden;
266         }
267         .page {
268                 padding: 1em 1em 1em 1em;
269         }
270         .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a {
271                 color #315485;
272         }
273         #content, #comments, #pagebody {
274                 margin-right: 0;
275                 *margin-right: 0;
276                 border-right: none;
277         }