website annotate de/doc/releases/book.css @ rev 1004

Link to Shop and pro in header
author Christophe Lincoln <pankso@slitaz.org>
date Tue Mar 27 12:05:20 2012 +0200 (2012-03-27)
parents 939bc8977814
children
rev   line source
pankso@403 1 /*
pankso@403 2 CSS style for SliTaz GNU/Linux *book.
pankso@403 3 Pankso 2007 - www.slitaz.org
pankso@403 4 */
pankso@403 5
pankso@403 6 body {
pankso@403 7 font: 13px sans-serif, vernada, arial;
pankso@403 8 background: #222222;
pankso@403 9 margin: 0;
taziden@533 10 padding-bottom: auto;
pankso@403 11 }
pankso@403 12
pankso@403 13 #header {
pankso@403 14 background: #BFB06B url(images/css/header.png) repeat-x top;
pankso@403 15 color: black;
pankso@403 16 height: 50px;
pankso@403 17 border-top: 1px solid black;
pankso@403 18 border-bottom: 1px solid black;
pankso@403 19 }
pankso@403 20 #quicknav {
pankso@403 21 margin-right: 6px;
pankso@403 22 text-align: right;
pankso@403 23 font-size: 12px;
pankso@403 24 }
pankso@403 25 #quicknav {
pankso@403 26 margin-right: 6px;
pankso@403 27 }
pankso@403 28
pankso@403 29 #quicknav a {
pankso@403 30 background: inherit;
pankso@403 31 color: white;
pankso@403 32 }
pankso@403 33
pankso@403 34 #quicknav a:hover {
pankso@403 35 background: inherit;
pankso@403 36 color: #EDEDED;
pankso@403 37 }
pankso@403 38
pankso@403 39 /* content. */
pankso@403 40
pankso@403 41 #content {
pankso@403 42 background: white url(images/css/content-tl.png) no-repeat top left;
pankso@403 43 color: black;
pankso@403 44 padding: 20px;
pankso@403 45 margin: 30px 50px 0px 50px;
pankso@403 46 width: auto;
pankso@403 47 text-align: justify;
pankso@403 48 }
pankso@403 49
pankso@403 50 #content li {
pankso@403 51 line-height: 1.5em;
pankso@403 52 text-align: left;
pankso@403 53 }
pankso@403 54
pankso@403 55 /* Footer. */
pankso@403 56
pankso@403 57 #footer {
pankso@403 58 font-size: 11px;
pankso@403 59 font-weight: bold;
pankso@403 60 background: #eaeaea url(images/css/footer-bl.png) no-repeat bottom left;
pankso@403 61 color: black;
pankso@403 62 height: 20px;
pankso@403 63 padding: 6px 0px 0px 10px;
pankso@403 64 margin: 0px 50px 0px 50px;
pankso@403 65 width: auto;
pankso@403 66 text-align: center ;
pankso@403 67 }
pankso@403 68
pankso@403 69 #footer a {
pankso@403 70 text-decoration: none;
pankso@403 71 background: #eaeaea;
pankso@403 72 color: #3E1220;
pankso@403 73 }
pankso@403 74
pankso@403 75 #footer a:hover {
pankso@403 76 background: #eaeaea;
pankso@403 77 color: #DF8F06;
pankso@403 78 }
pankso@403 79
pankso@403 80 /* Legal informations */
pankso@403 81
pankso@403 82 #copy {
pankso@403 83 font-size: 11px ;
pankso@403 84 text-align: center ;
pankso@403 85 background: transparent;
pankso@403 86 color: #a8a8a8;
pankso@403 87 padding-top: 20px;
pankso@403 88 }
pankso@403 89
pankso@403 90 #copy a {
pankso@403 91 background: inherit;
pankso@403 92 color: #a8a8a8;
pankso@403 93 }
pankso@403 94
pankso@403 95 #copy a:hover {
pankso@403 96 background: inherit;
pankso@403 97 color: #EDEDED;
pankso@403 98 }
pankso@403 99
pankso@403 100 /* Clouds */
pankso@403 101
pankso@403 102 #cloud {
pankso@403 103 padding: 10px 120px 10px 120px;
pankso@403 104 line-height: 3em;
pankso@403 105 text-align: center;
pankso@403 106 }
pankso@403 107 #cloud a { padding: 4px; color: #956411; }
pankso@403 108 #cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
pankso@403 109 #cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
pankso@403 110 #cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
pankso@403 111 #cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
pankso@403 112 #cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
pankso@403 113 #cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
pankso@403 114 #cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
pankso@403 115 #cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
pankso@403 116 #cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
pankso@403 117 #cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
pankso@403 118
pankso@403 119 /* Div for round corners. */
pankso@403 120
pankso@403 121 .content-right, .footer-right {
pankso@403 122 width: 16px;
pankso@403 123 color: white;
pankso@403 124 background-color: #333333;
pankso@403 125 }
pankso@403 126 .content-right {
pankso@403 127 background: url(images/css/content-tr.png) no-repeat top right;
pankso@403 128 height: 16px;
pankso@403 129 right: 50px;
pankso@403 130 top: 82px;
pankso@403 131 position: absolute;
pankso@403 132 }
pankso@403 133
pankso@403 134 .footer-right {
pankso@403 135 background: url(images/css/footer-br.png) no-repeat bottom right;
pankso@403 136 height: 20px;
pankso@403 137 float: right;
pankso@403 138 }
pankso@403 139
pankso@403 140 /* General HTML entities for content. */
pankso@403 141
pankso@403 142 h1 {
pankso@403 143 margin: 0px 0px 0px 16px;
pankso@403 144 }
pankso@403 145
pankso@403 146 h2 {
pankso@403 147 margin: 12px 0;
pankso@403 148 color: #484B7C;
pankso@403 149 background: white;
pankso@403 150 }
pankso@403 151
pankso@403 152 h3 {
pankso@403 153 font-weight: bold;
pankso@403 154 color: #6c0023;
pankso@403 155 background: white;
pankso@403 156 }
pankso@403 157
pankso@403 158 a {
pankso@403 159 text-decoration: underline;
pankso@403 160 }
pankso@403 161 a:hover {
pankso@403 162 text-decoration: none;
pankso@403 163 }
pankso@403 164
pankso@403 165 pre {
pankso@403 166 padding: 5px;
pankso@403 167 color: black;
pankso@403 168 background: #e1e0b0;
pankso@403 169 }
pankso@403 170 pre.script {
pankso@403 171 padding: 10px;
pankso@403 172 color: black;
pankso@403 173 background: #e8e8e8;
pankso@403 174 border: 1px inset #333333;
pankso@403 175 }
pankso@403 176
pankso@403 177 code {
pankso@403 178 font-size: 12px;
pankso@403 179 color: #669900;
pankso@403 180 background: transparent;
pankso@403 181 }
pankso@403 182
pankso@403 183 li {
pankso@403 184 line-height: 1.4em;
pankso@403 185 }
pankso@403 186
pankso@403 187 hr {
pankso@403 188 border: 0pt none;
pankso@403 189 }