[ Index ] |
|
Code source de Dotclear 2.0-beta6 |
1 body { 2 font: 62.5%/1.5em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; 3 color : #000; 4 background : #fff url(page-bg.png) repeat-y top left; 5 margin : 0; 6 padding : 0; 7 } 8 body.auth { 9 background-image: none; 10 } 11 body.install #content { 12 margin-top: 1em; 13 font-size: 1.1em; 14 } 15 16 a img,:link img,:visited img { border:none } 17 18 a, a:link, a:visited { 19 color : #06c; 20 text-decoration : none; 21 border-bottom : 1px dotted #f90; 22 } 23 a:hover, a:active, a:focus { 24 25 } 26 27 h1, h2, h3, h4, h5, h6, p { 28 margin-top : 0; 29 margin-bottom: 0.6em; 30 } 31 32 h2 { 33 font-family : Arial,Helvetica,sans-serif; 34 color : #069; 35 font-size : 1.4em; 36 } 37 38 h3 { 39 color : #333; 40 font-size : 1.2em; 41 } 42 43 p, div.p { 44 margin : 0 0 1em 0; 45 } 46 47 hr { 48 height : 1px; 49 border-width : 1px 0 0 0; 50 border-color : #999; 51 border-style : solid; 52 } 53 54 pre, code { 55 font: 100% "Andale Mono","Courier New",monospace; 56 } 57 58 /* LAYOUT 59 -------------------------------------------------------- */ 60 /* General font-size */ 61 #top, #info-box, #main, #main-menu, #footer { 62 font-size: 1.1em; 63 } 64 65 #top { 66 margin : 0; 67 padding : 0; 68 background : transparent url(head-bg.png) repeat-x; 69 } 70 #top h1 { 71 padding : 0; 72 margin : 0; 73 height : 58px; 74 text-indent : -1000px; 75 background : transparent url(head-logo.png) no-repeat 0 0; 76 } 77 #top h1 a { 78 position: absolute; 79 top: 3px; 80 left: 0; 81 width: 170px; 82 height: 35px; 83 border: none; 84 } 85 86 #info-box { 87 position : absolute; 88 right : 20px; 89 top : 6px; 90 margin : 0; 91 padding : 3px 3px 4px 15px; 92 } 93 #info-box div { 94 margin: 0; padding: 0; 95 } 96 #info-box div div { 97 display: inline; 98 } 99 #info-box select { 100 width : 160px; 101 } 102 #info-box a { 103 font-weight : bold; 104 } 105 106 #main { 107 width : 100%; 108 float : right; 109 margin-left : -155px; 110 margin-top : 0; 111 } 112 113 #content { 114 margin-left : 155px; 115 margin-bottom : 10px; 116 padding-top : 1px; 117 margin-right : 15px; 118 } 119 120 #main-menu { 121 width : 135px; 122 float : left; 123 margin-top : 0; 124 margin-bottom : 10px; 125 } 126 #main-menu h3 { 127 margin : 0; 128 padding : 0 0 0 5px; 129 } 130 #main-menu ul { 131 margin : 0 0 1em 0; 132 padding : 0; 133 list-style : none; 134 } 135 #main-menu li { 136 display : block; 137 margin : 0.5em 0 0 5px; 138 padding : 2px 0 1px 20px; 139 background-repeat: no-repeat; 140 background-position: 0 0; 141 } 142 #main-menu a { 143 font-weight : bold; 144 } 145 #main-menu .active a { 146 border-bottom-style: solid; 147 } 148 149 #default-blog { 150 position: absolute; 151 top: 58px; 152 right: 30px; 153 height: 1.5em; 154 font-size : 140%; 155 font-weight: bold; 156 } 157 158 #footer { 159 clear : both; 160 padding : 3px 5px 0 25px; 161 } 162 #footer a { 163 border: none; 164 } 165 166 #debug { 167 position: absolute; 168 top: 0; 169 width: 100%; 170 height: 4px; 171 background: #d99; 172 } 173 #debug div { 174 display: none; 175 padding: 3px 0.5em 2px; 176 } 177 #debug p { 178 margin : 0.5em 0; 179 } 180 #debug:hover { 181 height: auto; 182 } 183 #debug:hover div { 184 display: block; 185 } 186 187 /* DASHBOARD */ 188 #dashboard { 189 font-size: 120%; 190 padding-top: 2em; 191 clear: left; 192 } 193 #dashboard p img { 194 vertical-align: middle; 195 } 196 #dashboard ul { 197 display: block; 198 margin: 0; 199 padding-left: 1.5em; 200 list-style: square; 201 } 202 #dashboard li { 203 margin: 0.25em 0 0 0; 204 color: #666; 205 } 206 207 #dashboard-icons p { 208 float: left; 209 width: 32%; 210 text-align: center; 211 margin: 2em 0 0 0; 212 } 213 #dashboard-icons span { 214 display: block; 215 } 216 #dashboard-icons a { 217 border-bottom-width: 0; 218 } 219 #dashboard-icons span a { 220 border-bottom-width: 1px; 221 } 222 223 /* POST */ 224 #entry-sidebar { 225 width : 200px; 226 float : right; 227 } 228 #entry-content { 229 margin-right : 220px; 230 } 231 #comments { 232 clear : both; 233 } 234 235 /* MEDIA */ 236 #media-icon { 237 float: left; 238 } 239 #media-details { 240 margin-left: 70px; 241 } 242 #media-details ul { 243 display: block; 244 margin-left: 0; 245 padding: 0; 246 } 247 #media-details li { 248 list-style: square inside; 249 margin: 0; 250 padding: 0; 251 } 252 #media-original-image { 253 overflow: auto; 254 } 255 #media-original-image.overheight { 256 height: 500px; 257 } 258 259 #add-file-f { 260 position: relative; 261 } 262 #add-file-f .more-file { 263 position:absolute; 264 right: 0.5em; 265 background: #999; 266 color: #fff; 267 border: none; 268 } 269 270 /* POPUP */ 271 body.popup { 272 background-position : -120px 0; 273 } 274 body.popup #top h1 { 275 background-position : -120px 0; 276 } 277 body.popup #main { 278 margin-left : -35px; 279 } 280 body.popup #content { 281 margin-left : 35px; 282 } 283 body.popup #footer { 284 clear : both; 285 padding-top : 20px; 286 padding-left : 35px; 287 } 288 289 /* CLASSES 290 -------------------------------------------------------- */ 291 a.help-link { 292 border: none; 293 } 294 295 .help-content dt { 296 font-weight: bold; 297 color: #666; 298 margin: 0; 299 } 300 .help-content dd { 301 margin: 0.3em 0 1.5em 0; 302 } 303 304 .clear { 305 clear : both; 306 } 307 .lclear { 308 clear : left; 309 } 310 div.clearer { 311 height : 1px; 312 font-size : 1px; 313 } 314 315 .hide { 316 display : none; 317 } 318 319 .right { 320 text-align : right; 321 } 322 323 .frame-shrink { 324 border: 1px solid #666; 325 padding: 0.5em; 326 margin-bottom: 1em; 327 height: 120px; 328 overflow: auto; 329 } 330 331 div.error { 332 border : 2px solid #c00; 333 padding : 0.5em 0.5em 0.5em 40px; 334 margin-bottom : 1em; 335 background : transparent url(msg-error.png) no-repeat 5px 50%; 336 } 337 338 339 .line p { 340 margin : 0; 341 } 342 343 .message, .static-msg { 344 font-weight : bold; 345 color : #f60; 346 padding : 0.5em 0.5em 0.5em 40px; 347 border : 1px solid #ccc; 348 background : transparent url(msg-std.png) no-repeat 5px 50%; 349 } 350 351 .offline { 352 color : #666; 353 } 354 355 ul.nice { 356 margin: 1em 0; 357 padding: 0 0 0 2em; 358 list-style: square; 359 } 360 ul.nice li { 361 margin:0; 362 padding: 0; 363 } 364 365 .three-cols { 366 } 367 .three-cols .col { 368 width : 32.3%; 369 float : left; 370 margin-left : 1%; 371 } 372 .three-cols .col:first-child { 373 width : 33.3%; 374 margin-left : 0; 375 } 376 377 .two-cols { 378 position : static; 379 } 380 .two-cols .col { 381 width : 49%; 382 margin-left : 1%; 383 float : left; 384 } 385 .two-cols .col:first-child { 386 width : 50%; 387 margin-left : 0; 388 } 389 390 .comment { 391 border-top : 2px solid #ccc; 392 margin-bottom : 1em; 393 padding : 2em 0 1em 0; 394 position : relative; 395 } 396 .comment form p { 397 margin : 0; 398 position : absolute; 399 top : 2px; 400 right : 0; 401 } 402 403 .part-tabs { 404 display : block; 405 list-style : none; 406 margin : 0 0 1.5em 0; 407 padding : 1em 0 0 0; 408 z-index : 1; 409 border-bottom : 1px solid #666; 410 } 411 .part-tabs li { 412 display : inline; 413 overflow : hidden; 414 padding: 0; 415 margin: 0; 416 list-style-type : none; 417 } 418 .part-tabs a { 419 border-width : 1px 1px 0 1px !important; 420 border-style : solid; 421 border-color : #666; 422 margin-left : 5px; 423 padding : 1px 5px 0 5px; 424 background : #e1dfcc; 425 -moz-border-radius : 2px 2px 0 0; 426 } 427 .part-tabs a:hover, .part-tabs a:focus { 428 border-top-color : #000; 429 border-left-color : #000; 430 border-right-color : #000; 431 } 432 li.part-tabs-active a { 433 font-weight : bold; 434 border-bottom : 1px solid #fff !important; 435 background : #fff; 436 } 437 li.part-tabs-link a { 438 background: #ffffd3; 439 } 440 441 .screenshot { 442 width: 250px; 443 float: left; 444 margin-left: 10px; 445 } 446 .screenshot img { 447 border : 1px solid #333; 448 } 449 .screenshot p { 450 font-size: 0.9em; 451 } 452 453 .media-list { 454 position : static; 455 } 456 .media-col-0 { 457 clear: left; 458 } 459 .media-item { 460 position: relative; 461 border-top: 1px solid #ccc; 462 margin-bottom: 1em; 463 padding: 5px 0; 464 } 465 div.media-list .media-item { 466 width: 49%; 467 float: left; 468 margin-right: 1%; 469 } 470 a.media-icon { 471 display: block; 472 border-bottom: none; 473 float: left; 474 } 475 .media-icon img { 476 display: block; 477 } 478 .media-item ul { 479 display: block; 480 list-style: none; 481 margin: 0 0 0 60px; 482 padding: 0; 483 } 484 li.media-action { 485 display: block; 486 position: absolute; 487 top: 5px; 488 right: 5px; 489 height: 16px; 490 } 491 li.media-action a { 492 border: none; 493 } 494 li.media-action form { 495 display: inline; 496 } 497 li.media-action input { 498 border: none; 499 } 500 501 select.l10n option { 502 padding-left: 16px; 503 } 504 option.avail10n { 505 background: transparent url(../images/check-on.png) no-repeat 0 50%; 506 } 507 508 /* TABLES 509 -------------------------------------------------------- */ 510 table { 511 font-size : 1em; 512 border-collapse : collapse; 513 margin : 0 0 1em 0; 514 } 515 tr.line:hover { 516 background : #ddd; 517 } 518 th, td { 519 border-width : 0 0 1px 0; 520 border-style : solid; 521 border-color : #ccc; 522 padding : 2px 5px; 523 vertical-align : top; 524 } 525 th { 526 text-align : left; 527 border-bottom-color : #666; 528 } 529 530 .noborder td, td.noborder, .noborder th, th.noborder { 531 border-width : 0; 532 } 533 534 table .maximal, table.maximal { 535 width : 100%; 536 } 537 table .minimal { 538 width : 1px; 539 } 540 541 table .nowrap { 542 white-space : nowrap; 543 } 544 545 td.status { 546 vertical-align: middle; 547 } 548 td.status img { 549 margin-bottom: -2px; 550 } 551 td.status a { 552 border: none; 553 } 554 555 tr.line img.expand { 556 margin-right: 10px; 557 margin-bottom: -2px; 558 } 559 tr.expand td { 560 border-bottom: none; 561 } 562 td.expand { 563 padding: 1em; 564 } 565 566 .dragable { 567 border-collapse: separate; 568 } 569 .dragable tbody td { 570 571 } 572 .handle { 573 padding : 0; 574 } 575 .handler { 576 cursor : move; 577 background : transparent url(drag.png) no-repeat 0 50%; 578 padding-left : 15px; 579 } 580 581 /* FORMS 582 -------------------------------------------------------- */ 583 form { 584 display : block; 585 margin : 0; 586 padding : 0; 587 } 588 589 fieldset { 590 display : block; 591 margin : 0 0 1em 0; 592 padding : 1em 0.5em; 593 border-width : 1px 0; 594 border-style: solid; 595 border-color: #ccc; 596 background: #fbfbfb; 597 } 598 legend { 599 font-weight : bold; 600 padding: 0.2em 0.6em; 601 border-width: 1px; 602 border-style: solid; 603 border-color: #ccc; 604 background: #fbfbfb; 605 } 606 optgroup { 607 font-weight : bold; 608 font-style : normal; 609 } 610 option { 611 font-weight : normal; 612 } 613 614 input, textarea, select { 615 background : #f9f9f9; 616 border-width : 1px; 617 border-style : solid; 618 border-color : #000 #ccc #ccc #000; 619 } 620 input, textarea, select, option { 621 font: 1em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif; 622 } 623 input[type=text], input[type=password], textarea { 624 padding : 2px 0; 625 } 626 input[type=checkbox], input[type=radio] { 627 border: none; 628 } 629 textarea { 630 padding : 2px 0; 631 } 632 /*input[type=text]:focus, input[type=password]:focus, textarea:focus, option { 633 background : #dfdcc7; 634 } can't select text with opera */ 635 input[type=submit], input[type=reset], input[type=button] { 636 padding : 1px 2px; 637 background : #d2e0e6 url(button-normal.png) repeat-x bottom left; 638 border-width : 1px; 639 border-style : outset; 640 border-color : #ccc; 641 642 } 643 input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { 644 background-color : #fc3; 645 background-image : url(button-hover.png); 646 } 647 648 input[type=submit] { 649 font-weight : bold; 650 } 651 652 input[type=checkbox], input[type=radio] { 653 margin : 0; 654 padding : 0; 655 background : transparent; 656 } 657 658 label { 659 display : block; 660 } 661 label input, label select, label span { 662 display : block; 663 } 664 p.form-note { 665 margin-top : -1em; 666 color : #f60; 667 } 668 669 label.classic { 670 display : inline; 671 } 672 label.classic input, label span input, label.classic select, label span select { 673 display : inline; 674 } 675 676 label.area, p.area { 677 width: inherit !important; 678 margin-right : 6px !important; 679 } 680 .area textarea { 681 display : block; 682 width : 100%; 683 } 684 685 label.required { 686 font-weight : bold; 687 } 688 label.required:before { 689 content : '* '; 690 color : #c00; 691 } 692 693 label .maximal, textarea.maximal, input.maximal { 694 width : 100%; 695 } 696 697 a.form-control { 698 display : none; 699 font-weight: bold; 700 background: url(magnifier.png) no-repeat 0 0; 701 color: green; 702 padding-left: 20px; 703 } 704 705 fieldset.constrained { 706 margin: 0; 707 padding: 0; 708 border: none; 709 background: transparent; 710 } 711 712 #login-screen { 713 display: block; 714 width : 180px; 715 margin : 30px auto 0; 716 font-size: 1.1em; 717 } 718 #login-screen h1 { 719 text-indent: -2000px; 720 background: transparent url(dotclear-logo.png) no-repeat top left; 721 height: 25px; 722 } 723 #login-screen fieldset { 724 border: 1px solid #999; 725 padding: 1em 10px; 726 } 727 #login-screen input[type=text], #login-screen input[type=password] { 728 width: 100%; 729 }
titre
Description
Corps
titre
Description
Corps
titre
Description
Corps
titre
Corps
Généré le : Fri Feb 23 22:16:06 2007 | par Balluche grâce à PHPXref 0.7 |