Skip to:
Content

Ticket #4953: style-second.diff

File style-second.diff, 14.7 KB (added by karmatosed, 5 years ago)
  • bp-templates/bp-legacy/css/buddypress.css

     
    44----------------------------------------------------------------
    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
     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
    3329--------------------------------------------------------------*/
    3430
    3531/*--------------------------------------------------------------
    36 4.1 - Pagination
     321 - Navigation
    3733--------------------------------------------------------------*/
     34/*--------------------------------------------------------------
     351.1 - Pagination
     36--------------------------------------------------------------*/
    3837#buddypress div.pagination {
    3938        background: transparent;
    4039        border: none;
     
    7271#buddypress .paged #nav-above {
    7372        display: block;
    7473}
    75 
    7674/*--------------------------------------------------------------
    77 5.4 - Images
     752 - WordPress
    7876--------------------------------------------------------------*/
     77/*--------------------------------------------------------------
     782.1 - Images
     79--------------------------------------------------------------*/
    7980#buddypress img.wp-smiley {
    8081        border: none !important;
    8182        clear: none !important;
     
    8586}
    8687
    8788/*--------------------------------------------------------------
    88 6.0 - BuddyPress
     893.0 - BuddyPress
    8990--------------------------------------------------------------*/
    9091/*--------------------------------------------------------------
    91 6.1 - Activity
     923.1 - Activity
    9293--------------------------------------------------------------*/
    9394#buddypress #activity-stream {
    9495        margin-top: -5px;
     
    120121}
    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;
    129126        font-size: 90%;
     
    152149#buddypress #whats-new:focus {
    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);
    158152}
    159153
    160154/*--------------------------------------------------------------
    161 6.1.1 - Activity Listing
     1553.1.1 - Activity Listing
    162156--------------------------------------------------------------*/
    163157#buddypress ul.activity-list li {
    164158        overflow: hidden;
     
    309303
    310304
    311305/*--------------------------------------------------------------
    312 6.1.2 - Activity Comments
     3063.1.2 - Activity Comments
    313307--------------------------------------------------------------*/
    314308#buddypress div.activity-meta {
    315309        margin: 18px 0 0;
     
    318312        margin-bottom: 6px;
    319313}
    320314#buddypress div.activity-meta a {
    321         font: normal 11px/20px Arial, Tahoma, Verdana, sans-serif;
    322315        padding: 4px 8px;
    323316}
    324317#buddypress a.activity-time-since {
     
    338331#buddypress a.bp-primary-action span,
    339332#buddypress #reply-title small a span {
    340333        background: #999;
    341         border-radius: 3px;
    342334        color: #fff;
    343335        font-size: 90%;
    344336        margin-left: 2px;
     
    443435#buddypress div.activity-comments form .ac-textarea {
    444436        background: #fff;
    445437        border: 1px inset #ccc;
    446         border-radius: 3px;
    447438        margin-bottom: 10px;
    448439        padding: 8px;
    449440}
     
    489480}
    490481
    491482/*--------------------------------------------------------------
    492 6.3 - Directories - Members, Groups, Blogs, Forums
     4833.3 - Directories - Members, Groups, Blogs, Forums
    493484--------------------------------------------------------------*/
    494485#buddypress div.dir-search {
    495486        float: right;
     
    505496}
    506497
    507498/*--------------------------------------------------------------
    508 6.4 - Errors / Success Messages
     4993.4 - Errors / Success Messages
    509500--------------------------------------------------------------*/
    510501#buddypress div#message {
    511502        margin: 0 0 15px;
     
    523514        padding: 10px 15px;
    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;
    543528        padding: 6px;
     
    572557}
    573558
    574559/*--------------------------------------------------------------
    575 6.5 - Forms
     5603.5 - Forms
    576561--------------------------------------------------------------*/
    577562#buddypress .standard-form textarea,
    578563#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],
     564#buddypress .standard-form input[type=text], 
     565#buddypress .standard-form input[type=color], 
     566#buddypress .standard-form input[type=date], 
     567#buddypress .standard-form input[type=datetime], 
     568#buddypress .standard-form input[type=datetime-local], 
     569#buddypress .standard-form input[type=email], 
     570#buddypress .standard-form input[type=month], 
     571#buddypress .standard-form input[type=number], 
     572#buddypress .standard-form input[type=range], 
     573#buddypress .standard-form input[type=search], 
     574#buddypress .standard-form input[type=tel], 
     575#buddypress .standard-form input[type=time], 
     576#buddypress .standard-form input[type=url], 
    592577#buddypress .standard-form input[type=week],
    593578#buddypress .standard-form select,
    594 #buddypress .standard-form input[type=password],
     579#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;
    601585        font-size: 100%;
     
    725709#buddypress .comment-reply-link,
    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;
    740714        cursor: pointer;
    741         font: normal 12px/20px Arial, Tahoma, Verdana, sans-serif;
    742715        outline: none;
    743716        padding: 4px 10px;
    744717        text-align: center;
     
    756729#buddypress div.generic-button a: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;
    768734        outline: none;
     
    770736}
    771737
    772738/*--------------------------------------------------------------
    773 6.6 - Ajax Loading
     7393.6 - Ajax Loading
    774740--------------------------------------------------------------*/
    775741#buddypress a.loading,
    776742#buddypress input.loading {
    777743        -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate;
    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 {
    785748        from {
     
    834797#buddypress button.disabled:hover,
    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 {
    852808        margin: 0;
     
    1026982}
    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 {
    1032988        margin: 20px 0;
     
    10451001}
    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 {
    10641010        overflow: hidden;
     
    10911037}
    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;
    10991042        font-weight: bold;
     
    12891232
    12901233
    12911234/*--------------------------------------------------------------
    1292 6.9 - Private Messaging Threads
     12353.9 - Private Messaging Threads
    12931236--------------------------------------------------------------*/
    12941237#buddypress table#message-threads tr.unread td {
    12951238        background: #fff9db;
     
    13001243#buddypress li span.unread-count,
    13011244#buddypress tr.unread span.unread-count {
    13021245        background: #dd0000;
    1303         border-radius: 3px;
    13041246        color: #fff;
    13051247        font-weight: bold;
    13061248        padding: 2px 8px;
     
    13591301}
    13601302
    13611303/*--------------------------------------------------------------
    1362 6.10 - Extended Profiles
     13043.10 - Extended Profiles
    13631305--------------------------------------------------------------*/
    13641306
    13651307#buddypress div.profile h4 {
     
    14061348}
    14071349
    14081350/*--------------------------------------------------------------
    1409 6.11 - Widgets
     13513.11 - Widgets
    14101352--------------------------------------------------------------*/
    14111353
    14121354.widget.buddypress div.item-avatar img.avatar {
     
    14531395}
    14541396
    14551397/*--------------------------------------------------------------
    1456 7.0 - Media Queries
     13984.0 - Media Queries
    14571399--------------------------------------------------------------*/
    14581400/*--------------------------------------------------------------
    1459 7.1 - Smartphones - landscape
     14014.1 - Smartphones - landscape
    14601402--------------------------------------------------------------*/
    14611403@media screen and (max-device-width: 480px), screen and (-webkit-min-device-pixel-ratio: 2) {
    14621404        -webkit-text-size-adjust: none;
     
    14771419}
    14781420
    14791421/*--------------------------------------------------------------
    1480 7.2 - Smartphones - portrait
     14224.2 - Smartphones - portrait
    14811423--------------------------------------------------------------*/
    14821424@media only screen and (max-width: 320px) {
    14831425        #buddypress div.dir-search {
     
    15221464}
    15231465
    15241466/*--------------------------------------------------------------
    1525 7.2 - Smartphones - smaller screen sizes
     14674.2 - Smartphones - smaller screen sizes
    15261468--------------------------------------------------------------*/
    15271469@media only screen and (max-width: 240px) {
    15281470        #buddypress div.dir-search {