website annotate en/doc/cookbook/book.css @ rev 512

en: Update CSS and template in Cookbook
author Christophe Lincoln <pankso@slitaz.org>
date Sat Jun 20 00:21:05 2009 +0200 (2009-06-20)
parents 1e755b8125f0
children 4eea4b8d3511
rev   line source
pankso@512 1 /*
pankso@21 2 CSS style for SliTaz GNU/Linux *book.
pankso@21 3 Pankso 2007 - www.slitaz.org
pankso@21 4 */
pankso@21 5
pankso@21 6 body {
pankso@21 7 font: 13px sans-serif, vernada, arial;
pankso@21 8 background: #222222;
pankso@21 9 margin: 0;
pankso@21 10 padding-bottom: 100%;
pankso@21 11 }
pankso@21 12
pankso@21 13 #header {
pankso@21 14 background: #BFB06B url(images/css/header.png) repeat-x top;
pankso@21 15 color: black;
pankso@21 16 height: 50px;
pankso@21 17 border-top: 1px solid black;
pankso@21 18 border-bottom: 1px solid black;
pankso@21 19 }
pankso@21 20 #quicknav {
pankso@21 21 margin-right: 6px;
pankso@21 22 text-align: right;
pankso@21 23 font-size: 12px;
pankso@21 24 }
pankso@21 25 #quicknav {
pankso@21 26 margin-right: 6px;
pankso@21 27 }
pankso@21 28
pankso@21 29 #quicknav a {
pankso@21 30 background: inherit;
pankso@512 31 color: white;
pankso@21 32 }
pankso@21 33
pankso@21 34 #quicknav a:hover {
pankso@21 35 background: inherit;
pankso@512 36 color: #222222;
pankso@21 37 }
pankso@21 38
pankso@21 39 /* content. */
pankso@21 40
pankso@21 41 #content {
pankso@21 42 background: white url(images/css/content-tl.png) no-repeat top left;
pankso@21 43 color: black;
pankso@21 44 padding: 20px;
pankso@21 45 margin: 30px 50px 0px 50px;
pankso@21 46 width: auto;
pankso@21 47 text-align: justify;
pankso@21 48 }
pankso@21 49
pankso@21 50 #content li {
pankso@21 51 line-height: 1.5em;
pankso@21 52 text-align: left;
pankso@21 53 }
pankso@21 54
pankso@21 55 /* Footer. */
pankso@21 56
pankso@21 57 #footer {
pankso@21 58 font-size: 11px;
pankso@21 59 font-weight: bold;
pankso@21 60 background: #eaeaea url(images/css/footer-bl.png) no-repeat bottom left;
pankso@21 61 color: black;
pankso@21 62 height: 20px;
pankso@21 63 padding: 6px 0px 0px 10px;
pankso@21 64 margin: 0px 50px 0px 50px;
pankso@21 65 width: auto;
pankso@21 66 text-align: center ;
pankso@21 67 }
pankso@21 68
pankso@21 69 #footer a {
pankso@21 70 text-decoration: none;
pankso@21 71 background: #eaeaea;
pankso@21 72 color: #3E1220;
pankso@21 73 }
pankso@21 74
pankso@21 75 #footer a:hover {
pankso@21 76 background: #eaeaea;
pankso@21 77 color: #DF8F06;
pankso@21 78 }
pankso@21 79
MikeDSmith25@170 80 /* Legal information */
pankso@21 81
pankso@21 82 #copy {
pankso@21 83 font-size: 11px ;
pankso@21 84 text-align: center ;
pankso@21 85 background: transparent;
pankso@21 86 color: #a8a8a8;
pankso@21 87 padding-top: 20px;
pankso@21 88 }
pankso@21 89
pankso@21 90 #copy a {
pankso@21 91 background: inherit;
pankso@21 92 color: #a8a8a8;
pankso@21 93 }
pankso@21 94
pankso@21 95 #copy a:hover {
pankso@21 96 background: inherit;
pankso@21 97 color: #EDEDED;
pankso@21 98 }
pankso@21 99
pankso@21 100 /* Div for round corners. */
pankso@21 101
pankso@21 102 .content-right, .footer-right {
pankso@21 103 width: 16px;
pankso@21 104 color: white;
pankso@21 105 background-color: #333333;
pankso@21 106 }
pankso@21 107 .content-right {
pankso@21 108 background: url(images/css/content-tr.png) no-repeat top right;
pankso@21 109 height: 16px;
pankso@21 110 right: 50px;
pankso@21 111 top: 82px;
pankso@21 112 position: absolute;
pankso@21 113 }
pankso@21 114
pankso@21 115 .footer-right {
pankso@21 116 background: url(images/css/footer-br.png) no-repeat bottom right;
pankso@21 117 height: 20px;
pankso@21 118 float: right;
pankso@21 119 }
pankso@21 120
pankso@21 121 /* General HTML entities for content. */
pankso@21 122
pankso@21 123 h1 {
pankso@21 124 margin: 0px 0px 0px 16px;
pankso@21 125 }
pankso@21 126
pankso@21 127 h2 {
pankso@21 128 margin: 12px 0;
pankso@21 129 color: #484B7C;
pankso@21 130 background: white;
pankso@21 131 }
pankso@21 132
pankso@21 133 h3 {
pankso@21 134 font-weight: bold;
pankso@21 135 color: #6c0023;
pankso@21 136 background: white;
pankso@21 137 }
pankso@21 138
pankso@21 139 a {
pankso@21 140 text-decoration: underline;
pankso@21 141 }
pankso@21 142 a:hover {
pankso@21 143 text-decoration: none;
pankso@21 144 }
pankso@21 145
pankso@21 146 pre {
pankso@21 147 padding: 5px;
pankso@21 148 color: black;
pankso@21 149 background: #e1e0b0;
pankso@21 150 }
pankso@21 151 pre.script {
pankso@21 152 padding: 10px;
pankso@21 153 color: black;
pankso@21 154 background: #e8e8e8;
pankso@21 155 border: 1px inset #333333;
pankso@21 156 }
pankso@21 157
pankso@21 158 code {
pankso@21 159 font-size: 12px;
pankso@21 160 color: #669900;
pankso@21 161 background: transparent;
pankso@21 162 }
pankso@21 163
pankso@21 164 li {
pankso@21 165 line-height: 1.4em;
pankso@21 166 }
pankso@21 167
pankso@21 168 hr {
pankso@21 169 border: 0pt none;
pankso@21 170 }