Skip to:
Content

Changeset 7206


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