slitaz-forge annotate scn/style.css @ rev 688

scn: bigger font (match website)
author Christophe Lincoln <pankso@slitaz.org>
date Sat Mar 25 00:01:52 2017 +0100 (2017-03-25)
parents 4a422b8e9883
children
rev   line source
pankso@525 1 /* CSS style for SliTaz Bugs/TinyCM */
pankso@525 2
pankso@525 3 html { min-height: 102%; }
pankso@688 4 body { font: 100% sans-serif, vernada, arial; margin: 0; }
pankso@525 5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
pankso@525 6 h1 a { color: #fff; text-decoration: none; }
pankso@525 7 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
pankso@525 8 a { text-decoration: underline; color: #215090; }
pankso@655 9 pre a { text-decoration: none; }
pankso@525 10 a:hover { text-decoration: none; }
pankso@525 11 img { border: 0pt none; vertical-align: middle; }
pankso@525 12 pre {
pankso@525 13 overflow: auto;
pankso@525 14 font-size: 98%;
pankso@525 15 }
pankso@525 16 textarea, table { width: 100%; }
pankso@525 17 thead { font-weight: bold; }
pankso@525 18
pankso@525 19 /* Header */
pankso@525 20
pankso@525 21 #header {
pankso@528 22 background: #111 url(images/logo.png) no-repeat left;
pankso@525 23 height: 40px;
pankso@525 24 }
pankso@525 25
pankso@525 26 #header h1 {
pankso@525 27 margin: 0;
pankso@525 28 padding: 8px 0 0 42px;
pankso@525 29 width: 250px;
pankso@525 30 }
pankso@525 31
pankso@525 32 #header h1 a {
pankso@525 33 color: white;
pankso@525 34 text-decoration: none;
pankso@525 35 font-size: 20px;
pankso@525 36 font-style: italic;
pankso@525 37 }
pankso@525 38
pankso@525 39 #header h1 a:hover {
pankso@525 40 color: #afafaf;
pankso@525 41 }
pankso@525 42
pankso@525 43 /* Header links */
pankso@525 44
pankso@525 45 #network {
pankso@525 46 float: right;
pankso@525 47 padding: 14px 5px 0;
pankso@525 48 font-size: 12px;
pankso@525 49 margin-right: 100px;
pankso@525 50 }
pankso@525 51
pankso@525 52 #network a, #network span {
pankso@525 53 padding: 0 4px;
pankso@525 54 color: #fff;
pankso@525 55 font-weight: bold;
pankso@525 56 text-decoration: none;
pankso@525 57 }
pankso@525 58
pankso@525 59 #network a:hover, #user a:hover, #network span { color: #afafaf; }
pankso@525 60
pankso@525 61 /* Logo */
pankso@525 62
pankso@525 63 #logo {
pankso@525 64 background: url(images/logo.png) no-repeat left;
pankso@525 65 position: absolute;
pankso@525 66 float: left;
pankso@525 67 left: 0px;
pankso@525 68 top: 0px;
pankso@525 69 width: 40px;
pankso@525 70 height: 40px;
pankso@525 71 }
pankso@525 72
pankso@525 73 /* Login and user box */
pankso@525 74
pankso@528 75 #login { width: 240px; float: left; height: 120px; }
pankso@525 76
pankso@525 77 #login input[type="text"], #login input[type="password"] {
pankso@525 78 width: 200px; }
pankso@525 79
pankso@525 80 #signup input[type="text"], #signup input[type="password"] {
pankso@525 81 width: 400px; }
pankso@525 82
pankso@525 83 #login input[type="submit"] { float: none; }
pankso@525 84 #login p { display: inline; }
pankso@525 85
pankso@525 86 #user {
pankso@529 87 background-color: #222;
pankso@525 88 padding: 4px;
pankso@525 89 width: 84px;
pankso@525 90 float: right;
pankso@525 91 font-size: 12px;
pankso@525 92 position: absolute;
pankso@525 93 right: 10px;
pankso@525 94 top: 6px;
pankso@525 95 }
pankso@525 96 #user a { padding: 0 2px; color: #fff;
pankso@525 97 font-weight: bold; text-decoration: none; }
pankso@525 98
pankso@525 99 #account-info { width: 380px; height: 120px; float: right; }
pankso@525 100
pankso@528 101 /* Navigation */
pankso@525 102
pankso@528 103 nav {
pankso@528 104 min-height: 54px;
pankso@528 105 background: #ddd;
pankso@528 106 padding: 30px 6% 0;
pankso@525 107 text-align: center;
pankso@525 108 color: #222;
pankso@525 109 border-bottom: 1px solid #afafaf;
pankso@528 110 margin-bottom: 20px;
pankso@528 111 top: 40px;
pankso@525 112 }
pankso@525 113
pankso@528 114 nav ul {
pankso@528 115 margin: 0; padding: 0;
pankso@528 116 list-style: none;
pankso@525 117 }
pankso@528 118 nav li { display: inline; }
pankso@525 119
pankso@528 120 nav a, nav form {
pankso@525 121 text-decoration: none;
pankso@528 122 padding: 12px;
pankso@525 123 color: #fff;
pankso@525 124 font-weight: bold;
pankso@528 125 vertical-align: middle;
pankso@528 126 -webkit-transition: background-color 0.6s;
pankso@528 127 transition: background-color 0.6s;
pankso@525 128 }
pankso@688 129 nav p { padding: 8px; color: #333; font-size: 90%; }
pankso@525 130
pankso@528 131 nav input { padding: 0px;}
pankso@528 132 .nav1 { background-color: #333; }
pankso@528 133 .nav1:hover { background-color: #128da9; }
pankso@528 134 .nav2 { background-color: #ab3c00; }
pankso@528 135 .nav2:hover { background-color: #ff9b00; }
pankso@528 136 .navpi { background-color: #444; }
pankso@528 137 .navpi:hover { background-color: #bc1142; }
pankso@528 138
pankso@525 139
pankso@525 140 /* Languages */
pankso@525 141
pankso@525 142 #lang {
pankso@525 143 position: absolute;
pankso@525 144 right: 0;
pankso@525 145 top: 152px;
pankso@525 146 padding: 6px;
pankso@525 147 font-size: 12px;
pankso@525 148 }
pankso@525 149
pankso@525 150 #lang a {
pankso@525 151 text-decoration: none;
pankso@525 152 padding: 0 2px;
pankso@525 153 }
pankso@525 154
pankso@525 155 #lang a:hover {
pankso@525 156 text-decoration: underline;
pankso@525 157 }
pankso@525 158
pankso@525 159 /* Search */
pankso@525 160
pankso@525 161 #search {
pankso@525 162 position: absolute;
pankso@525 163 right: 20px;
pankso@525 164 top: 72px;
pankso@525 165
pankso@525 166 }
pankso@525 167
pankso@525 168 #search input[type="text"] { width: 180px; }
pankso@525 169
pankso@525 170 /* Content */
pankso@525 171
pankso@525 172 #content {
pankso@525 173 margin: 40px auto;
pankso@525 174 padding: 0 20px;
pankso@525 175 text-align: justify;
pankso@525 176 max-width: 680px;
pankso@688 177 font: 100% sans-serif, vernada, arial;
pankso@525 178 }
pankso@525 179
pankso@525 180 #edit textarea { width: 100%; height: 240px; background: #f8f8f8; }
pankso@525 181 #edit a { text-decoration: none; }
pankso@525 182
pankso@525 183 .box, pre, #login, #account-info {
pankso@525 184 background-color: #f8f8f8;
pankso@525 185 border: 1px solid #ddd;
pankso@525 186 padding: 10px;
pankso@525 187 }
pankso@525 188
pankso@525 189 pre img { margin: 4px 4px 4px 0px; }
pankso@525 190 #content p img { display: block;
pankso@525 191 margin: 0 auto; }
pankso@525 192
pankso@528 193 .mobile { display: none !important; }
pankso@525 194 .error { color: red; }
pankso@525 195 .ok { color: green; }
pankso@525 196 .date { color: #666; font-size: 96%; }
pankso@525 197
pankso@525 198 /* Progress bar */
pankso@525 199
pankso@525 200 .pct { background: #9dff4a; padding: 2px 4px; }
pankso@525 201
pankso@525 202 .pctbar {
pankso@525 203 margin: 0;
pankso@525 204 color: #666;
pankso@525 205 background: #f1f1f1;
pankso@525 206 border: 1px solid #ddd;
pankso@525 207 overflow: hidden;
pankso@525 208 clear: both;
pankso@525 209 }
pankso@525 210
pankso@525 211 /* Form */
pankso@525 212
pankso@525 213 form { display: inline; }
pankso@525 214 textarea { border: 2px solid #ccc; padding: 4px; width: 100%; }
pankso@525 215 select { min-width: 180px; }
pankso@525 216 input[type="submit"], input[type="text"], input[type="password"],
pankso@525 217 select, #tools a {
pankso@525 218 color: #444444;
pankso@525 219 border: 1px solid #cccccc;
pankso@525 220 padding: 4px;
pankso@525 221 margin: 4px 0px;
pankso@525 222 font-size: 14px;
pankso@525 223 line-height: 1.2em;
pankso@525 224 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@525 225 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@525 226 -webkit-appearance: none;
pankso@525 227 -webkit-padding-end: 12px;
pankso@525 228 -webkit-padding-start: 6px;
pankso@525 229 }
pankso@525 230
pankso@525 231 input[type="text"], input[type="password"] {
pankso@525 232 background: #fefefe; border: 2px solid #ccc;
pankso@525 233 width: 100%; }
pankso@525 234 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@525 235 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@525 236
pankso@525 237 /* Be compatible with old FF and Webkit version. */
pankso@525 238 input[type="submit"] {
pankso@525 239 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@525 240 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@525 241 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@525 242 }
pankso@525 243
pankso@525 244 input[type="submit"]:hover, #tools a:hover {
pankso@525 245 cursor: pointer;
pankso@525 246 color: black;
pankso@525 247 }
pankso@525 248
pankso@525 249 select {
pankso@525 250 background-image: url(images/down.png),
pankso@525 251 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@525 252 background-position: center right;
pankso@525 253 background-repeat: no-repeat;
pankso@525 254 }
pankso@525 255
pankso@525 256 #tools {
pankso@528 257 padding-top: 10px;
pankso@525 258 margin: 20px 0px;
pankso@525 259 /*border-top: 1px dotted #ccc;
pankso@525 260 position: fixed;
pankso@525 261 bottom: 10px;*/
pankso@525 262 }
pankso@528 263 #tools a { text-decoration: none; }
pankso@525 264
pankso@525 265 /* Round corner */
pankso@525 266
pankso@525 267 pre, .button, .pctbar, .box, #login, #account-info, #user, img,
pankso@639 268 input, textarea, select, #tools a, nav a, #cloud-upload, .wall-message {
pankso@525 269 -moz-border-radius: 4px;
pankso@525 270 -webkit-border-radius: 4px;
pankso@525 271 border-radius: 4px;
pankso@525 272 }
pankso@525 273
pankso@525 274 /* notes */
pankso@525 275
pankso@525 276 .noteclassic,.noteimportant,.notewarning,.notetip {
pankso@525 277 margin:2em;
pankso@525 278 margin-left:auto;
pankso@525 279 margin-right:auto;
pankso@525 280 width:70% !important;
pankso@525 281 min-height:40px;
pankso@525 282 clear:both;
pankso@525 283 text-align:justify;
pankso@525 284 vertical-align:middle;
pankso@525 285 border-collapse:collapse;
pankso@525 286 padding:15px 20px 15px 80px;
pankso@525 287 background-position:20px 50%;
pankso@525 288 background-repeat:no-repeat;
pankso@525 289 -moz-border-radius:20px;
pankso@525 290 -khtml-border-radius:20px;
pankso@525 291 border-radius:20px;
pankso@525 292 }
pankso@525 293
pankso@525 294 .noteclassic {
pankso@525 295 background-color:#eef;
pankso@525 296 background-image:url(images/note.png);
pankso@525 297 }
pankso@525 298
pankso@525 299 .noteimportant {
pankso@525 300 background-color:#ffc;
pankso@525 301 background-image:url(images/important.png);
pankso@525 302 }
pankso@525 303
pankso@525 304 .notewarning {
pankso@525 305 background-color:#fdd;
pankso@525 306 background-image:url(images/warning.png);
pankso@525 307 }
pankso@525 308
pankso@525 309 .notetip {
pankso@525 310 background-color:#dfd;
pankso@525 311 background-image:url(images/tip.png);
pankso@525 312 }
pankso@525 313
pankso@525 314 /* Footer */
pankso@525 315
pankso@525 316 #footer {
pankso@525 317 text-align: center;
pankso@525 318 padding: 20px;
pankso@525 319 border-top: 1px solid #ddd;
pankso@525 320 font-size: 90%;
pankso@525 321 }
pankso@525 322
pankso@525 323 #footer a { padding: 0 2px; }
pankso@525 324
pankso@664 325 /*
pankso@664 326 *
pankso@664 327 * Plugins CSS Styles
pankso@664 328 *
pankso@664 329 */
pankso@525 330
pankso@639 331 /* Blog */
pankso@639 332 .post-tools {
pankso@639 333 border-top: 1px dotted #ddd;
pankso@639 334 border-bottom: 1px dotted #ddd;
pankso@639 335 padding: 4px 0; }
pankso@664 336 .post-tools a { text-decoration: none; }
pankso@525 337 .post-tools a:hover { text-decoration: underline; }
pankso@639 338
pankso@639 339 /* Forum */
pankso@664 340 #hashtags { font-size: 16px; font-weight: bold; }
pankso@639 341 #hashtags a { text-decoration: none; padding: 0 4px; }
pankso@639 342 .topic { padding: 6px; margin: 4px; }
pankso@639 343 .topic span a { text-decoration: none; color: #666;
pankso@639 344 font-weight: bold; padding-left: 2px; }
pankso@639 345 .forum-msg { background-color: #eee; padding: 10px;
pankso@639 346 border: 2px solid #ddd; width: 98%;}
pankso@639 347
pankso@639 348 /* Cloud */
pankso@639 349 #cloud-upload {
pankso@639 350 text-align: center;
pankso@639 351 color: #444444;
pankso@639 352 border: 1px solid #cccccc;
pankso@639 353 padding: 0px;
pankso@639 354 margin: 4px 0px;
pankso@639 355 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@639 356 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@639 357 }
pankso@639 358
pankso@639 359 #cloud-upload input[type="file"] {
pankso@639 360 border: 0px solid #cccccc;
pankso@639 361 width: 85%;
pankso@639 362 -webkit-appearance: none;
pankso@639 363 -webkit-padding-end: 0px;
pankso@639 364 -webkit-padding-start: 0px;
pankso@639 365 }
pankso@639 366
pankso@639 367 /* Community */
pankso@639 368 #wall-form textarea { height: 50px; background: #f8f8f8; }
pankso@639 369 .wall-message {
pankso@639 370 border: 1px solid #ddd;
pankso@639 371 background: #fafafa;
pankso@639 372 margin: 20px 0;
pankso@639 373 padding: 0;
pankso@639 374 }
pankso@639 375 .wall-message div {
pankso@639 376 padding: 10px 0 0 10px;
pankso@639 377 }
pankso@639 378 .wall-message p {
pankso@639 379 border-top: 1px solid #eee;
pankso@639 380 padding: 10px;
pankso@639 381 }
pankso@639 382
pankso@653 383 /* Users & Dashboard */
pankso@653 384 #users table, #plugins table { border-collapse: collapse; }
pankso@653 385 #users tr, #plugins tr {
pankso@653 386 padding:.3em 1em;
pankso@653 387 border-bottom: 1px solid #ddd;
pankso@653 388 }
pankso@653 389 #users td, #plugins td { padding: 4px 0; }
pankso@664 390
pankso@664 391 /*
pankso@664 392 *
pankso@664 393 * SUP CSS Style with receip support, upload, confirm, pkg list, etc
pankso@664 394 *
pankso@664 395 */
pankso@664 396
pankso@664 397 .comment { color: #a00; }
pankso@664 398 .value { color: #e50; }
pankso@664 399 .var { color: #05a; }
pankso@664 400 .color32 { color: green; }
pankso@688 401 .float-right { float: right; }