Changeset 500:f88db2e809f4 for admin/style
- Timestamp:
- 07/03/11 22:12:27 (14 years ago)
- Branch:
- default
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
admin/style/default.css
r496 r500 11 11 # -- END LICENSE BLOCK ----------------------------------------- 12 12 */ 13 14 /* ------------------------------------------------------------------ html */ 13 15 body { 14 16 font: 75%/1.5em Helvetica,Arial,sans-serif; … … 38 40 margin-bottom: 0.6em; 39 41 } 40 41 42 h2 { 42 43 color: #666; … … 44 45 padding: 4px 0; 45 46 } 46 47 .page-title { 48 color: #d30e60; 49 } 47 50 h3 { 48 51 color: #333; 49 52 font-size: 1.2em; 50 53 } 51 52 54 p, div.p { 53 55 margin: 0 0 1em 0; 54 56 } 55 56 57 hr { 57 58 height: 1px; … … 60 61 border-style: solid; 61 62 } 62 63 63 pre, code { 64 64 font: 100% "Andale Mono","Courier New",monospace; … … 81 81 /* LAYOUT 82 82 -------------------------------------------------------- */ 83 /* prelude */ 83 84 #prelude { 84 85 background: #575859; … … 95 96 color:#fff; 96 97 } 97 98 /* header */ 98 99 #header { 99 100 background: #575859; … … 176 177 color: #575859; 177 178 } 179 /* prelude */ 178 180 #wrapper { 179 181 width: 100%; … … 197 199 #content:before, #content:after {content:"";display:table;} 198 200 #content:after {clear:both;} 199 201 /* -------------------------------------------------- layout - multipart */ 202 .three-cols { 203 } 204 .three-cols .col { 205 width: 32.3%; 206 float: left; 207 margin-left: 1%; 208 } 209 .three-cols .col:first-child { 210 width: 33.3%; 211 margin-left: 0; 212 } 213 .two-cols { 214 position: static; 215 } 216 .two-cols .col { 217 width: 49%; 218 margin-left: 2%; 219 float: left; 220 } 221 .two-cols .col:first-child { 222 width: 49%; 223 margin-left: 0; 224 } 225 .two-cols .col70{ 226 width: 69%; 227 margin-left: 0; 228 float: left; 229 } 230 .two-cols .col30 { 231 width: 28%; 232 margin-left: 2%; 233 float: left; 234 } 235 /* -------------------------------------------------------------- layout - onglets */ 236 .part-tabs ul { 237 padding: .3em 0 1px 1em; 238 border-bottom: 1px solid #999; 239 } 240 .part-tabs li { 241 list-style: none; 242 margin: 0; 243 display: inline; 244 } 245 .part-tabs li a { 246 padding: .3em 0.5em; 247 margin-right: .5em; 248 border: 1px solid #999; 249 border-bottom: none; 250 background: #dfdfdf; 251 text-decoration: none; 252 -webkit-border-top-left-radius: .3em; 253 -webkit-border-top-right-radius: .3em; 254 -moz-border-radius-topleft: .3em; 255 -moz-border-radius-topright: .3em; 256 border-top-left-radius: .3em; 257 border-top-right-radius: .3em; 258 color: #000; 259 } 260 .part-tabs li.part-tabs-link a { 261 background: #ffe; 262 } 263 .part-tabs li a:hover, .part-tabs li a:focus { 264 color: #000; 265 background: #fff; 266 border-bottom-color: #fff; 267 } 268 .part-tabs li.part-tabs-active a { 269 background: #fff; 270 border-bottom: 1px solid #fff; 271 color: #000; 272 font-weight: bold; 273 } 274 /* ------------------------------------------------------------------ main-menu */ 200 275 #main-menu { 201 276 width: 13em; … … 204 279 margin-bottom: 1em; 205 280 } 206 207 281 #main-menu h3 { 208 282 margin: 0 0 0.5em; … … 258 332 font-weight: bold; 259 333 } 260 334 /* ------------------------------------------------------------------ footer */ 261 335 #footer { 262 336 clear: both; … … 282 356 font-weight: normal; 283 357 } 284 285 #debug { 286 position: absolute; 287 top: 0; 358 /* ---------------------------------------------------------------------------- auth.php */ 359 #login-screen { 360 display: block; 361 width: 18em; 362 margin: 1.5em auto 0; 363 font-size: 1.1em; 364 } 365 #login-screen h1 { 366 text-indent: -2000px; 367 background: transparent url(dotclear-logo2.png) no-repeat top left; 368 height: 50px; 369 margin-bottom: .5em; 370 margin-left: .5em; 371 } 372 #login-screen fieldset { 373 border: 1px solid #999; 374 padding: 1em 1em 0 1em; 375 -moz-border-radius: 4px; 376 -webkit-border-radius: 4px; 377 border-radius: 4px; 378 } 379 #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit] { 288 380 width: 100%; 289 height: 4px; 290 background: #d99; 291 } 292 #debug div { 293 display: none; 294 padding: 3px 0.5em 2px; 295 } 296 #debug p { 297 margin: 0.5em 0; 298 } 299 #debug:hover { 300 height: auto; 301 } 302 #debug:hover div { 303 display: block; 304 } 305 306 /* DASHBOARD */ 381 } 382 #login-screen #issue { 383 margin-left: 1em; 384 font-size: 1em; 385 } 386 #login-screen #issue strong {font-weight: normal;} 387 388 389 /* ------------------------------------------------------------------ dashboard */ 307 390 #dashboard-main { 308 391 float: left; … … 341 424 text-decoration: underline; 342 425 } 343 344 426 #quick { 345 427 clear: left; … … 357 439 color: #666; 358 440 } 359 360 441 #dashboard-items { 361 442 float: left; … … 396 477 color: #fff; 397 478 } 398 399 /* POST */ 479 /* ------------------------------------------------------------------ post */ 400 480 #entry-wrapper { 401 481 float: left; … … 413 493 clear: both; 414 494 } 415 416 /* CATEGORIES */ 495 /* ------------------------------------------------------------------ categories */ 417 496 #categories { 418 497 margin: 1em 0 2em; … … 444 523 width: 100%; 445 524 } 446 447 /* MEDIA */ 525 /* ------------------------------------------------------------------ media */ 448 526 #media-icon { 449 527 float: left; … … 468 546 height: 500px; 469 547 } 470 471 548 #add-file-f { 472 549 position: relative; … … 479 556 border: none; 480 557 } 481 482 /* favorites */ 558 .media-list { 559 position: static; 560 } 561 .media-col-0 { 562 clear: left; 563 } 564 .media-item { 565 position: relative; 566 border-top: 1px solid #ccc; 567 margin-bottom: 1em; 568 padding: 5px 0; 569 } 570 div.media-list .media-item { 571 width: 49%; 572 float: left; 573 margin-right: 1%; 574 } 575 a.media-icon { 576 display: block; 577 border-bottom: none; 578 float: left; 579 } 580 .media-icon img { 581 display: block; 582 } 583 .media-item ul { 584 display: block; 585 list-style: none; 586 margin: 0 0 0 60px; 587 padding: 0; 588 } 589 li.media-action { 590 display: block; 591 position: absolute; 592 top: 5px; 593 right: 5px; 594 height: 16px; 595 } 596 li.media-action a { 597 border: none; 598 } 599 li.media-action form { 600 display: inline; 601 } 602 li.media-action input { 603 border: none; 604 } 605 /* ------------------------------------------------------------------ preferences */ 483 606 #my-favs ul { 484 607 list-style-type: none; … … 506 629 display: inline; 507 630 } 508 509 631 #default-favs h3 { 510 632 margin-top: 2em; 511 633 margin-bottom: 1em; 512 634 } 513 514 635 .fav-list { 515 636 list-style-type: none; … … 542 663 border-radius: .5em; 543 664 } 544 545 /* Help */ 665 /* -------------------------------------------------------------------- Themes */ 666 #themes { 667 border-bottom: 1px solid #ccc; 668 margin: 1em 0; 669 } 670 #themes div.theme-details { 671 clear: left; 672 border-top: 1px solid #ccc; 673 padding: 1em 0; 674 } 675 #themes div.theme-details:hover { 676 background: #eee; 677 } 678 #themes div.theme-details div.theme-shot { 679 float: left; 680 } 681 #themes div.theme-details div.theme-shot img { 682 display: block; 683 width: 57px; 684 height: 50px; 685 border: 1px solid #ccc; 686 } 687 #themes div.theme-details div.theme-info { 688 margin-left: 67px; 689 } 690 #themes div.theme-details div.theme-info span.theme-desc { 691 display: block; 692 } 693 #themes div.theme-details div.theme-info span.theme-version { 694 color: #666; 695 } 696 #themes div.theme-details div.theme-actions { 697 margin-left: 67px; 698 } 699 /* Themes list, JS version */ 700 #themes-wrapper { 701 } 702 #theme-box { 703 border: 1px solid #999; 704 border-left: none; 705 padding: 5px; 706 float: right; 707 height: 420px; 708 width: 320px; 709 overflow: auto; 710 } 711 #theme-box div.theme-shot img { 712 display: block; 713 margin: 0 0 0 10px; 714 width: 280px; 715 height: 245px; 716 border: 1px solid #ccc; 717 } 718 #theme-box div.theme-info { 719 margin: 1em 0 0 10px; 720 } 721 #theme-box h3 { 722 margin: 0; 723 } 724 #theme-box div.theme-info span { 725 display: block; 726 } 727 #theme-box span.theme-version { 728 color: #666; 729 } 730 #theme-box span.theme-parent-ok { 731 color: #666; 732 } 733 #theme-box span.theme-parent-missing { 734 color: #c00; 735 font-weight:bold; 736 } 737 #theme-box div.theme-actions { 738 margin-left: 10px; 739 } 740 #themes-wrapper #themes { 741 border: 1px solid #999; 742 overflow: auto; 743 height: 420px; 744 padding: 5px; 745 margin: 0; 746 } 747 #themes div.theme-details-js { 748 float: left; 749 width: 120px; 750 height: 150px; 751 margin: 0 10px 20px; 752 padding: 10px 10px 0; 753 text-align: center; 754 background: #f3f3f3; 755 border: 1px solid #f3f3f3; 756 cursor: pointer; 757 -moz-border-radius: 4px; 758 -webkit-border-radius: 4px; 759 border-radius: 4px; 760 } 761 #themes div.theme-details-js label { 762 cursor: pointer; 763 } 764 #themes div.theme-details-js.theme-selected { 765 background: #E5E3DA; 766 border: 1px solid #999; 767 } 768 #themes div.theme-details-js div.theme-shot img { 769 width: 120px; 770 height: 105px; 771 border: 1px solid #fff; 772 } 773 #themes div.theme-details-js h3 { 774 font-family: inherit; 775 font-weight: normal; 776 margin: 0; 777 padding: 0; 778 } 779 /* ---------------------------------------------------------- Plugins list */ 780 #plugins td.action { 781 vertical-align: middle; 782 } 783 784 select.l10n option { 785 padding-left: 16px; 786 } 787 option.avail10n { 788 background: transparent url(../images/check-on.png) no-repeat 0 50%; 789 } 790 /* ------------------------------------------------------------------ contextual help */ 546 791 #help { 547 792 margin-top: 2em; … … 590 835 padding: 0 5px 1em 5px; 591 836 } 592 593 /* POPUP */ 837 .help-content dt { 838 font-weight: bold; 839 color: #626262; 840 margin: 0; 841 } 842 .help-content dd { 843 margin: 0.3em 0 1.5em 0; 844 } 845 /* ------------------------------------------------------------------ popups */ 594 846 body.popup #wrapper, body.popup #top { 595 847 margin-top: -1.5em; … … 614 866 border: none; 615 867 } 616 617 /* CLASSES 618 -------------------------------------------------------- */ 619 620 /* -------------- paragraphe pour bouton Nouveau bidule ----------- */ 868 /* ------------------------------------------------------------------ messages */ 869 div.error, p.error, 870 div.message, p.message, 871 div.static-msg, p.static-msg { 872 padding: 0.5em 0.5em 0.5em 40px; 873 margin-bottom: 1em; 874 -moz-border-radius: 8px; 875 -webkit-border-radius: 8px; 876 border-radius: 8px; 877 } 878 p.error, p.message, p.static-msg { 879 padding-top: 1em; 880 padding-bottom: 1em; 881 } 882 div.error, p.error { 883 background: #e5bfbf url(msg-error.png) no-repeat 5px 5px; 884 color: #600; 885 } 886 div.message, p.message, 887 div.static-msg, p.static-msg { 888 background: #666 url(msg-std.png) no-repeat 5px 5px; 889 color: #fff; 890 } 891 div.message a, p.message a, 892 div.static-msg a, p.static-msg a { 893 color: #fff; 894 } 895 /* ------------------------------------------------------------------ debug */ 896 #debug { 897 position: absolute; 898 top: 0; 899 width: 100%; 900 height: 4px; 901 background: #d99; 902 } 903 #debug div { 904 display: none; 905 padding: 3px 0.5em 2px; 906 } 907 #debug p { 908 margin: 0.5em 0; 909 } 910 #debug:hover { 911 height: auto; 912 } 913 #debug:hover div { 914 display: block; 915 } 916 /* -------------------------------------------------------------------- CLASSES COMMUNES */ 917 918 /* paragraphe pour bouton Nouveau bidule */ 621 919 p.top-add { 622 920 text-align: right; … … 631 929 vertical-align: middle; 632 930 } 633 634 931 /* Si quelque chose a besoin d'être caché sauf pour les revues d'écran */ 635 932 .hidden { … … 643 940 overflow: hidden; 644 941 } 645 646 /* -------------- aide ----------- */647 .help-content dt {648 font-weight: bold;649 color: #626262;650 margin: 0;651 }652 .help-content dd {653 margin: 0.3em 0 1.5em 0;654 }655 656 942 .clear { 657 943 clear: both; … … 677 963 overflow: auto; 678 964 } 679 680 965 .grid { 681 966 background: transparent repeat url('grid.png') 0 0; 682 967 } 683 684 968 .line p { 685 969 margin: 0; 686 970 } 687 688 div.error, p.error, div.message, p.message, div.static-msg, p.static-msg {689 padding: 0.5em 0.5em 0.5em 40px;690 margin-bottom: 1em;691 -moz-border-radius: 8px;692 -webkit-border-radius: 8px;693 border-radius: 8px;694 }695 p.error, p.message, p.static-msg {696 padding-top: 1em;697 padding-bottom: 1em;698 }699 div.error, p.error {700 background: #e5bfbf url(msg-error.png) no-repeat 5px 5px;701 color: #600;702 }703 div.message, p.message, div.static-msg, p.static-msg {704 background: #666 url(msg-std.png) no-repeat 5px 5px;705 color: #fff;706 }707 div.message a, p.message a, div.static-msg a, p.static-msg a {708 color: #fff;709 }710 711 971 .offline { 712 972 color: #666; 713 973 } 714 715 974 ul.nice { 716 975 margin: 1em 0; … … 722 981 padding: 0; 723 982 } 724 725 .three-cols { 726 } 727 .three-cols .col { 728 width: 32.3%; 729 float: left; 730 margin-left: 1%; 731 } 732 .three-cols .col:first-child { 733 width: 33.3%; 734 margin-left: 0; 735 } 736 .two-cols { 737 position: static; 738 } 739 .two-cols .col { 740 width: 49%; 741 margin-left: 2%; 742 float: left; 743 } 744 .two-cols .col:first-child { 745 width: 49%; 746 margin-left: 0; 747 } 748 .two-cols .col70{ 749 width: 69%; 750 margin-left: 0; 751 float: left; 752 } 753 .two-cols .col30 { 754 width: 28%; 755 margin-left: 2%; 756 float: left; 757 } 758 983 .zip-dl { 984 background: transparent url(package.png) no-repeat 0 50%; 985 padding: 5px 0 5px 20px; 986 } 987 /* pas trouvé dans le code */ 759 988 .comment { 760 989 border-top: 2px solid #ccc; … … 769 998 right: 0; 770 999 } 771 772 /* -------- onglets ------ */773 .part-tabs ul {774 padding: .3em 0 1px 1em;775 border-bottom: 1px solid #999;776 }777 .part-tabs li {778 list-style: none;779 margin: 0;780 display: inline;781 }782 .part-tabs li a {783 padding: .3em 0.5em;784 margin-right: .5em;785 border: 1px solid #999;786 border-bottom: none;787 background: #dfdfdf;788 text-decoration: none;789 -webkit-border-top-left-radius: .3em;790 -webkit-border-top-right-radius: .3em;791 -moz-border-radius-topleft: .3em;792 -moz-border-radius-topright: .3em;793 border-top-left-radius: .3em;794 border-top-right-radius: .3em;795 color: #000;796 }797 .part-tabs li.part-tabs-link a {798 background: #ffe;799 }800 .part-tabs li a:hover, .part-tabs li a:focus {801 color: #000;802 background: #fff;803 border-bottom-color: #fff;804 }805 .part-tabs li.part-tabs-active a {806 background: #fff;807 border-bottom: 1px solid #fff;808 color: #000;809 font-weight: bold;810 }811 812 /* Themes list */813 #themes {814 border-bottom: 1px solid #ccc;815 margin: 1em 0;816 }817 #themes div.theme-details {818 clear: left;819 border-top: 1px solid #ccc;820 padding: 1em 0;821 }822 #themes div.theme-details:hover {823 background: #eee;824 }825 #themes div.theme-details div.theme-shot {826 float: left;827 }828 #themes div.theme-details div.theme-shot img {829 display: block;830 width: 57px;831 height: 50px;832 border: 1px solid #ccc;833 }834 #themes div.theme-details div.theme-info {835 margin-left: 67px;836 }837 #themes div.theme-details div.theme-info span.theme-desc {838 display: block;839 }840 #themes div.theme-details div.theme-info span.theme-version {841 color: #666;842 }843 #themes div.theme-details div.theme-actions {844 margin-left: 67px;845 }846 /* Themes list, JS version */847 #themes-wrapper {848 }849 #theme-box {850 border: 1px solid #999;851 border-left: none;852 padding: 5px;853 float: right;854 height: 420px;855 width: 320px;856 overflow: auto;857 }858 #theme-box div.theme-shot img {859 display: block;860 margin: 0 0 0 10px;861 width: 280px;862 height: 245px;863 border: 1px solid #ccc;864 }865 #theme-box div.theme-info {866 margin: 1em 0 0 10px;867 }868 #theme-box h3 {869 margin: 0;870 }871 #theme-box div.theme-info span {872 display: block;873 }874 #theme-box span.theme-version {875 color: #666;876 }877 #theme-box span.theme-parent-ok {878 color: #666;879 }880 #theme-box span.theme-parent-missing {881 color: #c00;882 font-weight:bold;883 }884 #theme-box div.theme-actions {885 margin-left: 10px;886 }887 #themes-wrapper #themes {888 border: 1px solid #999;889 overflow: auto;890 height: 420px;891 padding: 5px;892 margin: 0;893 }894 #themes div.theme-details-js {895 float: left;896 width: 120px;897 height: 150px;898 margin: 0 10px 20px;899 padding: 10px 10px 0;900 text-align: center;901 background: #f3f3f3;902 border: 1px solid #f3f3f3;903 cursor: pointer;904 -moz-border-radius: 4px;905 -webkit-border-radius: 4px;906 border-radius: 4px;907 }908 #themes div.theme-details-js label {909 cursor: pointer;910 }911 #themes div.theme-details-js.theme-selected {912 background: #E5E3DA;913 border: 1px solid #999;914 }915 #themes div.theme-details-js div.theme-shot img {916 width: 120px;917 height: 105px;918 border: 1px solid #fff;919 }920 #themes div.theme-details-js h3 {921 font-family: inherit;922 font-weight: normal;923 margin: 0;924 padding: 0;925 }926 927 /* Plugins list */928 #plugins td.action {929 vertical-align: middle;930 }931 .media-list {932 position: static;933 }934 .media-col-0 {935 clear: left;936 }937 .media-item {938 position: relative;939 border-top: 1px solid #ccc;940 margin-bottom: 1em;941 padding: 5px 0;942 }943 div.media-list .media-item {944 width: 49%;945 float: left;946 margin-right: 1%;947 }948 a.media-icon {949 display: block;950 border-bottom: none;951 float: left;952 }953 .media-icon img {954 display: block;955 }956 .media-item ul {957 display: block;958 list-style: none;959 margin: 0 0 0 60px;960 padding: 0;961 }962 li.media-action {963 display: block;964 position: absolute;965 top: 5px;966 right: 5px;967 height: 16px;968 }969 li.media-action a {970 border: none;971 }972 li.media-action form {973 display: inline;974 }975 li.media-action input {976 border: none;977 }978 979 .zip-dl {980 background: transparent url(package.png) no-repeat 0 50%;981 padding: 5px 0 5px 20px;982 }983 984 select.l10n option {985 padding-left: 16px;986 }987 option.avail10n {988 background: transparent url(../images/check-on.png) no-repeat 0 50%;989 }990 991 1000 /* TABLES 992 1001 -------------------------------------------------------- */ … … 1010 1019 border-bottom-color: #666; 1011 1020 } 1012 1013 1021 .noborder td, td.noborder, .noborder th, th.noborder { 1014 1022 border-width: 0; 1015 1023 } 1016 1017 1024 table .maximal, table.maximal { 1018 1025 width: 100%; … … 1021 1028 width: 1px; 1022 1029 } 1023 1024 1030 table .nowrap { 1025 1031 white-space: nowrap; 1026 1032 vertical-align: top; 1027 1033 } 1028 1029 1034 td.status { 1030 1035 vertical-align: middle; … … 1066 1071 } 1067 1072 1068 /* FORMS 1069 -------------------------------------------------------- */ 1073 /* ----------------------------------------------------------------- FORMS */ 1070 1074 form { 1071 1075 display: block; … … 1073 1077 padding: 0; 1074 1078 } 1075 1076 1079 fieldset { 1077 1080 display: block; … … 1099 1102 font-weight: normal; 1100 1103 } 1101 1102 1104 input, textarea, select { 1103 1105 background: #f9f9f9; … … 1126 1128 background: transparent; 1127 1129 } 1128 1129 1130 label { 1130 1131 display: block; … … 1166 1167 width: 100%; 1167 1168 } 1168 1169 1169 label.required { 1170 1170 font-weight: bold; … … 1191 1191 top: 0; 1192 1192 } 1193 1194 1193 label .maximal, textarea.maximal, input.maximal { 1195 1194 width: 100%; … … 1203 1202 padding-left: 20px; 1204 1203 } 1205 1206 1204 fieldset.constrained { 1207 1205 margin: 0; … … 1211 1209 } 1212 1210 1213 #login-screen { 1214 display: block; 1215 width: 18em; 1216 margin: 1.5em auto 0; 1217 font-size: 1.1em; 1218 } 1219 #login-screen h1 { 1220 text-indent: -2000px; 1221 background: transparent url(dotclear-logo2.png) no-repeat top left; 1222 height: 50px; 1223 margin-bottom: .5em; 1224 margin-left: .5em; 1225 } 1226 #login-screen fieldset { 1227 border: 1px solid #999; 1228 padding: 1em 1em 0 1em; 1229 -moz-border-radius: 4px; 1230 -webkit-border-radius: 4px; 1231 border-radius: 4px; 1232 } 1233 #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit] { 1234 width: 100%; 1235 } 1236 #login-screen #issue { 1237 margin-left: 1em; 1238 font-size: 1em; 1239 } 1240 #login-screen #issue strong {font-weight: normal;} 1241 1242 1243 /* ------------------ Tous les boutons -------------------- */ 1211 /* --------------------------------------------------------------- buttons */ 1244 1212 h2 a.button { 1245 1213 color: #333;
Note: See TracChangeset
for help on using the changeset viewer.