slitaz-doc annotate slitaz/book.css @ rev 39

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