Skip to:
Content

BuddyPress.org

Ticket #3259: 3259-add-border-radius-default-styles.patch

File 3259-add-border-radius-default-styles.patch, 14.0 KB (added by hnla, 15 years ago)

Add border-radius and tidy up ordering of properties

  • bp-themes/bp-default/_inc/css/default.css

     
    9999        margin-left: 54px;
    100100        padding-left: 22px;
    101101}
    102 form#whats-new-form #whats-new-textarea {
    103         padding: 8px;
    104         border: 1px inset #ccc;
     102form#whats-new-form #whats-new-textarea {       
    105103        background: #fff;
    106         margin-bottom: 10px;
     104        border: 1px inset #ccc;
    107105        -moz-border-radius: 3px;
    108106        -webkit-border-radius: 3px;
    109         border-radius: 3px;
     107        border-radius: 3px;             
     108        margin-bottom: 10px;
     109        padding: 8px;
    110110}
    111111form#whats-new-form textarea {
    112112        width: 100%;
    … …  
    236236.activity-list .activity-content {
    237237        margin-left: 70px;
    238238}
    239 body.activity-permalink .activity-list li .activity-content {
     239body.activity-permalink .activity-list li .activity-content {   
     240        background: #fff;
     241        border-bottom: 1px solid #ddd;
     242        border-right: 1px solid #ddd;   
    240243        -moz-border-radius: 4px;
    241244        -webkit-border-radius: 4px;
    242245        border-radius: 4px;
    243         background: #fff;
    244         padding: 15px;
    245         border-bottom: 1px solid #ddd;
    246         border-right: 1px solid #ddd;
    247         margin-left: 135px;
    248246        font-size: 16px;
    249247        line-height: 150%;
    250248        min-height: 35px;
     249        margin-left: 135px;
    251250        margin-right: 0;
     251        padding: 15px;
    252252}
    253253body.activity-permalink .activity-list li .activity-header > p {
    254254        background: url( ../images/activity_arrow.gif ) top left no-repeat;
    … …  
    276276        background: #ebf7ff;
    277277        border-bottom: 1px solid #a1dcfa;
    278278        border-right: 1px solid #a1dcfa;
    279         color: #059ae7;
    280         padding: 3px 8px;
    281         text-decoration: none;
    282279        -moz-border-radius: 4px;
    283280        -webkit-border-radius: 4px;
    284281        border-radius: 4px;
     282        color: #059ae7;
    285283        margin-right: 3px;
     284        padding: 3px 8px;
     285        text-decoration: none;
    286286}
    287287.activity-list .activity-header a:first-child:hover {
    288288        background: #059ae7 !important;
    … …  
    332332.activity-read-more {
    333333        margin-left: 1em;
    334334}
    335 .activity-list li.load-more {
    336         margin: 15px 0 !important;
    337         padding: 10px 15px !important;
     335.activity-list li.load-more {   
    338336        background: #f0f0f0 !important;
    339         text-align: center;
    340         font-size: 1.2em;
    341337        border-right: 1px solid #ddd;
    342338        border-bottom: 1px solid #ddd;
    343339        -moz-border-radius: 4px;
    344340        -webkit-border-radius: 4px;
    345         border-radius: 4px;
     341        border-radius: 4px;     
     342        font-size: 1.2em;
     343        margin: 15px 0 !important;
     344        padding: 10px 15px !important;
     345        text-align: center;
    346346}
    347347.activity-list li.load-more a {
    348348        color: #555;
    … …  
    357357        clear: left;
    358358}
    359359.activity-list div.activity-meta a {
    360         font-size: 11px;
    361360        background: #f4f4f4;
    362361        border-bottom: 1px solid #ddd;
    363362        border-right: 1px solid #ddd;
    364         color: #999;
    365         padding: 4px 8px;
    366         text-decoration: none;
    367363        -moz-border-radius: 4px;
    368364        -webkit-border-radius: 4px;
    369365        border-radius: 4px;
     366        color: #999;
     367        font-size: 11px;       
    370368        margin-right: 3px;
     369        padding: 4px 8px;
     370        text-decoration: none;
    371371}
    372372.activity-list div.activity-meta a.acomment-reply {
    373373        background: #fff9db;
    … …  
    402402div.activity-comments > ul {
    403403        background: #f5f5f5;
    404404        -moz-border-radius: 4px;
    405         -webkit-border-radius: 4px;
     405-webkit-border-radius: 4px;
     406        border-radius: 4px;     
    406407        padding: 0 10px 0;
    407408}
    408409div.activity-comments ul,
    … …  
    471472        color: #888;
    472473}
    473474div.activity-comments form.ac-form {
    474         display: none;
    475         margin: 10px 0 10px 33px;
    476475        background: #fafafa;
    477476        border: 1px solid #ddd;
    478477        -moz-border-radius: 4px;
    479478        -webkit-border-radius: 4px;
    480         border-radius: 4px;
     479        border-radius: 4px;     
     480        display: none;
     481        margin: 10px 0 10px 33px;
    481482        padding: 8px;
    482483}
    483484div.activity-comments li form.ac-form {
    … …  
    496497        background-repeat: no-repeat;
    497498}
    498499div.activity-comments form .ac-textarea {
    499         padding: 8px;
     500        background: #fff;
    500501        border: 1px inset #ccc;
    501         background: #fff;
    502         margin-bottom: 10px;
    503502        -moz-border-radius: 3px;
    504503        -webkit-border-radius: 3px;
    505504        border-radius: 3px;
     505        margin-bottom: 10px;
     506        padding: 8px;   
    506507}
    507508div.activity-comments form textarea {
    508509        width: 100%;
    … …  
    743744}
    744745span.activity,
    745746div#message p {
    746         display: inline-block;
    747         font-size: 11px;
    748         font-weight: normal;
    749747        background: #fff9db;
    750748        border-bottom: 1px solid #ffe8C4;
    751749        border-right: 1px solid #ffe8C4;
    752         color: #ffa200;
    753         padding: 1px 8px;
    754         margin-top: 6px;
    755         text-decoration: none;
    756750        -moz-border-radius: 3px;
    757751        -webkit-border-radius: 3px;
    758752        border-radius: 3px;
     753        color: #ffa200;
     754        display: inline-block;
     755        font-size: 11px;
     756        font-weight: normal;
     757        margin-top: 6px;       
     758        padding: 1px 8px;
     759        text-decoration: none;
    759760}
    760761
    761762
    … …  
    796797        font-size: 16px;
    797798}
    798799div#item-header h2 span.highlight span {
    799         position: relative;
    800         top: -2px;
    801         right: -2px;
    802         font-weight: bold;
    803         font-size: 11px;
    804800        background: #a1dcfa;
    805         color: #fff;
    806         padding: 1px 4px;
    807         margin-bottom: 2px;
    808801        -moz-border-radius: 3px;
    809802        -webkit-border-radius: 3px;
     803        border-radius: 3px;
     804        color: #fff;
     805        cursor: pointer;               
     806        font-weight: bold;
     807        font-size: 11px;
     808        margin-bottom: 2px;             
     809        padding: 1px 4px;       
     810        position: relative;     
     811        right: -2px;
     812        top: -2px;
    810813        vertical-align: middle;
    811         cursor: pointer;
    812814}
    813815div#item-header div#item-meta {
    814816        font-size: 14px;
    … …  
    960962div.item-list-tabs ul li.selected a,
    961963div.item-list-tabs ul li.current a {
    962964        background-color: #fff;
    963         color: #555;
    964         font-weight: bold;
    965965        -moz-border-radius-topleft: 3px;
    966966        -webkit-border-top-left-radius: 3px;
    967967        -moz-border-radius-topright: 3px;
    968968        -webkit-border-top-right-radius: 3px;
     969        border-top-left-radius: 3px;
     970        border-top-right-radius: 3px;   
     971        color: #555;
     972        font-weight: bold;
    969973}
    970974ul li.loading a {
    971975        background-image: url( ../images/ajax-loader.gif );
    … …  
    10071011li span.unread-count,
    10081012tr.unread span.unread-count {
    10091013        background: #dd0000;
    1010         padding: 2px 8px;
    1011         color: #fff;
    1012         font-weight: bold;
    10131014        -moz-border-radius: 3px;
    10141015        -webkit-border-radius: 3px;
    10151016        border-radius: 3px;
     1017        color: #fff;
     1018        font-weight: bold;             
     1019        padding: 2px 8px;       
    10161020}
    10171021div.item-list-tabs ul li a span.unread-count {
    10181022        padding: 1px 6px;
    … …  
    10871091        border-color: #c4e9bd;
    10881092}
    10891093.standard-form#signup_form div div.error {
    1090         color: #fff;
    10911094        background: #e41717;
    10921095        -moz-border-radius: 3px;
    10931096        -webkit-border-radius: 3px;
    1094         border-radius: 3px;
     1097        border-radius: 3px;     
     1098        color: #fff;   
     1099        margin: 0 0 10px 0;
    10951100        padding: 6px;
    10961101        width: 90%;
    1097         margin: 0 0 10px 0;
    10981102}
    10991103button.pending,
    11001104button.disabled,
    … …  
    11371141        -moz-border-radius: 3px;
    11381142        -webkit-border-radius: 3px;
    11391143        border-radius: 3px;
     1144        color: #888;
     1145        font: inherit;
     1146        font-size: 14px;               
    11401147        padding: 6px;
    1141         font: inherit;
    1142         font-size: 14px;
    1143         color: #888;
    11441148}
    11451149.standard-form select {
    11461150        padding: 3px;
    … …  
    12471251        margin-top: 20px;
    12481252}
    12491253div#invite-list {
    1250         height: 400px;
    1251         overflow: scroll;
     1254        background: #f5f5f5;
     1255        border: 1px solid #e4e4e4;
    12521256        -moz-border-radius: 3px;
    12531257        -webkit-border-radius: 3px;
    1254         border-radius: 3px;
     1258        border-radius: 3px;     
     1259        height: 400px; 
     1260        margin: 10px 0;
     1261        overflow: scroll;
    12551262        padding: 5px;
    1256         background: #f5f5f5;
    12571263        width: 160px;
    1258         border: 1px solid #e4e4e4;
    1259         margin: 10px 0;
    12601264}
    12611265
    12621266
    … …  
    12721276div.generic-button a {
    12731277        background: url( ../images/white-grad.png ) top left repeat-x;
    12741278        border: 1px solid #ddd;
    1275         padding: 3px 10px;
    12761279        -moz-border-radius: 3px;
    12771280        -webkit-border-radius: 3px;
    12781281        border-radius: 3px;
     1282        cursor: pointer;
    12791283        text-decoration: none;
    12801284        color: #888;
    12811285        font-size: 12px;
    1282         font-weight: normal;
     1286        font-weight: normal;   
     1287        padding: 3px 10px;
    12831288        vertical-align: bottom;
    1284         cursor: pointer;
    12851289}
    12861290button:hover,
    12871291a.button:hover,
    … …  
    13391343        -webkit-border-top-left-radius: 3px;
    13401344        -moz-border-radius-topright: 3px;
    13411345        -webkit-border-top-right-radius: 3px;
     1346        border-top-left-radius: 3px;
     1347        border-top-right-radius: 3px;
    13421348}
    13431349#nav li.selected a,
    13441350#nav > li.current-menu-item a,
    … …  
    13611367}
    13621368#nav ul {
    13631369        border: 1px solid #222;
    1364         -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    1365         -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    13661370        -moz-border-radius: 3px;
    13671371        -webkit-border-radius: 3px;
    13681372        -moz-border-radius-topleft: 0;
     1373        -moz-border-radius-topright: 0;
    13691374        -webkit-border-top-left-radius: 0;
    1370         -moz-border-radius-topright: 0;
    13711375        -webkit-border-top-right-radius: 0;
     1376        border-top-left-radius: 0;
     1377        border-top-right-radius: 0;
     1378        -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     1379        -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     1380        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    13721381}
    13731382#nav ul li ul {
    13741383        -moz-border-radius: 3px;
    13751384        -webkit-border-radius: 3px;
     1385        border-radius: 3px;
    13761386}
    13771387#nav ul,
    13781388#nav .sfhover ul ul,
    … …  
    14781488        margin: 20px 0;
    14791489}
    14801490div#container {
    1481         position: relative;
    1482         width: 100%;
     1491        background: #fff;
     1492        border-right: 1px solid #e0e0e0;
     1493        border-bottom: 1px solid #e0e0e0;
    14831494        -moz-border-radius: 6px;
    14841495        -webkit-border-radius: 6px;
    1485         border-right: 1px solid #e0e0e0;
    1486         border-bottom: 1px solid #e0e0e0;
    1487         background: #fff;
     1496        border-radius: 6px;
    14881497        overflow: hidden;
     1498        position: relative;
     1499        width: 100%;
    14891500}
    14901501body.activity-permalink div#container {
    14911502        background: none;
    … …  
    149715086.1 - Content
    14981509--------------------------------------------------------------*/
    14991510div#content {
    1500         float: left;
    1501         width: 100%;
    15021511        -moz-border-radius-topleft: 6px;
    15031512        -webkit-border-top-left-radius: 6px;
    15041513        -moz-border-radius-bottomleft: 6px;
    15051514        -webkit-border-bottom-left-radius: 6px;
     1515        border-top-left-radius: 6px;
     1516        border-top-right-radius: 6px;   
     1517        float: left;   
     1518        width: 100%;
    15061519}
    15071520div#content .padder {
    1508         margin-right: 225px;
    15091521        border-right: 1px solid #ddd;
    15101522        -moz-border-radius-topleft: 6px;
    15111523        -webkit-border-top-left-radius: 6px;
    15121524        -moz-border-radius-bottomleft: 6px;
    15131525        -webkit-border-bottom-left-radius: 6px;
     1526        border-top-left-radius: 6px;
     1527        border-bottom-left-radius: 6px;
     1528        margin-right: 225px;
    15141529}
    15151530div#content .one-column {
    15161531        margin-right: 0;
    … …  
    15331548        -webkit-border-bottom-left-radius: 6px;
    15341549        -moz-border-radius-bottomright: 6px;
    15351550        -webkit-border-bottom-right-radius: 6px;
     1551        border-top-left-radius: 6px;
     1552        border-top-right-radius: 6px;
    15361553        color: #fff;
    15371554        height: 100px;
    15381555        margin-bottom: 20px;
    … …  
    15491566        padding: 10px 15px 0 20px;
    15501567}
    15511568#header #search-bar input[type=text] {
     1569        border: 1px inset #888;
    15521570        -moz-border-radius: 3px;
    15531571        -webkit-border-radius: 3px;
    15541572        border-radius: 3px;
    1555         border: 1px inset #888;
     1573        margin-right: 4px;     
    15561574        padding: 2px;
    1557         margin-right: 4px;
    15581575}
    15591576#header #search-bar input[type=submit] {
    15601577        font-size: 11px;
    … …  
    15831600        background: #fff;
    15841601        border-bottom: 1px solid #e0e0e0;
    15851602        border-right: 1px solid #e0e0e0;
    1586         border-radius: 6px;
     1603        -moz-border-radius: 6px;
     1604        -webkit-border-radius: 6px;     
     1605        border-radius: 6px;     
    15871606        padding: 19px;
    1588         -moz-border-radius: 6px;
    1589         -webkit-border-radius: 6px;
    15901607}
    15911608#site-generator {
    15921609        margin: 20px 20px;
    … …  
    162616436.4 - Sidebar
    16271644--------------------------------------------------------------*/
    16281645div#sidebar {
     1646        background: url( ../images/sidebar_back.gif ) top left repeat-x;
     1647        border-left: 1px solid #ddd;
     1648        -moz-border-radius-topright: 3px;
     1649        -webkit-border-top-right-radius: 3px;
     1650        border-top-right-radius: 3px;   
    16291651        float: left;
    1630         width: 224px;
    16311652        margin-left: -226px;
    16321653        margin-top: 1px;
    1633         border-left: 1px solid #ddd;
    1634         -moz-border-radius-topright: 3px;
    1635         -webkit-border-top-right-radius: 3px;
    1636         background: url( ../images/sidebar_back.gif ) top left repeat-x;
     1654        width: 224px;
    16371655}
    16381656div#sidebar div#sidebar-me img.avatar {
    16391657        float: left;
    … …  
    18661884        font-style: normal;
    18671885}
    18681886div.comment-meta span.comment-highlight a {
    1869         background: #EBF7FF;
     1887        background: #EBF7FF;   
     1888        border-right: 1px solid #a1dcfa;
    18701889        border-bottom: 1px solid #a1dcfa;
     1890        -moz-border-radius: 4px;
     1891        -webkit-border-radius: 4px;     
    18711892        border-radius: 4px;
    1872         border-right: 1px solid #a1dcfa;
    18731893        color: #059AE7;
    18741894        margin-right: 3px;
    18751895        padding: 3px 8px;
    18761896        text-decoration: none;
    1877         -moz-border-radius: 4px;
    1878         -webkit-border-radius: 4px;
    18791897}
    18801898div.comment-meta .comment-highlight a:hover,
    18811899.commentlist .depth-1 > .comment-content .comment-meta a:first-child:hover {
    … …  
    18941912#reply-title small a,
    18951913div.comment-options a.comment-reply-link {
    18961914        background: #FFF9DB;
    1897         border-bottom: 1px solid #FFE8C4;
     1915        border-bottom: 1px solid #FFE8C4;       
     1916        border-right: 1px solid #FFE8C4;       
     1917        -moz-border-radius: 4px;
     1918        -webkit-border-radius: 4px;
    18981919        border-radius: 4px;
    1899         border-right: 1px solid #FFE8C4;
    19001920        color: #ffa200;
    19011921        margin-right: 10px;
    19021922        padding: 3px 8px;
    19031923        text-decoration: none;
    1904         -moz-border-radius: 4px;
    1905         -webkit-border-radius: 4px;
    19061924}
    19071925#reply-title small a {
    19081926        margin-right: 0;
    … …  
    19151933}
    19161934.commentlist ul.children {
    19171935        background: #f5f5f5;
     1936        -moz-border-radius: 4px;
     1937        -webkit-border-radius: 4px;
     1938        border-radius: 4px;     
    19181939        margin-bottom: 10px;
    19191940        margin-left: 75px;
    19201941        padding: 1px 10px;
    1921         -moz-border-radius: 4px;
    1922         -webkit-border-radius: 4px;
     1942
    19231943}
    19241944.commentlist ul.children ul {
    19251945        margin-left: 20px;
    … …  
    19691989}
    19701990#respond {
    19711991        background-color: #fafafa;
    1972         border: 1px solid #e5e5e5;
     1992        border: 1px solid #e5e5e5;     
     1993        -moz-border-radius: 4px;
     1994        -webkit-border-radius: 4px;     
    19731995        border-radius: 4px;
    19741996        padding: 15px;
    1975         -moz-border-radius: 4px;
    1976         -webkit-border-radius: 4px;
    19771997}
    19781998#respond .form-submit {
    19791999        margin-bottom: 0;
    … …  
    200520258.3 - Gallery
    20062026--------------------------------------------------------------*/
    20072027.wp-caption {
     2028        background-color: #f3f3f3;
    20082029        border: 1px solid #ddd;
    2009         text-align: center;
    2010         background-color: #f3f3f3;
    2011         padding-top: 4px;
    2012         margin-bottom: 15px;
    20132030        -moz-border-radius: 3px;
    20142031        -webkit-border-radius: 3px;
    20152032        border-radius: 3px;
     2033        margin-bottom: 15px;           
     2034        padding-top: 4px;
     2035        text-align: center;     
     2036
    20162037}
    20172038.wp-caption img {
    20182039        margin: 0;
    … …  
    21502171}
    21512172pre,
    21522173code p {
    2153         padding: 15px;
    21542174        background: #f4f4f4;
    21552175        -moz-border-radius: 3px;
    21562176        -webkit-border-radius: 3px;
    21572177        border-radius: 3px;
     2178        padding: 15px;
    21582179}
    21592180code {
    21602181        font-family: "Monaco", courier, sans-serif;
    … …  
    21882209}
    21892210div.author-box {
    21902211        background: #f0f0f0;
    2191         padding: 10px;
     2212        -moz-border-radius: 3px;
     2213        -webkit-border-radius: 3px;
     2214        border-radius: 3px;     
    21922215        float: left;
    2193         margin: 0 15px 15px 0;
    21942216        font-family: georgia, times, serif;
    2195         font-style: italic;
     2217        font-style: italic;     
     2218        margin: 0 15px 15px 0; 
     2219        padding: 10px;
    21962220        text-align: center;
    21972221        width: 70px;
    2198         -moz-border-radius: 3px;
    2199         -webkit-border-radius: 3px;
    2200         border-radius: 3px;
    22012222}
    22022223div.author-box p,
    22032224div.comment-avatar-box p {