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  */
  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,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;}
  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
 135 #searchbox {
 136         width:21.5em;*width:21em;
 137 }
 138
 139
 140
 141 /* ------------------------------------------------------------------------------------------------
 142  * All CSS below is
 143  * Copyright (C) 2010 Bernd Zeimetz
 144  * Licensed under same license as ikiwiki: GPL v2 or later */
 145
 146 .page, .pageheader, .sidebar, #content, #enclosure, #comments, .inlinepage, .recentchanges, .pageheader .actions ul, #pagebody {
 147         border: none;
 148 }
 149
 150 html, body {
 151         color:#000;
 152         /* background-image: url('body_background.png');
 153         background-repeat: repeat; */
 154         background-color: #8da1b8;
 155 }
 156
 157 body {
 158         padding-left: 5%;
 159         padding-right: 5%;
 160         padding-top: 1em;
 161         padding-bottom: 1em;
 162 }
 163
 164 .page {
 165         background: #fff;
 166         border: outset #ccc;
 167         padding-left: 1em;
 168         padding-right: 1em;
 169         padding-top: 1em;
 170 }
 171
 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;
 180 }
 181
 182 .pageheader .header {
 183         text-align: top;
 184         clear: both;
 185 }
 186
 187 .pageheader .header form {
 188         padding: 0em 0em 0em 0em;
 189         float: right;
 190         margin-top: 0.5em;
 191 }
 192
 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;
 198 }
 199
 200 .pageheader .header .title, .pageheader .header .parentlinks, .pageheader .actions ul li, .pageheader .header span, .pageheader #otherlanguages ul li, .pageheader .trailprev, .pageheader .trailnext, .pageheader .trailup {
 201         padding: 0.25em 0.25em 0.25em 0.25em;
 202         background-image: url('background_darkness.png');
 203         background-repeat: repeat;
 204         color: white;
 205 }
 206
 207 .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a, .pageheader #otherlanguages ul li a, .pageheader a, .pageheader .trail a {
 208         font-weight: bold;
 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, #enclosure a, #comments a, .sidebar a {
 227         color: #315485;
 228         text-decoration: none;
 229         font-weight: bold;
 230 }
 231
 232 .sidebar h2 {
 233         border-bottom: ridge #eee;
 234         padding-right: 0;
 235 }
 236
 237 .sidebar .menu {
 238         margin-left: 1em;
 239 }
 240
 241
 242 .inlinepage, .recentchanges, div.recentchanges {
 243         clear: none !important;
 244         margin-bottom: 2em;
 245 }
 246
 247 .inlinefooter {
 248         border-top: 1px dotted #315485;
 249 }
 250
 251 .inlinefooter .pagedate, .inlinefooter .tags {
 252         display: inline;
 253         clear: none;
 254         margin-right: 2em;
 255 }
 256
 257 .calendar .month-calendar th, .calendar .month-calendar td {
 258         padding: 0.22em;
 259 }
 260
 261 @media print {
 262         .sidebar, .page .pageheader .header .parentlinks {
 263                 content:".";
 264                 display:block;
 265                 height:0;
 266                 visibility:hidden;
 267         }
 268         .page {
 269                 padding: 1em 1em 1em 1em;
 270         }
 271         .pageheader .header span a, .pageheader .actions ul li a, .pageheader .header .parentlinks a {
 272                 color #315485;
 273         }
 274         #content, #enclosure, #comments, #pagebody {
 275                 margin-right: 0;
 276                 *margin-right: 0;
 277                 border-right: none;
 278         }
 279
 280 }
 281
 282 /* lose the border on mobile */
 283 @media (max-width: 600px) {
 284         body {
 285                 padding: 0;
 286         }
 287         .page {
 288                 border: none;
 289                 margin: 0;
 290         }
 291         #pagebody {
 292                 margin: auto;
 293                 border: none;
 294                 padding: 0.5em;
 295         }
 296         #footer {
 297                 padding: 0.5em;
 298         }
 299 }
 300
 301 /* cancel the minimum width if it would mean scrollbars */
 302 @media (max-width: 850px) {
 303         .page {
 304                 width: auto;
 305                 min-width: 0;
 306                 padding: 0;
 307         }
 308 }