Skip to:
Content

Changeset 7206


Ignore:
Timestamp:
06/12/13 22:00:54 (5 years ago)
Author:
boonebgorges
Message:

Miscellaneous "detheming" of the bp-legacy stylesheet

When introduced in BP 1.7, the bp-legacy stylesheet was mostly copied over from
bp-default, with some of the more global declarations removed. However, much of
bp-default's personality could still be found in bp-legacy, in the form of
button styling, font families, rounded corners, and other such details.

This changeset removes some of these remnants of bp-default's styling, so that
sites using theme compatibility will inherit details more elegantly from the
active theme. The result is a much more consistent visual experience, with
buttons and other BP elements matching the rest of the theme more
seamlessly.

Fixes #4953

Props karmatosed, hnla

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/bp-templates/bp-legacy/css/buddypress.css

    r7133 r7206  
    55>>> TABLE OF CONTENTS: 
    66---------------------------------------------------------------- 
    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 
    33 --------------------------------------------------------------*/ 
    34  
    35 /*-------------------------------------------------------------- 
    36 4.1 - Pagination 
     71.0 - Navigation 
     8    1.1 - Pagination 
     92.0 - WordPress 
     10    2.1 - Images 
     113.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 
     254.0 - Media Queries 
     26    4.1 - Smartphones Landscape 
     27    4.2 - Smartphones Portrait 
     28    4.3 - Smartphones - smaller screen sizes 
     29--------------------------------------------------------------*/ 
     30 
     31/*-------------------------------------------------------------- 
     321 - Navigation 
     33--------------------------------------------------------------*/ 
     34/*-------------------------------------------------------------- 
     351.1 - Pagination 
    3736--------------------------------------------------------------*/ 
    3837#buddypress div.pagination { 
     
    7372    display: block; 
    7473} 
    75  
    76 /*-------------------------------------------------------------- 
    77 5.4 - Images 
     74/*-------------------------------------------------------------- 
     752 - WordPress 
     76--------------------------------------------------------------*/ 
     77/*-------------------------------------------------------------- 
     782.1 - Images 
    7879--------------------------------------------------------------*/ 
    7980#buddypress img.wp-smiley { 
     
    8687 
    8788/*-------------------------------------------------------------- 
    88 6.0 - BuddyPress 
    89 --------------------------------------------------------------*/ 
    90 /*-------------------------------------------------------------- 
    91 6.1 - Activity 
     893.0 - BuddyPress 
     90--------------------------------------------------------------*/ 
     91/*-------------------------------------------------------------- 
     923.1 - Activity 
    9293--------------------------------------------------------------*/ 
    9394#buddypress #activity-stream { 
     
    121122#buddypress form#whats-new-form textarea { 
    122123    background: #fff; 
    123     border: 1px inset #ccc; 
    124     -moz-border-radius: 3px; 
    125     -webkit-border-radius: 3px; 
    126     border-radius: 3px; 
    127124    color: #555; 
    128125    font-family: inherit; 
     
    153150    border-color: rgba(31, 179, 221, 0.9) !important; 
    154151    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 } 
    159  
    160 /*-------------------------------------------------------------- 
    161 6.1.1 - Activity Listing 
     152} 
     153 
     154/*-------------------------------------------------------------- 
     1553.1.1 - Activity Listing 
    162156--------------------------------------------------------------*/ 
    163157#buddypress ul.activity-list li { 
     
    310304 
    311305/*-------------------------------------------------------------- 
    312 6.1.2 - Activity Comments 
     3063.1.2 - Activity Comments 
    313307--------------------------------------------------------------*/ 
    314308#buddypress div.activity-meta { 
     
    319313} 
    320314#buddypress div.activity-meta a { 
    321     font: normal 11px/20px Arial, Tahoma, Verdana, sans-serif; 
    322315    padding: 4px 8px; 
    323316} 
     
    339332#buddypress #reply-title small a span { 
    340333    background: #999; 
    341     border-radius: 3px; 
    342334    color: #fff; 
    343335    font-size: 90%; 
     
    444436    background: #fff; 
    445437    border: 1px inset #ccc; 
    446     border-radius: 3px; 
    447438    margin-bottom: 10px; 
    448439    padding: 8px; 
     
    490481 
    491482/*-------------------------------------------------------------- 
    492 6.3 - Directories - Members, Groups, Blogs, Forums 
     4833.3 - Directories - Members, Groups, Blogs, Forums 
    493484--------------------------------------------------------------*/ 
    494485#buddypress div.dir-search { 
     
    506497 
    507498/*-------------------------------------------------------------- 
    508 6.4 - Errors / Success Messages 
     4993.4 - Errors / Success Messages 
    509500--------------------------------------------------------------*/ 
    510501#buddypress div#message { 
     
    524515} 
    525516#buddypress div#message.error p { 
    526     background-color: #db1717; 
    527     border-color: #a71a1a; 
     517    background-color: #ff0000; 
    528518    clear: left; 
    529519    color: #fff; 
    530520} 
    531521#buddypress div#message.updated p { 
    532     background-color: #8ff57a; 
    533     border-color: #80cf70; 
    534     color: #1a6a00; 
     522    background-color: #99ff33; 
    535523} 
    536524#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; 
    541526    color: #fff; 
    542527    margin: 0 0 10px 0; 
     
    573558 
    574559/*-------------------------------------------------------------- 
    575 6.5 - Forms 
     5603.5 - Forms 
    576561--------------------------------------------------------------*/ 
    577562#buddypress .standard-form textarea, 
     
    594579#buddypress .standard-form input[type=password], 
    595580#buddypress .dir-search input[type=search], 
    596 #buddypress .dir-search input[type=text] { 
     581#buddypress .dir-search input[type=text]{ 
    597582    border: 1px inset #ccc; 
    598     border-radius: 3px; 
    599583    color: #888; 
    600584    font: inherit; 
     
    726710a.bp-title-button { 
    727711    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 */ 
    735712    border: 1px solid #ccc; 
    736     -moz-border-radius: 3px; 
    737     -webkit-border-radius: 3px; 
    738     border-radius: 3px; 
    739713    color: #777; 
     714    font-size: .8rem; 
    740715    cursor: pointer; 
    741     font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif; 
    742716    outline: none; 
    743717    padding: 4px 10px; 
    744718    text-align: center; 
    745719    text-decoration: none; 
    746     line-height: 14px; 
    747720} 
    748721#buddypress button:hover, 
     
    757730#buddypress .comment-reply-link:hover { 
    758731    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 */ 
    766732    border: 1px solid #bbb; 
    767733    color: #555; 
     
    771737 
    772738/*-------------------------------------------------------------- 
    773 6.6 - Ajax Loading 
     7393.6 - Ajax Loading 
    774740--------------------------------------------------------------*/ 
    775741#buddypress a.loading, 
     
    778744    -moz-animation: loader-pulsate .5s infinite ease-in-out alternate; 
    779745    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; 
    783746} 
    784747@-webkit-keyframes loader-pulsate { 
     
    835798#buddypress div.pending a:hover, 
    836799#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; 
     800    border-color: #eee; 
    845801    color: #bbb; 
    846802} 
    847803 
    848804/*-------------------------------------------------------------- 
    849 6.7 - Forums, Tables and Topics 
     8053.7 - Forums, Tables and Topics 
    850806--------------------------------------------------------------*/ 
    851807#buddypress ul#topic-post-list { 
     
    1027983 
    1028984/*------------------------------------------------------------------------- 
    1029 6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums, Profiles 
     9853.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums, Profiles 
    1030986-------------------------------------------------------------------------*/ 
    1031987#buddypress .item-body { 
     
    10461002#buddypress div#message p, 
    10471003#sitewide-notice p { 
    1048     border: 1px solid #e1ca82; 
    1049     -moz-border-radius: 3px; 
    1050     -webkit-border-radius: 3px; 
    1051     border-radius: 3px; 
    10521004    font-weight: normal; 
    10531005    margin-top: 3px; 
    10541006    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)); 
     1007    background: #ffff00; 
    10621008} 
    10631009#buddypress div#item-header { 
     
    10921038#buddypress div#item-header h2 span.highlight span { 
    10931039    background: #a1dcfa; 
    1094     -moz-border-radius: 3px; 
    1095     -webkit-border-radius: 3px; 
    1096     border-radius: 3px; 
    10971040    color: #fff; 
    10981041    cursor: pointer; 
     
    12901233 
    12911234/*-------------------------------------------------------------- 
    1292 6.9 - Private Messaging Threads 
     12353.9 - Private Messaging Threads 
    12931236--------------------------------------------------------------*/ 
    12941237#buddypress table#message-threads tr.unread td { 
     
    13011244#buddypress tr.unread span.unread-count { 
    13021245    background: #dd0000; 
    1303     border-radius: 3px; 
    13041246    color: #fff; 
    13051247    font-weight: bold; 
     
    13601302 
    13611303/*-------------------------------------------------------------- 
    1362 6.10 - Extended Profiles 
     13043.10 - Extended Profiles 
    13631305--------------------------------------------------------------*/ 
    13641306 
     
    14071349 
    14081350/*-------------------------------------------------------------- 
    1409 6.11 - Widgets 
     13513.11 - Widgets 
    14101352--------------------------------------------------------------*/ 
    14111353 
     
    14541396 
    14551397/*-------------------------------------------------------------- 
    1456 7.0 - Media Queries 
    1457 --------------------------------------------------------------*/ 
    1458 /*-------------------------------------------------------------- 
    1459 7.1 - Smartphones - landscape 
     13984.0 - Media Queries 
     1399--------------------------------------------------------------*/ 
     1400/*-------------------------------------------------------------- 
     14014.1 - Smartphones - landscape 
    14601402--------------------------------------------------------------*/ 
    14611403@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) { 
     
    14781420 
    14791421/*-------------------------------------------------------------- 
    1480 7.2 - Smartphones - portrait 
     14224.2 - Smartphones - portrait 
    14811423--------------------------------------------------------------*/ 
    14821424@media only screen and (max-width: 320px) { 
     
    15231465 
    15241466/*-------------------------------------------------------------- 
    1525 7.2 - Smartphones - smaller screen sizes 
     14674.2 - Smartphones - smaller screen sizes 
    15261468--------------------------------------------------------------*/ 
    15271469@media only screen and (max-width: 240px) { 
     
    15411483    } 
    15421484    #buddypress ul.item-list li div.action, 
    1543     #buddypress li div.item{  
     1485    #buddypress li div.item{ 
    15441486        margin-left: 45px; 
    15451487    } 
Note: See TracChangeset for help on using the changeset viewer.