Changeset 4461
- Timestamp:
- 06/05/2011 10:42:22 AM (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/bp-themes/bp-default/_inc/css/default.css
r4455 r4461 6 6 ---------------------------------------------------------------- 7 7 1.0 - Reset - Based on work by Eric Meyer 8 2.0 - BuddyPress 9 2.1 - Activity 10 2.1.1 - Activity Listing 11 2.1.2 - Activity Comments 12 2.2 - Admin Bar 13 2.3 - Ajax Loading 14 2.4 - Data Tables 15 2.5 - Directories - Members, Groups, Blogs, Forums 16 2.6 - Forum Topics 17 2.7 - Items 18 2.7.1 - Item Headers 19 2.7.2 - Item Lists - Activity, Friend, Group Lists 20 2.7.3 - Item Tabs 21 2.8 - Private Messaging Threads 22 3.0 - Error / Success Messages 23 4.0 - Forms 24 4.1 - Buttons 25 5.0 - Navigation 26 5.1 - Pagination 27 6.0 - Structure 28 6.1 - Content 29 6.2 - Header 30 6.3 - Footer 31 6.4 - Sidebar 32 7.0 - Text Elements 33 7.1 - Headers 34 8.0 - WordPress 35 8.1 - Alignments 36 8.2 - Comments 37 8.3 - Gallery 38 8.4 - Images 39 8.5 - Lists 40 8.6 - Posts 41 --------------------------------------------------------------*/ 42 8 2.0 - Structural 9 2.1 - Content 10 2.2 - Header 11 2.3 - Footer 12 2.4 - Sidebar 13 3.0 - Non-structural 14 3.1 - Text 15 3.2 - Headers 16 3.3 - Lists 17 4.0 - Navigation 18 4.1 - Pagination 19 5.0 - WordPress 20 5.1 - Alignments 21 5.2 - Comments 22 5.3 - Gallery 23 5.4 - Images 24 5.5 - Posts 25 6.0 - BuddyPress 26 6.1 - Activity 27 6.1.1 - Activity Listing 28 6.1.2 - Activity Comments 29 6.2 - Admin Bar 30 6.3 - Ajax Loading 31 6.4 - Directories - Members, Groups, Blogs, Forums 32 6.5 - Error / Success Messages 33 6.6 - Forms 34 6.7 - Topics and Tables - Forums and General 35 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums 36 6.9 - Private Messaging Threads 37 --------------------------------------------------------------*/ 43 38 44 39 /*-------------------------------------------------------------- … … 66 61 a img{border:none;} 67 62 68 69 /*-------------------------------------------------------------- 70 2.0 - BuddyPress 71 --------------------------------------------------------------*/ 72 /*-------------------------------------------------------------- 73 2.1 - Activity 63 /*-------------------------------------------------------------- 64 2.0 - Structural 65 --------------------------------------------------------------*/ 66 body { 67 background-color: #eaeaea; 68 background-image: url( ../images/background.gif ); 69 background-repeat: repeat-x; 70 background-position: top left; 71 font-size: 12px; 72 font-family: Arial, Tahoma, Verdana, sans-serif; 73 line-height: 170%; 74 color: #555; 75 width: 90%; 76 min-width: 960px; 77 max-width: 1250px; 78 margin: 0 auto; 79 } 80 .padder { 81 padding: 19px; 82 } 83 div#container { 84 background: #fff; 85 border-right: 1px solid #e0e0e0; 86 border-bottom: 1px solid #e0e0e0; 87 -moz-border-radius: 6px; 88 -webkit-border-radius: 6px; 89 border-radius: 6px; 90 overflow: hidden; 91 position: relative; 92 width: 100%; 93 } 94 body.activity-permalink div#container { 95 background: none; 96 border: none; 97 } 98 99 100 /*-------------------------------------------------------------- 101 2.1 - Content 102 --------------------------------------------------------------*/ 103 div#content { 104 -moz-border-radius-topleft: 6px; 105 -webkit-border-top-left-radius: 6px; 106 -moz-border-radius-bottomleft: 6px; 107 -webkit-border-bottom-left-radius: 6px; 108 border-top-left-radius: 6px; 109 border-top-right-radius: 6px; 110 float: left; 111 width: 100%; 112 } 113 div#content .padder { 114 border-right: 1px solid #ddd; 115 -moz-border-radius-topleft: 6px; 116 -webkit-border-top-left-radius: 6px; 117 -moz-border-radius-bottomleft: 6px; 118 -webkit-border-bottom-left-radius: 6px; 119 border-top-left-radius: 6px; 120 border-bottom-left-radius: 6px; 121 margin-right: 225px; 122 } 123 div#content .one-column { 124 margin-right: 0; 125 border-right: 0 none; 126 } 127 div#content .left-menu { 128 float: left; 129 width: 170px; 130 } 131 div#content .main-column { 132 margin-left: 190px; 133 } 134 135 136 /*-------------------------------------------------------------- 137 2.2 - Header 138 --------------------------------------------------------------*/ 139 #header { 140 -moz-border-radius-bottomleft: 6px; 141 -webkit-border-bottom-left-radius: 6px; 142 -moz-border-radius-bottomright: 6px; 143 -webkit-border-bottom-right-radius: 6px; 144 border-top-left-radius: 6px; 145 border-top-right-radius: 6px; 146 color: #fff; 147 height: 100px; 148 margin-bottom: 20px; 149 padding-top: 25px; 150 position: relative; 151 z-index: 1000; 152 } 153 #header #search-bar { 154 margin-top: 5px; 155 text-align: right; 156 width: 100%; 157 } 158 #header #search-bar .padder { 159 padding: 10px 15px 0 20px; 160 } 161 #header #search-bar input[type=text] { 162 border: 1px inset #888; 163 -moz-border-radius: 3px; 164 -webkit-border-radius: 3px; 165 border-radius: 3px; 166 margin-right: 4px; 167 padding: 2px; 168 } 169 #header #search-bar input[type=submit] { 170 font-size: 11px; 171 padding: 1px 4px; 172 margin-left: 4px; 173 } 174 #header h1 { 175 float: left; 176 margin-bottom: 0; 177 margin-top: 0; 178 } 179 #header h1 a { 180 color: #fff; 181 font-size: 26px; 182 text-decoration: none; 183 } 184 185 186 /*-------------------------------------------------------------- 187 2.3 - Footer 188 --------------------------------------------------------------*/ 189 #footer { 190 margin: 20px 0; 191 } 192 #footer-widgets { 193 background: #fff; 194 border-bottom: 1px solid #e0e0e0; 195 border-right: 1px solid #e0e0e0; 196 -moz-border-radius: 6px; 197 -webkit-border-radius: 6px; 198 border-radius: 6px; 199 padding: 19px; 200 } 201 #site-generator { 202 margin: 20px 20px; 203 text-align: center; 204 color: #bbb; 205 text-shadow: #fafafa 1px 1px 0; 206 } 207 #footer-widget-area { 208 overflow: hidden; 209 margin-top: -19px; 210 } 211 #footer-widget-area div.widget-area > ul { 212 float: left; 213 margin-right: 19px; 214 width: 23%; 215 } 216 #footer-widget-area div.widget-area > ul > li { 217 margin-top: 19px; 218 } 219 #footer-widget-area h3.widgettitle { 220 margin: 0 0 10px 0; 221 background: #eaeaea; 222 padding: 5px 15px; 223 font-size: 12px; 224 clear: left; 225 } 226 #footer-widget-area div div.item-options { 227 margin-left: 0; 228 margin-right: 0; 229 } 230 #footer-widget-area ul.item-list li img.avatar { 231 margin-left: 15px; /* border is 4px */ 232 } 233 234 235 /*-------------------------------------------------------------- 236 2.4 - Sidebar 237 --------------------------------------------------------------*/ 238 div#sidebar { 239 background: url( ../images/sidebar_back.gif ) top left repeat-x; 240 border-left: 1px solid #ddd; 241 -moz-border-radius-topright: 3px; 242 -webkit-border-top-right-radius: 3px; 243 border-top-right-radius: 3px; 244 float: left; 245 margin-left: -226px; 246 margin-top: 1px; 247 width: 224px; 248 } 249 div#sidebar div#sidebar-me img.avatar { 250 float: left; 251 margin: 0 10px 15px 0; 252 } 253 div#sidebar div#sidebar-me h4 { 254 font-size: 16px; 255 margin: 0 0 8px 0; 256 font-weight: normal; 257 } 258 div#sidebar ul#bp-nav { 259 clear: left; 260 margin: 15px -16px; 261 } 262 div#sidebar ul#bp-nav li { 263 padding: 10px 15px; 264 } 265 div#sidebar h3.widgettitle { 266 margin: 25px -20px 10px -19px; 267 background: #eaeaea; 268 padding: 5px 15px; 269 font-size: 12px; 270 clear: left; 271 } 272 #footer-widget-area .widget_search, 273 div#sidebar .widget_search { 274 margin-top: 20px; 275 } 276 #footer-widget-area .widget_search input[type=text], 277 div#sidebar .widget_search input[type=text] { 278 width: 110px; 279 padding: 2px; 280 } 281 #footer-widget-area ul#recentcomments li, 282 #footer-widget-area .widget_recent_entries ul li, 283 div#sidebar ul#recentcomments li, 284 div#sidebar .widget_recent_entries ul li { 285 margin-bottom: 15px; 286 } 287 #footer-widget-area ul.item-list img.avatar, 288 div#sidebar ul.item-list img.avatar { 289 width: 20px; 290 height: 20px; 291 margin-right: 10px; 292 } 293 #footer-widget-area div.item-avatar img, 294 div#sidebar div.item-avatar img { 295 width: 40px; 296 height: 40px; 297 margin: 1px; 298 } 299 #footer-widget-area .avatar-block, 300 div#sidebar .avatar-block { 301 overflow: hidden; 302 } 303 #footer-widget-area ul.item-list div.item-title, 304 div#sidebar ul.item-list div.item-title { 305 font-size: 12px; 306 } 307 #footer-widget-area div.item-options, 308 div#sidebar div.item-options { 309 margin: -10px -20px 0 -19px; 310 background: #f8f8f8; 311 padding: 5px 15px; 312 font-size: 11px; 313 } 314 #footer-widget-area div.item-content { 315 margin-left: 38px; 316 } 317 #footer-widget-area div.item-meta, 318 div#sidebar div.item-meta, 319 div#sidebar div.item-content { 320 margin-left: 38px; 321 font-size: 11px; 322 } 323 #footer-widget-area div.tags div#tag-text, 324 div#sidebar div.tags div#tag-text { 325 font-size: 1.4em; 326 line-height: 140%; 327 padding-top: 10px; 328 } 329 330 331 /*-------------------------------------------------------------- 332 3.0 - Non-structural 333 --------------------------------------------------------------*/ 334 p { 335 margin-bottom: 15px; 336 } 337 p:last-child { 338 margin-bottom: 0; 339 } 340 .accessibly-hidden { 341 left: -999em; 342 position: absolute; 343 } 344 hr { 345 background-color: #e7e7e7; 346 border: 0 none; 347 clear: both; 348 height: 1px; 349 margin: 20px 0; 350 } 351 352 353 /*-------------------------------------------------------------- 354 3.1 - Text 355 --------------------------------------------------------------*/ 356 big { 357 font-size: 18px; 358 } 359 del { 360 text-decoration: line-through; 361 } 362 ins { 363 background: #fff9db; 364 text-decoration: none; 365 } 366 sub { 367 top: .5ex; 368 } 369 sup { 370 bottom: 1ex; 371 } 372 sub, 373 sup { 374 height: 0; 375 line-height: 1; 376 vertical-align: baseline; 377 position: relative; 378 } 379 pre, blockquote { 380 margin-bottom: 20px; 381 } 382 pre, 383 code p { 384 background: #f4f4f4; 385 -moz-border-radius: 3px; 386 -webkit-border-radius: 3px; 387 border-radius: 3px; 388 padding: 15px; 389 } 390 code { 391 font-family: "Monaco", courier, sans-serif; 392 } 393 blockquote { 394 quotes: none; 395 font-style: italic; 396 padding: 0 3em; 397 font-family: georgia, times, serif; 398 font-size: 16px; 399 line-height: 150%; 400 } 401 blockquote p { 402 margin-bottom: 15px !importantr; 403 } 404 405 406 /*-------------------------------------------------------------- 407 3.2 - Headers 408 --------------------------------------------------------------*/ 409 h1, 410 h2, 411 h3, 412 h4, 413 h5, 414 h6 { 415 margin: 5px 0 15px 0; 416 } 417 h1 { 418 font-size: 28px; 419 margin-bottom: 25px; 420 } 421 h2 { 422 font-size: 24px; 423 margin-bottom: 20px; 424 } 425 h3 { 426 font-size: 20px; 427 } 428 h4 { 429 font-size: 16px; 430 margin-bottom: 15px; 431 } 432 h5 { 433 font-size: 14px; 434 margin-bottom: 0; 435 } 436 h6 { 437 font-size: 12px; 438 margin-bottom: 0; 439 } 440 441 442 /*-------------------------------------------------------------- 443 3.3 - Lists 444 --------------------------------------------------------------*/ 445 div.page ul, 446 div.page ol, 447 div.page dl, 448 div.post ul, 449 div.post ol, 450 div.post dl { 451 margin: 0 0 18px 1.5em; 452 } 453 div.page ul, 454 div.post ul { 455 list-style: square; 456 } 457 div.page ol, 458 div.post ol { 459 list-style: decimal; 460 } 461 div.page ol ol, 462 div.post ol ol { 463 list-style: upper-alpha; 464 } 465 dl { 466 margin-left: 0; 467 } 468 dt { 469 font-size: 14px; 470 font-weight: bold; 471 } 472 dd { 473 margin: 0 0 15px 0; 474 } 475 476 477 /*-------------------------------------------------------------- 478 4.0 - Navigation 479 --------------------------------------------------------------*/ 480 a { 481 color: #1fb3dd; 482 } 483 a:hover, 484 a:active { 485 color: #888; 486 } 487 a:focus { 488 outline: 1px dotted #ccc; 489 } 490 #nav { 491 margin: 0; 492 padding: 0; 493 position: absolute; 494 right: 15px; 495 list-style: none; 496 bottom: 0; 497 max-width: 95%; 498 } 499 #nav li a { 500 background: url( ../images/60pc_black.png ); 501 color: #fff; 502 display: block; 503 padding: 5px 15px; 504 text-decoration: none; 505 } 506 #nav li { 507 margin-left: 5px; 508 float: left; 509 } 510 #nav li li { 511 margin-left: 0; 512 } 513 #nav > li > a { 514 -moz-border-radius-topleft: 3px; 515 -webkit-border-top-left-radius: 3px; 516 -moz-border-radius-topright: 3px; 517 -webkit-border-top-right-radius: 3px; 518 border-top-left-radius: 3px; 519 border-top-right-radius: 3px; 520 } 521 #nav li.selected a, 522 #nav > li.current-menu-item a, 523 #nav > li.current_page_item a { 524 background: #f5f5f5; 525 color: #555; 526 } 527 #nav > li > ul { 528 border-top-width: 0; 529 } 530 #nav > ul li.sfhover a, 531 #nav > ul li:hover a { 532 background: #333; 533 color: #fff; 534 } 535 #nav li.sfhover, 536 #nav li:hover { 537 position: relative; 538 z-index: 1000; 539 } 540 #nav ul { 541 border: 1px solid #222; 542 -moz-border-radius: 3px; 543 -webkit-border-radius: 3px; 544 -moz-border-radius-topleft: 0; 545 -moz-border-radius-topright: 0; 546 -webkit-border-top-left-radius: 0; 547 -webkit-border-top-right-radius: 0; 548 border-top-left-radius: 0; 549 border-top-right-radius: 0; 550 -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 551 -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 552 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 553 } 554 #nav ul li ul { 555 -moz-border-radius: 3px; 556 -webkit-border-radius: 3px; 557 border-radius: 3px; 558 } 559 #nav ul, 560 #nav .sfhover ul ul, 561 #nav :hover ul ul { 562 left: -9999px; 563 position: absolute; 564 } 565 #nav .sfhover ul, 566 #nav :hover ul { 567 left: 0; 568 top: 100%; 569 width: 128px; 570 } 571 #nav .sfhover ul li > a, 572 #nav :hover ul li > a { 573 background: #333; 574 color: #fff; 575 } 576 #nav .sfhover ul .sfhover > ul, 577 #nav :hover ul :hover > ul { 578 left: 125px; 579 top: -1px; 580 width: 128px; 581 } 582 #nav ul li.sfhover > a, 583 #nav ul li:hover > a { 584 background-color: #222; 585 color: #fff; 586 } 587 #nav .sfhover ul li, 588 #nav :hover ul li { 589 height: 30px; 590 line-height: 30px; 591 text-indent: 10px; 592 width: 128px; 593 } 594 #nav .sfhover ul li a, 595 #nav :hover ul li a { 596 padding: 0 0; 597 } 598 599 600 /*-------------------------------------------------------------- 601 4.1 - Pagination 602 --------------------------------------------------------------*/ 603 div.pagination { 604 margin: -20px -19px 0px -19px; 605 padding: 8px 20px; 606 color: #888; 607 font-size: 11px; 608 height: 19px; 609 background: #f4f4f4; 610 border: none; 611 position: relative; 612 } 613 div.pagination .pag-count { 614 float: left; 615 } 616 div.pagination .pagination-links { 617 float: right; 618 } 619 div.pagination .pagination-links span, 620 div.pagination .pagination-links a { 621 font-size: 12px; 622 padding: 0 5px; 623 } 624 div.pagination .pagination-links a:hover { 625 font-weight: bold; 626 } 627 div#pag-bottom { 628 margin-top: -1px; 629 } 630 631 632 /*-------------------------------------------------------------- 633 5.0 - WordPress 634 --------------------------------------------------------------*/ 635 /*-------------------------------------------------------------- 636 5.1 - Alignments 637 --------------------------------------------------------------*/ 638 .alignright { 639 float: right; 640 margin-left: 15px; 641 } 642 .alignleft { 643 float: left; 644 margin-right: 15px; 645 } 646 .aligncenter { 647 display: block; 648 margin-left: auto; 649 margin-right: auto; 650 } 651 .clear { 652 clear: left; 653 } 654 655 656 /*-------------------------------------------------------------- 657 5.2 - Comments 658 --------------------------------------------------------------*/ 659 .navigation, 660 .paged-navigation, 661 .comment-navigation { 662 overflow: hidden; 663 font-family: georgia, times, serif; 664 font-style: italic; 665 font-size: 14px; 666 padding: 5px 0; 667 margin: 5px 0 25px 0; 668 } 669 .comments { 670 float: right; 671 } 672 #trackbacks { 673 margin-top: 30px; 674 } 675 .commentlist .bypostauthor { 676 } 677 #comments ol.commentlist { 678 border-bottom: 1px solid #e4e4e4; 679 margin: 0 0 30px 0; 680 } 681 ol.commentlist li { 682 clear: left; 683 list-style: none; 684 margin-bottom: 15px; 685 } 686 ol.commentlist div.comment-avatar-box { 687 float: left; 688 margin: 15px 10px 15px 0; 689 } 690 .commentlist ul.children div.comment-avatar-box { 691 float: left; 692 margin: 0px 10px 10px 0; 693 } 694 div.comment-avatar-box img { 695 border: 2px solid #eee; 696 } 697 div.comment-content { 698 border-top: 1px solid #e4e4e4; 699 padding-left: 75px; 700 } 701 .commentlist .children .comment { 702 margin-bottom: 5px; 703 } 704 div.comment-meta, 705 div.comment-options { 706 color: #888; 707 font-size: 11px; 708 margin: 15px 0; 709 } 710 div.comment-meta em { 711 font-style: normal; 712 } 713 div.comment-meta span.comment-highlight a { 714 background: #EBF7FF; 715 border-right: 1px solid #a1dcfa; 716 border-bottom: 1px solid #a1dcfa; 717 -moz-border-radius: 4px; 718 -webkit-border-radius: 4px; 719 border-radius: 4px; 720 color: #059AE7; 721 margin-right: 3px; 722 padding: 3px 8px; 723 text-decoration: none; 724 } 725 div.comment-meta .comment-highlight a:hover, 726 .commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover { 727 background: #059AE7; 728 border-color: #059AE7; 729 color: #fff; 730 } 731 #reply-title { 732 margin-top: 0; 733 } 734 #reply-title small { 735 float: right; 736 font-size: 11px; 737 font-weight: normal; 738 } 739 #reply-title small a, 740 div.comment-options a.comment-reply-link { 741 background: #FFF9DB; 742 border-bottom: 1px solid #FFE8C4; 743 border-right: 1px solid #FFE8C4; 744 -moz-border-radius: 4px; 745 -webkit-border-radius: 4px; 746 border-radius: 4px; 747 color: #ffa200; 748 margin-right: 10px; 749 padding: 3px 8px; 750 text-decoration: none; 751 } 752 #reply-title small a { 753 margin-right: 0; 754 } 755 #reply-title small a:hover, 756 div.comment-options a.comment-reply-link:hover { 757 background: #f7740a; 758 border-color: #f7740a; 759 color: #fff; 760 } 761 .commentlist ul.children { 762 background: #f5f5f5; 763 -moz-border-radius: 4px; 764 -webkit-border-radius: 4px; 765 border-radius: 4px; 766 margin-bottom: 10px; 767 margin-left: 75px; 768 padding: 1px 10px; 769 770 } 771 .commentlist ul.children ul { 772 margin-left: 20px; 773 margin-bottom: 0; 774 padding: 5px 0 0 0; 775 } 776 .commentlist ul.children img.avatar { 777 border-style: none; 778 height: 25px; 779 margin: 0; 780 width: 25px; 781 } 782 .commentlist ul.children div.comment-content { 783 border-top: none; 784 padding-left: 35px; 785 } 786 .commentlist ul.children div.comment-meta { 787 font-size: 11px; 788 margin-top: 0; 789 } 790 .commentlist ul.children div.comment-options { 791 margin-bottom: 5px; 792 margin-top: 0; 793 } 794 .commentlist ul.children li { 795 border-top: 2px solid #fffeff; 796 padding-top: 10px; 797 } 798 .commentlist ul.children li:first-child { 799 border-top: none; 800 } 801 .commentlist ul.children ul li:first-child { 802 border-top: 2px solid #fffeff; 803 } 804 .commentlist ul.children div.comment-options a.comment-reply-link { 805 background: transparent; 806 border-style: none; 807 color: #1fb3dd; 808 margin-right: 0; 809 padding: 3px 8px; 810 text-decoration: underline; 811 } 812 .commentlist ul.children div.comment-options a.comment-reply-link:hover { 813 background: transparent; 814 border-style: none; 815 color: #1fb3dd; 816 } 817 #respond { 818 background-color: #fafafa; 819 border: 1px solid #e5e5e5; 820 -moz-border-radius: 4px; 821 -webkit-border-radius: 4px; 822 border-radius: 4px; 823 padding: 15px; 824 } 825 #respond .form-submit { 826 margin-bottom: 0; 827 } 828 ol.commentlist #respond { 829 margin-left: 75px; 830 } 831 .commentlist ul.children #respond { 832 margin-bottom: 10px; 833 margin-left: 35px; 834 margin-right: 20px; 835 } 836 h3#reply .comments-header { 837 font-size: 14px; 838 } 839 #respond div.comment-avatar-box { 840 margin-top: 0; 841 } 842 #respond div.comment-content { 843 border-style: none; 844 } 845 #nav-below { 846 margin: 0 0; 847 padding: 0 0; 848 } 849 850 851 /*-------------------------------------------------------------- 852 5.3 - Gallery 853 --------------------------------------------------------------*/ 854 .wp-caption { 855 background-color: #f3f3f3; 856 border: 1px solid #ddd; 857 -moz-border-radius: 3px; 858 -webkit-border-radius: 3px; 859 border-radius: 3px; 860 margin-bottom: 15px; 861 padding-top: 4px; 862 text-align: center; 863 864 } 865 .wp-caption img { 866 margin: 0; 867 padding: 0; 868 border: 0 none; 869 } 870 dd.wp-caption p.wp-caption-text, 871 .wp-caption p.wp-caption-text { 872 font-size: 0.9em; 873 line-height: 17px; 874 padding: 5px 4px 5px 0; 875 margin: 0; 876 } 877 #content .gallery { 878 margin: 0 auto 15px; 879 } 880 #content .gallery .gallery-item { 881 margin-bottom: 0; 882 margin-left: 0; 883 } 884 .gallery-item img { 885 margin-bottom: 15px; 886 } 887 .gallery .gallery-caption { 888 color: #555; 889 } 890 891 892 /*-------------------------------------------------------------- 893 5.4 - Images 894 --------------------------------------------------------------*/ 895 img.avatar { 896 float: left; 897 border: 2px solid #eee; 898 } 899 img.wp-smiley { 900 padding: 0 !important; 901 margin: 0 !important; 902 border: none !important; 903 float: none !important; 904 clear: none !important; 905 } 906 img.centered, 907 img.aligncenter { 908 display: block; 909 margin-left: auto; 910 margin-right: auto; 911 } 912 img.alignright { 913 padding: 4px; 914 margin: 0 0 2px 7px; 915 display: inline; 916 } 917 img.alignleft { 918 padding: 4px; 919 margin: 0 7px 2px 0; 920 display: inline; 921 } 922 923 924 /*-------------------------------------------------------------- 925 5.5 - Posts 926 --------------------------------------------------------------*/ 927 .sticky .date { 928 background: #fff9db; 929 border-top: 1px solid #ffe8c4; 930 border-bottom: 1px solid #ffe8c4; 931 color: #ffa200; 932 padding: 5px; 933 } 934 div.page, 935 div.post, 936 div.attachment { 937 margin: 0 0 30px 0; 938 overflow: hidden; 939 } 940 div.page:last-child, 941 div.post:last-child, 942 div.item-body:last-child, 943 #trackbacklist { 944 margin-bottom: 0; 945 } 946 h2.pagetitle, 947 h2.posttitle { 948 margin: 0; 949 line-height: 120%; 950 } 951 h2.pagetitle a, 952 h2.posttitle a { 953 color: #666; 954 text-decoration: none; 955 } 956 .edit-link, 957 .page-link { 958 clear: both; 959 font-weight: bold; 960 } 961 div.post table, 962 div.page table { 963 margin-bottom: 15px; 964 border-collapse: collapse; 965 border-spacing: 0; 966 border: 1px solid #eee; 967 } 968 div.post table th, 969 div.page table th { 970 border-top: 1px solid #eee; 971 text-align: left; 972 } 973 div.post table td, 974 div.page table td { 975 border-top: 1px solid #eee; 976 } 977 div.author-box { 978 background: #f0f0f0; 979 -moz-border-radius: 3px; 980 -webkit-border-radius: 3px; 981 border-radius: 3px; 982 float: left; 983 font-family: georgia, times, serif; 984 font-style: italic; 985 margin: 0 15px 15px 0; 986 padding: 10px; 987 text-align: center; 988 width: 70px; 989 } 990 div.author-box p, 991 div.comment-avatar-box p { 992 margin: 5px 0 0; 993 } 994 div.author-box a, 995 div.comment-avatar-box a { 996 text-decoration: none; 997 } 998 div.author-box img { 999 float: none; 1000 border: 4px solid #fff; 1001 margin: 0; 1002 } 1003 div.post-content { 1004 margin-left: 105px; 1005 } 1006 p.date span:first-child { 1007 font-style: italic; 1008 } 1009 div.post .entry { 1010 margin-bottom: 15px; 1011 } 1012 p.date, 1013 p.postmetadata { 1014 color: #888; 1015 font-size: 12px; 1016 font-family: Georgia, times, serif; 1017 padding: 3px 0; 1018 margin: 10px 0; 1019 border-bottom: 1px solid #e4e4e4; 1020 border-top: 1px solid #e4e4e4; 1021 } 1022 p.postmetadata { 1023 clear: left; 1024 overflow: hidden; 1025 } 1026 .tags { 1027 float: left; 1028 } 1029 1030 1031 /*-------------------------------------------------------------- 1032 6.0 - BuddyPress 1033 --------------------------------------------------------------*/ 1034 /*-------------------------------------------------------------- 1035 6.1 - Activity 74 1036 --------------------------------------------------------------*/ 75 1037 #item-body form#whats-new-form { … … 129 1091 130 1092 /*-------------------------------------------------------------- 131 2.1.1 - Activity Listing1093 6.1.1 - Activity Listing 132 1094 --------------------------------------------------------------*/ 133 1095 ul.activity-list li { … … 351 1313 352 1314 /*-------------------------------------------------------------- 353 2.1.2 - Activity Comments1315 6.1.2 - Activity Comments 354 1316 --------------------------------------------------------------*/ 355 1317 div.activity-meta { … … 533 1495 534 1496 /*-------------------------------------------------------------- 535 2.2 - Admin Bar1497 6.2 - Admin Bar 536 1498 --------------------------------------------------------------*/ 537 1499 #wp-admin-bar .padder { … … 541 1503 542 1504 /*-------------------------------------------------------------- 543 2.3 - Ajax Loading1505 6.3 - Ajax Loading 544 1506 --------------------------------------------------------------*/ 545 1507 .ajax-loader { … … 557 1519 558 1520 /*-------------------------------------------------------------- 559 2.4 - Data Tables 560 --------------------------------------------------------------*/ 561 table { 562 width: 100%; 563 } 564 table thead tr { 565 background: #eaeaea; 566 } 567 table#message-threads { 568 margin: 0 -19px; 569 width: auto; 570 } 571 table.profile-fields { 572 margin-bottom: 20px; 573 } 574 div#sidebar table { 575 margin: 0 -16px; 576 width: 117%; 577 } 578 table tr td, 579 table tr th { 580 padding: 8px; 581 vertical-align: middle; 582 } 583 table tr td.label { 584 border-right: 1px solid #eaeaea; 585 font-weight: bold; 586 width: 25%; 587 } 588 table tr td.thread-info p { 589 margin: 0; 590 } 591 table tr td.thread-info p.thread-excerpt { 592 color: #888; 593 font-size: 11px; 594 margin-top: 3px; 595 } 596 div#sidebar table td, 597 table.forum td { 598 text-align: center; 599 } 600 table tr.alt { 601 background: #f8f8f8; 602 } 603 table.notification-settings { 604 margin-bottom: 20px; 605 text-align: left; 606 } 607 table.notification-settings th.icon, 608 table.notification-settings td:first-child { 609 display: none; 610 } 611 table.notification-settings th.title { 612 width: 80%; 613 } 614 table.notification-settings .yes, 615 table.notification-settings .no { 616 width: 40px; 617 text-align: center; 618 } 619 table.forum { 620 margin: 0 -19px; 621 width: auto; 622 } 623 table.forum tr.sticky td { 624 background: #fff9db; 625 border-top: 1px solid #ffe8c4; 626 border-bottom: 1px solid #ffe8c4; 627 } 628 table.forum tr.closed td.td-title { 629 padding-left: 35px; 630 background-image: url( ../images/closed.png ); 631 background-position: 15px 50%; 632 background-repeat: no-repeat; 633 } 634 table.forum td p.topic-text { 635 color: #888; 636 font-size: 11px; 637 } 638 table.forum tr > td:first-child, 639 table.forum tr > th:first-child { 640 padding-left: 15px; 641 } 642 table.forum tr > td:last-child, 643 table.forum tr > th:last-child { 644 padding-right: 15px; 645 } 646 table.forum tr th#th-title, 647 table.forum tr th#th-poster, 648 table.forum tr th#th-group, 649 table.forum td.td-poster, 650 table.forum td.td-group, 651 table.forum td.td-title { 652 text-align: left; 653 } 654 table.forum td.td-freshness { 655 font-size: 11px; 656 color: #888; 657 white-space: nowrap; 658 width: 150px; 659 } 660 table.forum td img.avatar { 661 margin-right: 5px; 662 } 663 table.forum td.td-poster, 664 table.forum td.td-group { 665 min-width: 140px; 666 } 667 table.forum th#th-title { 668 width: 100%; 669 } 670 table.forum th#th-postcount { 671 width: 50px; 672 } 673 674 675 /*-------------------------------------------------------------- 676 2.5 - Directories - Members, Groups, Blogs, Forums 1521 6.4 - Directories - Members, Groups, Blogs, Forums 677 1522 --------------------------------------------------------------*/ 678 1523 div.dir-search { … … 687 1532 688 1533 /*-------------------------------------------------------------- 689 2.6 - Forum Topics 690 --------------------------------------------------------------*/ 691 ul#topic-post-list { 692 margin: 0px -19px 15px; 693 width: auto; 694 } 695 ul#topic-post-list li { 696 padding: 15px; 697 position: relative; 698 } 699 ul#topic-post-list li.alt { 700 background: #f8f8f8; 701 } 702 ul#topic-post-list li div.poster-meta { 703 margin-bottom: 10px; 704 color: #888; 705 } 706 ul#topic-post-list li div.post-content { 707 margin-left: 54px; 708 } 709 div.topic-tags { 710 font-size: 11px; 711 } 712 div.admin-links { 713 position: absolute; 714 top: 15px; 715 right: 25px; 716 color: #888; 717 font-size: 11px; 718 } 719 div#topic-meta { 720 padding: 5px 19px 30px; 721 margin: -10px -19px; 722 position: relative; 723 } 724 div#topic-meta div.admin-links { 725 right: 19px; 726 top: -36px; 727 } 728 div#topic-meta h3 { 729 font-size: 20px; 730 margin: 5px 0; 731 } 732 div#new-topic-post { 733 display: none; 734 margin: 20px 0 0 0; 735 padding: 1px 0 0 0; 736 } 737 738 739 /*-------------------------------------------------------------- 740 2.7 - Items 741 --------------------------------------------------------------*/ 742 .item-body { 743 margin: 20px 0; 744 } 745 span.activity, 746 div#message p { 747 background: #fff9db; 748 border-bottom: 1px solid #ffe8C4; 749 border-right: 1px solid #ffe8C4; 750 -moz-border-radius: 3px; 751 -webkit-border-radius: 3px; 752 border-radius: 3px; 753 color: #ffa200; 754 display: inline-block; 755 font-size: 11px; 756 font-weight: normal; 757 margin-top: 6px; 758 padding: 1px 8px; 759 text-decoration: none; 760 } 761 762 763 /*-------------------------------------------------------------- 764 2.7.1 - Item Headers 765 --------------------------------------------------------------*/ 766 div#item-header { 767 overflow: hidden; 768 } 769 div#item-header div#item-header-content { 770 margin-left: 170px; 771 } 772 div#item-header h2 { 773 font-size: 28px; 774 margin: 0 0 15px 0; 775 line-height: 120%; 776 } 777 div#item-header h2 a { 778 text-decoration: none; 779 color: #777; 780 } 781 div#item-header img.avatar { 782 float: left; 783 margin: 0 15px 25px 0; 784 } 785 div#item-header h2 { 786 margin-bottom: 5px; 787 } 788 div#item-header span.activity, 789 div#item-header h2 span.highlight { 790 vertical-align: middle; 791 font-size: 11px; 792 font-weight: normal; 793 line-height: 170%; 794 margin-bottom: 7px; 795 } 796 div#item-header h2 span.highlight { 797 font-size: 16px; 798 } 799 div#item-header h2 span.highlight span { 800 background: #a1dcfa; 801 -moz-border-radius: 3px; 802 -webkit-border-radius: 3px; 803 border-radius: 3px; 804 color: #fff; 805 cursor: pointer; 806 font-weight: bold; 807 font-size: 11px; 808 margin-bottom: 2px; 809 padding: 1px 4px; 810 position: relative; 811 right: -2px; 812 top: -2px; 813 vertical-align: middle; 814 } 815 div#item-header div#item-meta { 816 font-size: 14px; 817 color: #aaa; 818 padding-bottom: 10px; 819 overflow: hidden; 820 margin: 15px 0 5px 0; 821 } 822 div#item-header div#item-actions { 823 float: right; 824 width: 20%; 825 margin: 0 0 15px 15px; 826 text-align: right; 827 } 828 div#item-header div#item-actions h3 { 829 font-size: 12px; 830 margin: 0 0 5px 0; 831 } 832 div#item-header ul { 833 overflow: hidden; 834 margin-bottom: 15px; 835 } 836 div#item-header ul h5, 837 div#item-header ul span, 838 div#item-header ul hr { 839 display: none; 840 } 841 div#item-header ul li { 842 float: right; 843 } 844 div#item-header ul img.avatar, 845 div#item-header ul.avatars img.avatar { 846 width: 30px; 847 height: 30px; 848 margin: 2px; 849 } 850 div#item-header div.generic-button, 851 div#item-header a.button { 852 float: left; 853 margin: 10px 10px 0 0; 854 } 855 div#item-header div#message.info { 856 line-height: 80%; 857 } 858 859 860 /*-------------------------------------------------------------- 861 2.7.2 - Item Lists - Activity, Friend, Group Lists 862 --------------------------------------------------------------*/ 863 ul.item-list { 864 width: 100%; 865 } 866 ul.item-list li { 867 position: relative; 868 padding: 15px 0; 869 border-bottom: 1px solid #eaeaea; 870 } 871 ul.single-line li { 872 border: none; 873 } 874 ul.item-list li img.avatar { 875 float: left; 876 margin: 0 10px 0 0; 877 } 878 ul.item-list li div.item-title, 879 ul.item-list li h4 { 880 font-weight: normal; 881 font-size: 14px; 882 width: 75%; 883 margin: 0; 884 } 885 ul.item-list li div.item-title span { 886 font-size: 12px; 887 color: #999; 888 } 889 ul.item-list li div.item-desc { 890 margin: 10px 0 0 64px; 891 font-size: 11px; 892 color: #888; 893 width: 50%; 894 } 895 ul.item-list li div.action { 896 position: absolute; 897 top: 15px; 898 right: 0; 899 text-align: right; 900 } 901 ul.item-list li div.meta { 902 margin-top: 10px; 903 color: #888; 904 font-size: 11px; 905 } 906 ul.item-list li h5 span.small { 907 font-weight: normal; 908 font-size: 11px; 909 float: right; 910 } 911 912 913 /*-------------------------------------------------------------- 914 2.7.3 - Item Tabs 915 --------------------------------------------------------------*/ 916 div.item-list-tabs { 917 clear: left; 918 overflow: hidden; 919 margin: 25px -19px 20px -19px; 920 background: #eaeaea; 921 } 922 div.item-list-tabs ul li a { 923 text-decoration: none; 924 } 925 div.item-list-tabs ul { 926 width: 100%; 927 } 928 div.item-list-tabs ul li { 929 float: left; 930 margin: 5px 0 0 5px; 931 } 932 div.item-list-tabs#subnav ul li { 933 margin-top: 0; 934 } 935 div.item-list-tabs ul li:first-child { 936 margin-left: 20px; 937 } 938 div.item-list-tabs ul li.last { 939 float: right; 940 margin: 7px 20px 0 0; 941 } 942 div.item-list-tabs#subnav ul li.last { 943 margin-top: 4px; 944 } 945 div.item-list-tabs ul li.last select { 946 max-width: 175px; 947 } 948 div.item-list-tabs ul li a, 949 div.item-list-tabs ul li span { 950 display: block; 951 padding: 5px 10px; 952 text-decoration: none; 953 } 954 div.item-list-tabs ul li span { 955 color: #aaa; 956 } 957 div.item-list-tabs ul li a span { 958 display: inline; 959 padding: 0; 960 color: inherit; 961 } 962 div.item-list-tabs ul li.selected a, 963 div.item-list-tabs ul li.current a { 964 background-color: #fff; 965 -moz-border-radius-topleft: 3px; 966 -webkit-border-top-left-radius: 3px; 967 -moz-border-radius-topright: 3px; 968 -webkit-border-top-right-radius: 3px; 969 border-top-left-radius: 3px; 970 border-top-right-radius: 3px; 971 color: #555; 972 font-weight: bold; 973 } 974 ul li.loading a { 975 background-image: url( ../images/ajax-loader.gif ); 976 background-position: 92% 50%; 977 background-repeat: no-repeat; 978 padding-right: 30px !important; 979 } 980 div#item-nav ul li.loading a { 981 background-position: 88% 50%; 982 } 983 div.item-list-tabs#object-nav { 984 margin-top: 0; 985 } 986 div.item-list-tabs#subnav { 987 background: #fff; 988 margin: -15px -19px 15px -19px; 989 border-bottom: 1px solid #eaeaea; 990 min-height: 35px; 991 overflow: hidden; 992 } 993 div.item-list-tabs ul li.feed a { 994 background: url( ../images/rss.png ) center left no-repeat; 995 padding-left: 20px; 996 } 997 998 999 /*-------------------------------------------------------------- 1000 2.8 - Private Messaging Threads 1001 --------------------------------------------------------------*/ 1002 table#message-threads tr.unread td { 1003 background: #fff9db; 1004 border-top: 1px solid #ffe8c4; 1005 border-bottom: 1px solid #ffe8c4; 1006 font-weight: bold; 1007 } 1008 table#message-threads tr.unread td span.activity { 1009 background: #fff; 1010 } 1011 li span.unread-count, 1012 tr.unread span.unread-count { 1013 background: #dd0000; 1014 -moz-border-radius: 3px; 1015 -webkit-border-radius: 3px; 1016 border-radius: 3px; 1017 color: #fff; 1018 font-weight: bold; 1019 padding: 2px 8px; 1020 } 1021 div.item-list-tabs ul li a span.unread-count { 1022 padding: 1px 6px; 1023 color: #fff; 1024 } 1025 div.messages-options-nav { 1026 font-size: 11px; 1027 background: #eee; 1028 text-align: right; 1029 margin: 0 -19px; 1030 padding: 5px 15px; 1031 } 1032 div#message-thread div.message-box { 1033 margin: 0 -19px; 1034 padding: 15px; 1035 } 1036 div#message-thread div.alt { 1037 background: #f4f4f4; 1038 } 1039 div#message-thread p#message-recipients { 1040 margin: 10px 0 20px 0; 1041 } 1042 div#message-thread img.avatar { 1043 float: left; 1044 margin: 0 10px 0 0; 1045 vertical-align: middle; 1046 } 1047 div#message-thread strong { 1048 margin: 0; 1049 font-size: 16px; 1050 } 1051 div#message-thread strong a { 1052 text-decoration: none; 1053 } 1054 div#message-thread strong span.activity { 1055 margin: 4px 0 0 10px; 1056 } 1057 div#message-thread div.message-metadata { 1058 overflow: hidden; 1059 } 1060 div#message-thread div.message-content { 1061 margin-left: 45px; 1062 } 1063 div#message-thread div.message-options { 1064 text-align: right; 1065 } 1066 1067 1068 /*-------------------------------------------------------------- 1069 3.0 - Errors / Success Messages 1534 6.5 - Errors / Success Messages 1070 1535 --------------------------------------------------------------*/ 1071 1536 div#message { … … 1131 1596 1132 1597 /*-------------------------------------------------------------- 1133 4.0- Forms1598 6.6 - Forms 1134 1599 --------------------------------------------------------------*/ 1135 1600 .standard-form textarea, … … 1263 1728 width: 160px; 1264 1729 } 1265 1266 1267 /*--------------------------------------------------------------1268 4.1 - Buttons1269 --------------------------------------------------------------*/1270 1730 button, 1271 1731 a.button, … … 1304 1764 1305 1765 /*-------------------------------------------------------------- 1306 5.0 - Navigation 1307 --------------------------------------------------------------*/ 1308 a { 1309 color: #1fb3dd; 1310 } 1311 a:hover, 1312 a:active { 1766 6.7 - Forums, Tables and Topics 1767 --------------------------------------------------------------*/ 1768 ul#topic-post-list { 1769 margin: 0px -19px 15px; 1770 width: auto; 1771 } 1772 ul#topic-post-list li { 1773 padding: 15px; 1774 position: relative; 1775 } 1776 ul#topic-post-list li.alt { 1777 background: #f8f8f8; 1778 } 1779 ul#topic-post-list li div.poster-meta { 1780 margin-bottom: 10px; 1313 1781 color: #888; 1314 1782 } 1315 a:focus { 1316 outline: 1px dotted #ccc; 1317 } 1318 #nav { 1783 ul#topic-post-list li div.post-content { 1784 margin-left: 54px; 1785 } 1786 div.topic-tags { 1787 font-size: 11px; 1788 } 1789 div.admin-links { 1790 position: absolute; 1791 top: 15px; 1792 right: 25px; 1793 color: #888; 1794 font-size: 11px; 1795 } 1796 div#topic-meta { 1797 padding: 5px 19px 30px; 1798 margin: -10px -19px; 1799 position: relative; 1800 } 1801 div#topic-meta div.admin-links { 1802 right: 19px; 1803 top: -36px; 1804 } 1805 div#topic-meta h3 { 1806 font-size: 20px; 1807 margin: 5px 0; 1808 } 1809 div#new-topic-post { 1810 display: none; 1811 margin: 20px 0 0 0; 1812 padding: 1px 0 0 0; 1813 } 1814 table { 1815 width: 100%; 1816 } 1817 table thead tr { 1818 background: #eaeaea; 1819 } 1820 table#message-threads { 1821 margin: 0 -19px; 1822 width: auto; 1823 } 1824 table.profile-fields { 1825 margin-bottom: 20px; 1826 } 1827 div#sidebar table { 1828 margin: 0 -16px; 1829 width: 117%; 1830 } 1831 table tr td, 1832 table tr th { 1833 padding: 8px; 1834 vertical-align: middle; 1835 } 1836 table tr td.label { 1837 border-right: 1px solid #eaeaea; 1838 font-weight: bold; 1839 width: 25%; 1840 } 1841 table tr td.thread-info p { 1319 1842 margin: 0; 1843 } 1844 table tr td.thread-info p.thread-excerpt { 1845 color: #888; 1846 font-size: 11px; 1847 margin-top: 3px; 1848 } 1849 div#sidebar table td, 1850 table.forum td { 1851 text-align: center; 1852 } 1853 table tr.alt { 1854 background: #f8f8f8; 1855 } 1856 table.notification-settings { 1857 margin-bottom: 20px; 1858 text-align: left; 1859 } 1860 table.notification-settings th.icon, 1861 table.notification-settings td:first-child { 1862 display: none; 1863 } 1864 table.notification-settings th.title { 1865 width: 80%; 1866 } 1867 table.notification-settings .yes, 1868 table.notification-settings .no { 1869 width: 40px; 1870 text-align: center; 1871 } 1872 table.forum { 1873 margin: 0 -19px; 1874 width: auto; 1875 } 1876 table.forum tr.sticky td { 1877 background: #fff9db; 1878 border-top: 1px solid #ffe8c4; 1879 border-bottom: 1px solid #ffe8c4; 1880 } 1881 table.forum tr.closed td.td-title { 1882 padding-left: 35px; 1883 background-image: url( ../images/closed.png ); 1884 background-position: 15px 50%; 1885 background-repeat: no-repeat; 1886 } 1887 table.forum td p.topic-text { 1888 color: #888; 1889 font-size: 11px; 1890 } 1891 table.forum tr > td:first-child, 1892 table.forum tr > th:first-child { 1893 padding-left: 15px; 1894 } 1895 table.forum tr > td:last-child, 1896 table.forum tr > th:last-child { 1897 padding-right: 15px; 1898 } 1899 table.forum tr th#th-title, 1900 table.forum tr th#th-poster, 1901 table.forum tr th#th-group, 1902 table.forum td.td-poster, 1903 table.forum td.td-group, 1904 table.forum td.td-title { 1905 text-align: left; 1906 } 1907 table.forum td.td-freshness { 1908 font-size: 11px; 1909 color: #888; 1910 white-space: nowrap; 1911 width: 150px; 1912 } 1913 table.forum td img.avatar { 1914 margin-right: 5px; 1915 } 1916 table.forum td.td-poster, 1917 table.forum td.td-group { 1918 min-width: 140px; 1919 } 1920 table.forum th#th-title { 1921 width: 100%; 1922 } 1923 table.forum th#th-postcount { 1924 width: 50px; 1925 } 1926 1927 1928 /*-------------------------------------------------------------- 1929 6.8 - Headers, Lists and Tabs - Acvtivity, Groups, Blogs, Forums 1930 --------------------------------------------------------------*/ 1931 .item-body { 1932 margin: 20px 0; 1933 } 1934 span.activity, 1935 div#message p { 1936 background: #fff9db; 1937 border-bottom: 1px solid #ffe8C4; 1938 border-right: 1px solid #ffe8C4; 1939 -moz-border-radius: 3px; 1940 -webkit-border-radius: 3px; 1941 border-radius: 3px; 1942 color: #ffa200; 1943 display: inline-block; 1944 font-size: 11px; 1945 font-weight: normal; 1946 margin-top: 6px; 1947 padding: 1px 8px; 1948 text-decoration: none; 1949 } 1950 div#item-header { 1951 overflow: hidden; 1952 } 1953 div#item-header div#item-header-content { 1954 margin-left: 170px; 1955 } 1956 div#item-header h2 { 1957 font-size: 28px; 1958 margin: 0 0 15px 0; 1959 line-height: 120%; 1960 } 1961 div#item-header h2 a { 1962 text-decoration: none; 1963 color: #777; 1964 } 1965 div#item-header img.avatar { 1966 float: left; 1967 margin: 0 15px 25px 0; 1968 } 1969 div#item-header h2 { 1970 margin-bottom: 5px; 1971 } 1972 div#item-header span.activity, 1973 div#item-header h2 span.highlight { 1974 vertical-align: middle; 1975 font-size: 11px; 1976 font-weight: normal; 1977 line-height: 170%; 1978 margin-bottom: 7px; 1979 } 1980 div#item-header h2 span.highlight { 1981 font-size: 16px; 1982 } 1983 div#item-header h2 span.highlight span { 1984 background: #a1dcfa; 1985 -moz-border-radius: 3px; 1986 -webkit-border-radius: 3px; 1987 border-radius: 3px; 1988 color: #fff; 1989 cursor: pointer; 1990 font-weight: bold; 1991 font-size: 11px; 1992 margin-bottom: 2px; 1993 padding: 1px 4px; 1994 position: relative; 1995 right: -2px; 1996 top: -2px; 1997 vertical-align: middle; 1998 } 1999 div#item-header div#item-meta { 2000 font-size: 14px; 2001 color: #aaa; 2002 padding-bottom: 10px; 2003 overflow: hidden; 2004 margin: 15px 0 5px 0; 2005 } 2006 div#item-header div#item-actions { 2007 float: right; 2008 width: 20%; 2009 margin: 0 0 15px 15px; 2010 text-align: right; 2011 } 2012 div#item-header div#item-actions h3 { 2013 font-size: 12px; 2014 margin: 0 0 5px 0; 2015 } 2016 div#item-header ul { 2017 overflow: hidden; 2018 margin-bottom: 15px; 2019 } 2020 div#item-header ul h5, 2021 div#item-header ul span, 2022 div#item-header ul hr { 2023 display: none; 2024 } 2025 div#item-header ul li { 2026 float: right; 2027 } 2028 div#item-header ul img.avatar, 2029 div#item-header ul.avatars img.avatar { 2030 width: 30px; 2031 height: 30px; 2032 margin: 2px; 2033 } 2034 div#item-header div.generic-button, 2035 div#item-header a.button { 2036 float: left; 2037 margin: 10px 10px 0 0; 2038 } 2039 div#item-header div#message.info { 2040 line-height: 80%; 2041 } 2042 ul.item-list { 2043 width: 100%; 2044 } 2045 ul.item-list li { 2046 position: relative; 2047 padding: 15px 0; 2048 border-bottom: 1px solid #eaeaea; 2049 } 2050 ul.single-line li { 2051 border: none; 2052 } 2053 ul.item-list li img.avatar { 2054 float: left; 2055 margin: 0 10px 0 0; 2056 } 2057 ul.item-list li div.item-title, 2058 ul.item-list li h4 { 2059 font-weight: normal; 2060 font-size: 14px; 2061 width: 75%; 2062 margin: 0; 2063 } 2064 ul.item-list li div.item-title span { 2065 font-size: 12px; 2066 color: #999; 2067 } 2068 ul.item-list li div.item-desc { 2069 margin: 10px 0 0 64px; 2070 font-size: 11px; 2071 color: #888; 2072 width: 50%; 2073 } 2074 ul.item-list li div.action { 2075 position: absolute; 2076 top: 15px; 2077 right: 0; 2078 text-align: right; 2079 } 2080 ul.item-list li div.meta { 2081 margin-top: 10px; 2082 color: #888; 2083 font-size: 11px; 2084 } 2085 ul.item-list li h5 span.small { 2086 font-weight: normal; 2087 font-size: 11px; 2088 float: right; 2089 } 2090 div.item-list-tabs { 2091 clear: left; 2092 overflow: hidden; 2093 margin: 25px -19px 20px -19px; 2094 background: #eaeaea; 2095 } 2096 div.item-list-tabs ul li a { 2097 text-decoration: none; 2098 } 2099 div.item-list-tabs ul { 2100 width: 100%; 2101 } 2102 div.item-list-tabs ul li { 2103 float: left; 2104 margin: 5px 0 0 5px; 2105 } 2106 div.item-list-tabs#subnav ul li { 2107 margin-top: 0; 2108 } 2109 div.item-list-tabs ul li:first-child { 2110 margin-left: 20px; 2111 } 2112 div.item-list-tabs ul li.last { 2113 float: right; 2114 margin: 7px 20px 0 0; 2115 } 2116 div.item-list-tabs#subnav ul li.last { 2117 margin-top: 4px; 2118 } 2119 div.item-list-tabs ul li.last select { 2120 max-width: 175px; 2121 } 2122 div.item-list-tabs ul li a, 2123 div.item-list-tabs ul li span { 2124 display: block; 2125 padding: 5px 10px; 2126 text-decoration: none; 2127 } 2128 div.item-list-tabs ul li span { 2129 color: #aaa; 2130 } 2131 div.item-list-tabs ul li a span { 2132 display: inline; 1320 2133 padding: 0; 1321 position: absolute; 1322 right: 15px; 1323 list-style: none; 1324 bottom: 0; 1325 max-width: 95%; 1326 } 1327 #nav li a { 1328 background: url( ../images/60pc_black.png ); 1329 color: #fff; 1330 display: block; 1331 padding: 5px 15px; 1332 text-decoration: none; 1333 } 1334 #nav li { 1335 margin-left: 5px; 1336 float: left; 1337 } 1338 #nav li li { 1339 margin-left: 0; 1340 } 1341 #nav > li > a { 2134 color: inherit; 2135 } 2136 div.item-list-tabs ul li.selected a, 2137 div.item-list-tabs ul li.current a { 2138 background-color: #fff; 1342 2139 -moz-border-radius-topleft: 3px; 1343 2140 -webkit-border-top-left-radius: 3px; … … 1346 2143 border-top-left-radius: 3px; 1347 2144 border-top-right-radius: 3px; 1348 }1349 #nav li.selected a,1350 #nav > li.current-menu-item a,1351 #nav > li.current_page_item a {1352 background: #f5f5f5;1353 2145 color: #555; 1354 } 1355 #nav > li > ul { 1356 border-top-width: 0; 1357 } 1358 #nav > ul li.sfhover a, 1359 #nav > ul li:hover a { 1360 background: #333; 1361 color: #fff; 1362 } 1363 #nav li.sfhover, 1364 #nav li:hover { 1365 position: relative; 1366 z-index: 1000; 1367 } 1368 #nav ul { 1369 border: 1px solid #222; 1370 -moz-border-radius: 3px; 1371 -webkit-border-radius: 3px; 1372 -moz-border-radius-topleft: 0; 1373 -moz-border-radius-topright: 0; 1374 -webkit-border-top-left-radius: 0; 1375 -webkit-border-top-right-radius: 0; 1376 border-top-left-radius: 0; 1377 border-top-right-radius: 0; 1378 -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1379 -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1380 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 1381 } 1382 #nav ul li ul { 2146 font-weight: bold; 2147 } 2148 ul li.loading a { 2149 background-image: url( ../images/ajax-loader.gif ); 2150 background-position: 92% 50%; 2151 background-repeat: no-repeat; 2152 padding-right: 30px !important; 2153 } 2154 div#item-nav ul li.loading a { 2155 background-position: 88% 50%; 2156 } 2157 div.item-list-tabs#object-nav { 2158 margin-top: 0; 2159 } 2160 div.item-list-tabs#subnav { 2161 background: #fff; 2162 margin: -15px -19px 15px -19px; 2163 border-bottom: 1px solid #eaeaea; 2164 min-height: 35px; 2165 overflow: hidden; 2166 } 2167 div.item-list-tabs ul li.feed a { 2168 background: url( ../images/rss.png ) center left no-repeat; 2169 padding-left: 20px; 2170 } 2171 2172 2173 /*-------------------------------------------------------------- 2174 6.9 - Private Messaging Threads 2175 --------------------------------------------------------------*/ 2176 table#message-threads tr.unread td { 2177 background: #fff9db; 2178 border-top: 1px solid #ffe8c4; 2179 border-bottom: 1px solid #ffe8c4; 2180 font-weight: bold; 2181 } 2182 table#message-threads tr.unread td span.activity { 2183 background: #fff; 2184 } 2185 li span.unread-count, 2186 tr.unread span.unread-count { 2187 background: #dd0000; 1383 2188 -moz-border-radius: 3px; 1384 2189 -webkit-border-radius: 3px; 1385 2190 border-radius: 3px; 1386 }1387 #nav ul,1388 #nav .sfhover ul ul,1389 #nav :hover ul ul {1390 left: -9999px;1391 position: absolute;1392 }1393 #nav .sfhover ul,1394 #nav :hover ul {1395 left: 0;1396 top: 100%;1397 width: 128px;1398 }1399 #nav .sfhover ul li > a,1400 #nav :hover ul li > a {1401 background: #333;1402 2191 color: #fff; 1403 } 1404 #nav .sfhover ul .sfhover > ul, 1405 #nav :hover ul :hover > ul { 1406 left: 125px; 1407 top: -1px; 1408 width: 128px; 1409 } 1410 #nav ul li.sfhover > a, 1411 #nav ul li:hover > a { 1412 background-color: #222; 2192 font-weight: bold; 2193 padding: 2px 8px; 2194 } 2195 div.item-list-tabs ul li a span.unread-count { 2196 padding: 1px 6px; 1413 2197 color: #fff; 1414 2198 } 1415 #nav .sfhover ul li, 1416 #nav :hover ul li { 1417 height: 30px; 1418 line-height: 30px; 1419 text-indent: 10px; 1420 width: 128px; 1421 } 1422 #nav .sfhover ul li a, 1423 #nav :hover ul li a { 1424 padding: 0 0; 1425 } 1426 1427 1428 /*-------------------------------------------------------------- 1429 5.1 - Pagination 1430 --------------------------------------------------------------*/ 1431 div.pagination { 1432 margin: -20px -19px 0px -19px; 1433 padding: 8px 20px; 1434 color: #888; 1435 font-size: 11px; 1436 height: 19px; 2199 div.messages-options-nav { 2200 font-size: 11px; 2201 background: #eee; 2202 text-align: right; 2203 margin: 0 -19px; 2204 padding: 5px 15px; 2205 } 2206 div#message-thread div.message-box { 2207 margin: 0 -19px; 2208 padding: 15px; 2209 } 2210 div#message-thread div.alt { 1437 2211 background: #f4f4f4; 1438 border: none; 1439 position: relative; 1440 } 1441 div.pagination .pag-count { 1442 float: left; 1443 } 1444 div.pagination .pagination-links { 1445 float: right; 1446 } 1447 div.pagination .pagination-links span, 1448 div.pagination .pagination-links a { 1449 font-size: 12px; 1450 padding: 0 5px; 1451 } 1452 div.pagination .pagination-links a:hover { 1453 font-weight: bold; 1454 } 1455 div#pag-bottom { 1456 margin-top: -1px; 1457 } 1458 1459 1460 /*-------------------------------------------------------------- 1461 6.0 - Structure 1462 --------------------------------------------------------------*/ 1463 body { 1464 background-color: #eaeaea; 1465 background-image: url( ../images/background.gif ); 1466 background-repeat: repeat-x; 1467 background-position: top left; 1468 font-size: 12px; 1469 font-family: Arial, Tahoma, Verdana, sans-serif; 1470 line-height: 170%; 1471 color: #555; 1472 width: 90%; 1473 min-width: 960px; 1474 max-width: 1250px; 1475 margin: 0 auto; 1476 } 1477 .padder { 1478 padding: 19px; 1479 } 1480 .clear { 1481 clear: left; 1482 } 1483 .accessibly-hidden { 1484 left: -999em; 1485 position: absolute; 1486 } 1487 hr { 1488 background-color: #e7e7e7; 1489 border: 0 none; 1490 clear: both; 1491 height: 1px; 1492 margin: 20px 0; 1493 } 1494 div#container { 1495 background: #fff; 1496 border-right: 1px solid #e0e0e0; 1497 border-bottom: 1px solid #e0e0e0; 1498 -moz-border-radius: 6px; 1499 -webkit-border-radius: 6px; 1500 border-radius: 6px; 2212 } 2213 div#message-thread p#message-recipients { 2214 margin: 10px 0 20px 0; 2215 } 2216 div#message-thread img.avatar { 2217 float: left; 2218 margin: 0 10px 0 0; 2219 vertical-align: middle; 2220 } 2221 div#message-thread strong { 2222 margin: 0; 2223 font-size: 16px; 2224 } 2225 div#message-thread strong a { 2226 text-decoration: none; 2227 } 2228 div#message-thread strong span.activity { 2229 margin: 4px 0 0 10px; 2230 } 2231 div#message-thread div.message-metadata { 1501 2232 overflow: hidden; 1502 position: relative; 1503 width: 100%; 1504 } 1505 body.activity-permalink div#container { 1506 background: none; 1507 border: none; 1508 } 1509 1510 1511 /*-------------------------------------------------------------- 1512 6.1 - Content 1513 --------------------------------------------------------------*/ 1514 div#content { 1515 -moz-border-radius-topleft: 6px; 1516 -webkit-border-top-left-radius: 6px; 1517 -moz-border-radius-bottomleft: 6px; 1518 -webkit-border-bottom-left-radius: 6px; 1519 border-top-left-radius: 6px; 1520 border-top-right-radius: 6px; 1521 float: left; 1522 width: 100%; 1523 } 1524 div#content .padder { 1525 border-right: 1px solid #ddd; 1526 -moz-border-radius-topleft: 6px; 1527 -webkit-border-top-left-radius: 6px; 1528 -moz-border-radius-bottomleft: 6px; 1529 -webkit-border-bottom-left-radius: 6px; 1530 border-top-left-radius: 6px; 1531 border-bottom-left-radius: 6px; 1532 margin-right: 225px; 1533 } 1534 div#content .one-column { 1535 margin-right: 0; 1536 border-right: 0 none; 1537 } 1538 div#content .left-menu { 1539 float: left; 1540 width: 170px; 1541 } 1542 div#content .main-column { 1543 margin-left: 190px; 1544 } 1545 1546 1547 /*-------------------------------------------------------------- 1548 6.2 - Header 1549 --------------------------------------------------------------*/ 1550 #header { 1551 -moz-border-radius-bottomleft: 6px; 1552 -webkit-border-bottom-left-radius: 6px; 1553 -moz-border-radius-bottomright: 6px; 1554 -webkit-border-bottom-right-radius: 6px; 1555 border-top-left-radius: 6px; 1556 border-top-right-radius: 6px; 1557 color: #fff; 1558 height: 100px; 1559 margin-bottom: 20px; 1560 padding-top: 25px; 1561 position: relative; 1562 z-index: 1000; 1563 } 1564 #header #search-bar { 1565 margin-top: 5px; 2233 } 2234 div#message-thread div.message-content { 2235 margin-left: 45px; 2236 } 2237 div#message-thread div.message-options { 1566 2238 text-align: right; 1567 width: 100%; 1568 } 1569 #header #search-bar .padder { 1570 padding: 10px 15px 0 20px; 1571 } 1572 #header #search-bar input[type=text] { 1573 border: 1px inset #888; 1574 -moz-border-radius: 3px; 1575 -webkit-border-radius: 3px; 1576 border-radius: 3px; 1577 margin-right: 4px; 1578 padding: 2px; 1579 } 1580 #header #search-bar input[type=submit] { 1581 font-size: 11px; 1582 padding: 1px 4px; 1583 margin-left: 4px; 1584 } 1585 #header h1 { 1586 float: left; 1587 margin-bottom: 0; 1588 margin-top: 0; 1589 } 1590 #header h1 a { 1591 color: #fff; 1592 font-size: 26px; 1593 text-decoration: none; 1594 } 1595 1596 1597 /*-------------------------------------------------------------- 1598 6.3 - Footer 1599 --------------------------------------------------------------*/ 1600 #footer { 1601 margin: 20px 0; 1602 } 1603 #footer-widgets { 1604 background: #fff; 1605 border-bottom: 1px solid #e0e0e0; 1606 border-right: 1px solid #e0e0e0; 1607 -moz-border-radius: 6px; 1608 -webkit-border-radius: 6px; 1609 border-radius: 6px; 1610 padding: 19px; 1611 } 1612 #site-generator { 1613 margin: 20px 20px; 1614 text-align: center; 1615 color: #bbb; 1616 text-shadow: #fafafa 1px 1px 0; 1617 } 1618 #footer-widget-area { 1619 overflow: hidden; 1620 margin-top: -19px; 1621 } 1622 #footer-widget-area div.widget-area > ul { 1623 float: left; 1624 margin-right: 19px; 1625 width: 23%; 1626 } 1627 #footer-widget-area div.widget-area > ul > li { 1628 margin-top: 19px; 1629 } 1630 #footer-widget-area h3.widgettitle { 1631 margin: 0 0 10px 0; 1632 background: #eaeaea; 1633 padding: 5px 15px; 1634 font-size: 12px; 1635 clear: left; 1636 } 1637 #footer-widget-area div div.item-options { 1638 margin-left: 0; 1639 margin-right: 0; 1640 } 1641 #footer-widget-area ul.item-list li img.avatar { 1642 margin-left: 15px; /* border is 4px */ 1643 } 1644 1645 1646 /*-------------------------------------------------------------- 1647 6.4 - Sidebar 1648 --------------------------------------------------------------*/ 1649 div#sidebar { 1650 background: url( ../images/sidebar_back.gif ) top left repeat-x; 1651 border-left: 1px solid #ddd; 1652 -moz-border-radius-topright: 3px; 1653 -webkit-border-top-right-radius: 3px; 1654 border-top-right-radius: 3px; 1655 float: left; 1656 margin-left: -226px; 1657 margin-top: 1px; 1658 width: 224px; 1659 } 1660 div#sidebar div#sidebar-me img.avatar { 1661 float: left; 1662 margin: 0 10px 15px 0; 1663 } 1664 div#sidebar div#sidebar-me h4 { 1665 font-size: 16px; 1666 margin: 0 0 8px 0; 1667 font-weight: normal; 1668 } 1669 div#sidebar ul#bp-nav { 1670 clear: left; 1671 margin: 15px -16px; 1672 } 1673 div#sidebar ul#bp-nav li { 1674 padding: 10px 15px; 1675 } 1676 div#sidebar h3.widgettitle { 1677 margin: 25px -20px 10px -19px; 1678 background: #eaeaea; 1679 padding: 5px 15px; 1680 font-size: 12px; 1681 clear: left; 1682 } 1683 #footer-widget-area .widget_search, 1684 div#sidebar .widget_search { 1685 margin-top: 20px; 1686 } 1687 #footer-widget-area .widget_search input[type=text], 1688 div#sidebar .widget_search input[type=text] { 1689 width: 110px; 1690 padding: 2px; 1691 } 1692 #footer-widget-area ul#recentcomments li, 1693 #footer-widget-area .widget_recent_entries ul li, 1694 div#sidebar ul#recentcomments li, 1695 div#sidebar .widget_recent_entries ul li { 1696 margin-bottom: 15px; 1697 } 1698 #footer-widget-area ul.item-list img.avatar, 1699 div#sidebar ul.item-list img.avatar { 1700 width: 20px; 1701 height: 20px; 1702 margin-right: 10px; 1703 } 1704 #footer-widget-area div.item-avatar img, 1705 div#sidebar div.item-avatar img { 1706 width: 40px; 1707 height: 40px; 1708 margin: 1px; 1709 } 1710 #footer-widget-area .avatar-block, 1711 div#sidebar .avatar-block { 1712 overflow: hidden; 1713 } 1714 #footer-widget-area ul.item-list div.item-title, 1715 div#sidebar ul.item-list div.item-title { 1716 font-size: 12px; 1717 } 1718 #footer-widget-area div.item-options, 1719 div#sidebar div.item-options { 1720 margin: -10px -20px 0 -19px; 1721 background: #f8f8f8; 1722 padding: 5px 15px; 1723 font-size: 11px; 1724 } 1725 #footer-widget-area div.item-content { 1726 margin-left: 38px; 1727 } 1728 #footer-widget-area div.item-meta, 1729 div#sidebar div.item-meta, 1730 div#sidebar div.item-content { 1731 margin-left: 38px; 1732 font-size: 11px; 1733 } 1734 #footer-widget-area div.tags div#tag-text, 1735 div#sidebar div.tags div#tag-text { 1736 font-size: 1.4em; 1737 line-height: 140%; 1738 padding-top: 10px; 1739 } 1740 1741 1742 /*-------------------------------------------------------------- 1743 7.0 - Text Elements 1744 --------------------------------------------------------------*/ 1745 p { 1746 margin-bottom: 15px; 1747 } 1748 p:last-child { 1749 margin-bottom: 0; 1750 } 1751 big { 1752 font-size: 18px; 1753 } 1754 del { 1755 text-decoration: line-through; 1756 } 1757 ins { 1758 background: #fff9db; 1759 text-decoration: none; 1760 } 1761 sub { 1762 top: .5ex; 1763 } 1764 sup { 1765 bottom: 1ex; 1766 } 1767 sub, 1768 sup { 1769 height: 0; 1770 line-height: 1; 1771 vertical-align: baseline; 1772 position: relative; 1773 } 1774 1775 1776 /*-------------------------------------------------------------- 1777 7.1 - Headers 1778 --------------------------------------------------------------*/ 1779 h1, 1780 h2, 1781 h3, 1782 h4, 1783 h5, 1784 h6 { 1785 margin: 5px 0 15px 0; 1786 } 1787 h1 { 1788 font-size: 28px; 1789 margin-bottom: 25px; 1790 } 1791 h2 { 1792 font-size: 24px; 1793 margin-bottom: 20px; 1794 } 1795 h3 { 1796 font-size: 20px; 1797 } 1798 h4 { 1799 font-size: 16px; 1800 margin-bottom: 15px; 1801 } 1802 h5 { 1803 font-size: 14px; 1804 margin-bottom: 0; 1805 } 1806 h6 { 1807 font-size: 12px; 1808 margin-bottom: 0; 1809 } 1810 1811 1812 /*-------------------------------------------------------------- 1813 8.0 - WordPress 1814 --------------------------------------------------------------*/ 1815 /*-------------------------------------------------------------- 1816 8.1 - Alignments 1817 --------------------------------------------------------------*/ 1818 .alignright { 1819 float: right; 1820 margin-left: 15px; 1821 } 1822 .alignleft { 1823 float: left; 1824 margin-right: 15px; 1825 } 1826 .aligncenter { 1827 display: block; 1828 margin-left: auto; 1829 margin-right: auto; 1830 } 1831 1832 1833 /*-------------------------------------------------------------- 1834 8.2 - Comments 1835 --------------------------------------------------------------*/ 1836 .navigation, 1837 .paged-navigation, 1838 .comment-navigation { 1839 overflow: hidden; 1840 font-family: georgia, times, serif; 1841 font-style: italic; 1842 font-size: 14px; 1843 padding: 5px 0; 1844 margin: 5px 0 25px 0; 1845 } 1846 .comments { 1847 float: right; 1848 } 1849 #trackbacks { 1850 margin-top: 30px; 1851 } 1852 .commentlist .bypostauthor { 1853 } 1854 #comments ol.commentlist { 1855 border-bottom: 1px solid #e4e4e4; 1856 margin: 0 0 30px 0; 1857 } 1858 ol.commentlist li { 1859 clear: left; 1860 list-style: none; 1861 margin-bottom: 15px; 1862 } 1863 ol.commentlist div.comment-avatar-box { 1864 float: left; 1865 margin: 15px 10px 15px 0; 1866 } 1867 .commentlist ul.children div.comment-avatar-box { 1868 float: left; 1869 margin: 0px 10px 10px 0; 1870 } 1871 div.comment-avatar-box img { 1872 border: 2px solid #eee; 1873 } 1874 div.comment-content { 1875 border-top: 1px solid #e4e4e4; 1876 padding-left: 75px; 1877 } 1878 .commentlist .children .comment { 1879 margin-bottom: 5px; 1880 } 1881 div.comment-meta, 1882 div.comment-options { 1883 color: #888; 1884 font-size: 11px; 1885 margin: 15px 0; 1886 } 1887 div.comment-meta em { 1888 font-style: normal; 1889 } 1890 div.comment-meta span.comment-highlight a { 1891 background: #EBF7FF; 1892 border-right: 1px solid #a1dcfa; 1893 border-bottom: 1px solid #a1dcfa; 1894 -moz-border-radius: 4px; 1895 -webkit-border-radius: 4px; 1896 border-radius: 4px; 1897 color: #059AE7; 1898 margin-right: 3px; 1899 padding: 3px 8px; 1900 text-decoration: none; 1901 } 1902 div.comment-meta .comment-highlight a:hover, 1903 .commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover { 1904 background: #059AE7; 1905 border-color: #059AE7; 1906 color: #fff; 1907 } 1908 #reply-title { 1909 margin-top: 0; 1910 } 1911 #reply-title small { 1912 float: right; 1913 font-size: 11px; 1914 font-weight: normal; 1915 } 1916 #reply-title small a, 1917 div.comment-options a.comment-reply-link { 1918 background: #FFF9DB; 1919 border-bottom: 1px solid #FFE8C4; 1920 border-right: 1px solid #FFE8C4; 1921 -moz-border-radius: 4px; 1922 -webkit-border-radius: 4px; 1923 border-radius: 4px; 1924 color: #ffa200; 1925 margin-right: 10px; 1926 padding: 3px 8px; 1927 text-decoration: none; 1928 } 1929 #reply-title small a { 1930 margin-right: 0; 1931 } 1932 #reply-title small a:hover, 1933 div.comment-options a.comment-reply-link:hover { 1934 background: #f7740a; 1935 border-color: #f7740a; 1936 color: #fff; 1937 } 1938 .commentlist ul.children { 1939 background: #f5f5f5; 1940 -moz-border-radius: 4px; 1941 -webkit-border-radius: 4px; 1942 border-radius: 4px; 1943 margin-bottom: 10px; 1944 margin-left: 75px; 1945 padding: 1px 10px; 1946 1947 } 1948 .commentlist ul.children ul { 1949 margin-left: 20px; 1950 margin-bottom: 0; 1951 padding: 5px 0 0 0; 1952 } 1953 .commentlist ul.children img.avatar { 1954 border-style: none; 1955 height: 25px; 1956 margin: 0; 1957 width: 25px; 1958 } 1959 .commentlist ul.children div.comment-content { 1960 border-top: none; 1961 padding-left: 35px; 1962 } 1963 .commentlist ul.children div.comment-meta { 1964 font-size: 11px; 1965 margin-top: 0; 1966 } 1967 .commentlist ul.children div.comment-options { 1968 margin-bottom: 5px; 1969 margin-top: 0; 1970 } 1971 .commentlist ul.children li { 1972 border-top: 2px solid #fffeff; 1973 padding-top: 10px; 1974 } 1975 .commentlist ul.children li:first-child { 1976 border-top: none; 1977 } 1978 .commentlist ul.children ul li:first-child { 1979 border-top: 2px solid #fffeff; 1980 } 1981 .commentlist ul.children div.comment-options a.comment-reply-link { 1982 background: transparent; 1983 border-style: none; 1984 color: #1fb3dd; 1985 margin-right: 0; 1986 padding: 3px 8px; 1987 text-decoration: underline; 1988 } 1989 .commentlist ul.children div.comment-options a.comment-reply-link:hover { 1990 background: transparent; 1991 border-style: none; 1992 color: #1fb3dd; 1993 } 1994 #respond { 1995 background-color: #fafafa; 1996 border: 1px solid #e5e5e5; 1997 -moz-border-radius: 4px; 1998 -webkit-border-radius: 4px; 1999 border-radius: 4px; 2000 padding: 15px; 2001 } 2002 #respond .form-submit { 2003 margin-bottom: 0; 2004 } 2005 ol.commentlist #respond { 2006 margin-left: 75px; 2007 } 2008 .commentlist ul.children #respond { 2009 margin-bottom: 10px; 2010 margin-left: 35px; 2011 margin-right: 20px; 2012 } 2013 h3#reply .comments-header { 2014 font-size: 14px; 2015 } 2016 #respond div.comment-avatar-box { 2017 margin-top: 0; 2018 } 2019 #respond div.comment-content { 2020 border-style: none; 2021 } 2022 #nav-below { 2023 margin: 0 0; 2024 padding: 0 0; 2025 } 2026 2027 2028 /*-------------------------------------------------------------- 2029 8.3 - Gallery 2030 --------------------------------------------------------------*/ 2031 .wp-caption { 2032 background-color: #f3f3f3; 2033 border: 1px solid #ddd; 2034 -moz-border-radius: 3px; 2035 -webkit-border-radius: 3px; 2036 border-radius: 3px; 2037 margin-bottom: 15px; 2038 padding-top: 4px; 2039 text-align: center; 2040 2041 } 2042 .wp-caption img { 2043 margin: 0; 2044 padding: 0; 2045 border: 0 none; 2046 } 2047 dd.wp-caption p.wp-caption-text, 2048 .wp-caption p.wp-caption-text { 2049 font-size: 0.9em; 2050 line-height: 17px; 2051 padding: 5px 4px 5px 0; 2052 margin: 0; 2053 } 2054 #content .gallery { 2055 margin: 0 auto 15px; 2056 } 2057 #content .gallery .gallery-item { 2058 margin-bottom: 0; 2059 margin-left: 0; 2060 } 2061 .gallery-item img { 2062 margin-bottom: 15px; 2063 } 2064 .gallery .gallery-caption { 2065 color: #555; 2066 } 2067 2068 2069 /*-------------------------------------------------------------- 2070 8.4 - Images 2071 --------------------------------------------------------------*/ 2072 img.avatar { 2073 float: left; 2074 border: 2px solid #eee; 2075 } 2076 img.wp-smiley { 2077 padding: 0 !important; 2078 margin: 0 !important; 2079 border: none !important; 2080 float: none !important; 2081 clear: none !important; 2082 } 2083 img.centered, 2084 img.aligncenter { 2085 display: block; 2086 margin-left: auto; 2087 margin-right: auto; 2088 } 2089 img.alignright { 2090 padding: 4px; 2091 margin: 0 0 2px 7px; 2092 display: inline; 2093 } 2094 img.alignleft { 2095 padding: 4px; 2096 margin: 0 7px 2px 0; 2097 display: inline; 2098 } 2099 2100 2101 /*-------------------------------------------------------------- 2102 8.5 - Lists 2103 --------------------------------------------------------------*/ 2104 div.page ul, 2105 div.page ol, 2106 div.page dl, 2107 div.post ul, 2108 div.post ol, 2109 div.post dl { 2110 margin: 0 0 18px 1.5em; 2111 } 2112 div.page ul, 2113 div.post ul { 2114 list-style: square; 2115 } 2116 div.page ol, 2117 div.post ol { 2118 list-style: decimal; 2119 } 2120 div.page ol ol, 2121 div.post ol ol { 2122 list-style: upper-alpha; 2123 } 2124 dl { 2125 margin-left: 0; 2126 } 2127 dt { 2128 font-size: 14px; 2129 font-weight: bold; 2130 } 2131 dd { 2132 margin: 0 0 15px 0; 2133 } 2134 2135 2136 /*-------------------------------------------------------------- 2137 8.6 - Posts 2138 --------------------------------------------------------------*/ 2139 .sticky .date { 2140 background: #fff9db; 2141 border-top: 1px solid #ffe8c4; 2142 border-bottom: 1px solid #ffe8c4; 2143 color: #ffa200; 2144 padding: 5px; 2145 } 2146 div.page, 2147 div.post, 2148 div.attachment { 2149 margin: 0 0 30px 0; 2150 overflow: hidden; 2151 } 2152 div.page:last-child, 2153 div.post:last-child, 2154 div.item-body:last-child, 2155 #trackbacklist { 2156 margin-bottom: 0; 2157 } 2158 h2.pagetitle, 2159 h2.posttitle { 2160 margin: 0; 2161 line-height: 120%; 2162 } 2163 h2.pagetitle a, 2164 h2.posttitle a { 2165 color: #666; 2166 text-decoration: none; 2167 } 2168 .edit-link, 2169 .page-link { 2170 clear: both; 2171 font-weight: bold; 2172 } 2173 pre, blockquote { 2174 margin-bottom: 20px; 2175 } 2176 pre, 2177 code p { 2178 background: #f4f4f4; 2179 -moz-border-radius: 3px; 2180 -webkit-border-radius: 3px; 2181 border-radius: 3px; 2182 padding: 15px; 2183 } 2184 code { 2185 font-family: "Monaco", courier, sans-serif; 2186 } 2187 blockquote { 2188 quotes: none; 2189 font-style: italic; 2190 padding: 0 3em; 2191 font-family: georgia, times, serif; 2192 font-size: 16px; 2193 line-height: 150%; 2194 } 2195 blockquote p { 2196 margin-bottom: 15px !importantr; 2197 } 2198 div.post table, 2199 div.page table { 2200 margin-bottom: 15px; 2201 border-collapse: collapse; 2202 border-spacing: 0; 2203 border: 1px solid #eee; 2204 } 2205 div.post table th, 2206 div.page table th { 2207 border-top: 1px solid #eee; 2208 text-align: left; 2209 } 2210 div.post table td, 2211 div.page table td { 2212 border-top: 1px solid #eee; 2213 } 2214 div.author-box { 2215 background: #f0f0f0; 2216 -moz-border-radius: 3px; 2217 -webkit-border-radius: 3px; 2218 border-radius: 3px; 2219 float: left; 2220 font-family: georgia, times, serif; 2221 font-style: italic; 2222 margin: 0 15px 15px 0; 2223 padding: 10px; 2224 text-align: center; 2225 width: 70px; 2226 } 2227 div.author-box p, 2228 div.comment-avatar-box p { 2229 margin: 5px 0 0; 2230 } 2231 div.author-box a, 2232 div.comment-avatar-box a { 2233 text-decoration: none; 2234 } 2235 div.author-box img { 2236 float: none; 2237 border: 4px solid #fff; 2238 margin: 0; 2239 } 2240 div.post-content { 2241 margin-left: 105px; 2242 } 2243 p.date span:first-child { 2244 font-style: italic; 2245 } 2246 div.post .entry { 2247 margin-bottom: 15px; 2248 } 2249 p.date, 2250 p.postmetadata { 2251 color: #888; 2252 font-size: 12px; 2253 font-family: Georgia, times, serif; 2254 padding: 3px 0; 2255 margin: 10px 0; 2256 border-bottom: 1px solid #e4e4e4; 2257 border-top: 1px solid #e4e4e4; 2258 } 2259 p.postmetadata { 2260 clear: left; 2261 overflow: hidden; 2262 } 2263 .tags { 2264 float: left; 2265 } 2239 }
Note: See TracChangeset
for help on using the changeset viewer.