Changeset 782:01efbf050a8a for admin/style
- Timestamp:
- 12/06/11 11:43:14 (14 years ago)
- Branch:
- formfilters
- Parents:
- 781:b509ac00bf4a (diff), 779:58c45f1b96e5 (diff)
Note: this is a merge changeset, the changes displayed below correspond to the merge itself.
Use the (diff) links above to see all the changes relative to each parent. - Files:
-
- 2 edited
-
admin/style/default.css (modified) (20 diffs)
-
admin/style/default.css (modified) (23 diffs)
Legend:
- Unmodified
- Added
- Removed
-
admin/style/default.css
r683 r782 11 11 # -- END LICENSE BLOCK ----------------------------------------- 12 12 */ 13 14 /* ------------------------------------------------------------------ html */15 13 body { 16 14 font: 75%/1.5em Helvetica,Arial,sans-serif; … … 40 38 margin-bottom: 0.6em; 41 39 } 40 42 41 h2 { 43 42 color: #666; … … 52 51 font-size: 1.2em; 53 52 } 53 54 54 p, div.p { 55 55 margin: 0 0 1em 0; 56 56 } 57 57 58 hr { 58 59 height: 1px; … … 61 62 border-style: solid; 62 63 } 64 63 65 pre, code { 64 66 font: 100% "Andale Mono","Courier New",monospace; … … 77 79 cursor: help; 78 80 } 81 79 82 80 83 /* LAYOUT … … 441 444 color: #666; 442 445 } 446 443 447 #dashboard-items { 444 448 float: left; … … 548 552 height: 500px; 549 553 } 554 550 555 #add-file-f { 551 556 position: relative; … … 631 636 display: inline; 632 637 } 638 633 639 #default-favs h3 { 634 640 margin-top: 2em; 635 641 margin-bottom: 1em; 636 642 } 643 637 644 .fav-list { 638 645 list-style-type: none; … … 935 942 vertical-align: middle; 936 943 } 944 937 945 /* Si quelque chose a besoin d'être caché sauf pour les revues d'écran */ 938 946 .hidden { … … 969 977 overflow: auto; 970 978 } 979 971 980 .grid { 972 981 background: transparent repeat url('grid.png') 0 0; 973 982 } 983 974 984 .line p { 975 985 margin: 0; … … 978 988 color: #666; 979 989 } 990 980 991 ul.nice { 981 992 margin: 1em 0; … … 1021 1032 margin-bottom: .5em; 1022 1033 } 1023 1024 1034 th, td { 1025 1035 border-width: 0 0 1px 0; … … 1036 1046 border-width: 0; 1037 1047 } 1048 1038 1049 table .maximal, table.maximal { 1039 1050 width: 100%; … … 1042 1053 width: 1px; 1043 1054 } 1055 1044 1056 table .nowrap { 1045 1057 white-space: nowrap; 1046 1058 vertical-align: top; 1047 1059 } 1060 1048 1061 td.status { 1049 1062 vertical-align: middle; … … 1116 1129 font-weight: normal; 1117 1130 } 1131 1118 1132 input, textarea, select { 1119 1133 background: #f9f9f9; … … 1142 1156 background: transparent; 1143 1157 } 1158 1144 1159 label { 1145 1160 display: block; … … 1182 1197 resize: vertical; 1183 1198 } 1199 1184 1200 label.required { 1185 1201 font-weight: bold; … … 1194 1210 p.field { 1195 1211 position: relative; 1196 1212 1197 1213 } 1198 1214 p.field label { … … 1206 1222 top: 0; 1207 1223 } 1224 1208 1225 label .maximal, textarea.maximal, input.maximal { 1209 1226 width: 100%; … … 1343 1360 background-color: #2373A8; 1344 1361 } 1362 1363 form#filters {font-size: 100%; background: #f0f0f0; padding: 1em; border-radius: .5em; border: 1px solid #ddd;} 1364 form#filters .margintop {padding-top: 1.33em;} 1365 form#filters ul {list-style-type:none;margin: 0; padding: 0; margin-left: 1em;} 1366 form#filters .col30 {border-left: 1px solid #999;} 1367 form#filters .col30 h3 {margin-left: 1em;} 1368 p.line, li.line { position: relative; padding: 3px 0 0 28px; margin: 0 0 1em 0;} 1369 li.line input[type=submit] {position: absolute; left:0;top:0; padding: 0 .1em; margin: 0;} 1370 li.line input[type=checkbox], li.line input[type=checkbox] {position: absolute; left: 0; top: .2em; padding: 0 .1em; margin: 0;} 1371 li.line select { margin-right: 2em;} 1372 li.line label { display: block; width: 8em; float: left;} 1373 li.line label img {margin-right: 8px;} 1374 li.line span.or { 1375 text-align: right; 1376 margin-left: 5em; 1377 font-weight: bold; 1378 } 1379 p.line label.or + select {margin-left: 2em;} 1380 li.line { padding: 0 0 0 20px; height: 1em;} 1381 li.line label {width: auto;} 1382 #available_filters input[type=submit] {padding: 0 .1em; margin-left: .5em;} -
admin/style/default.css
r520 r782 12 12 */ 13 13 body { 14 font: 7 6%/1.5em Helvetica,Arial,sans-serif;14 font: 75%/1.5em Helvetica,Arial,sans-serif; 15 15 color: #333; 16 16 background: #f5f5f5; … … 21 21 background: #fff; 22 22 } 23 24 a img,:link img,:visited img { border:none }25 23 26 24 a, a:link, a:visited { … … 32 30 text-decoration: underline; 33 31 } 32 a img, a:link img, a:visited img { 33 border:none; 34 } 34 35 35 36 h1, h2, h3, h4, h5, h6, p { … … 43 44 padding: 4px 0; 44 45 } 45 46 .page-title { 47 color: #d30e60; 48 } 46 49 h3 { 47 50 color: #333; … … 80 83 /* LAYOUT 81 84 -------------------------------------------------------- */ 82 85 /* header */ 86 #header { 87 background: #575859; 88 height: 3em; 89 position: relative; 90 } 91 #prelude { 92 background: #575859; 93 line-height: 1.5em; 94 margin: 0; 95 padding: 0 1.7em 0 1em; 96 overflow: hidden; 97 position: absolute; 98 top: 1.2em; 99 left: 0; 100 } 101 #prelude li { 102 list-style-type: none; 103 margin: 0 1em 0 0; 104 background:transparent; 105 } 106 #prelude li a { 107 color:#fff; 108 } 83 109 #top { 84 110 margin: 0; 85 111 padding: 0; 86 background: #575859 url(dc_bg.png) repeat-x 0 3em; 112 width: 13em; 113 float: left; 87 114 } 88 115 #top h1 { … … 103 130 color: #fff; 104 131 } 105 106 #info-box { 132 #info-boxes { 107 133 background: #575859; 108 position: absolute; 109 left: 13em; 110 top: 3px; 111 margin: 0; 112 padding: 3px 3px 4px 0; 134 font-size: .95em; 135 height: 3em; 136 } 137 #info-box1 { 138 margin: 0; 139 padding: .5em 3px 4px 0; 113 140 color: #fff; 141 float: left; 142 background: #575859; 114 143 } 115 144 #info-box2 { 145 margin: .1em 0 0 0; 146 padding: .5em 1.3em 4px 0; 147 color: #fff; 148 float: right; 149 text-align: right; 116 150 background: #575859; 117 position: absolute; 118 right: 1em; 119 top: 3px; 120 margin: 0; 121 padding: 3px 3px 4px 0; 122 color: #fff; 123 } 124 #info-box div, #info-box2 div { 125 margin: 0; padding: 0; 126 } 127 #info-box div div, #info-box2 div div { 128 display: inline; 129 } 130 #info-box>form>div, #info-box2>form>div { 131 line-height: 1.5; 132 } 133 #info-box select { 134 width: 20em; 135 } 136 #info-box a img, #info-box2 a img { 151 height: 2em; 152 } 153 #info-box1 select { 154 width: 15em; 155 } 156 #info-box1 a img, #info-box2 a img { 137 157 vertical-align: middle; 138 158 padding-left: .3em; 139 159 } 140 #info-box a, #info-box2 a {160 #info-box1 a, #info-box2 a { 141 161 background: #575859; 142 162 font-weight: bold; 143 163 color: #fff; 144 164 border-bottom-color: #ccc; 145 } 146 #info-box a { 147 margin-left: 2em; 148 } 149 165 margin-left: .3em; 166 margin-right: .3em; 167 white-space: nowrap; 168 font-weight: normal; 169 } 170 #info-box1 a { 171 margin-left: 1.33em; 172 } 173 #info-box2 a.active { 174 border-bottom-color: #f5f5f5; 175 margin: 0; 176 padding: 1.2em .5em; 177 background-color: #f5f5f5; 178 color: #333; 179 font-weight: bold; 180 } 181 #info-box2 span { 182 color: #575859; 183 } 184 /* prelude */ 150 185 #wrapper { 151 186 width: 100%; … … 158 193 } 159 194 #content { 160 margin: .5em 1.5em 4em 13em;195 margin: 1.5em 1.5em 4em 13em; 161 196 padding: 1em; 162 197 background: #fff; … … 169 204 #content:before, #content:after {content:"";display:table;} 170 205 #content:after {clear:both;} 171 172 #main-menu { 173 width: 13em; 174 float: left; 175 margin-top: 1em; 176 margin-bottom: 1em; 177 } 178 #main-menu * { 179 } 180 181 #main-menu h3 { 182 margin: 0 0 0.5em 0; 183 padding: .5em 0 0 .5em; 184 text-transform: uppercase; 185 color: #666; 186 font-size: 1.1em; 187 } 188 #main-menu ul { 189 font-size: .95em; 190 margin: 0 0 1em 0; 191 padding: 0; 192 list-style: none; 193 } 194 #main-menu li { 195 display: block; 196 margin: 0.5em 0 0 0; 197 padding: .2em 0 0 32px; 198 background-repeat: no-repeat; 199 background-position: 12px .2em; 200 } 201 #main-menu a { 202 font-weight: bold; 203 } 204 #main-menu .active a { 205 border-bottom: none; 206 color: #333; 207 } 208 #main-menu li.active { 209 background-color: #fff; 210 padding: .4em 0 .1em 32px; 211 background-position: 12px .4em; 212 border-top: 1px solid #ddd; 213 border-bottom: 1px solid #ddd; 214 margin-right: -1px; 215 } 216 #main-menu #dashboard-menu li { 217 margin-left: 0; 218 } 219 220 #footer { 221 clear: both; 222 padding: .75em 2em; 223 margin: 6em 15px .5em 15px; 224 -webkit-border-radius: .3em; 225 -moz-border-radius: .3em; 226 border-radius: .3em; 227 background: #575859 url(dc_logo_small.png) no-repeat right bottom; 228 color: #fff; 229 } 230 #footer p { 231 margin: 0; 232 padding: 0 1em; 233 text-align: center; 234 font-size: 1.1em; 235 } 236 #footer a { 237 color: #f5f5f5; 238 } 239 #footer p span.credit { 240 font-size: .85em; 241 font-weight: normal; 242 } 243 244 #debug { 245 position: absolute; 246 top: 0; 247 width: 100%; 248 height: 4px; 249 background: #d99; 250 } 251 #debug div { 252 display: none; 253 padding: 3px 0.5em 2px; 254 } 255 #debug p { 256 margin: 0.5em 0; 257 } 258 #debug:hover { 259 height: auto; 260 } 261 #debug:hover div { 262 display: block; 263 } 264 265 /* DASHBOARD */ 266 #dashboard-main { 267 float: left; 268 overflow: hidden; 269 padding: 1em 2% 1em 0; 270 width: 70%; 271 } 272 #dashboard-main.fullwidth { 273 width: 100%; 274 padding: 1em 0; 275 float: none; 276 } 277 #dashboard-main #icons { 278 overflow: hidden; 279 padding-bottom: 1em; 280 text-align: center; 281 } 282 #dashboard-main #icons p { 283 width: 210px; 284 text-align: center; 285 margin: 2em 0 0 0; 286 display:inline-block; 287 } 288 #dashboard-main #icons span { 289 display: block; 290 } 291 #dashboard-main #icons a { 292 border-bottom-width: 0; 293 } 294 #dashboard-main #icons span a { 295 border-bottom-width: 1px; 296 } 297 298 #dashboard-main #quick { 299 clear: left; 300 margin-top: 2em; 301 } 302 #dashboard-main #quick h3 { 303 margin-bottom: 0.2em; 304 font-size: 1.2em; 305 } 306 #dashboard-main #quick p.qinfo { 307 margin: -.7em -1em 1em; 308 background: #eef url(info.png) no-repeat .2em .2em; 309 border: 1px solid #99f; 310 padding: .2em 1em .1em 24px; 311 color: #666; 312 } 313 314 #dashboard-items { 315 float: left; 316 width: 27%; 317 overflow: hidden; 318 padding-bottom: 1em; 319 padding-top: 3em; 320 } 321 #dashboard-items p img { 322 vertical-align: middle; 323 } 324 #dashboard-items ul { 325 display: block; 326 padding-left: 1.5em; 327 list-style: square; 328 } 329 #dashboard-items li { 330 margin: 0.25em 0 0 0; 331 color: #666; 332 } 333 #dashboard-items #news dt { 334 font-weight: bold; 335 margin: 0 0 0.4em 0; 336 } 337 #dashboard-items #news dd { 338 margin: 0 0 1em 0; 339 } 340 #dashboard-items #news dd p { 341 margin: 0.2em 0 0 0; 342 } 343 344 #upg-notify { 345 } 346 #upg-notify ul { 347 padding-left: 15px; 348 } 349 #upg-notify li { 350 color: #fff; 351 } 352 353 /* POST */ 354 #entry-sidebar { 355 width: 17em; 356 float: right; 357 } 358 #entry-content { 359 margin-right: 18em; 360 } 361 #comments { 362 clear: both; 363 } 364 365 /* CATEGORIES */ 366 #categories { 367 margin: 1em 0 2em; 368 } 369 #categories ul { 370 list-style: none; 371 margin: 0; 372 padding: 0; 373 } 374 #categories ul li { 375 margin: .5em 0; 376 padding: .3em 1.5em; 377 border: 1px solid #ccc; 378 border-left: 1em solid #E5E3DA; 379 -moz-border-radius: .3em; 380 -webkit-border-radius: .3em; 381 border-radius: .3em; 382 } 383 #categories ul li h4 { 384 margin: 0; 385 } 386 #categories ul li h4 span { 387 font-weight: normal; 388 } 389 #categories ul li p { 390 margin: 0; 391 } 392 select#del_cat { 393 width: 100%; 394 } 395 396 /* MEDIA */ 397 #media-icon { 398 float: left; 399 } 400 #media-details { 401 margin-left: 70px; 402 } 403 #media-details ul { 404 display: block; 405 margin-left: 0; 406 padding: 0; 407 } 408 #media-details li { 409 list-style: square inside; 410 margin: 0; 411 padding: 0; 412 } 413 #media-original-image { 414 overflow: auto; 415 } 416 #media-original-image.overheight { 417 height: 500px; 418 } 419 420 #add-file-f { 421 position: relative; 422 } 423 #add-file-f .more-file { 424 position:absolute; 425 right: 0.5em; 426 background: #999; 427 color: #fff; 428 border: none; 429 } 430 431 /* favorites */ 432 #my-favs ul { 433 list-style-type: none; 434 margin-left: 0; 435 padding-left: 0; 436 line-height: 1.2; 437 } 438 #my-favs ul li { 439 display: block; 440 float: left; 441 width: 164px; 442 margin-top: 1em; 443 margin-bottom: 1.5em; 444 } 445 #my-favs label {height: 2.5em;width:140px;margin-top:.3em;} 446 #my-favs label input {display:inline;} 447 #my-favs img { 448 display: block; 449 } 450 #my-favs input.position { 451 margin: 0 0 .4em .2em; 452 } 453 #available-favs input, #available-favs label, #available-favs label span { 454 white-space: normal; 455 display: inline; 456 } 457 458 #default-favs h3 { 459 margin-top: 2em; 460 margin-bottom: 1em; 461 } 462 463 .fav-list { 464 list-style-type: none; 465 margin-left: 0; 466 padding-left: 0; 467 } 468 .fav-list li { 469 line-height: 2; 470 margin-left: 0; 471 padding-left: 0; 472 position: relative; 473 } 474 .fav-list li img { 475 vertical-align: middle; 476 margin-right: .2em; 477 } 478 #available-favs label span.zoom { 479 display: none; 480 } 481 #available-favs li:hover label span.zoom { 482 display: block; 483 position: absolute; 484 bottom: 0; 485 left: 10em; 486 background-color: #f5f5f5; 487 border: 1px solid #ddd; 488 padding: .2em; 489 -moz-border-radius: .5em; 490 -webkit-border-radius: .5em; 491 border-radius: .5em; 492 } 493 494 /* Help */ 495 #help { 496 margin-top: 2em; 497 background: #f5f5f5; 498 z-index: 100; 499 } 500 #help-button { 501 position: absolute; 502 top: 6.2em; 503 right: 0px; 504 cursor: pointer; 505 background: #fc3; 506 border: 1px solid #dde; 507 border-right: none; 508 font-size: 1.1em; 509 font-weight: bold; 510 text-transform: capitalize; 511 padding: .33em .75em .33em 1em; 512 -moz-border-radius: 1em 0 0 1em; 513 -webkit-border-top-left-radius: 1em; 514 -webkit-border-bottom-left-radius: 1em; 515 color: #444; 516 } 517 .help-box { 518 display: none; 519 } 520 .help-box ul { 521 padding-left: 20px; 522 margin-left: 0; 523 } 524 #content.with-help #help-button { 525 right: 282px; 526 } 527 #content.with-help #help { 528 display: block; 529 position: absolute; 530 top: 40px; 531 right: 0; 532 width: 280px; 533 border-left: 2px solid #fc3; 534 margin-top: 0; 535 padding: 10px 0 0 0; 536 overflow: auto; 537 } 538 #content.with-help .help-content { 539 padding: 0 5px 1em 5px; 540 } 541 542 /* POPUP */ 543 body.popup #wrapper, body.popup #top { 544 margin-top: -1.5em; 545 } 546 body.popup #top h1 { 547 background: transparent; 548 } 549 body.popup #main { 550 margin-left: -35px; 551 margin-bottom: 1em; 552 } 553 body.popup #content { 554 margin-left: 35px; 555 margin-left: 2em; /* 3.2 */ 556 } 557 body.popup #footer { 558 display: none; /* 3.2 */ 559 } 560 body.popup #footer p { 561 margin-left: 35px; 562 border: none; 563 } 564 565 /* CLASSES 566 -------------------------------------------------------- */ 567 568 /* -------------- paragraphe pour bouton Nouveau bidule ----------- */ 569 p.top-add { 570 text-align: right; 571 margin: 0; 572 } 573 p.top-add a { 574 padding: .3em 1em .3em .5em; 575 font-weight: bold; 576 } 577 p.top-add a img { 578 padding-right: .3em; 579 vertical-align: middle; 580 } 581 582 /* Si quelque chose a besoin d'être caché sauf pour les revues d'écran */ 583 .hidden { 584 position: absolute !important; 585 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 586 clip: rect(1px, 1px, 1px, 1px); 587 padding: 0 !important; 588 border: 0 !important; 589 height: 1px !important; 590 width: 1px !important; 591 overflow: hidden; 592 } 593 594 /* -------------- aide ----------- */ 595 .help-content dt { 596 font-weight: bold; 597 color: #626262; 598 margin: 0; 599 } 600 .help-content dd { 601 margin: 0.3em 0 1.5em 0; 602 } 603 604 .clear { 605 clear: both; 606 } 607 .lclear { 608 clear: left; 609 } 610 div.clearer { 611 height: 1px; 612 font-size: 1px; 613 } 614 .hide { 615 display: none; 616 } 617 .right { 618 text-align: right; 619 } 620 .frame-shrink { 621 border: 1px solid #666; 622 padding: 0.5em; 623 margin-bottom: 1em; 624 height: 120px; 625 overflow: auto; 626 } 627 628 .grid { 629 background: transparent repeat url('grid.png') 0 0; 630 } 631 632 .line p { 633 margin: 0; 634 } 635 636 div.error, p.error, div.message, p.message, div.static-msg, p.static-msg { 637 padding: 0.5em 0.5em 0.5em 40px; 638 margin-bottom: 1em; 639 -moz-border-radius: 8px; 640 -webkit-border-radius: 8px; 641 border-radius: 8px; 642 } 643 p.error, p.message, p.static-msg { 644 padding-top: 1em; 645 padding-bottom: 1em; 646 } 647 div.error, p.error { 648 background: #e5bfbf url(msg-error.png) no-repeat 5px 5px; 649 color: #600; 650 } 651 div.message, p.message, div.static-msg, p.static-msg { 652 background: #666 url(msg-std.png) no-repeat 5px 5px; 653 color: #fff; 654 } 655 div.message a, p.message a, div.static-msg a, p.static-msg a { 656 color: #fff; 657 } 658 659 .offline { 660 color: #666; 661 } 662 663 ul.nice { 664 margin: 1em 0; 665 padding: 0 0 0 2em; 666 list-style: square; 667 } 668 ul.nice li { 669 margin:0; 670 padding: 0; 671 } 672 206 /* -------------------------------------------------- layout - multipart */ 673 207 .three-cols { 674 208 } … … 704 238 float: left; 705 239 } 706 707 .comment { 708 border-top: 2px solid #ccc; 709 margin-bottom: 1em; 710 padding: 2em 0 1em 0; 711 position: relative; 712 } 713 .comment form p { 714 margin: 0; 715 position: absolute; 716 top: 2px; 717 right: 0; 718 } 719 720 /* -------- onglets ------ */ 240 /* -------------------------------------------------------------- layout - onglets */ 721 241 .part-tabs ul { 722 242 padding: .3em 0 1px 1em; … … 757 277 font-weight: bold; 758 278 } 759 760 /* Themes list */ 279 /* ------------------------------------------------------------------ main-menu */ 280 #main-menu { 281 width: 13em; 282 float: left; 283 margin-top: 1.2em; 284 margin-bottom: 1em; 285 } 286 #main-menu h3 { 287 margin: 0 0 0.5em; 288 padding: .5em 0 0 .5em; 289 text-transform: uppercase; 290 color: #666; 291 font-size: 1.1em; 292 } 293 #main-menu ul { 294 font-size: .95em; 295 margin: 0 0 1em 0; 296 padding: 0; 297 list-style: none; 298 } 299 #main-menu li { 300 display: block; 301 margin: 0.5em 0 0; 302 padding: .2em 0 0 32px; 303 background-repeat: no-repeat; 304 background-position: 12px .2em; 305 } 306 #main-menu a { 307 font-weight: bold; 308 } 309 #main-menu .active a { 310 border-bottom: none; 311 color: #333; 312 } 313 #main-menu .active { 314 background-color: #fff; 315 padding: .4em 0 .1em 32px; 316 background-position: 12px .4em; 317 border-top: 1px solid #ddd; 318 border-bottom: 1px solid #ddd; 319 margin-right: -1px; 320 } 321 #favorites-menu { 322 margin: 0 0 2em; 323 } 324 #favorites-menu h3 { 325 color: #333; 326 text-transform: none; 327 } 328 #favorites-menu a { 329 color: #333; 330 } 331 #favorites-menu .active { 332 background-color: transparent; 333 border: none; 334 } 335 #favorites-menu .active a { 336 font-weight: bold; 337 color: #666; 338 } 339 /* ------------------------------------------------------------------ footer */ 340 #footer { 341 clear: both; 342 padding: .75em 2em; 343 margin: 6em 15px .5em 15px; 344 -webkit-border-radius: .3em; 345 -moz-border-radius: .3em; 346 border-radius: .3em; 347 background: #575859 url(dc_logo_small.png) no-repeat right bottom; 348 color: #fff; 349 } 350 #footer p { 351 margin: 0; 352 padding: 0 1em; 353 text-align: center; 354 font-size: 1.1em; 355 } 356 #footer a { 357 color: #f5f5f5; 358 } 359 #footer p span.credit { 360 font-size: .85em; 361 font-weight: normal; 362 } 363 /* ---------------------------------------------------------------------------- auth.php */ 364 #login-screen { 365 display: block; 366 width: 18em; 367 margin: 1.5em auto 0; 368 font-size: 1.1em; 369 } 370 #login-screen h1 { 371 text-indent: -2000px; 372 background: transparent url(dotclear-logo2.png) no-repeat top left; 373 height: 50px; 374 margin-bottom: .5em; 375 margin-left: .5em; 376 } 377 #login-screen fieldset, #login-screen .fieldset { 378 border: 1px solid #999; 379 padding: 1em 1em 0 1em; 380 -moz-border-radius: 4px; 381 -webkit-border-radius: 4px; 382 border-radius: 4px; 383 } 384 #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit] { 385 width: 100%; 386 } 387 #login-screen #issue { 388 margin-left: 1em; 389 font-size: 1em; 390 } 391 #login-screen #issue strong {font-weight: normal;} 392 393 394 /* ------------------------------------------------------------------ dashboard */ 395 #dashboard-main { 396 float: left; 397 overflow: hidden; 398 padding: 1em 2% 1em 0; 399 width: 70%; 400 } 401 #dashboard-main.fullwidth { 402 width: 100%; 403 padding: 1em 0; 404 float: none; 405 } 406 #icons { 407 overflow: hidden; 408 padding-bottom: 1em; 409 text-align: center; 410 } 411 #icons p { 412 width: 210px; 413 text-align: center; 414 margin: 2em 0 0 0; 415 display:inline-block; 416 } 417 #icons a, 418 #icons a:link, 419 #icons a:visited, 420 #icons a:hover, 421 #icons a:focus { 422 border-bottom-width: 0px; 423 text-decoration: none; 424 } 425 #icons a span { 426 border-bottom: 1px dotted #f90; 427 } 428 #icons a:focus span, #icons a:hover span { 429 text-decoration: underline; 430 } 431 #quick { 432 clear: left; 433 margin-top: 2em; 434 } 435 #quick h3 { 436 margin-bottom: 0.2em; 437 font-size: 1.2em; 438 } 439 #quick p.qinfo { 440 margin: -.7em -1em 1em; 441 background: #eef url(info.png) no-repeat .2em .2em; 442 border: 1px solid #99f; 443 padding: .2em 1em .1em 24px; 444 color: #666; 445 } 446 447 #dashboard-items { 448 float: left; 449 width: 27%; 450 overflow: hidden; 451 padding-bottom: 1em; 452 padding-top: 3em; 453 } 454 #dashboard-items img { 455 vertical-align: middle; 456 } 457 #dashboard-items ul { 458 display: block; 459 padding-left: 1.5em; 460 list-style: square; 461 } 462 #dashboard-items li { 463 margin: 0.25em 0 0 0; 464 color: #666; 465 } 466 #news dt { 467 font-weight: bold; 468 margin: 0 0 0.4em 0; 469 } 470 #news dd { 471 margin: 0 0 1em 0; 472 } 473 #news dd p { 474 margin: 0.2em 0 0 0; 475 } 476 477 #upg-notify { 478 } 479 #upg-notify ul { 480 padding-left: 15px; 481 } 482 #upg-notify li { 483 color: #fff; 484 } 485 /* ------------------------------------------------------------------ post */ 486 #entry-wrapper { 487 float: left; 488 width: 100%; 489 margin-right: -18em; 490 } 491 #entry-content { 492 margin-right: 18em; 493 } 494 #entry-sidebar { 495 width: 17em; 496 float: right; 497 } 498 #comments { 499 clear: both; 500 } 501 /* ------------------------------------------------------------------ categories */ 502 #categories { 503 margin: 1em 0 2em; 504 } 505 #categories ul { 506 list-style: none; 507 margin: 0; 508 padding: 0; 509 } 510 #categories li { 511 margin: .5em 0; 512 padding: .3em 1.5em; 513 border: 1px solid #ccc; 514 border-left: 1em solid #E5E3DA; 515 -moz-border-radius: .3em; 516 -webkit-border-radius: .3em; 517 border-radius: .3em; 518 } 519 #categories h4 { 520 margin: 0; 521 } 522 #categories h4 span { 523 font-weight: normal; 524 } 525 #categories li p { 526 margin: 0; 527 } 528 select#del_cat { 529 width: 100%; 530 } 531 /* ------------------------------------------------------------------ media */ 532 #media-icon { 533 float: left; 534 } 535 #media-details { 536 margin-left: 70px; 537 } 538 #media-details ul { 539 display: block; 540 margin-left: 0; 541 padding: 0; 542 } 543 #media-details li { 544 list-style: square inside; 545 margin: 0; 546 padding: 0; 547 } 548 #media-original-image { 549 overflow: auto; 550 } 551 #media-original-image.overheight { 552 height: 500px; 553 } 554 555 #add-file-f { 556 position: relative; 557 } 558 #add-file-f .more-file { 559 position:absolute; 560 right: 0.5em; 561 background: #999; 562 color: #fff; 563 border: none; 564 } 565 .media-list { 566 position: static; 567 } 568 .media-col-0 { 569 clear: left; 570 } 571 .media-item { 572 position: relative; 573 border-top: 1px solid #ccc; 574 margin-bottom: 1em; 575 padding: 5px 0; 576 } 577 div.media-list .media-item { 578 width: 49%; 579 float: left; 580 margin-right: 1%; 581 } 582 a.media-icon { 583 display: block; 584 border-bottom: none; 585 float: left; 586 } 587 .media-icon img { 588 display: block; 589 } 590 .media-item ul { 591 display: block; 592 list-style: none; 593 margin: 0 0 0 60px; 594 padding: 0; 595 } 596 li.media-action { 597 display: block; 598 position: absolute; 599 top: 5px; 600 right: 5px; 601 height: 16px; 602 } 603 li.media-action a { 604 border: none; 605 } 606 li.media-action form { 607 display: inline; 608 } 609 li.media-action input { 610 border: none; 611 } 612 /* ------------------------------------------------------------------ preferences */ 613 #my-favs ul { 614 list-style-type: none; 615 margin-left: 0; 616 padding-left: 0; 617 line-height: 1.2; 618 } 619 #my-favs li { 620 display: block; 621 float: left; 622 width: 164px; 623 margin-top: 1em; 624 margin-bottom: 1.5em; 625 } 626 #my-favs label {height: 2.5em;width:140px;margin-top:.3em;} 627 #my-favs label input {display:inline;} 628 #my-favs img { 629 display: block; 630 } 631 #my-favs input.position { 632 margin: 0 0 .4em .2em; 633 } 634 #available-favs input, #available-favs label, #available-favs label span { 635 white-space: normal; 636 display: inline; 637 } 638 639 #default-favs h3 { 640 margin-top: 2em; 641 margin-bottom: 1em; 642 } 643 644 .fav-list { 645 list-style-type: none; 646 margin-left: 0; 647 padding-left: 0; 648 } 649 .fav-list li { 650 line-height: 2; 651 margin-left: 0; 652 padding-left: 0; 653 position: relative; 654 } 655 .fav-list img { 656 vertical-align: middle; 657 margin-right: .2em; 658 } 659 #available-favs label span.zoom { 660 display: none; 661 } 662 #available-favs li:hover label span.zoom { 663 display: block; 664 position: absolute; 665 bottom: 0; 666 left: 10em; 667 background-color: #f5f5f5; 668 border: 1px solid #ddd; 669 padding: .2em; 670 -moz-border-radius: .5em; 671 -webkit-border-radius: .5em; 672 border-radius: .5em; 673 } 674 /* -------------------------------------------------------------------- Themes */ 761 675 #themes { 762 676 border-bottom: 1px solid #ccc; … … 872 786 padding: 0; 873 787 } 874 875 /* Plugins list */ 788 /* ---------------------------------------------------------- Plugins list */ 876 789 #plugins td.action { 877 790 vertical-align: middle; 878 791 } 879 .media-list { 880 position: static; 881 } 882 .media-col-0 { 792 793 select.l10n option { 794 padding-left: 16px; 795 } 796 option.avail10n { 797 background: transparent url(../images/check-on.png) no-repeat 0 50%; 798 } 799 /* ------------------------------------------------------------------ contextual help */ 800 #help { 801 margin-top: 2em; 802 background: #f5f5f5; 803 z-index: 100; 804 } 805 #help-button { 806 position: absolute; 807 top: 6.2em; 808 right: 0px; 809 cursor: pointer; 810 background: #fc3; 811 border: 1px solid #dde; 812 border-right: none; 813 font-size: 1.1em; 814 font-weight: bold; 815 text-transform: capitalize; 816 padding: .33em .75em .33em 1em; 817 -moz-border-radius: 1em 0 0 1em; 818 -webkit-border-top-left-radius: 1em; 819 -webkit-border-bottom-left-radius: 1em; 820 color: #444; 821 } 822 .help-box { 823 display: none; 824 } 825 .help-box ul { 826 padding-left: 20px; 827 margin-left: 0; 828 } 829 #content.with-help #help-button { 830 right: 282px; 831 } 832 #content.with-help #help { 833 display: block; 834 position: absolute; 835 top: 40px; 836 right: 0; 837 width: 280px; 838 border-left: 2px solid #fc3; 839 margin-top: 0; 840 padding: 10px 0 0 0; 841 overflow: auto; 842 } 843 #content.with-help .help-content { 844 padding: 0 5px 1em 5px; 845 } 846 .help-content dt { 847 font-weight: bold; 848 color: #626262; 849 margin: 0; 850 } 851 .help-content dd { 852 margin: 0.3em 0 1.5em 0; 853 } 854 /* ------------------------------------------------------------------ popups */ 855 body.popup #wrapper, body.popup #top { 856 margin-top: -1.5em; 857 float: none; 858 } 859 body.popup #top h1 { 860 background: transparent; 861 } 862 body.popup #main { 863 margin-left: -35px; 864 margin-bottom: 1em; 865 } 866 body.popup #content { 867 margin-left: 35px; 868 margin-left: 2em; /* 3.2 */ 869 } 870 body.popup #footer { 871 display: none; /* 3.2 */ 872 } 873 body.popup #footer p { 874 margin-left: 35px; 875 border: none; 876 } 877 /* ------------------------------------------------------------------ messages */ 878 div.error, p.error, 879 div.message, p.message, 880 div.static-msg, p.static-msg { 881 padding: 0.5em 0.5em 0.5em 40px; 882 margin-bottom: 1em; 883 -moz-border-radius: 8px; 884 -webkit-border-radius: 8px; 885 border-radius: 8px; 886 } 887 p.error, p.message, p.static-msg { 888 padding-top: 1em; 889 padding-bottom: 1em; 890 } 891 div.error, p.error { 892 background: #e5bfbf url(msg-error.png) no-repeat 5px 5px; 893 color: #600; 894 } 895 div.message, p.message, 896 div.static-msg, p.static-msg { 897 background: #666 url(msg-std.png) no-repeat 5px 5px; 898 color: #fff; 899 } 900 div.message a, p.message a, 901 div.static-msg a, p.static-msg a { 902 color: #fff; 903 } 904 /* ------------------------------------------------------------------ debug */ 905 #debug { 906 position: absolute; 907 top: 0; 908 width: 100%; 909 height: 4px; 910 background: #d99; 911 } 912 #debug div { 913 display: none; 914 padding: 3px 0.5em 2px; 915 } 916 #debug p { 917 margin: 0.5em 0; 918 } 919 #debug:hover { 920 height: auto; 921 } 922 #debug:hover div { 923 display: block; 924 } 925 /* -------------------------------------------------------------------- CLASSES COMMUNES */ 926 927 .no-margin { 928 margin: 0; 929 } 930 931 /* paragraphe pour bouton Nouveau bidule */ 932 p.top-add { 933 text-align: right; 934 margin: 0; 935 } 936 p.top-add a { 937 padding: .3em 1em .3em .5em; 938 font-weight: bold; 939 } 940 p.top-add a img { 941 padding-right: .3em; 942 vertical-align: middle; 943 } 944 945 /* Si quelque chose a besoin d'être caché sauf pour les revues d'écran */ 946 .hidden { 947 position: absolute !important; 948 clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 949 clip: rect(1px, 1px, 1px, 1px); 950 padding: 0 !important; 951 border: 0 !important; 952 height: 1px !important; 953 width: 1px !important; 954 overflow: hidden; 955 } 956 .clear { 957 clear: both; 958 } 959 .lclear { 883 960 clear: left; 884 961 } 885 .media-item { 886 position: relative; 887 border-top: 1px solid #ccc; 962 div.clearer { 963 height: 1px; 964 font-size: 1px; 965 } 966 .hide { 967 display: none; 968 } 969 .right { 970 text-align: right; 971 } 972 .frame-shrink { 973 border: 1px solid #666; 974 padding: 0.5em; 888 975 margin-bottom: 1em; 889 padding: 5px 0; 890 } 891 div.media-list .media-item { 892 width: 49%; 893 float: left; 894 margin-right: 1%; 895 } 896 a.media-icon { 897 display: block; 898 border-bottom: none; 899 float: left; 900 } 901 .media-icon img { 902 display: block; 903 } 904 .media-item ul { 905 display: block; 906 list-style: none; 907 margin: 0 0 0 60px; 976 height: 120px; 977 overflow: auto; 978 } 979 980 .grid { 981 background: transparent repeat url('grid.png') 0 0; 982 } 983 984 .line p { 985 margin: 0; 986 } 987 .offline { 988 color: #666; 989 } 990 991 ul.nice { 992 margin: 1em 0; 993 padding: 0 0 0 2em; 994 list-style: square; 995 } 996 ul.nice li { 997 margin:0; 908 998 padding: 0; 909 999 } 910 li.media-action {911 display: block;912 position: absolute;913 top: 5px;914 right: 5px;915 height: 16px;916 }917 li.media-action a {918 border: none;919 }920 li.media-action form {921 display: inline;922 }923 li.media-action input {924 border: none;925 }926 927 1000 .zip-dl { 928 1001 background: transparent url(package.png) no-repeat 0 50%; 929 1002 padding: 5px 0 5px 20px; 930 1003 } 931 932 select.l10n option { 933 padding-left: 16px; 934 } 935 option.avail10n { 936 background: transparent url(../images/check-on.png) no-repeat 0 50%; 937 } 938 1004 /* pas trouvé dans le code */ 1005 .comment { 1006 border-top: 2px solid #ccc; 1007 margin-bottom: 1em; 1008 padding: 2em 0 1em 0; 1009 position: relative; 1010 } 1011 .comment form p { 1012 margin: 0; 1013 position: absolute; 1014 top: 2px; 1015 right: 0; 1016 } 939 1017 /* TABLES 940 1018 -------------------------------------------------------- */ … … 944 1022 margin: 0 0 1em 0; 945 1023 } 946 table caption {947 position: absolute;948 left: -9999px;949 }950 1024 tr.line:hover { 951 1025 background: #ddd; 1026 } 1027 caption { 1028 color: #333; 1029 font-size: 1.2em; 1030 font-weight: bold; 1031 text-align: left; 1032 margin-bottom: .5em; 952 1033 } 953 1034 th, td { … … 958 1039 vertical-align: top; 959 1040 } 960 th ead th{1041 th { 961 1042 text-align: left; 962 border-top: 1px solid #666; 963 border-bottom: 1px solid #666; 964 } 965 thead a, thead a:link, thead a:visited { 966 color: #000; 967 text-decoration: none; 968 border-bottom: 1px dotted #000; 969 } 970 thead th.asc a { 971 color: #2373A8; 972 padding-left: 15px; 973 background: transparent url(asc.png) no-repeat left center; 974 } 975 thead th.desc a { 976 color: #2373A8; 977 padding-left: 15px; 978 background: transparent url(desc.png) no-repeat left center; 979 } 980 tbody th { 981 text-align: left; 982 font-weight: normal; 983 border-bottom-color: #ccc; 984 } 985 1043 border-bottom-color: #666; 1044 } 986 1045 .noborder td, td.noborder, .noborder th, th.noborder { 987 1046 border-width: 0; … … 1039 1098 } 1040 1099 1041 div.pagination { 1042 padding-bottom: 1em; 1043 } 1044 div.pagination a { 1045 margin: 0 0.3em 0 0.3em; 1046 } 1047 div.pagination span{ 1048 margin: 0 1em 0 1em; 1049 } 1050 1051 /* FORMS 1052 -------------------------------------------------------- */ 1100 /* ----------------------------------------------------------------- FORMS */ 1053 1101 form { 1054 1102 display: block; … … 1056 1104 padding: 0; 1057 1105 } 1058 1059 fieldset { 1106 fieldset, .fieldset { 1060 1107 display: block; 1061 1108 margin: 0 0 1em 0; … … 1116 1163 display: block; 1117 1164 } 1118 #filters label {1119 display: inline;1120 }1121 1165 p.form-note { 1122 1166 font-style:italic; … … 1151 1195 display: block; 1152 1196 width: 100%; 1197 resize: vertical; 1153 1198 } 1154 1199 … … 1181 1226 width: 100%; 1182 1227 } 1228 textarea.maximal { 1229 resize: vertical; 1230 } 1183 1231 1184 1232 a.form-control { … … 1189 1237 padding-left: 20px; 1190 1238 } 1191 1192 fieldset.constrained { 1239 .constrained { 1193 1240 margin: 0; 1194 1241 padding: 0; … … 1197 1244 } 1198 1245 1199 #login-screen { 1200 display: block; 1201 width: 18em; 1202 margin: 1.5em auto 0; 1203 font-size: 1.1em; 1204 } 1205 #login-screen h1 { 1206 text-indent: -2000px; 1207 background: transparent url(dotclear-logo2.png) no-repeat top left; 1208 height: 50px; 1209 margin-bottom: .5em; 1210 } 1211 #login-screen fieldset { 1212 border: 1px solid #999; 1213 padding: 1em 1em 0 1em; 1214 -moz-border-radius: 4px; 1215 -webkit-border-radius: 4px; 1216 border-radius: 4px; 1217 } 1218 #login-screen input[type=text], #login-screen input[type=password], #login-screen input[type=submit] { 1219 width: 100%; 1220 } 1221 #login-screen #issue { 1222 margin-left: 1em; 1223 font-size: 1em; 1224 } 1225 #login-screen #issue strong {font-weight: normal;} 1226 1227 1228 /* ------------------ Tous les boutons -------------------- */ 1246 /* --------------------------------------------------------------- buttons */ 1229 1247 h2 a.button { 1230 1248 color: #333; … … 1245 1263 text-align: center; 1246 1264 text-decoration: none; 1247 padding: .1em .5em ;1265 padding: .1em .5em 0 .5em; 1248 1266 text-shadow: 0 1px 1px rgba(0,0,0,.3); 1249 1267 -webkit-border-radius: .2em; … … 1305 1323 input[type=submit].delete { 1306 1324 color: #c00; 1325 padding-bottom: .1em; 1326 } 1327 #entry-content .delete { 1328 margin-left: 1em; 1307 1329 } 1308 1330 a.delete:hover, … … 1330 1352 border-radius: .5em; 1331 1353 margin-bottom: .1em; 1332 background: #2C8FD1 url(add.png) no-repeat .2emcenter;1354 background: #2C8FD1 url(add.png) no-repeat 6px center; 1333 1355 color: #fff; 1334 padding: . 1em 1em .2em 28px;1356 padding: .2em 16px .2em 30px; 1335 1357 border: 1px solid #2373A8; 1336 1358 }
Note: See TracChangeset
for help on using the changeset viewer.
