Skip to:
Content

BuddyPress.org

Changeset 8386


Ignore:
Timestamp:
05/04/2014 06:45:29 PM (9 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.