Ticket #4953: style.diff
File style.diff, 14.0 KB (added by , 12 years ago) |
---|
-
bp-templates/bp-legacy/css/buddypress.css
4 4 ---------------------------------------------------------------- 5 5 >>> TABLE OF CONTENTS: 6 6 ---------------------------------------------------------------- 7 4.0 - Navigation 8 4.1 - Pagination 9 5.0 - WordPress 10 5.1 - Alignments 11 5.2 - Comments 12 5.3 - Gallery 13 5.4 - Images 14 5.5 - Posts 15 6.0 - BuddyPress 16 6.1 - Activity 17 6.1.1 - Activity Listing 18 6.1.2 - Activity Comments 19 6.2 - Toolbar 20 6.3 - Directories - Members, Groups, Blogs, Forums 21 6.4 - Error / Success Messages 22 6.5 - Forms 23 6.6 - Ajax Loading 24 6.7 - Topics and Tables - Forums and General 25 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums 26 6.9 - Private Messaging Threads 27 6.10 - Extended Profiles 28 6.11 - Widgets 29 7.0 - Media Queries 30 7.1 - Smartphones Landscape 31 7.2 - Smartphones Portrait 32 7.3 - Smartphones - smaller screen sizes 7 1.0 - Navigation 8 1.1 - Pagination 9 2.0 - WordPress 10 2.1 - Images 11 3.0 - BuddyPress 12 3.1 - Activity 13 3.1.1 - Activity Listing 14 3.1.2 - Activity Comments 15 3.2 - Toolbar 16 3.3 - Directories - Members, Groups, Blogs, Forums 17 3.4 - Error / Success Messages 18 3.5 - Forms 19 3.6 - Ajax Loading 20 3.7 - Topics and Tables - Forums and General 21 3.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums 22 3.9 - Private Messaging Threads 23 3.10 - Extended Profiles 24 3.11 - Widgets 25 4.0 - Media Queries 26 4.1 - Smartphones Landscape 27 4.2 - Smartphones Portrait 28 4.3 - Smartphones - smaller screen sizes 33 29 --------------------------------------------------------------*/ 34 30 35 31 /*-------------------------------------------------------------- 36 4.1 - Pagination32 1 - Navigation 37 33 --------------------------------------------------------------*/ 34 /*-------------------------------------------------------------- 35 1.1 - Pagination 36 --------------------------------------------------------------*/ 38 37 #buddypress div.pagination { 39 38 background: transparent; 40 39 border: none; … … 72 71 #buddypress .paged #nav-above { 73 72 display: block; 74 73 } 75 76 74 /*-------------------------------------------------------------- 77 5.4 - Images75 2 - WordPress 78 76 --------------------------------------------------------------*/ 77 /*-------------------------------------------------------------- 78 2.1 - Images 79 --------------------------------------------------------------*/ 79 80 #buddypress img.wp-smiley { 80 81 border: none !important; 81 82 clear: none !important; … … 85 86 } 86 87 87 88 /*-------------------------------------------------------------- 88 6.0 - BuddyPress89 3.0 - BuddyPress 89 90 --------------------------------------------------------------*/ 90 91 /*-------------------------------------------------------------- 91 6.1 - Activity92 3.1 - Activity 92 93 --------------------------------------------------------------*/ 93 94 #buddypress #activity-stream { 94 95 margin-top: -5px; … … 120 121 } 121 122 #buddypress form#whats-new-form textarea { 122 123 background: #fff; 123 border: 1px inset #ccc;124 -moz-border-radius: 3px;125 -webkit-border-radius: 3px;126 border-radius: 3px;127 124 color: #555; 128 125 font-family: inherit; 129 126 font-size: 90%; … … 152 149 #buddypress #whats-new:focus { 153 150 border-color: rgba(31, 179, 221, 0.9) !important; 154 151 outline-color: rgba(31, 179, 221, 0.9); 155 box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);156 -moz-box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);157 -webkit-box-shadow: 0 0 7px rgba(31, 179, 221, 0.7);158 152 } 159 153 160 154 /*-------------------------------------------------------------- 161 6.1.1 - Activity Listing155 3.1.1 - Activity Listing 162 156 --------------------------------------------------------------*/ 163 157 #buddypress ul.activity-list li { 164 158 overflow: hidden; … … 309 303 310 304 311 305 /*-------------------------------------------------------------- 312 6.1.2 - Activity Comments306 3.1.2 - Activity Comments 313 307 --------------------------------------------------------------*/ 314 308 #buddypress div.activity-meta { 315 309 margin: 18px 0 0; … … 318 312 margin-bottom: 6px; 319 313 } 320 314 #buddypress div.activity-meta a { 321 font: normal 11px/20px Arial, Tahoma, Verdana, sans-serif;322 315 padding: 4px 8px; 323 316 } 324 317 #buddypress a.activity-time-since { … … 338 331 #buddypress a.bp-primary-action span, 339 332 #buddypress #reply-title small a span { 340 333 background: #999; 341 border-radius: 3px;342 334 color: #fff; 343 335 font-size: 90%; 344 336 margin-left: 2px; … … 443 435 #buddypress div.activity-comments form .ac-textarea { 444 436 background: #fff; 445 437 border: 1px inset #ccc; 446 border-radius: 3px;447 438 margin-bottom: 10px; 448 439 padding: 8px; 449 440 } … … 489 480 } 490 481 491 482 /*-------------------------------------------------------------- 492 6.3 - Directories - Members, Groups, Blogs, Forums483 3.3 - Directories - Members, Groups, Blogs, Forums 493 484 --------------------------------------------------------------*/ 494 485 #buddypress div.dir-search { 495 486 float: right; … … 505 496 } 506 497 507 498 /*-------------------------------------------------------------- 508 6.4 - Errors / Success Messages499 3.4 - Errors / Success Messages 509 500 --------------------------------------------------------------*/ 510 501 #buddypress div#message { 511 502 margin: 0 0 15px; … … 523 514 padding: 10px 15px; 524 515 } 525 516 #buddypress div#message.error p { 526 background-color: #db1717; 527 border-color: #a71a1a; 517 background-color: #ff0000; 528 518 clear: left; 529 519 color: #fff; 530 520 } 531 521 #buddypress div#message.updated p { 532 background-color: #8ff57a; 533 border-color: #80cf70; 534 color: #1a6a00; 522 background-color: #99ff33; 535 523 } 536 524 #buddypress .standard-form#signup_form div div.error { 537 background: #e41717; 538 -moz-border-radius: 3px; 539 -webkit-border-radius: 3px; 540 border-radius: 3px; 525 background: #ff0000; 541 526 color: #fff; 542 527 margin: 0 0 10px 0; 543 528 padding: 6px; … … 572 557 } 573 558 574 559 /*-------------------------------------------------------------- 575 6.5 - Forms560 3.5 - Forms 576 561 --------------------------------------------------------------*/ 577 562 #buddypress .standard-form textarea, 578 563 #buddypress .standard-form input[type=text], 579 #buddypress .standard-form input[type=text],580 #buddypress .standard-form input[type=color],581 #buddypress .standard-form input[type=date],582 #buddypress .standard-form input[type=datetime],583 #buddypress .standard-form input[type=datetime-local],584 #buddypress .standard-form input[type=email],585 #buddypress .standard-form input[type=month],586 #buddypress .standard-form input[type=number],587 #buddypress .standard-form input[type=range],588 #buddypress .standard-form input[type=search],589 #buddypress .standard-form input[type=tel],590 #buddypress .standard-form input[type=time],591 #buddypress .standard-form input[type=url],592 #buddypress .standard-form input[type=week],593 564 #buddypress .standard-form select, 594 565 #buddypress .standard-form input[type=password], 595 #buddypress .dir-search input[type=search],596 566 #buddypress .dir-search input[type=text] { 597 567 border: 1px inset #ccc; 598 border-radius: 3px;599 568 color: #888; 600 569 font: inherit; 601 570 font-size: 100%; … … 725 694 #buddypress .comment-reply-link, 726 695 a.bp-title-button { 727 696 background: #fff; /* Old browsers */ 728 background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */729 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */730 background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */731 background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */732 background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */733 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */734 background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */735 697 border: 1px solid #ccc; 736 -moz-border-radius: 3px;737 -webkit-border-radius: 3px;738 border-radius: 3px;739 698 color: #777; 740 699 cursor: pointer; 741 font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;742 700 outline: none; 743 701 padding: 4px 10px; 744 702 text-align: center; … … 756 714 #buddypress div.generic-button a:hover, 757 715 #buddypress .comment-reply-link:hover { 758 716 background: #ededed; 759 background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */760 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */761 background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */762 background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera11.10+ */763 background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */764 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */765 background: linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* W3C */766 717 border: 1px solid #bbb; 767 718 color: #555; 768 719 outline: none; … … 770 721 } 771 722 772 723 /*-------------------------------------------------------------- 773 6.6 - Ajax Loading724 3.6 - Ajax Loading 774 725 --------------------------------------------------------------*/ 775 726 #buddypress a.loading, 776 727 #buddypress input.loading { 777 728 -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate; 778 729 -moz-animation: loader-pulsate .5s infinite ease-in-out alternate; 779 730 border-color: #aaa; 780 -moz-box-shadow: 0 0 6px #ccc;781 -webkit-box-shadow: 0 0 6px #ccc;782 box-shadow: 0 0 6px #ccc;783 731 } 784 732 @-webkit-keyframes loader-pulsate { 785 733 from { … … 834 782 #buddypress button.disabled:hover, 835 783 #buddypress div.pending a:hover, 836 784 #buddypress a.disabled:hover { 837 background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */ 838 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */ 839 background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */ 840 background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */ 841 background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */ 842 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ 843 background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */ 844 border-color: #eee; 785 border-color: #eee; 845 786 color: #bbb; 846 787 } 847 788 848 789 /*-------------------------------------------------------------- 849 6.7 - Forums, Tables and Topics790 3.7 - Forums, Tables and Topics 850 791 --------------------------------------------------------------*/ 851 792 #buddypress ul#topic-post-list { 852 793 margin: 0; … … 1026 967 } 1027 968 1028 969 /*------------------------------------------------------------------------- 1029 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums, Profiles970 3.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums, Profiles 1030 971 -------------------------------------------------------------------------*/ 1031 972 #buddypress .item-body { 1032 973 margin: 20px 0; … … 1045 986 } 1046 987 #buddypress div#message p, 1047 988 #sitewide-notice p { 1048 border: 1px solid #e1ca82;1049 -moz-border-radius: 3px;1050 -webkit-border-radius: 3px;1051 border-radius: 3px;1052 989 font-weight: normal; 1053 990 margin-top: 3px; 1054 991 text-decoration: none; 1055 background: #ffeaa6; 1056 background-image: -webkit-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); 1057 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, .5)), color-stop(100%,rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */ 1058 background-image: -moz-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); 1059 background-image: -ms-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); 1060 background-image: -o-linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); 1061 background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); 992 background: #ffff00; 1062 993 } 1063 994 #buddypress div#item-header { 1064 995 overflow: hidden; … … 1091 1022 } 1092 1023 #buddypress div#item-header h2 span.highlight span { 1093 1024 background: #a1dcfa; 1094 -moz-border-radius: 3px;1095 -webkit-border-radius: 3px;1096 border-radius: 3px;1097 1025 color: #fff; 1098 1026 cursor: pointer; 1099 1027 font-weight: bold; … … 1289 1217 1290 1218 1291 1219 /*-------------------------------------------------------------- 1292 6.9 - Private Messaging Threads1220 3.9 - Private Messaging Threads 1293 1221 --------------------------------------------------------------*/ 1294 1222 #buddypress table#message-threads tr.unread td { 1295 1223 background: #fff9db; … … 1300 1228 #buddypress li span.unread-count, 1301 1229 #buddypress tr.unread span.unread-count { 1302 1230 background: #dd0000; 1303 border-radius: 3px;1304 1231 color: #fff; 1305 1232 font-weight: bold; 1306 1233 padding: 2px 8px; … … 1359 1286 } 1360 1287 1361 1288 /*-------------------------------------------------------------- 1362 6.10 - Extended Profiles1289 3.10 - Extended Profiles 1363 1290 --------------------------------------------------------------*/ 1364 1291 1365 1292 #buddypress div.profile h4 { … … 1406 1333 } 1407 1334 1408 1335 /*-------------------------------------------------------------- 1409 6.11 - Widgets1336 3.11 - Widgets 1410 1337 --------------------------------------------------------------*/ 1411 1338 1412 1339 .widget.buddypress div.item-avatar img.avatar { … … 1453 1380 } 1454 1381 1455 1382 /*-------------------------------------------------------------- 1456 7.0 - Media Queries1383 4.0 - Media Queries 1457 1384 --------------------------------------------------------------*/ 1458 1385 /*-------------------------------------------------------------- 1459 7.1 - Smartphones - landscape1386 4.1 - Smartphones - landscape 1460 1387 --------------------------------------------------------------*/ 1461 1388 @media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) { 1462 1389 -webkit-text-size-adjust: none; … … 1477 1404 } 1478 1405 1479 1406 /*-------------------------------------------------------------- 1480 7.2 - Smartphones - portrait1407 4.2 - Smartphones - portrait 1481 1408 --------------------------------------------------------------*/ 1482 1409 @media only screen and (max-width: 320px) { 1483 1410 #buddypress div.dir-search { … … 1522 1449 } 1523 1450 1524 1451 /*-------------------------------------------------------------- 1525 7.2 - Smartphones - smaller screen sizes1452 4.2 - Smartphones - smaller screen sizes 1526 1453 --------------------------------------------------------------*/ 1527 1454 @media only screen and (max-width: 240px) { 1528 1455 #buddypress div.dir-search {