Skip to:
Content

BuddyPress.org

Changeset 8386


Ignore:
Timestamp:
05/04/2014 06:45:29 PM (12 years ago)
Author:
djpaul
Message:

Grunt: Run grunt cssjanus to generate RTL CSS.

cssjanus is used as part of the new Grunt build process to automatically create RTL CSS files.
A key difference to how we've previously handled RTL files is that our RTL CSS used to only contain
the changed lines. Now, the RTL CSS is otherwise a copy of the LTR CSS.

This change is needed as result of the trunk re-organisation caused by the adoption of Grunt. See #5160

Location:
trunk/src
Files:
5 added
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-core/css/admin-bar-rtl.css

    r6264 r8386  
    1 #wpadminbar .quicklinks li#wp-admin-bar-my-account ul,
    2 #wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar ul {
    3         left: auto;
     1/* Displayed User */
     2#wpadminbar .quicklinks li#wp-admin-bar-user-admin-with-avatar > a img,
     3#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar > a img {
     4        width: 16px;
     5        height: 16px;
     6        display: inline;
     7        border: 1px solid #999;
     8        vertical-align: middle;
     9        margin: -2px -5px 0 10px;
     10        padding: 0;
     11        background: #eee;
     12        float: none;
     13}
     14
     15/* Displayed Group */
     16#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul {
    417        right: 0;
    518}
    6 #wpadminbar .quicklinks li#wp-admin-bar-user-admin-with-avatar > a img,
    7 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar > a img {
    8         margin: -2px -5px 0 23px;
    9 }
    10 #wpadminbar .quicklinks li#wp-admin-bar-user-admin-with-avatar ul,
    11 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul {
    12         left: auto;
    13         right: 30px;
    14 }
    15 #wpadminbar .quicklinks li#wp-admin-bar-user-admin-with-avatar ul ul,
    1619#wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul {
    17         left: auto;
    1820        right: 0;
    1921}
    20 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul {
    21         left: auto;
    22         right: 0;
     22
     23/* Notifications */
     24#wpadminbar .quicklinks li#wp-admin-bar-my-account a span.count,
     25#wpadminbar .quicklinks li#wp-admin-bar-my-account-with-avatar a span.count,
     26#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
     27        background: #21759B;
     28        color: #fff;
     29        text-shadow: none;
     30        display: inline;
     31        padding: 2px 5px;
     32        font-size: 10px;
     33        font-weight: bold;
     34        -moz-border-radius: 10px;
     35        -khtml-border-radius: 10px;
     36        -webkit-border-radius: 10px;
     37        border-radius: 10px;
    2338}
    24 #wpadminbar .quicklinks li#wp-admin-bar-group-admin-with-avatar ul ul {
    25         left: auto;
    26         right: 0;
     39
     40#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications {
     41        background: #ddd;
     42        color: #333;
     43        margin: 0
    2744}
     45
     46#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications #ab-pending-notifications.alert {
     47        background-color: #1fb3dd;
     48        color: #fff;
     49}
     50
     51#wpadminbar .quicklinks li#wp-admin-bar-bp-notifications > a {
     52        padding: 0 .5em;
     53}
     54
     55#wp-admin-bar-user-info img.avatar {
     56        height: 64px;
     57        width: 64px;
     58}

  • trunk/src/bp-core/css/buddybar-rtl.css

    r6273 r8386  
     1body:not(.wp-admin) {
     2        padding-top: 25px !important;
     3}
    14#wp-admin-bar {
     5        position: fixed;
     6        top: 0;
    27        right: 0;
    3         left: auto;
     8        height: 25px;
     9        font-size: 11px;
     10        width: 100%;
     11        z-index: 9999;
     12}
     13#wp-admin-bar .padder {
     14        position: relative;
     15        padding: 0;
     16        width: 100%;
     17        margin: 0 auto;
     18        background: url('../images/60pc_black.png');
     19        height: 25px;
     20}
     21body#bp-default #wp-admin-bar .padder {
     22        max-width: 1250px;
     23}
     24#wp-admin-bar * {
     25        z-index: 999;
    426}
    527#wp-admin-bar div#admin-bar-logo {
     28        position: absolute;
     29        top: 5px;
    630        right: 10px;
    7         left: auto;
     31}
     32#wp-admin-bar a img {
     33        border: none;
    834}
    935#wp-admin-bar li {
     36        list-style: none;
     37        margin: 0;
     38        padding: 0;
     39        line-height: 100%;
    1040        text-align: right;
     41}
     42#wp-admin-bar li a {
     43        padding: 7px 15px 7px 15px;
     44        color: #eee;
     45        text-decoration: none;
     46        font-size: 11px;
     47}
     48#wp-admin-bar li.alt {
     49        border: none;
    1150}
    1251#wp-admin-bar li.no-arrow a {
    1352        padding-left: 15px;
    14         padding-right: 0;
     53}
     54#wp-admin-bar ul li ul li a span {
     55        display: none;
     56}
     57#wp-admin-bar li:hover,
     58#wp-admin-bar li.hover {
     59        position: static;
    1560}
    1661#admin-bar-logo {
    1762        float: right;
    18 }
    19 
    20 #wp-admin-bar ul li {/* all list items */
    21         float: right;
     63        font-weight: bold;
     64        font-size: 11px;
     65        padding: 5px 8px;
     66        margin: 0;
     67        text-decoration: none;
     68        color: #fff;
     69}
     70body#bp-default #admin-bar-logo {
     71        padding: 2px 8px;
     72}
     73
     74/* all lists */
     75#wp-admin-bar ul {
     76        margin: 0;
     77        list-style: none;
     78        line-height: 1;
     79        cursor: pointer;
     80        height: auto;
     81        padding: 0;
     82}
     83
     84/* all list items */
     85#wp-admin-bar ul li {
     86        padding: 0;
     87        float: right;
     88        position: relative;
    2289        background: url('../images/admin-menu-arrow.gif') 12% 53% no-repeat;
    2390        padding-left: 11px;
    24         padding-right: 0;
    2591}
    2692#wp-admin-bar ul li.no-arrow {
     93        background: none;
    2794        padding-left: 0;
    2895}
     96#wp-admin-bar ul li ul li {
     97        background-image: none;
     98}
    2999#wp-admin-bar ul li.align-right {
     100        position: absolute;
    30101        left: 0;
    31         right: auto;
     102}
     103#wp-admin-bar ul li a {
     104        display: block;
     105}
     106#wp-admin-bar ul.main-nav li:hover,
     107#wp-admin-bar ul.main-nav li.sfhover,
     108#wp-admin-bar ul.main-nav li ul li.sfhover {
     109        background-color: #333;
    32110}
    33111
    34112/* second-level lists */
    35113#wp-admin-bar ul li ul {
     114        position: absolute;
     115        width: 185px;
    36116        right: -999em;
    37         left: auto;
    38117        margin-right: 0;
     118        background: #333;
     119        border: 1px solid #222;
     120        -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     121        -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     122        -moz-border-radius: 3px;
     123        -webkit-border-radius: 3px;
     124        -moz-border-radius-topleft: 0;
     125        -webkit-border-top-right-radius: 0;
     126        -moz-border-radius-topright: 0;
     127        -webkit-border-top-left-radius: 0;
     128}
     129#wp-admin-bar ul li > ul {
     130        border-top: none;
     131}
     132#wp-admin-bar ul li ul a {
     133        color: #eee;
    39134}
    40135#wp-admin-bar ul li ul li {
    41136        float: right;
     137        width: 174px;
     138        margin: 0;
     139}
     140#wp-admin-bar ul li ul li:hover a {
     141        color: #fff;
     142}
     143#wp-admin-bar ul li div.admin-bar-clear {
     144        clear: both;
     145}
     146#wp-admin-bar ul.main-nav li ul li:hover,
     147#wp-admin-bar ul.main-nav li ul li.sfhover,
     148#wp-admin-bar ul.main-nav li ul li.sfhover {
     149        background-color: #222;
    42150}
    43151
    … …  
    45153#wp-admin-bar ul li ul ul {
    46154        margin: -25px 184px 0 0;
     155        -moz-border-radius: 3px;
     156        -webkit-border-radius: 3px;
     157}
     158#wp-admin-bar ul li ul li:hover ul li a {
     159        color: #eee;
     160}
     161#wp-admin-bar ul li ul li ul li:hover a {
     162        color: #fff;
    47163}
    48164#wp-admin-bar ul li:hover ul,
    49 #wp-admin-bar ul li li:hover ul,
     165#wp-admin-bar ul li ul li:hover ul,
    50166#wp-admin-bar ul li.sfhover ul,
    51 #wp-admin-bar ul li ul li.sfhover ul {/* lists nested under hovered list items */
     167#wp-admin-bar ul li ul li.sfhover ul {
    52168        right: auto;
    53169}
    54170#wp-admin-bar ul li.align-right:hover ul {
    55171        left: 0;
    56         right: auto;
    57172}
    58173#wp-admin-bar ul li:hover ul ul,
    59174#wp-admin-bar li.sfhover ul li ul {
    60175        right: -999em;
    61         left: auto;
    62176}
    63177
    … …  
    66180        float: right;
    67181        margin-left: 8px;
    68         margin-right: 0;
    69182}
    70183#wp-admin-bar span.activity {
     184        display: block;
    71185        margin-right: 34px;
    72         margin-left: 0;
     186        padding: 0;
     187}
     188#wp-admin-bar ul.author-list li a {
     189        height: 17px;
    73190}
    74191#wp-admin-bar ul li#bp-adminbar-notifications-menu a span {
     192        padding: 0 6px;
    75193        margin-right: 2px;
    76         margin-left: 0;
    77 }
     194        background: #fff;
     195        color: #000;
     196        -moz-border-radius: 3px;
     197        -webkit-border-radius: 3px;
     198        border-radius: 3px;
     199}
     200#wp-admin-bar-user-info img.avatar {
     201        height: 64px;
     202        width: 64px;
     203}
Note: See TracChangeset for help on using the changeset viewer.