slitaz-forge annotate tank/web/slitaz.css @ rev 702

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