underlays/themes/bzed/style.css

   1 /*    local.css 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  */
  10
  11
  12
  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,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
  21 table{border-collapse:collapse;border-spacing:0;}
  22 fieldset,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;}
  38
  39
  40 body{text-align:left;}
  41 .inlinefooter{clear:both;}
  42
  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;}
  45
  46 /* #doc3{margin:auto 10px;width:auto;} */
  47 .page {margin:auto 10px;width:auto;}
  48
  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;}
  57
  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;
 101 }
 102 ol li {
 103         /*giving OL's LIs generated numbers*/
 104         list-style: decimal outside;
 105 }
 106 ul li {
 107         /*giving UL's LIs generated disc markers*/
 108         list-style: disc outside;
 109 }
 110 dl dd {
 111         /*giving UL's LIs generated numbers*/
 112         margin-left:1em;
 113 }
 114 th,td {
 115         /*borders and padding to make the table readable*/
 116         border:1px solid #000;
 117         padding:.5em;
 118 }
 119 th {
 120         /*distinguishing table headers from data cells*/
 121         font-weight:bold;
 122         text-align:center;
 123 }
 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;
 129 }
 130 p,fieldset,table,pre {
 131         /*so things don't run into each other*/
 132         margin-bottom:1em;
 133 }
 134 /* setting a consistent width, 160px;
 135    control of type=file still not possible */
 136 input[type=text],input[type=password],textarea {
 137         width:21.5em;*width:21em;
 138 }
 139
 140
 141
 142 /* ------------------------------------------------------------------------------------------------
 143  * All CSS below is
 144  * Copyright (C) 2010 Bernd Zeimetz
 145  * Licensed under same license as ikiwiki: GPL v2 or later */
 146
 147 .page, .pageheader, .sidebar, #content, #comments, .inlinepage, .recentchanges, .pageheader .actions ul, #pagebody {
 148         border: none;
 149 }
 150
 151 html, body {
 152         color:#000;
 153         /* background-image: url('_images/body_background.png');
 154         background-repeat: repeat; */
 155         background-color: #8da1b8;
 156 }
 157
 158 body {
 159         padding-left: 5%;
 160         padding-right: 5%;
 161         padding-top: 1em;
 162         padding-bottom: 1em;
 163 }
 164
 165 .page {
 166         background: #fff;
 167         border: outset #ccc;
 168         padding-left: 1em;
 169         padding-right: 1em;
 170         padding-top: 1em;
 171 }
 172
 173 .pageheader {
 174         background-image: url('_images/header_background.png');
 175         background-repeat: repeat-x;
 176         height: 100px;
 177         padding-left: 1em;
 178         padding-right: 1em;
 179         padding-bottom: 1em;
 180         padding-top: 1em;
 181 }
 182
 183 .pageheader .header {
 184         text-align: top;
 185         clear: both;
 186 }
 187
 188 .pageheader .header form {
 189         padding: 0em 0em 0em 0em;
 190         float: right;
 191         margin-top: 0.5em;
 192 }
 193
 194 .pageheader .header .title, .pageheader .header .parentlinks,
 195  .inlinepage .inlineheader,
 196  h1, h2, h3, h4, h5, h6 {
 197         margin-top: 1em;
 198         font-weight: bold;
 199 }
 200
 201 .pageheader .header .title, .pageheader .header .parentlinks, .pageheader .actions ul li, .pageheader .header span {
 202         padding: 0.25em 0.25em 0.25em 0.25em;
 203         background-image: url('_images/background_darkness.png');
 204         background-repeat: repeat;
 205         color: white;
 206 }
 207
 208 .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a {
 209         color: white;
 210         text-decoration: none;
 211 }
 212
 213 .pageheader .actions {
 214         text-align: right;
 215         vertical-align: bottom;
 216         clear: both;
 217 }
 218
 219 #pagebody {
 220         padding-right: 1em;
 221         padding-bottom: 2em;
 222         border-right: ridge #eee;
 223         clear: none;
 224 }
 225
 226 #content a, #comments a, .sidebar a {
 227         color: #315485;
 228         text-decoration: none;
 229         font-weight: bold;
 230 }
 231
 232 .sidebar h2 {
 233 /*      border-bottom: border-bottom-width, border-bottom-style, and border-bottom-color. */
 234         border-bottom: ridge #eee;
 235         padding-right: 0;
 236 }
 237
 238 .sidebar .menu {
 239         margin-left: 1em;
 240 }
 241
 242
 243 .inlinepage, .recentchanges, div.recentchanges {
 244         clear: none !important;
 245         margin-bottom: 2em;
 246 }
 247
 248 .inlinecontent {
 249         border-bottom: 1px dotted #315485;
 250 }
 251
 252 .inlinefooter {
 253         clear: none;
 254 }
 255
 256 .inlinefooter .pagedate, .inlinefooter .tags {
 257         display: inline;
 258         clear: none;
 259         margin-right: 2em;
 260 }
 261
 262 .calendar .month-calendar th, .calendar .month-calendar td {
 263         padding: 0.22em;
 264 }
 265
 266 .curriculumvitae .noprint {
 267         margin-bottom: 2em;
 268 }
 269 .curriculumvitae .floatright {
 270         float: right;
 271         clear: none;
 272 }
 273
 274 pre {
 275         overflow: auto;
 276 }
 277
 278 @media print {
 279         .curriculumvitae .noprint, .sidebar, .page .pageheader .header .parentlinks {
 280                 content:".";
 281                 display:block;
 282                 height:0;
 283                 visibility:hidden;
 284         }
 285         .page {
 286                 padding: 1em 1em 1em 1em;
 287         }
 288         .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a {
 289                 color #315485;
 290         }
 291         #content, #comments, #pagebody {
 292                 margin-right: 0;
 293                 *margin-right: 0;
 294                 border-right: none;
 295         }
 296
 297 }
 298