Skip to:
Content

BuddyPress.org

Changeset 4477


Ignore:
Timestamp:
06/07/2011 10:00:42 PM (11 years ago)
Author:
djpaul
Message:

Reorder bp-default css so it better follows WordPress CSS standards. Fixes #3259, big props hnla

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/bp-themes/bp-default/_inc/css/default.css

    r4476 r4477  
    3434    6.7 - Topics and Tables - Forums and General
    3535    6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
    36     6.9 - Private Messaging Threads 
     36    6.9 - Private Messaging Threads
    3737--------------------------------------------------------------*/
    3838
     
    6969    background-repeat: repeat-x;
    7070    background-position: top left;
     71    color: #555;
    7172    font-size: 12px;
    7273    font-family: Arial, Tahoma, Verdana, sans-serif;
    7374    line-height: 170%;
    74     color: #555;
    75     width: 90%;
    7675    min-width: 960px;
    7776    max-width: 1250px;
    7877    margin: 0 auto;
     78    width: 90%;
    7979}
    8080.padder {
     
    122122}
    123123div#content .one-column {
     124    border-right: 0 none;
    124125    margin-right: 0;
    125     border-right: 0 none;
    126126}
    127127div#content .left-menu {
     
    200200}
    201201#site-generator {
     202    color: #bbb;
    202203    margin: 20px 20px;
    203204    text-align: center;
    204     color: #bbb;
    205205    text-shadow: #fafafa 1px 1px 0;
    206206}
    207207#footer-widget-area {
     208    margin-top: -19px;
    208209    overflow: hidden;
    209     margin-top: -19px;
    210210}
    211211#footer-widget-area div.widget-area > ul {
     
    218218}
    219219#footer-widget-area h3.widgettitle {
    220     margin: 0 0 10px 0;
    221220    background: #eaeaea;
     221    clear: left;
    222222    padding: 5px 15px;
    223223    font-size: 12px;
    224     clear: left;
     224    margin: 0 0 10px 0;
    225225}
    226226#footer-widget-area div div.item-options {
     
    264264}
    265265div#sidebar h3.widgettitle {
     266    background: #eaeaea;
     267    clear: left;
     268    font-size: 12px;
    266269    margin: 25px -20px 10px -19px;
    267     background: #eaeaea;
    268270    padding: 5px 15px;
    269     font-size: 12px;
    270     clear: left;
    271271}
    272272#footer-widget-area .widget_search,
     
    276276#footer-widget-area .widget_search input[type=text],
    277277div#sidebar .widget_search input[type=text] {
     278    padding: 2px;
    278279    width: 110px;
    279     padding: 2px;
    280280}
    281281#footer-widget-area ul#recentcomments li,
     
    287287#footer-widget-area ul.item-list img.avatar,
    288288div#sidebar ul.item-list img.avatar {
    289     width: 20px;
    290289    height: 20px;
    291290    margin-right: 10px;
     291    width: 20px;
    292292}
    293293#footer-widget-area div.item-avatar img,
    294294div#sidebar div.item-avatar img {
    295     width: 40px;
    296295    height: 40px;
    297296    margin: 1px;
     297    width: 40px;
    298298}
    299299#footer-widget-area .avatar-block,
     
    307307#footer-widget-area div.item-options,
    308308div#sidebar div.item-options {
     309    background: #f8f8f8;
     310    font-size: 11px;
    309311    margin: -10px -20px 0 -19px;
    310     background: #f8f8f8;
    311312    padding: 5px 15px;
    312     font-size: 11px;
    313313}
    314314#footer-widget-area div.item-content {
     
    318318div#sidebar div.item-meta,
    319319div#sidebar div.item-content {
     320    font-size: 11px;
    320321    margin-left: 38px;
    321     font-size: 11px;
    322322}
    323323#footer-widget-area div.tags div#tag-text,
     
    338338    margin-bottom: 0;
    339339}
    340 .accessibly-hidden { 
    341     left: -999em; 
    342     position: absolute; 
     340.accessibly-hidden {
     341    left: -999em;
     342    position: absolute;
    343343}
    344344hr {
     
    374374    height: 0;
    375375    line-height: 1;
     376    position: relative;
    376377    vertical-align: baseline;
    377     position: relative;
    378378}
    379379pre, blockquote {
     
    392392}
    393393blockquote {
    394     quotes: none;
    395     font-style: italic;
    396     padding: 0 3em;
    397394    font-family: georgia, times, serif;
    398395    font-size: 16px;
     396    font-style: italic;
    399397    line-height: 150%;
     398    padding: 0 3em;
     399    quotes: none;
    400400}
    401401blockquote p {
     
    490490#nav {
    491491    margin: 0;
     492    list-style: none;
     493    max-width: 95%;
    492494    padding: 0;
    493495    position: absolute;
    494496    right: 15px;
    495     list-style: none;
    496497    bottom: 0;
    497     max-width: 95%;
    498498}
    499499#nav li a {
     
    602602--------------------------------------------------------------*/
    603603div.pagination {
     604    background: #f4f4f4;
     605    border: none;
     606    color: #888;
     607    font-size: 11px;
     608    height: 19px;
    604609    margin: -20px -19px 0px -19px;
    605610    padding: 8px 20px;
    606     color: #888;
    607     font-size: 11px;
    608     height: 19px;
    609     background: #f4f4f4;
    610     border: none;
    611611    position: relative;
    612612}
     
    662662    overflow: hidden;
    663663    font-family: georgia, times, serif;
     664    font-size: 14px;
    664665    font-style: italic;
    665     font-size: 14px;
     666    margin: 5px 0 25px 0;
    666667    padding: 5px 0;
    667     margin: 5px 0 25px 0;
    668668}
    669669.comments {
     
    864864}
    865865.wp-caption img {
     866    border: 0 none;
    866867    margin: 0;
    867868    padding: 0;
    868     border: 0 none;
     869
    869870}
    870871dd.wp-caption p.wp-caption-text,
     
    872873    font-size: 0.9em;
    873874    line-height: 17px;
     875    margin: 0;
    874876    padding: 5px 4px 5px 0;
    875     margin: 0;
    876877}
    877878#content .gallery {
     
    894895--------------------------------------------------------------*/
    895896img.avatar {
    896     float: left;
    897897    border: 2px solid #eee;
     898    float: left;
    898899}
    899900img.wp-smiley {
     901    border: none !important;
     902    clear: none !important;
     903    float: none !important;
     904    margin: 0 !important;
    900905    padding: 0 !important;
    901     margin: 0 !important;
    902     border: none !important;
    903     float: none !important;
    904     clear: none !important;
    905906}
    906907img.centered,
     
    911912}
    912913img.alignright {
     914    display: inline;
     915    margin: 0 0 2px 7px;
    913916    padding: 4px;
    914     margin: 0 0 2px 7px;
     917}
     918img.alignleft {
    915919    display: inline;
    916 }
    917 img.alignleft {
     920    margin: 0 7px 2px 0;
    918921    padding: 4px;
    919     margin: 0 7px 2px 0;
    920     display: inline;
    921922}
    922923
     
    946947h2.pagetitle,
    947948h2.posttitle {
     949    line-height: 120%;
    948950    margin: 0;
    949     line-height: 120%;
    950951}
    951952h2.pagetitle a,
     
    961962div.post table,
    962963div.page table {
    963     margin-bottom: 15px;
     964    border: 1px solid #eee;
    964965    border-collapse: collapse;
    965966    border-spacing: 0;
    966     border: 1px solid #eee;
     967    margin-bottom: 15px;
    967968}
    968969div.post table th,
     
    10121013p.date,
    10131014p.postmetadata {
    1014     color: #888;
    1015     font-size: 12px;
    1016     font-family: Georgia, times, serif;
    1017     padding: 3px 0;
    1018     margin: 10px 0;
    10191015    border-bottom: 1px solid #e4e4e4;
    10201016    border-top: 1px solid #e4e4e4;
     1017    color: #888;
     1018    font-family: Georgia, times, serif;
     1019    font-size: 12px;
     1020    margin: 10px 0;
     1021    padding: 3px 0;
    10211022}
    10221023p.postmetadata {
     
    10361037--------------------------------------------------------------*/
    10371038#item-body form#whats-new-form {
     1039    border-bottom: 1px solid #ddd;
    10381040    margin: 20px 0 10px;
    1039     border-bottom: 1px solid #ddd;
    10401041}
    10411042.home-page form#whats-new-form {
     
    10441045}
    10451046form#whats-new-form h5 {
    1046     margin: 0;
    10471047    font-weight: normal;
    10481048    font-size: 12px;
    10491049    color: #888;
     1050    margin: 0;
    10501051    margin-left: 76px;
    10511052    padding: 0 0 3px 0;
     
    10681069}
    10691070form#whats-new-form textarea {
    1070     width: 100%;
     1071    border: none;
     1072    color: #555;
     1073    font-family: inherit;
     1074    font-size: 14px;
    10711075    height: 50px;
    1072     font-size: 14px;
    1073     font-family: inherit;
    1074     color: #555;
    1075     border: none;
    10761076    margin: 0;
    10771077    padding: 0;
     1078    width: 100%;
    10781079}
    10791080form#whats-new-form #whats-new-options select {
     
    10941095--------------------------------------------------------------*/
    10951096ul.activity-list li {
     1097    overflow: hidden;
    10961098    padding: 15px 0 0;
    1097     overflow: hidden;
    10981099}
    10991100.activity-list .activity-avatar {
     
    11101111}
    11111112.activity-list li.mini {
    1112     position: relative;
    11131113    font-size: 11px;
    11141114    min-height: 35px;
    11151115    padding: 15px 0 0 0;
     1116    position: relative;
    11161117}
    11171118.activity-list li.mini div.activity-meta {
     
    11231124.activity-list li.mini .activity-avatar img.avatar,
    11241125.activity-list li.mini .activity-avatar img.FB_profile_pic {
    1125     width: 20px;
    11261126    height: 20px;
    11271127    margin-left: 76px;
     1128    width: 20px;
    11281129}
    11291130.activity-list li.activity_comment .activity-avatar img.avatar,
    11301131.activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
    1131     width: 40px;
    11321132    height: 40px;
    11331133    margin-left: 20px;
     1134    width: 40px;
    11341135}
    11351136body.activity-permalink .activity-list > li:first-child {
     
    11381139body.activity-permalink .activity-list li .activity-avatar img.avatar,
    11391140body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
    1140     width: 100px;
    11411141    height: 100px;
    11421142    margin-left: 0;
     1143    width: 100px;
    11431144}
    11441145.activity-list li .activity-content {
     
    11461147}
    11471148.activity-list li.mini .activity-content p {
     1149    float: left;
    11481150    margin: 0;
    1149     float: left;
    11501151}
    11511152.activity-list li .activity-meta {
     
    11551156}
    11561157body.activity-permalink .activity-list .activity-meta {
     1158    right: 15px;
    11571159    top: 18px;
    1158     right: 15px;
    11591160}
    11601161body.activity-permalink .activity-list li.mini .activity-meta {
     
    11681169}
    11691170.activity-list li .activity-inreplyto {
    1170     font-size: 11px;
     1171    background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
    11711172    color: #888;
     1173    font-size: 11px;
    11721174    margin-left: 70px;
    11731175    margin-bottom: 15px;
    11741176    padding-left: 25px;
    1175     background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
    11761177}
    11771178.activity-list li .activity-inreplyto > p {
     
    11841185    border: none;
    11851186    display: inline;
    1186     padding: 0;
    11871187    margin: 0;
    11881188    overflow: hidden;
     1189    padding: 0;
    11891190}
    11901191.activity-list .activity-avatar img {
     
    12151216body.activity-permalink .activity-list li .activity-header > p {
    12161217    background: url( ../images/activity_arrow.gif ) top left no-repeat;
     1218    height: 35px;
     1219    margin-bottom: 0;
    12171220    margin-left: -35px;
    12181221    padding: 5px 0 0 35px;
    1219     height: 35px;
    1220     margin-bottom: 0;
    12211222}
    12221223.activity-list .activity-content .activity-header,
    12231224.activity-list .activity-content .comment-header {
    1224     font-size: 11px;
    12251225    color: #888;
     1226    font-size: 11px;
    12261227    line-height: 220%;
    12271228}
     
    12601261.activity-list .activity-content span.activity-header-meta a {
    12611262    background: none;
    1262     padding: 0;
    1263     font-size: 11px;
    1264     margin: 0;
    12651263    border: none;
    12661264    color: #aaa;
     1265    font-size: 11px;
     1266    margin: 0;
     1267    padding: 0;
    12671268    text-decoration: underline;
    12681269}
     
    12881289}
    12891290.activity-list .activity-content img.thumbnail {
     1291    border: 2px solid #eee;
    12901292    float: left;
    12911293    margin: 0 10px 5px 0;
    1292     border: 2px solid #eee;
    12931294}
    12941295.activity-read-more {
     
    13161317--------------------------------------------------------------*/
    13171318div.activity-meta {
     1319    clear: left;
    13181320    margin: 0 0 20px 3px;
    1319     clear: left;
    13201321}
    13211322.activity-list div.activity-meta a {
     
    13431344div.activity-meta a:hover {
    13441345    background: #aaa;
     1346    border-color: #aaa;
    13451347    color: #fff;
    1346     border-color: #aaa;
    13471348}
    13481349div.activity-meta a.acomment-reply:hover {
    13491350    background: #f7740a;
     1351    border-color: #f7740a;
    13501352    color: #fff;
    1351     border-color: #f7740a;
    13521353}
    13531354div.activity-comments {
     1355    margin: 0 0 0 75px;
     1356    overflow: hidden; /* IE fix */
    13541357    position: relative;
    1355     margin: 0 0 0 75px;
    13561358    width: auto;
    1357     overflow: hidden; /* IE fix */
    13581359}
    13591360body.activity-permalink div.activity-comments {
     1361 background: none;
     1362    margin-left: 135px;
    13601363    width: auto;
    1361     margin-left: 135px;
    1362     background: none;
    13631364}
    13641365div.activity-comments > ul {
     
    14181419    margin-top: 5px;
    14191420}
    1420 div.acomment-content .time-since {
    1421     display: none;
    1422 }
    1423 div.acomment-content .activity-delete-link {
    1424     display: none;
    1425 }
     1421div.acomment-content .time-since,
     1422div.acomment-content .activity-delete-link,
    14261423div.acomment-content .comment-header {
    14271424    display: none;
     
    14311428}
    14321429div.activity-comments div.acomment-meta {
    1433     font-size: 11px;
    14341430    color: #888;
     1431    font-size: 11px;
    14351432}
    14361433div.activity-comments form.ac-form {
     
    14691466}
    14701467div.activity-comments form textarea {
     1468    border: none;
     1469    color: #555;
     1470    font-family: inherit;
     1471    font-size: 11px;
     1472    height: 60px;
     1473    padding: 0;
    14711474    width: 100%;
    1472     font-family: inherit;
    1473     font-size: 11px;
    1474     color: #555;
    1475     height: 60px;
    1476     border: none;
    1477     padding: 0;
    14781475}
    14791476div.activity-comments form input {
     
    14871484}
    14881485div.activity-comments form div.ac-reply-content {
     1486    color: #888;
     1487    font-size: 11px;
    14891488    margin-left: 50px;
    14901489    padding-left: 15px;
    1491     color: #888;
    1492     font-size: 11px;
    14931490}
    14941491
     
    15071504.ajax-loader {
    15081505    background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
     1506    display: none;
    15091507    padding: 8px 8px 3px 8px;
    1510     display: none;
    15111508}
    15121509a.loading {
     
    15261523}
    15271524div.dir-search input[type=text] {
     1525    font-size: 12px;
    15281526    padding: 0 3px;
    1529     font-size: 12px;
    15301527}
    15311528
     
    15411538}
    15421539div#message p {
    1543     padding: 10px 15px;
    15441540    font-size: 12px;
    15451541    display: block;
     1542    padding: 10px 15px;
    15461543}
    15471544div#message.error p {
    15481545    background: #e41717;
    1549     color: #fff;
    15501546    border-color: #a71a1a;
    15511547    clear: left;
     1548    color: #fff;
    15521549}
    15531550div#message.updated p {
    15541551    background: #dffcd9;
     1552    border-color: #c4e9bd;
    15551553    color: #1a9b00;
    1556     border-color: #c4e9bd;
    15571554}
    15581555.standard-form#signup_form div div.error {
     
    16261623.standard-form div.checkbox label,
    16271624.standard-form div.radio label {
     1625    color: #888;
     1626    font-size: 14px;
    16281627    font-weight: normal;
    16291628    margin: 5px 0 0 0;
    1630     font-size: 14px;
    1631     color: #888;
    16321629}
    16331630.standard-form#sidebar-login-form label {
     
    16681665}
    16691666.standard-form p.description {
    1670     font-size: 11px;
    16711667    color: #888;
     1668    font-size: 11px;
    16721669    margin: 5px 0;
    16731670}
    16741671.standard-form div.submit {
     1672    clear: both;
    16751673    padding: 15px 0 0 0;
    1676     clear: both;
    16771674}
    16781675.standard-form p.submit {
     1676    margin-bottom: 0;
    16791677    padding: 15px 0 0 0;
    1680     margin-bottom: 0;
    16811678}
    16821679.standard-form div.submit input {
     
    17401737    -webkit-border-radius: 3px;
    17411738    border-radius: 3px;
     1739    color: #888;
    17421740    cursor: pointer;
    1743     text-decoration: none;
    1744     color: #888;
    17451741    font-size: 12px;
    17461742    font-weight: normal;
    17471743    padding: 3px 10px;
     1744    text-decoration: none;
    17481745    vertical-align: bottom;
    17491746}
     
    17781775}
    17791776ul#topic-post-list li div.poster-meta {
     1777    color: #888;
    17801778    margin-bottom: 10px;
    1781     color: #888;
    17821779}
    17831780ul#topic-post-list li div.post-content {
     
    17881785}
    17891786div.admin-links {
     1787    color: #888;
     1788    font-size: 11px;
    17901789    position: absolute;
    17911790    top: 15px;
    17921791    right: 25px;
    1793     color: #888;
    1794     font-size: 11px;
    17951792}
    17961793div#topic-meta {
     1794    margin: -10px -19px;
    17971795    padding: 5px 19px 30px;
    1798     margin: -10px -19px;
    17991796    position: relative;
    18001797}
     
    18671864table.notification-settings .yes,
    18681865table.notification-settings .no {
     1866    text-align: center;
    18691867    width: 40px;
    1870     text-align: center;
    18711868}
    18721869table.forum {
     
    18801877}
    18811878table.forum tr.closed td.td-title {
    1882     padding-left: 35px;
    18831879    background-image: url( ../images/closed.png );
    18841880    background-position: 15px 50%;
    18851881    background-repeat: no-repeat;
     1882    padding-left: 35px;
    18861883}
    18871884table.forum td p.topic-text {
     
    19561953div#item-header h2 {
    19571954    font-size: 28px;
     1955    line-height: 120%;
    19581956    margin: 0 0 15px 0;
    1959     line-height: 120%;
    19601957}
    19611958div#item-header h2 a {
     1959    color: #777;
    19621960    text-decoration: none;
    1963     color: #777;
    19641961}
    19651962div#item-header img.avatar {
     
    19721969div#item-header span.activity,
    19731970div#item-header h2 span.highlight {
    1974     vertical-align: middle;
    19751971    font-size: 11px;
    19761972    font-weight: normal;
    19771973    line-height: 170%;
    19781974    margin-bottom: 7px;
     1975    vertical-align: middle;
    19791976}
    19801977div#item-header h2 span.highlight {
     
    20001997    font-size: 14px;
    20011998    color: #aaa;
    2002     padding-bottom: 10px;
    20031999    overflow: hidden;
    20042000    margin: 15px 0 5px 0;
     2001    padding-bottom: 10px;
    20052002}
    20062003div#item-header div#item-actions {
    20072004    float: right;
    2008     width: 20%;
    20092005    margin: 0 0 15px 15px;
    20102006    text-align: right;
     2007    width: 20%;
    20112008}
    20122009div#item-header div#item-actions h3 {
     
    20152012}
    20162013div#item-header ul {
     2014    margin-bottom: 15px;
    20172015    overflow: hidden;
    2018     margin-bottom: 15px;
    20192016}
    20202017div#item-header ul h5,
     
    20282025div#item-header ul img.avatar,
    20292026div#item-header ul.avatars img.avatar {
    2030     width: 30px;
    20312027    height: 30px;
    20322028    margin: 2px;
     2029    width: 30px;
    20332030}
    20342031div#item-header div.generic-button,
     
    20442041}
    20452042ul.item-list li {
     2043    border-bottom: 1px solid #eaeaea;
     2044    padding: 15px 0;
    20462045    position: relative;
    2047     padding: 15px 0;
    2048     border-bottom: 1px solid #eaeaea;
    20492046}
    20502047ul.single-line li {
     
    20592056    font-weight: normal;
    20602057    font-size: 14px;
     2058    margin: 0;
    20612059    width: 75%;
    2062     margin: 0;
    20632060}
    20642061ul.item-list li div.item-title span {
     2062    color: #999;
    20652063    font-size: 12px;
    2066     color: #999;
    20672064}
    20682065ul.item-list li div.item-desc {
     2066    color: #888;
     2067    font-size: 11px;
    20692068    margin: 10px 0 0 64px;
    2070     font-size: 11px;
    2071     color: #888;
    20722069    width: 50%;
    20732070}
     
    20792076}
    20802077ul.item-list li div.meta {
     2078    color: #888;
     2079    font-size: 11px;
    20812080    margin-top: 10px;
    2082     color: #888;
    2083     font-size: 11px;
    20842081}
    20852082ul.item-list li h5 span.small {
     2083    float: right;
     2084    font-size: 11px;
    20862085    font-weight: normal;
    2087     font-size: 11px;
    2088     float: right;
    20892086}
    20902087div.item-list-tabs {
     2088    background: #eaeaea;
    20912089    clear: left;
     2090    margin: 25px -19px 20px -19px;
    20922091    overflow: hidden;
    2093     margin: 25px -19px 20px -19px;
    2094     background: #eaeaea;
    20952092}
    20962093div.item-list-tabs ul li a {
     
    21302127}
    21312128div.item-list-tabs ul li a span {
     2129    color: inherit;
    21322130    display: inline;
    21332131    padding: 0;
    2134     color: inherit;
    21352132}
    21362133div.item-list-tabs ul li.selected a,
     
    21602157div.item-list-tabs#subnav {
    21612158    background: #fff;
     2159    border-bottom: 1px solid #eaeaea;
    21622160    margin: -15px -19px 15px -19px;
    2163     border-bottom: 1px solid #eaeaea;
    21642161    min-height: 35px;
    21652162    overflow: hidden;
     
    21982195}
    21992196div.messages-options-nav {
    2200     font-size: 11px;
    22012197    background: #eee;
    2202     text-align: right;
     2198    font-size: 11px;
    22032199    margin: 0 -19px;
    22042200    padding: 5px 15px;
     2201    text-align: right;
    22052202}
    22062203div#message-thread div.message-box {
     
    22202217}
    22212218div#message-thread strong {
     2219    font-size: 16px;
    22222220    margin: 0;
    2223     font-size: 16px;
    22242221}
    22252222div#message-thread strong a {
Note: See TracChangeset for help on using the changeset viewer.