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

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