slitaz-forge diff doc/lib/tpl/slitaz-grey/design.css @ rev 422

doc: remove old style and prepare for a new one. pangolin: add up-doc
author Christophe Lincoln <pankso@slitaz.org>
date Wed Jan 15 14:24:29 2014 +0100 (2014-01-15)
parents
children 3f34b2640d12
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/doc/lib/tpl/slitaz-grey/design.css	Wed Jan 15 14:24:29 2014 +0100
     1.3 @@ -0,0 +1,1017 @@
     1.4 +/**
     1.5 + * Design elements for default Template
     1.6 + *
     1.7 + * @author Andreas Gohr <andi@splitbrain.org>
     1.8 + * @author Anika Henke <henke@cosmocode.de>
     1.9 + */
    1.10 +
    1.11 +/* -------------- general elements --------------- */
    1.12 +
    1.13 +/* * { padding: 0; margin: 0; } */
    1.14 +
    1.15 +/* SliTaz stuff */
    1.16 +html {
    1.17 +	min-height:  102%;
    1.18 +}
    1.19 +
    1.20 +body {
    1.21 +	background: #ffffff;
    1.22 +	color: black;
    1.23 +	font: 13px sans-serif, vernada, arial;
    1.24 +	margin: 0;
    1.25 +	min-width: 780px;
    1.26 +}
    1.27 +
    1.28 +/* Languges */
    1.29 +
    1.30 +#lang {
    1.31 +	position: absolute;
    1.32 +	top: 40px;
    1.33 +	right: 0px;
    1.34 +	text-align: right;
    1.35 +	width: auto;
    1.36 +	margin: 0;
    1.37 +	padding: 4px 4px 4px 20px;
    1.38 +	font-size: 11px;
    1.39 +	font-weight: bold;
    1.40 +}
    1.41 +
    1.42 +#lang a {
    1.43 +	text-decoration: none;
    1.44 +	font-weight: bold
    1.45 +}
    1.46 +
    1.47 +#lang a:hover, div.plugin_translation a:hover {
    1.48 +	background: transparent;
    1.49 +	color: #b64b22;
    1.50 +}
    1.51 +
    1.52 +#lang img {
    1.53 +	vertical-align: middle;
    1.54 +}
    1.55 +
    1.56 +/* Header and title */
    1.57 +
    1.58 +#header {
    1.59 +	background: #351a0a;
    1.60 +	color: #fff;
    1.61 +	width: 100%;
    1.62 +	height: 40px;
    1.63 +}
    1.64 +
    1.65 +#header h1 {
    1.66 +	margin: 0;
    1.67 +	padding: 8px 0 0 42px;
    1.68 +	width: 250px;
    1.69 +}
    1.70 +
    1.71 +#header h1 a { 
    1.72 +	color: white; 
    1.73 +	text-decoration: none;
    1.74 +	font-size: 20px;
    1.75 +	font-style: italic;
    1.76 +}
    1.77 +
    1.78 +#header h1 a:hover, #network a:hover { 
    1.79 +	color: #d66018;
    1.80 +}
    1.81 +
    1.82 +/* Logo */
    1.83 +
    1.84 +#logo {
    1.85 +	background: url(images/logo.png) no-repeat left;
    1.86 +	position: absolute;
    1.87 +	float: left;
    1.88 +	left: 0px;
    1.89 +	top: 0px;
    1.90 +	width: 40px;
    1.91 +	height: 40px;
    1.92 +}
    1.93 +
    1.94 +/* SliTaz Network */
    1.95 +
    1.96 +#network { 
    1.97 +	float: right; 
    1.98 +	padding: 10px 5px 0; 
    1.99 +	font-size: 12px;
   1.100 +}
   1.101 +
   1.102 +#network a { padding: 0 6px; color: #fff; 
   1.103 +	font-weight: bold;
   1.104 +	text-decoration: none;}
   1.105 +#network img { vertical-align: middle; }
   1.106 +
   1.107 +#block { 
   1.108 +	min-height: 100px; 
   1.109 +	background: #d66018; 
   1.110 +	padding: 20px 12% 0;
   1.111 +	text-align: center;
   1.112 +	color: #333;
   1.113 +	border-bottom: 1px solid #f5f5f5;
   1.114 +}
   1.115 +
   1.116 +/* Page content */
   1.117 +
   1.118 +#content {
   1.119 +	background: white;
   1.120 +	color: black;
   1.121 +	text-align: justify;
   1.122 +	height: auto;
   1.123 +	margin: 0;
   1.124 +	padding: 40px 80px;
   1.125 +}
   1.126 +
   1.127 +#content li, #content-full li {
   1.128 +	line-height: 1.5em;
   1.129 +	text-align: left;
   1.130 +}
   1.131 +
   1.132 +/* Box and block. */
   1.133 +
   1.134 +.tools { 
   1.135 +	width: 100%;
   1.136 +	min-height: 30px;
   1.137 +	background-color: #cc5b17;
   1.138 +	padding: 8px 5px 1px 5px;
   1.139 +	margin: 10px 0;
   1.140 +	vertical-align: middle;
   1.141 +	text-align: left;
   1.142 +}
   1.143 +
   1.144 +.tools img, .tools form { vertical-align: middle; }
   1.145 +.tools span { font-size: 110%; }
   1.146 +div.dokuwiki .tools input.button {
   1.147 +  color: #fff;
   1.148 +}
   1.149 +div.dokuwiki .tools input:hover.button {
   1.150 +  color: #351a0a;
   1.151 +}
   1.152 +
   1.153 +#footer, .tools {
   1.154 +	-moz-border-radius: 4px;
   1.155 +	-webkit-border-radius: 4px;
   1.156 +	border-radius: 4px;
   1.157 +}
   1.158 +
   1.159 +.right_box {
   1.160 +	width: 50%;
   1.161 +	float: right;
   1.162 +}
   1.163 +
   1.164 +/* HTML styles */
   1.165 +
   1.166 +h1, h1 a {
   1.167 +	color: #888;
   1.168 +	background: transparent;
   1.169 +	text-align: left;
   1.170 +	margin: 0;
   1.171 +	font-size: 130%;
   1.172 +	font-weight: bold;
   1.173 +	padding: 0;
   1.174 +	text-decoration: none !important;
   1.175 +}
   1.176 +
   1.177 +h2, h2 a {
   1.178 +	color: #666;
   1.179 +	padding: 0;
   1.180 +	margin: 20px 0 0 0;
   1.181 +	font-size: 130%;
   1.182 +	font-weight: bold;
   1.183 +	text-decoration: none !important;
   1.184 +}
   1.185 +
   1.186 +h3, .tools span {
   1.187 +	font-weight: bold;
   1.188 +	color: #666666;
   1.189 +	background: transparent;
   1.190 +}
   1.191 +	
   1.192 +h3 img { 
   1.193 +	vertical-align: middle;
   1.194 +	width: 20px;
   1.195 +	height: 20px;
   1.196 +	padding-right: 4px; 
   1.197 +}
   1.198 +
   1.199 +a {
   1.200 +	text-decoration: underline;
   1.201 +	color: #103A5E;
   1.202 +	background: inherit;
   1.203 +}
   1.204 +
   1.205 +a:hover {
   1.206 +	text-decoration: none;
   1.207 +	color: blue;
   1.208 +	background: inherit;
   1.209 +}
   1.210 +
   1.211 +code {
   1.212 +	font-size: 12px;
   1.213 +	color: #669900;
   1.214 +	background: inherit;
   1.215 +}
   1.216 +
   1.217 +tt {
   1.218 +	color: #15EE15;
   1.219 +	background: inherit;
   1.220 +}
   1.221 +
   1.222 +img {
   1.223 +	border: 0pt none;
   1.224 +}
   1.225 +
   1.226 +pre {
   1.227 +	padding: 5px;
   1.228 +	color: black;
   1.229 +	background: #E1E0B0;
   1.230 +}
   1.231 +
   1.232 +pre.script {
   1.233 +	padding: 10px;
   1.234 +	color: black;
   1.235 +	background: #E8E8E8;
   1.236 +	border: 1px inset #606060;
   1.237 +}
   1.238 +
   1.239 +textarea {
   1.240 +	background: #E5E5E5;
   1.241 +	margin-top: 12px;
   1.242 +}
   1.243 +
   1.244 +.year:after {
   1.245 +	/* content: "2007-2014"; */
   1.246 +	content: "2014";
   1.247 +}
   1.248 +
   1.249 +/* Footer */
   1.250 +
   1.251 +#footer {
   1.252 +	background: #f1f1f1;
   1.253 +	text-align: center;
   1.254 +	border-top: 1px solid #ddd;
   1.255 +	padding: 40px;
   1.256 +	color: #666;
   1.257 +	clear: both;
   1.258 +	margin-bottom: -2%;
   1.259 +}
   1.260 +#footer a {
   1.261 +	background: inherit;
   1.262 +	color: #666666;
   1.263 +}
   1.264 +#footer a:hover {
   1.265 +	background: inherit;
   1.266 +	color: #333333;
   1.267 +}
   1.268 +#footer ul {
   1.269 +	list-style-type: none;
   1.270 +}
   1.271 +#footer li {
   1.272 +	padding: 2px;
   1.273 +}
   1.274 +#footer h4 {
   1.275 +	margin: 0 20px;
   1.276 +	font-size: 125%;
   1.277 +}
   1.278 +
   1.279 +/* the document */
   1.280 +div.dokuwiki div.page {
   1.281 +  text-align: justify;
   1.282 +  background: #ffffff;
   1.283 +}
   1.284 +
   1.285 +div.dokuwiki table {
   1.286 +  font-size: 100%;
   1.287 +}
   1.288 +
   1.289 +div.dokuwiki tr,
   1.290 +div.dokuwiki td,
   1.291 +div.dokuwiki th {
   1.292 +}
   1.293 +
   1.294 +div.dokuwiki img {
   1.295 +  border: 0;
   1.296 +}
   1.297 +
   1.298 +div.dokuwiki p,
   1.299 +div.dokuwiki blockquote,
   1.300 +div.dokuwiki table,
   1.301 +div.dokuwiki pre {
   1.302 +  margin: 0 0 1.0em 0;
   1.303 +}
   1.304 +
   1.305 +div.dokuwiki hr {
   1.306 +  border: 0px;
   1.307 +  border-top: 1px solid __border__;
   1.308 +  text-align: center;
   1.309 +  height: 0px;
   1.310 +}
   1.311 +
   1.312 +div.dokuwiki div.nothing {
   1.313 +  text-align: center;
   1.314 +  margin: 2em;
   1.315 +}
   1.316 +
   1.317 +/* ---------------- forms ------------------------ */
   1.318 +
   1.319 +div.dokuwiki form {
   1.320 +  border: none;
   1.321 +  display: inline;
   1.322 +}
   1.323 +
   1.324 +div.dokuwiki label.block {
   1.325 +  display: block;
   1.326 +  text-align: right;
   1.327 +  font-weight: bold;
   1.328 +  min-height: 20px;
   1.329 +  margin: 0;
   1.330 +}
   1.331 +
   1.332 +div.dokuwiki label.simple {
   1.333 +  display: block;
   1.334 +  text-align: left;
   1.335 +  font-weight: normal;
   1.336 +}
   1.337 +
   1.338 +div.dokuwiki label.block input.edit {
   1.339 +  width: 50%;
   1.340 +}
   1.341 +
   1.342 +div.dokuwiki fieldset {
   1.343 +  width: 300px;
   1.344 +  text-align: center;
   1.345 +  border: 1px solid __border__;
   1.346 +  padding: 0.5em;
   1.347 +  margin: auto;
   1.348 +}
   1.349 +
   1.350 +div.dokuwiki textarea.edit {
   1.351 +  font-family: monospace;
   1.352 +  font-size: 14px;
   1.353 +  color: __text__;
   1.354 +  background-color: __background__;
   1.355 +  border: 1px solid __border__;
   1.356 +  padding: 0.3em 0 0 0.3em;
   1.357 +  width: 100%;
   1.358 +}
   1.359 +
   1.360 +div.dokuwiki input.edit,
   1.361 +div.dokuwiki select.edit {
   1.362 +  font-size: 100%;
   1.363 +  border: 1px solid __border__;
   1.364 +  color: __text__;
   1.365 +  background-color: __background__;
   1.366 +  vertical-align: middle;
   1.367 +  margin: 0px;
   1.368 +  padding: 0.20em 0.3em;
   1.369 +  display: inline;
   1.370 +}
   1.371 +
   1.372 +div.dokuwiki select.edit {
   1.373 +  padding: 0.1em 0;
   1.374 +}
   1.375 +
   1.376 +div.dokuwiki input.missing {
   1.377 +  font-size: 100%;
   1.378 +  border: 1px solid __border__;
   1.379 +  color: __text__;
   1.380 +  background-color: #ffcccc;
   1.381 +  vertical-align: middle;
   1.382 +  margin: 1px;
   1.383 +  padding: 0.20em 0.3em;
   1.384 +  display: inline;
   1.385 +}
   1.386 +
   1.387 +/* disabled style - not understood by IE */
   1.388 +div.dokuwiki textarea.edit[disabled],
   1.389 +div.dokuwiki textarea.edit[readonly],
   1.390 +div.dokuwiki input.edit[disabled],
   1.391 +div.dokuwiki input.edit[readonly],
   1.392 +div.dokuwiki select.edit[disabled] {
   1.393 +  background-color: __background_neu__!important;
   1.394 +  color: __text_neu__!important;
   1.395 +}
   1.396 +
   1.397 +/* edit form */
   1.398 +div.dokuwiki div.toolbar,
   1.399 +div.dokuwiki div#wiki__editbar {
   1.400 +   margin: 2px 0;
   1.401 +   text-align: left;
   1.402 +}
   1.403 +div.dokuwiki div#size__ctl {
   1.404 +   float: right;
   1.405 +   width: 60px;
   1.406 +   height: 2.7em;
   1.407 +}
   1.408 +div.dokuwiki #size__ctl img {
   1.409 +   cursor: pointer;
   1.410 +}
   1.411 +div.dokuwiki div#wiki__editbar div.editButtons {
   1.412 +   float: left;
   1.413 +   padding: 0 1.0em 0.7em 0;
   1.414 +}
   1.415 +div.dokuwiki div#wiki__editbar div.summary {
   1.416 +   float: left;
   1.417 +}
   1.418 +div.dokuwiki .nowrap {
   1.419 +   white-space: nowrap;
   1.420 +}
   1.421 +div.dokuwiki div#draft__status {
   1.422 +  float: right;
   1.423 +  color: __text_alt__;
   1.424 +}
   1.425 +
   1.426 +/* --------- buttons ------------------- */
   1.427 +
   1.428 +
   1.429 +div.dokuwiki input.button,
   1.430 +div.dokuwiki button.button {
   1.431 +  border: 0px solid #eaeaea;
   1.432 +  color: #0F314E;
   1.433 +  background-color: transparent;
   1.434 +  vertical-align: middle;
   1.435 +  text-decoration: none;
   1.436 +  font-size: 12px;
   1.437 +  font-weight: bold;
   1.438 +  cursor: pointer;
   1.439 +  padding: 0;
   1.440 +}
   1.441 +
   1.442 +div.dokuwiki input:hover.button {
   1.443 +  color: #b64b22;
   1.444 +}
   1.445 +
   1.446 +* html div.dokuwiki input.button,
   1.447 +* html div.dokuwiki button.button {
   1.448 +  height: 24px;
   1.449 +}
   1.450 +
   1.451 +div.dokuwiki div.secedit input.button {
   1.452 +  border: 1px solid #eaeaea;
   1.453 +  color: #3E1220;
   1.454 +  background-color: transparent;
   1.455 +  vertical-align: middle;
   1.456 +  text-decoration: none;
   1.457 +  margin: 0;
   1.458 +  padding: 0;
   1.459 +  font-size: 10px;
   1.460 +  cursor: pointer;
   1.461 +  float: right;
   1.462 +  display: inline;
   1.463 +}
   1.464 +
   1.465 +/* ----------- page navigator ------------- */
   1.466 +
   1.467 +div.dokuwiki div.pagenav {
   1.468 +    margin: 1em 0 0 0;
   1.469 +}
   1.470 +
   1.471 +div.dokuwiki div.pagenav-prev {
   1.472 +    text-align: right;
   1.473 +    float: left;
   1.474 +    width: 49%
   1.475 +}
   1.476 +
   1.477 +div.dokuwiki div.pagenav-next {
   1.478 +    text-align: left;
   1.479 +    float: right;
   1.480 +    width: 49%
   1.481 +}
   1.482 +
   1.483 +/* --------------- Links ------------------ */
   1.484 +
   1.485 +div.dokuwiki a:link,
   1.486 +div.dokuwiki a:visited {
   1.487 +  color: __extern__;
   1.488 +  text-decoration: none;
   1.489 +}
   1.490 +div.dokuwiki a:hover,
   1.491 +div.dokuwiki a:active {
   1.492 +  color: __text__;
   1.493 +  text-decoration: underline;
   1.494 +}
   1.495 +
   1.496 +div.dokuwiki h3 a,
   1.497 +div.dokuwiki h4 a,
   1.498 +div.dokuwiki h5 a,
   1.499 +div.dokuwiki a.nolink {
   1.500 +  color: #6c0023 !important;
   1.501 +  text-decoration: none !important;
   1.502 +}
   1.503 +
   1.504 +/* external link */
   1.505 +div.dokuwiki a.urlextern {
   1.506 +  background: transparent url(images/link_icon.gif) 0px 1px no-repeat;
   1.507 +  padding: 1px 0px 1px 16px;
   1.508 +}
   1.509 +
   1.510 +/* windows share */
   1.511 +div.dokuwiki a.windows {
   1.512 +  background: transparent url(images/windows.gif) 0px 1px no-repeat;
   1.513 +  padding: 1px 0px 1px 16px;
   1.514 +}
   1.515 +
   1.516 +/* interwiki link (icon are set by dokuwiki) */
   1.517 +div.dokuwiki a.interwiki {
   1.518 +}
   1.519 +
   1.520 +/* link to some embedded media */
   1.521 +div.dokuwiki a.media {
   1.522 +}
   1.523 +
   1.524 +div.dokuwiki a.urlextern:link,
   1.525 +div.dokuwiki a.windows:link,
   1.526 +div.dokuwiki a.interwiki:link {
   1.527 +  color: __extern__;
   1.528 +}
   1.529 +
   1.530 +div.dokuwiki a.urlextern:visited,
   1.531 +div.dokuwiki a.windows:visited,
   1.532 +div.dokuwiki a.interwiki:visited {
   1.533 +  color: purple;
   1.534 +}
   1.535 +div.dokuwiki a.urlextern:hover,
   1.536 +div.dokuwiki a.urlextern:active,
   1.537 +div.dokuwiki a.windows:hover,
   1.538 +div.dokuwiki a.windows:active,
   1.539 +div.dokuwiki a.interwiki:hover,
   1.540 +div.dokuwiki a.interwiki:active {
   1.541 +  color: __text__;
   1.542 +}
   1.543 +
   1.544 +/* email link */
   1.545 +div.dokuwiki a.mail {
   1.546 +  background: transparent url(images/mail_icon.gif) 0px 1px no-repeat;
   1.547 +  padding: 1px 0px 1px 16px;
   1.548 +}
   1.549 +
   1.550 +/* existing wikipage */
   1.551 +div.dokuwiki a.wikilink1 {
   1.552 +  color: #0F314E;
   1.553 +  text-decoration: underline;
   1.554 +}
   1.555 +div.dokuwiki a.wikilink1:hover {
   1.556 +  text-decoration: none;
   1.557 +  color: blue;
   1.558 +}
   1.559 +
   1.560 +/* not existing wikipage */
   1.561 +div.dokuwiki a.wikilink2 {
   1.562 +  color: __missing__ !important;
   1.563 +  text-decoration: none !important;
   1.564 +  border-bottom: dashed 1px __missing__ !important;
   1.565 +}
   1.566 +
   1.567 +/* ------------- Page elements ----------------- */
   1.568 +
   1.569 +div.dokuwiki div.preview {
   1.570 +  background-color: __background_neu__;
   1.571 +  margin: 0 0 0 2em;
   1.572 +  padding: 4px;
   1.573 +  border: 1px dashed __text__;
   1.574 +}
   1.575 +
   1.576 +div.dokuwiki div.breadcrumbs {
   1.577 +  background-color: #f1f1f1;
   1.578 +  color: __text_neu__;
   1.579 +  font-size: 85%;
   1.580 +  padding: 1px 0px 1px 18px;
   1.581 +  margin: 0px 100px 0px 100px;
   1.582 +}
   1.583 +
   1.584 +div.dokuwiki span.user {
   1.585 +  color: __text_other__;
   1.586 +  font-size: 90%;
   1.587 +}
   1.588 +
   1.589 +div.dokuwiki li.minor {
   1.590 +  color: __text_neu__;
   1.591 +  font-style: italic;
   1.592 +}
   1.593 +
   1.594 +/* embedded images */
   1.595 +div.dokuwiki img.media {
   1.596 +  margin: 3px;
   1.597 +}
   1.598 +
   1.599 +div.dokuwiki img.medialeft {
   1.600 +  border: 0;
   1.601 +  float: left;
   1.602 +  margin: 0 1.5em 0 0;
   1.603 +}
   1.604 +
   1.605 +div.dokuwiki img.mediaright {
   1.606 +  border: 0;
   1.607 +  float: right;
   1.608 +  margin: 0 0 0 1.5em;
   1.609 +}
   1.610 +
   1.611 +div.dokuwiki img.mediacenter {
   1.612 +  border: 0;
   1.613 +  display: block;
   1.614 +  margin: 0 auto;
   1.615 +}
   1.616 +
   1.617 +/* smileys */
   1.618 +div.dokuwiki img.middle {
   1.619 +  vertical-align: middle;
   1.620 +}
   1.621 +
   1.622 +div.dokuwiki acronym {
   1.623 +  cursor: help;
   1.624 +  border-bottom: 1px dotted __text__;
   1.625 +}
   1.626 +
   1.627 +/* general headline setup */
   1.628 +div.dokuwiki h1,
   1.629 +div.dokuwiki h2,
   1.630 +div.dokuwiki h3,
   1.631 +div.dokuwiki h4,
   1.632 +div.dokuwiki h5 {
   1.633 +    background-color: transparent;
   1.634 +    clear: left;
   1.635 +}
   1.636 +
   1.637 +/* unordered lists */
   1.638 +div.dokuwiki ul {
   1.639 +  line-height: 1.5em;
   1.640 +  list-style-type: square;
   1.641 +  list-style-image: none;
   1.642 +  margin: 0 0 0.5em 1.5em;
   1.643 +  color: __text_alt__;
   1.644 +}
   1.645 +
   1.646 +/* ordered lists */
   1.647 +div.dokuwiki ol {
   1.648 +  line-height: 1.5em;
   1.649 +  list-style-image: none;
   1.650 +  margin: 0 0 0.5em 1.5em;
   1.651 +  color: __text_alt__;
   1.652 +  font-weight: bold;
   1.653 +}
   1.654 +
   1.655 +/* the list items overriding the ul/ol definition */
   1.656 +div.dokuwiki .li {
   1.657 +  color: __text__;
   1.658 +  font-weight: normal;
   1.659 +}
   1.660 +
   1.661 +div.dokuwiki ol {list-style-type: decimal}
   1.662 +div.dokuwiki ol ol {list-style-type: upper-roman}
   1.663 +div.dokuwiki ol ol ol {list-style-type: lower-alpha}
   1.664 +div.dokuwiki ol ol ol ol {list-style-type: lower-greek}
   1.665 +
   1.666 +div.dokuwiki li.open {
   1.667 +  list-style-image: url(images/open.gif);
   1.668 +    /*list-style-type: circle;*/
   1.669 +}
   1.670 +
   1.671 +div.dokuwiki li.closed {
   1.672 +  list-style-image: url(images/closed.gif);
   1.673 +    /*list-style-type: disc;*/
   1.674 +}
   1.675 +
   1.676 +div.dokuwiki blockquote {
   1.677 +  border-left: 2px solid __border__;
   1.678 +  padding-left: 3px;
   1.679 +}
   1.680 +
   1.681 +div.dokuwiki pre {
   1.682 +  font-size: 100%;
   1.683 +  padding: 5px;
   1.684 +  color: black;
   1.685 +  background: #E1E0B0;
   1.686 +  border: 0;
   1.687 +  overflow: auto;
   1.688 +}
   1.689 +
   1.690 +/* code blocks by indention */
   1.691 +div.dokuwiki pre.pre {
   1.692 +  background-color: __background_other__;
   1.693 +}
   1.694 +
   1.695 +/* code blocks by code tag */
   1.696 +div.dokuwiki pre.code {
   1.697 +	-moz-border-radius: 4px;
   1.698 +	-webkit-border-radius: 4px;
   1.699 +	background-color: #f8f8f8; 
   1.700 +	border: 1px solid #ddd; 
   1.701 +	padding: 10px;
   1.702 +
   1.703 +}
   1.704 +
   1.705 +/* inline code words */
   1.706 +div.dokuwiki code {
   1.707 +  font-size: 120%;
   1.708 +}
   1.709 +
   1.710 +/* code blocks by file tag */
   1.711 +div.dokuwiki pre.file {
   1.712 +  background-color: __background_alt__;
   1.713 +}
   1.714 +
   1.715 +/* inline tables */
   1.716 +div.dokuwiki table.inline {
   1.717 +  background-color: __background__;
   1.718 +  border-spacing: 0px;
   1.719 +  border-collapse: collapse;
   1.720 +}
   1.721 +
   1.722 +div.dokuwiki table.inline th {
   1.723 +  padding: 3px;
   1.724 +  border: 1px solid __border__;
   1.725 +  background-color: __background_alt__;
   1.726 +}
   1.727 +
   1.728 +div.dokuwiki table.inline td {
   1.729 +  padding: 3px;
   1.730 +  border: 1px solid __border__;
   1.731 +}
   1.732 +
   1.733 +/* ---------- table of contents ------------------- */
   1.734 +
   1.735 +div.dokuwiki div.toc {
   1.736 +  margin: 1.2em 0 0 2em;
   1.737 +  float: right;
   1.738 +  width: 200px;
   1.739 +  font-size: 80%;
   1.740 +  clear: both;
   1.741 +}
   1.742 +
   1.743 +div.dokuwiki div.tocheader {
   1.744 +  border: 1px solid __border__;
   1.745 +  background-color: __background_alt__;
   1.746 +  text-align: left;
   1.747 +  font-weight: bold;
   1.748 +  padding: 3px;
   1.749 +  margin-bottom: 2px;
   1.750 +}
   1.751 +
   1.752 +div.dokuwiki span.toc_open,
   1.753 +div.dokuwiki span.toc_close {
   1.754 +    border: 0.4em solid __background_alt__;
   1.755 +    float: right;
   1.756 +    display: block;
   1.757 +    margin: 0.4em 3px 0 0;
   1.758 +}
   1.759 +
   1.760 +div.dokuwiki span.toc_open span,
   1.761 +div.dokuwiki span.toc_close span {
   1.762 +    display: none;
   1.763 +}
   1.764 +
   1.765 +div.dokuwiki span.toc_open {
   1.766 +    margin-top: 0.4em;
   1.767 +    border-top: 0.4em solid __text__;
   1.768 +}
   1.769 +
   1.770 +div.dokuwiki span.toc_close {
   1.771 +    margin-top: 0;
   1.772 +    border-bottom: 0.4em solid __text__;
   1.773 +}
   1.774 +
   1.775 +div.dokuwiki #toc__inside {
   1.776 +  border: 1px solid __border__;
   1.777 +  background-color: __background__;
   1.778 +  text-align: left;
   1.779 +  padding: 0.5em 0 0.7em 0;
   1.780 +}
   1.781 +
   1.782 +div.dokuwiki ul.toc {
   1.783 +  list-style-type: none;
   1.784 +  list-style-image: none;
   1.785 +  line-height: 1.2em;
   1.786 +  padding-left: 1em;
   1.787 +  margin: 0;
   1.788 +}
   1.789 +
   1.790 +div.dokuwiki ul.toc li {
   1.791 +  background: transparent url(images/tocdot2.gif) 0 0.6em no-repeat;
   1.792 +  padding-left: 0.4em;
   1.793 +}
   1.794 +
   1.795 +div.dokuwiki ul.toc li.clear {
   1.796 +  background-image: none;
   1.797 +  padding-left: 0.4em;
   1.798 +}
   1.799 +
   1.800 +div.dokuwiki a.toc:link,
   1.801 +div.dokuwiki a.toc:visited {
   1.802 +  color: __extern__;
   1.803 +}
   1.804 +
   1.805 +div.dokuwiki a.toc:hover,
   1.806 +div.dokuwiki a.toc:active {
   1.807 +  color: __text__;
   1.808 +}
   1.809 +
   1.810 +/* ---------------------------- Diff rendering --------------------------*/
   1.811 +div.dokuwiki table.diff {
   1.812 +  background-color: __background__;
   1.813 +  width: 100%;
   1.814 +}
   1.815 +div.dokuwiki td.diff-blockheader {
   1.816 +  font-weight: bold;
   1.817 +}
   1.818 +div.dokuwiki table.diff th {
   1.819 +  border-bottom: 1px solid __border__;
   1.820 +  font-size: 120%;
   1.821 +  width: 50%;
   1.822 +  font-weight: normal;
   1.823 +  text-align: left;
   1.824 +}
   1.825 +div.dokuwiki table.diff td {
   1.826 +  font-family: monospace;
   1.827 +  font-size: 100%;
   1.828 +}
   1.829 +div.dokuwiki td.diff-addedline {
   1.830 +  background-color: #ddffdd;
   1.831 +}
   1.832 +div.dokuwiki td.diff-deletedline {
   1.833 +    background-color: #ffffbb;
   1.834 +}
   1.835 +div.dokuwiki td.diff-context {
   1.836 +    background-color: __background_neu__;
   1.837 +}
   1.838 +div.dokuwiki table.diff td.diff-addedline strong,
   1.839 +div.dokuwiki table.diff td.diff-deletedline strong {
   1.840 +    color: red;
   1.841 +}
   1.842 +
   1.843 +/* --------------------- footnotes -------------------------------- */
   1.844 +
   1.845 +div.dokuwiki div.footnotes {
   1.846 +  clear: both;
   1.847 +  border-top: 1px solid __border__;
   1.848 +  padding-left: 1em;
   1.849 +  margin-top: 1em;
   1.850 +}
   1.851 +
   1.852 +div.dokuwiki div.fn {
   1.853 +  font-size: 90%;
   1.854 +}
   1.855 +
   1.856 +div.dokuwiki a.fn_bot {
   1.857 +  font-weight: bold;
   1.858 +}
   1.859 +
   1.860 +/* insitu-footnotes */
   1.861 +div.insitu-footnote {
   1.862 +  font-size: 80%;
   1.863 +  line-height: 1.2em;
   1.864 +  border: 1px solid __border__;
   1.865 +  background-color: __background_other__;
   1.866 +  text-align: left;
   1.867 +  padding: 4px;
   1.868 +  max-width: 40%;    /* IE's width is handled in javascript */
   1.869 +}
   1.870 +
   1.871 +/* overcome IE issue with one line code or file boxes which require h. scrolling */
   1.872 +* html .insitu-footnote pre.code,
   1.873 +* html .insitu-footnote pre.file {
   1.874 +  padding-bottom: 18px;
   1.875 +}
   1.876 +
   1.877 +/* --------------- search result formating --------------- */
   1.878 +div.dokuwiki .search_result {
   1.879 +  margin-bottom: 6px;
   1.880 +  padding: 0 10px 0 30px;
   1.881 +}
   1.882 +
   1.883 +div.dokuwiki .search_snippet {
   1.884 +  color: __text_other__;
   1.885 +  font-size: 12px;
   1.886 +  margin-left: 20px;
   1.887 +}
   1.888 +
   1.889 +div.dokuwiki .search_sep {
   1.890 +  color: __text__;
   1.891 +}
   1.892 +
   1.893 +div.dokuwiki .search_hit {
   1.894 +  color: __text__;
   1.895 +  background-color: __highlight__;
   1.896 +}
   1.897 +div.dokuwiki strong.search_hit {
   1.898 +  font-weight: normal;
   1.899 +}
   1.900 +
   1.901 +div.dokuwiki div.search_quickresult {
   1.902 +  margin: 0 0 15px 30px;
   1.903 +  padding: 0 10px 10px 0;
   1.904 +  border-bottom: 1px dashed __border__;
   1.905 +}
   1.906 +div.dokuwiki div.search_quickresult h3 {
   1.907 +  margin: 0 0 1.0em 0;
   1.908 +  font-size: 1em;
   1.909 +  font-weight: bold;
   1.910 +}
   1.911 +
   1.912 +div.dokuwiki ul.search_quickhits {
   1.913 +  margin: 0 0 0.5em 1.0em;
   1.914 +}
   1.915 +
   1.916 +div.dokuwiki ul.search_quickhits li {
   1.917 +  margin: 0 1.0em 0 1.0em;
   1.918 +  float:left;
   1.919 +  width: 30%;
   1.920 +}
   1.921 +
   1.922 +/* ------------------ Additional ---------------------- */
   1.923 +
   1.924 +div.footerinc {
   1.925 +    text-align: left;
   1.926 +    margin: 10px 80px;
   1.927 +}
   1.928 +.footerinc a img {
   1.929 +    opacity: 0.5;
   1.930 +    border: 0;
   1.931 +}
   1.932 +
   1.933 +.footerinc a:hover img {
   1.934 +    opacity: 1;
   1.935 +}
   1.936 +
   1.937 +/* ---------- AJAX quicksearch ----------- */
   1.938 +
   1.939 +div.dokuwiki div.ajax_qsearch {
   1.940 +  position: absolute;
   1.941 +  right: 237px;;
   1.942 +  width: 200px;
   1.943 +  opacity: 0.9;
   1.944 +  display: none;
   1.945 +  font-size: 80%;
   1.946 +  line-height: 1.2em;
   1.947 +  border: 1px solid __border__;
   1.948 +  background-color: __background_other__;
   1.949 +  text-align: left;
   1.950 +  padding: 4px;
   1.951 +}
   1.952 +
   1.953 +/* --------- Toolbar -------------------- */
   1.954 +button.toolbutton {
   1.955 +  background-color: transparent;
   1.956 +  padding: 0px;
   1.957 +  margin: 0 1px 0 0;
   1.958 +  border: 1px solid __border__;
   1.959 +  cursor: pointer;
   1.960 +}
   1.961 +
   1.962 +div.picker {
   1.963 +  width: 250px;
   1.964 +  border: 1px solid __border__;
   1.965 +  background-color: __background_alt__;
   1.966 +}
   1.967 +
   1.968 +button.pickerbutton {
   1.969 +  padding: 0px;
   1.970 +  margin: 0 1px 1px 0;
   1.971 +  border: 0;
   1.972 +  background-color: transparent;
   1.973 +  font-size: 80%;
   1.974 +  cursor: pointer;
   1.975 +}
   1.976 +
   1.977 +/* ---------------  Image Details  ----------------- */
   1.978 +
   1.979 +div.dokuwiki div.img_big {
   1.980 +  float: left;
   1.981 +  margin-right: 0.5em;
   1.982 +}
   1.983 +
   1.984 +div.dokuwiki dl.img_tags dt {
   1.985 +  font-weight: bold;
   1.986 +  background-color: __background_alt__;
   1.987 +}
   1.988 +div.dokuwiki dl.img_tags dd {
   1.989 +  background-color: __background_neu__;
   1.990 +}
   1.991 +
   1.992 +div.dokuwiki div.imagemeta {
   1.993 +  color: __text_neu__;
   1.994 +  font-size: 70%;
   1.995 +  line-height: 95%;
   1.996 +}
   1.997 +
   1.998 +div.dokuwiki div.imagemeta img.thumb {
   1.999 +  float:left;
  1.1000 +  margin-right: 0.1em;
  1.1001 +}
  1.1002 +
  1.1003 +div.notify { 
  1.1004 +	background: #FFCE21;
  1.1005 +	color: #222;
  1.1006 +	border: 1px solid #000;
  1.1007 +	font-size: 90%;
  1.1008 +	margin: 0;
  1.1009 +	padding: 4px;
  1.1010 +	-moz-border-radius: 4px;
  1.1011 +	-webkit-border-radius: 4px;
  1.1012 +	border-radius: 4px;
  1.1013 +	position: absolute;
  1.1014 +	top: 140px;
  1.1015 +	right: 20px;
  1.1016 +	width: 400px;
  1.1017 +}
  1.1018 +
  1.1019 +#access div.notify a { text-decoration: underline; }
  1.1020 +#access div.notify a:hover { text-decoration: none; }