slitaz-forge annotate mirror/root/static/slitaz.css @ rev 591

mirror/root/dir-generator.php: ISO-8859-1 -> UTF-8; white here already implemented link to the WebArchive (remove line breaks); remove unwanted letters from regexp. mirror/root/static/slitaz.css: white links on light-grey background -> brown links; searchbox with type="search" (it adds "clean" button on the right side when typing).
author Aleksej Bobylev <al.bobylev@gmail.com>
date Sat Jan 17 15:20:34 2015 +0200 (2015-01-17)
parents c1ac675db867
children d3a31a897d56
rev   line source
pankso@154 1 /*
pascal@589 2 CSS style for SliTaz Network - (C) 2015 SliTaz GNU/Linux
pankso@154 3 */
pankso@154 4
pankso@154 5 html {
pankso@154 6 min-height: 102%;
pankso@154 7 }
pankso@154 8
pankso@154 9 body {
pankso@154 10 background: #ffffff;
pankso@154 11 color: black;
pankso@154 12 font: 13px sans-serif, vernada, arial;
pankso@154 13 margin: 0;
pankso@154 14 min-width: 780px;
pankso@154 15 height: 100%;
pankso@154 16 }
pankso@154 17
pankso@154 18 a { text-decoration: underline; color: #215090; }
pankso@154 19 a:hover { text-decoration: none; color: blue; }
pankso@154 20 img { border: 0pt none; vertical-align: middle; }
pankso@154 21 h2 { color: #444; }
pankso@154 22 h3 { color: #666; font-size: 140%; }
pankso@154 23 h4 { color: #888; font-size: 120%; }
pankso@154 24 pre {
pankso@154 25 background-color: #f8f8f8;
pankso@154 26 border: 1px solid #ddd;
pankso@154 27 padding: 10px;
pankso@154 28 }
pankso@154 29 table {
pankso@154 30 background-color: #f8f8f8;
pankso@154 31 border: 1px solid #ddd;
pankso@154 32 width: 100%;
pankso@154 33 margin: 0px 0px 20px 0px;
pankso@154 34 padding: 10px;
pankso@154 35 }
pankso@154 36
pankso@154 37 /* Header */
pankso@154 38
pankso@154 39 #header {
pankso@154 40 height: 40px;
pascal@466 41 background: #222;
pankso@175 42 color: #ffffff;
pankso@154 43 }
pankso@154 44
pankso@154 45 #header h1 {
pankso@154 46 margin: 0;
pankso@154 47 padding: 8px 0 0 42px;
pankso@154 48 width: 250px;
pankso@154 49 }
pankso@154 50
pankso@154 51 #header h1 a {
pankso@154 52 color: white;
pankso@154 53 text-decoration: none;
pankso@154 54 font-size: 20px;
pankso@154 55 font-style: italic;
pankso@154 56 }
pankso@154 57
pankso@154 58 #header h1 a:hover, #network a:hover {
pascal@466 59 color: #ccc;
pankso@154 60 }
pankso@154 61
pankso@154 62 /* Logo */
pankso@154 63
pankso@154 64 #logo {
pankso@174 65 background: url(logo.png) no-repeat left;
pankso@154 66 position: absolute;
pankso@154 67 float: left;
pankso@154 68 left: 0px;
pankso@154 69 top: 0px;
pankso@154 70 width: 40px;
pankso@154 71 height: 40px;
pankso@154 72 }
pankso@154 73
pankso@154 74 /* SliTaz Network */
pankso@154 75
pankso@154 76 #network {
pankso@154 77 float: right;
pankso@154 78 padding: 10px 5px 0;
pankso@154 79 font-size: 12px;
pankso@154 80 }
pankso@154 81
pankso@154 82 #network a { padding: 0 6px; }
pankso@154 83
pankso@154 84 /* Block */
pankso@154 85
pankso@154 86 #block {
pankso@154 87 min-height: 200px;
pascal@466 88 background: #ccc;
pankso@154 89 padding: 26px 10% 0px;
pankso@154 90 text-align: center;
pankso@154 91 color: #333;
pankso@154 92 border-bottom: 1px solid #f5f5f5;
pankso@154 93 }
pankso@154 94
pankso@154 95 #block_info {
pankso@154 96 text-align: justify;
pankso@154 97 width: 48%;
pankso@154 98 padding: 10px 10px 0 0;
pankso@154 99 }
pankso@154 100
pankso@154 101 #block a, #network a {
pankso@154 102 color: #fff;
pankso@154 103 font-weight: bold;
pankso@154 104 text-decoration: none;
pankso@154 105 }
pankso@154 106
pankso@154 107 #block h4 {
pascal@466 108 color: #222;
pankso@154 109 margin: 0px;
pankso@154 110 font-weight: bold;
pankso@154 111 font-size: 110%;
pankso@154 112 }
pankso@154 113
pankso@154 114 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
al@591 115 #block_info a { font-weight: normal; color: #B51; }
al@591 116 #block_info a:hover { color: #000; }
al@591 117
pankso@154 118 #block ul { list-style-type: square; }
pascal@466 119 #block a:hover { color: #afafaf; }
pankso@154 120
pankso@154 121 /* Navigation */
pankso@154 122
pankso@154 123 #block_nav {
pascal@466 124 background: #666;
pankso@154 125 padding: 10px 10px 40px;
pankso@154 126 text-align: justify;
pankso@154 127 width: 48%;
pankso@154 128 float: right;
pankso@154 129 }
pankso@154 130
pankso@154 131 #block_nav ul {
pankso@154 132 list-style-type: none;
pankso@154 133 margin: 6px 0;
pankso@154 134 padding: 0;
pankso@154 135 }
pankso@154 136
pankso@154 137 #block_nav h4 img {
pankso@154 138 margin: 0 4px 0 0;
pankso@154 139 padding: 0;
pankso@154 140 }
pankso@154 141
pankso@154 142 /* Languages */
pankso@154 143
pankso@154 144 #lang {
pankso@154 145 position: absolute;
pankso@154 146 right: 0;
pankso@154 147 padding: 6px;
pankso@154 148 font-size: 11px;
pankso@154 149 }
pankso@154 150
pankso@154 151 #lang a {
pankso@154 152 text-decoration: none;
pankso@154 153 padding: 0 2px;
pankso@154 154 }
pankso@154 155
pankso@154 156 #lang a:hover {
pankso@154 157 text-decoration: underline;
pankso@154 158 }
pankso@154 159
pankso@154 160 /* Content */
pankso@154 161
pankso@154 162 #content {
pankso@154 163 padding: 30px 80px;
pankso@154 164 text-align: justify;
pankso@154 165 }
pankso@154 166
pankso@154 167 .news li {
pankso@154 168 list-style-type: square;
pankso@154 169 border-bottom: 1px dotted #BEBEBE;
pankso@154 170 margin-left: -25px;
pankso@154 171 padding: 4px 0px 4px 0px;
pankso@154 172 }
pankso@154 173
pankso@154 174 .news a, .feed-grid a { text-decoration: none; }
pankso@154 175 .news p a { text-decoration: underline; }
pankso@154 176 .news p a:hover { text-decoration: none; }
pankso@154 177 #twitter { margin: 20px 0; }
pankso@154 178 #gallery { text-align: center; }
pankso@154 179
pankso@154 180 #sponsor {
pankso@154 181 font-size: 90%;
pankso@154 182 background-color: #fbfbfb;
pankso@154 183 border: 2px solid #ddd;
pankso@154 184 width: 200px;
pankso@154 185 height: 160px;
pankso@154 186 float: right;
pankso@154 187 text-align: center;
pankso@154 188 margin: 10px 0px 20px 20px;
pankso@154 189 }
pankso@154 190
pankso@175 191 #mirrors {
pankso@175 192 padding: 10px;
pankso@175 193 margin: 10px 0px 20px;
pankso@175 194 text-align: center;
pankso@175 195 background: #f1f1f1;
pankso@175 196 border: 2px solid #ddd;
pankso@175 197 }
pankso@175 198
pankso@154 199 /* Classes */
pankso@154 200
pankso@154 201 .right_box { width: 48%; float: right; }
pankso@154 202 .left_box { width: 48%; float: left; }
pankso@154 203
pankso@154 204 .box {
pankso@154 205 margin: 20px 60px;
pankso@154 206 padding: 12px;
pankso@154 207 background: #efefef;
pankso@154 208 border: 1px solid #ddd;
pankso@154 209 }
pankso@154 210
pankso@154 211 .searchbox {
pankso@154 212 margin: 20px 80px;
pankso@154 213 padding: 12px;
pankso@154 214 background: #f8f8f8;
pankso@154 215 text-align: center;
pankso@154 216 border: 1px solid #ddd;
pankso@154 217 }
pankso@154 218
pankso@154 219 /* Activity Box */
pankso@154 220
pankso@154 221 .activity {
pankso@154 222 margin: 0 0 20px;
pankso@154 223 background: #efefef;
pankso@154 224 padding: 5px 2px 0;
pankso@154 225 border: 1px solid #ddd;
pankso@154 226 }
pankso@154 227 .activity div { padding: 5px 10px; background: #fff; margin-top: 5px; }
pankso@154 228 .activity p { margin: 0; padding: 5px 10px; font-weight: bold; }
pankso@154 229 .activity a { text-decoration: none; }
pankso@154 230 .activity ul { list-style-type: none;
pankso@154 231 margin: 4px 0; padding: 0 4px; line-height: 150%; }
pankso@154 232 .activity_more { text-align: right; }
pankso@154 233 .activity_more a { font-weight: normal; color: #000; padding: 0 4px; }
pankso@154 234 .activity_more a:hover { text-decoration: underline; }
pankso@154 235
pankso@154 236 .activity span, .news span {
pankso@154 237 color: #666;
pankso@154 238 font-size: 11px;
pankso@154 239 font-weight: normal;
pankso@154 240 }
pankso@154 241
pankso@154 242 /* Button */
pankso@154 243
pankso@154 244 .button a {
pascal@466 245 background-color: #666;
pankso@154 246 color: #ffffff;
pankso@154 247 margin-right: 6px;
pankso@154 248 padding: 6px 10px;
pankso@154 249 font-size: 12px;
pankso@154 250 text-decoration: none;
pankso@154 251 font-weight: bold;
pankso@154 252 }
pankso@154 253 .button a:hover, input[type=submit]:hover {
pascal@466 254 background-color: #444;
pankso@154 255 color: #ffffff;
pankso@154 256 }
pankso@154 257
pankso@154 258 /* Round corner */
pankso@154 259
pankso@154 260 #block_nav, pre, .box, .searchbox, .button a, #twitter, .activity,
pankso@175 261 .activity div, #sponsor, #mirrors, table, input, textarea, select {
pankso@154 262 -moz-border-radius: 4px;
pankso@154 263 -webkit-border-radius: 4px;
pankso@154 264 border-radius: 4px;
pankso@154 265 }
pankso@154 266
pankso@154 267 /* Form */
pankso@154 268
pankso@154 269 form { display: inline; }
al@591 270 input[type="submit"], input[type="text"], input[type="search"], textarea, select {
pankso@154 271 color: #444444;
pankso@154 272 border: 1px solid #cccccc;
pankso@154 273 padding: 4px;
pankso@154 274 margin: 4px 0px;
pankso@154 275 font-size: 14px;
pankso@154 276 line-height: 1.2em;
pankso@154 277 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@154 278 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@154 279 -webkit-appearance: none;
pankso@154 280 -webkit-padding-end: 6px;
pankso@154 281 -webkit-padding-start: 6px;
pankso@154 282 }
pankso@154 283
al@591 284 input[type="text"], input[type="search"], textarea { background: #fefefe; border: 2px solid #ccc;
pankso@154 285 width: 460px; }
pankso@154 286 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@154 287 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@154 288
pankso@154 289 /* Be compatible with old FF and Webkit version. */
pankso@154 290 input[type="submit"] {
pankso@154 291 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@154 292 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@154 293 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@154 294 }
pankso@154 295
pankso@154 296 input[type="submit"]:hover {
pankso@154 297 cursor: pointer;
pankso@154 298 color: black;
pankso@154 299 }
pankso@154 300
pankso@154 301 select {
pankso@154 302 background-image: url(images/down.png),
pankso@154 303 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@154 304 background-position: center right;
pankso@154 305 background-repeat: no-repeat;
pankso@154 306 }
pankso@154 307
pankso@154 308 .searchbox input[type=submit] {
pascal@466 309 border: 1px solid #666;
pascal@466 310 background-color: #666;
pankso@154 311 color: white;
pankso@154 312 font-weight: bold;
pankso@154 313 cursor: pointer;
pankso@154 314 padding: 4px 10px;
pankso@154 315 font-size: 14px;
pankso@154 316 margin-left: -5px;
pankso@154 317 -webkit-border-top-right-radius: 4px;
pankso@154 318 -webkit-border-bottom-right-radius: 4px;
pankso@154 319 -moz-border-radius-topright: 4px;
pankso@154 320 -moz-border-radius-bottomright: 4px;
pankso@154 321 border-top-right-radius: 4px;
pankso@154 322 border-bottom-right-radius: 4px;
pankso@154 323 }
pankso@154 324
pascal@466 325 .searchbox input[type=submit]:hover { background-color: #444; }
pankso@154 326
al@591 327 .searchbox input[type=text], input[type=search] {
pankso@154 328 border: 1px solid #333333;
pankso@154 329 padding: 4px;
pankso@154 330 height: 17px;
pankso@154 331 width: 100%;
pankso@154 332 -webkit-border-top-left-radius: 4px;
pankso@154 333 -webkit-border-bottom-left-radius: 4px;
pankso@154 334 -moz-border-radius-topleft: 4px;
pankso@154 335 -moz-border-radius-bottomleft: 4px;
pankso@154 336 border-top-left-radius: 4px;
pankso@154 337 border-bottom-left-radius: 4px;
pankso@154 338 }
pankso@154 339
pankso@154 340 /* Footer */
pankso@154 341
pankso@154 342 #footer {
pankso@154 343 background: #f1f1f1;
pankso@154 344 text-align: center;
pankso@154 345 border-top: 1px solid #ddd;
pankso@154 346 padding: 40px;
pankso@154 347 color: #666;
pankso@154 348 clear: both;
pankso@154 349 margin-bottom: -2%;
pankso@154 350 }
pankso@154 351
pankso@154 352 #footer a { color: #666; padding: 0 2px; }
pankso@154 353
pankso@154 354 .year:after {
pascal@589 355 /* content: "2007-2015"; */
pascal@589 356 content: "2015";
pankso@154 357 }