Skip to:
Content

BuddyPress.org

Changeset 7206


Ignore:
Timestamp:
06/12/2013 10:00:54 PM (13 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.