Changeset 4477

Timestamp:

06/07/2011 10:00:42 PM (14 years ago)

Author:

djpaul

Message:

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

File:

• trunk/bp-themes/bp-default/_inc/css/default.css (modified) (65 diffs)

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

@@ -34 +34 @@
     6.7 - Topics and Tables - Forums and General
     6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
-    6.9 - Private Messaging Threads 
+    6.9 - Private Messaging Threads
 --------------------------------------------------------------*/
 
@@ -69 +69 @@
     background-repeat: repeat-x;
     background-position: top left;
+    color: #555;
     font-size: 12px;
     font-family: Arial, Tahoma, Verdana, sans-serif;
     line-height: 170%;
-    color: #555;
-    width: 90%;
     min-width: 960px;
     max-width: 1250px;
     margin: 0 auto;
+    width: 90%;
 }
 .padder {
@@ -122 +122 @@
 }
 div#content .one-column {
+    border-right: 0 none;
     margin-right: 0;
-    border-right: 0 none;
 }
 div#content .left-menu {
@@ -200 +200 @@
 }
 #site-generator {
+    color: #bbb;
     margin: 20px 20px;
     text-align: center;
-    color: #bbb;
     text-shadow: #fafafa 1px 1px 0;
 }
 #footer-widget-area {
+    margin-top: -19px;
     overflow: hidden;
-    margin-top: -19px;
 }
 #footer-widget-area div.widget-area > ul {
@@ -218 +218 @@
 }
 #footer-widget-area h3.widgettitle {
-    margin: 0 0 10px 0;
     background: #eaeaea;
+    clear: left;
     padding: 5px 15px;
     font-size: 12px;
-    clear: left;
+    margin: 0 0 10px 0;
 }
 #footer-widget-area div div.item-options {
@@ -264 +264 @@
 }
 div#sidebar h3.widgettitle {
+    background: #eaeaea;
+    clear: left;
+    font-size: 12px;
     margin: 25px -20px 10px -19px;
-    background: #eaeaea;
     padding: 5px 15px;
-    font-size: 12px;
-    clear: left;
 }
 #footer-widget-area .widget_search,
@@ -276 +276 @@
 #footer-widget-area .widget_search input[type=text],
 div#sidebar .widget_search input[type=text] {
+    padding: 2px;
     width: 110px;
-    padding: 2px;
 }
 #footer-widget-area ul#recentcomments li,
@@ -287 +287 @@
 #footer-widget-area ul.item-list img.avatar,
 div#sidebar ul.item-list img.avatar {
-    width: 20px;
     height: 20px;
     margin-right: 10px;
+    width: 20px;
 }
 #footer-widget-area div.item-avatar img,
 div#sidebar div.item-avatar img {
-    width: 40px;
     height: 40px;
     margin: 1px;
+    width: 40px;
 }
 #footer-widget-area .avatar-block,
@@ -307 +307 @@
 #footer-widget-area div.item-options,
 div#sidebar div.item-options {
+    background: #f8f8f8;
+    font-size: 11px;
     margin: -10px -20px 0 -19px;
-    background: #f8f8f8;
     padding: 5px 15px;
-    font-size: 11px;
 }
 #footer-widget-area div.item-content {
@@ -318 +318 @@
 div#sidebar div.item-meta,
 div#sidebar div.item-content {
+    font-size: 11px;
     margin-left: 38px;
-    font-size: 11px;
 }
 #footer-widget-area div.tags div#tag-text,
@@ -338 +338 @@
     margin-bottom: 0;
 }
-.accessibly-hidden { 
-    left: -999em; 
-    position: absolute; 
+.accessibly-hidden {
+    left: -999em;
+    position: absolute;
 }
 hr {
@@ -374 +374 @@
     height: 0;
     line-height: 1;
+    position: relative;
     vertical-align: baseline;
-    position: relative;
 }
 pre, blockquote {
@@ -392 +392 @@
 }
 blockquote {
-    quotes: none;
-    font-style: italic;
-    padding: 0 3em;
     font-family: georgia, times, serif;
     font-size: 16px;
+    font-style: italic;
     line-height: 150%;
+    padding: 0 3em;
+    quotes: none;
 }
 blockquote p {
@@ -490 +490 @@
 #nav {
     margin: 0;
+    list-style: none;
+    max-width: 95%;
     padding: 0;
     position: absolute;
     right: 15px;
-    list-style: none;
     bottom: 0;
-    max-width: 95%;
 }
 #nav li a {
@@ -602 +602 @@
 --------------------------------------------------------------*/
 div.pagination {
+    background: #f4f4f4;
+    border: none;
+    color: #888;
+    font-size: 11px;
+    height: 19px;
     margin: -20px -19px 0px -19px;
     padding: 8px 20px;
-    color: #888;
-    font-size: 11px;
-    height: 19px;
-    background: #f4f4f4;
-    border: none;
     position: relative;
 }
@@ -662 +662 @@
     overflow: hidden;
     font-family: georgia, times, serif;
+    font-size: 14px;
     font-style: italic;
-    font-size: 14px;
+    margin: 5px 0 25px 0;
     padding: 5px 0;
-    margin: 5px 0 25px 0;
 }
 .comments {
@@ -864 +864 @@
 }
 .wp-caption img {
+    border: 0 none;
     margin: 0;
     padding: 0;
-    border: 0 none;
+
 }
 dd.wp-caption p.wp-caption-text,
@@ -872 +873 @@
     font-size: 0.9em;
     line-height: 17px;
+    margin: 0;
     padding: 5px 4px 5px 0;
-    margin: 0;
 }
 #content .gallery {
@@ -894 +895 @@
 --------------------------------------------------------------*/
 img.avatar {
-    float: left;
     border: 2px solid #eee;
+    float: left;
 }
 img.wp-smiley {
+    border: none !important;
+    clear: none !important;
+    float: none !important;
+    margin: 0 !important;
     padding: 0 !important;
-    margin: 0 !important;
-    border: none !important;
-    float: none !important;
-    clear: none !important;
 }
 img.centered,
@@ -911 +912 @@
 }
 img.alignright {
+    display: inline;
+    margin: 0 0 2px 7px;
     padding: 4px;
-    margin: 0 0 2px 7px;
+}
+img.alignleft {
     display: inline;
-}
-img.alignleft {
+    margin: 0 7px 2px 0;
     padding: 4px;
-    margin: 0 7px 2px 0;
-    display: inline;
 }
 
@@ -946 +947 @@
 h2.pagetitle,
 h2.posttitle {
+    line-height: 120%;
     margin: 0;
-    line-height: 120%;
 }
 h2.pagetitle a,
@@ -961 +962 @@
 div.post table,
 div.page table {
-    margin-bottom: 15px;
+    border: 1px solid #eee;
     border-collapse: collapse;
     border-spacing: 0;
-    border: 1px solid #eee;
+    margin-bottom: 15px;
 }
 div.post table th,
@@ -1012 +1013 @@
 p.date,
 p.postmetadata {
-    color: #888;
-    font-size: 12px;
-    font-family: Georgia, times, serif;
-    padding: 3px 0;
-    margin: 10px 0;
     border-bottom: 1px solid #e4e4e4;
     border-top: 1px solid #e4e4e4;
+    color: #888;
+    font-family: Georgia, times, serif;
+    font-size: 12px;
+    margin: 10px 0;
+    padding: 3px 0;
 }
 p.postmetadata {
@@ -1036 +1037 @@
 --------------------------------------------------------------*/
 #item-body form#whats-new-form {
+    border-bottom: 1px solid #ddd;
     margin: 20px 0 10px;
-    border-bottom: 1px solid #ddd;
 }
 .home-page form#whats-new-form {
@@ -1044 +1045 @@
 }
 form#whats-new-form h5 {
-    margin: 0;
     font-weight: normal;
     font-size: 12px;
     color: #888;
+    margin: 0;
     margin-left: 76px;
     padding: 0 0 3px 0;
@@ -1068 +1069 @@
 }
 form#whats-new-form textarea {
-    width: 100%;
+    border: none;
+    color: #555;
+    font-family: inherit;
+    font-size: 14px;
     height: 50px;
-    font-size: 14px;
-    font-family: inherit;
-    color: #555;
-    border: none;
     margin: 0;
     padding: 0;
+    width: 100%;
 }
 form#whats-new-form #whats-new-options select {
@@ -1094 +1095 @@
 --------------------------------------------------------------*/
 ul.activity-list li {
+    overflow: hidden;
     padding: 15px 0 0;
-    overflow: hidden;
 }
 .activity-list .activity-avatar {
@@ -1110 +1111 @@
 }
 .activity-list li.mini {
-    position: relative;
     font-size: 11px;
     min-height: 35px;
     padding: 15px 0 0 0;
+    position: relative;
 }
 .activity-list li.mini div.activity-meta {
@@ -1123 +1124 @@
 .activity-list li.mini .activity-avatar img.avatar,
 .activity-list li.mini .activity-avatar img.FB_profile_pic {
-    width: 20px;
     height: 20px;
     margin-left: 76px;
+    width: 20px;
 }
 .activity-list li.activity_comment .activity-avatar img.avatar,
 .activity-list li.activity_comment .activity-avatar img.FB_profile_pic {
-    width: 40px;
     height: 40px;
     margin-left: 20px;
+    width: 40px;
 }
 body.activity-permalink .activity-list > li:first-child {
@@ -1138 +1139 @@
 body.activity-permalink .activity-list li .activity-avatar img.avatar,
 body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic {
-    width: 100px;
     height: 100px;
     margin-left: 0;
+    width: 100px;
 }
 .activity-list li .activity-content {
@@ -1146 +1147 @@
 }
 .activity-list li.mini .activity-content p {
+    float: left;
     margin: 0;
-    float: left;
 }
 .activity-list li .activity-meta {
@@ -1155 +1156 @@
 }
 body.activity-permalink .activity-list .activity-meta {
+    right: 15px;
     top: 18px;
-    right: 15px;
 }
 body.activity-permalink .activity-list li.mini .activity-meta {
@@ -1168 +1169 @@
 }
 .activity-list li .activity-inreplyto {
-    font-size: 11px;
+    background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
     color: #888;
+    font-size: 11px;
     margin-left: 70px;
     margin-bottom: 15px;
     padding-left: 25px;
-    background: url( ../images/replyto_arrow.gif ) 7px 0 no-repeat;
 }
 .activity-list li .activity-inreplyto > p {
@@ -1184 +1185 @@
     border: none;
     display: inline;
-    padding: 0;
     margin: 0;
     overflow: hidden;
+    padding: 0;
 }
 .activity-list .activity-avatar img {
@@ -1215 +1216 @@
 body.activity-permalink .activity-list li .activity-header > p {
     background: url( ../images/activity_arrow.gif ) top left no-repeat;
+    height: 35px;
+    margin-bottom: 0;
     margin-left: -35px;
     padding: 5px 0 0 35px;
-    height: 35px;
-    margin-bottom: 0;
 }
 .activity-list .activity-content .activity-header,
 .activity-list .activity-content .comment-header {
-    font-size: 11px;
     color: #888;
+    font-size: 11px;
     line-height: 220%;
 }
@@ -1260 +1261 @@
 .activity-list .activity-content span.activity-header-meta a {
     background: none;
-    padding: 0;
-    font-size: 11px;
-    margin: 0;
     border: none;
     color: #aaa;
+    font-size: 11px;
+    margin: 0;
+    padding: 0;
     text-decoration: underline;
 }
@@ -1288 +1289 @@
 }
 .activity-list .activity-content img.thumbnail {
+    border: 2px solid #eee;
     float: left;
     margin: 0 10px 5px 0;
-    border: 2px solid #eee;
 }
 .activity-read-more {
@@ -1316 +1317 @@
 --------------------------------------------------------------*/
 div.activity-meta {
+    clear: left;
     margin: 0 0 20px 3px;
-    clear: left;
 }
 .activity-list div.activity-meta a {
@@ -1343 +1344 @@
 div.activity-meta a:hover {
     background: #aaa;
+    border-color: #aaa;
     color: #fff;
-    border-color: #aaa;
 }
 div.activity-meta a.acomment-reply:hover {
     background: #f7740a;
+    border-color: #f7740a;
     color: #fff;
-    border-color: #f7740a;
 }
 div.activity-comments {
+    margin: 0 0 0 75px;
+    overflow: hidden; /* IE fix */
     position: relative;
-    margin: 0 0 0 75px;
     width: auto;
-    overflow: hidden; /* IE fix */
 }
 body.activity-permalink div.activity-comments {
+ background: none;
+    margin-left: 135px;
     width: auto;
-    margin-left: 135px;
-    background: none;
 }
 div.activity-comments > ul {
@@ -1418 +1419 @@
     margin-top: 5px;
 }
-div.acomment-content .time-since {
-    display: none;
-}
-div.acomment-content .activity-delete-link {
-    display: none;
-}
+div.acomment-content .time-since,
+div.acomment-content .activity-delete-link,
 div.acomment-content .comment-header {
     display: none;
@@ -1431 +1428 @@
 }
 div.activity-comments div.acomment-meta {
-    font-size: 11px;
     color: #888;
+    font-size: 11px;
 }
 div.activity-comments form.ac-form {
@@ -1469 +1466 @@
 }
 div.activity-comments form textarea {
+    border: none;
+    color: #555;
+    font-family: inherit;
+    font-size: 11px;
+    height: 60px;
+    padding: 0;
     width: 100%;
-    font-family: inherit;
-    font-size: 11px;
-    color: #555;
-    height: 60px;
-    border: none;
-    padding: 0;
 }
 div.activity-comments form input {
@@ -1487 +1484 @@
 }
 div.activity-comments form div.ac-reply-content {
+    color: #888;
+    font-size: 11px;
     margin-left: 50px;
     padding-left: 15px;
-    color: #888;
-    font-size: 11px;
 }
 
@@ -1507 +1504 @@
 .ajax-loader {
     background: url( ../images/ajax-loader.gif ) center left no-repeat !important;
+    display: none;
     padding: 8px 8px 3px 8px;
-    display: none;
 }
 a.loading {
@@ -1526 +1523 @@
 }
 div.dir-search input[type=text] {
+    font-size: 12px;
     padding: 0 3px;
-    font-size: 12px;
 }
 
@@ -1541 +1538 @@
 }
 div#message p {
-    padding: 10px 15px;
     font-size: 12px;
     display: block;
+    padding: 10px 15px;
 }
 div#message.error p {
     background: #e41717;
-    color: #fff;
     border-color: #a71a1a;
     clear: left;
+    color: #fff;
 }
 div#message.updated p {
     background: #dffcd9;
+    border-color: #c4e9bd;
     color: #1a9b00;
-    border-color: #c4e9bd;
 }
 .standard-form#signup_form div div.error {
@@ -1626 +1623 @@
 .standard-form div.checkbox label,
 .standard-form div.radio label {
+    color: #888;
+    font-size: 14px;
     font-weight: normal;
     margin: 5px 0 0 0;
-    font-size: 14px;
-    color: #888;
 }
 .standard-form#sidebar-login-form label {
@@ -1668 +1665 @@
 }
 .standard-form p.description {
-    font-size: 11px;
     color: #888;
+    font-size: 11px;
     margin: 5px 0;
 }
 .standard-form div.submit {
+    clear: both;
     padding: 15px 0 0 0;
-    clear: both;
 }
 .standard-form p.submit {
+    margin-bottom: 0;
     padding: 15px 0 0 0;
-    margin-bottom: 0;
 }
 .standard-form div.submit input {
@@ -1740 +1737 @@
     -webkit-border-radius: 3px;
     border-radius: 3px;
+    color: #888;
     cursor: pointer;
-    text-decoration: none;
-    color: #888;
     font-size: 12px;
     font-weight: normal;
     padding: 3px 10px;
+    text-decoration: none;
     vertical-align: bottom;
 }
@@ -1778 +1775 @@
 }
 ul#topic-post-list li div.poster-meta {
+    color: #888;
     margin-bottom: 10px;
-    color: #888;
 }
 ul#topic-post-list li div.post-content {
@@ -1788 +1785 @@
 }
 div.admin-links {
+    color: #888;
+    font-size: 11px;
     position: absolute;
     top: 15px;
     right: 25px;
-    color: #888;
-    font-size: 11px;
 }
 div#topic-meta {
+    margin: -10px -19px;
     padding: 5px 19px 30px;
-    margin: -10px -19px;
     position: relative;
 }
@@ -1867 +1864 @@
 table.notification-settings .yes,
 table.notification-settings .no {
+    text-align: center;
     width: 40px;
-    text-align: center;
 }
 table.forum {
@@ -1880 +1877 @@
 }
 table.forum tr.closed td.td-title {
-    padding-left: 35px;
     background-image: url( ../images/closed.png );
     background-position: 15px 50%;
     background-repeat: no-repeat;
+    padding-left: 35px;
 }
 table.forum td p.topic-text {
@@ -1956 +1953 @@
 div#item-header h2 {
     font-size: 28px;
+    line-height: 120%;
     margin: 0 0 15px 0;
-    line-height: 120%;
 }
 div#item-header h2 a {
+    color: #777;
     text-decoration: none;
-    color: #777;
 }
 div#item-header img.avatar {
@@ -1972 +1969 @@
 div#item-header span.activity,
 div#item-header h2 span.highlight {
-    vertical-align: middle;
     font-size: 11px;
     font-weight: normal;
     line-height: 170%;
     margin-bottom: 7px;
+    vertical-align: middle;
 }
 div#item-header h2 span.highlight {
@@ -2000 +1997 @@
     font-size: 14px;
     color: #aaa;
-    padding-bottom: 10px;
     overflow: hidden;
     margin: 15px 0 5px 0;
+    padding-bottom: 10px;
 }
 div#item-header div#item-actions {
     float: right;
-    width: 20%;
     margin: 0 0 15px 15px;
     text-align: right;
+    width: 20%;
 }
 div#item-header div#item-actions h3 {
@@ -2015 +2012 @@
 }
 div#item-header ul {
+    margin-bottom: 15px;
     overflow: hidden;
-    margin-bottom: 15px;
 }
 div#item-header ul h5,
@@ -2028 +2025 @@
 div#item-header ul img.avatar,
 div#item-header ul.avatars img.avatar {
-    width: 30px;
     height: 30px;
     margin: 2px;
+    width: 30px;
 }
 div#item-header div.generic-button,
@@ -2044 +2041 @@
 }
 ul.item-list li {
+    border-bottom: 1px solid #eaeaea;
+    padding: 15px 0;
     position: relative;
-    padding: 15px 0;
-    border-bottom: 1px solid #eaeaea;
 }
 ul.single-line li {
@@ -2059 +2056 @@
     font-weight: normal;
     font-size: 14px;
+    margin: 0;
     width: 75%;
-    margin: 0;
 }
 ul.item-list li div.item-title span {
+    color: #999;
     font-size: 12px;
-    color: #999;
 }
 ul.item-list li div.item-desc {
+    color: #888;
+    font-size: 11px;
     margin: 10px 0 0 64px;
-    font-size: 11px;
-    color: #888;
     width: 50%;
 }
@@ -2079 +2076 @@
 }
 ul.item-list li div.meta {
+    color: #888;
+    font-size: 11px;
     margin-top: 10px;
-    color: #888;
-    font-size: 11px;
 }
 ul.item-list li h5 span.small {
+    float: right;
+    font-size: 11px;
     font-weight: normal;
-    font-size: 11px;
-    float: right;
 }
 div.item-list-tabs {
+    background: #eaeaea;
     clear: left;
+    margin: 25px -19px 20px -19px;
     overflow: hidden;
-    margin: 25px -19px 20px -19px;
-    background: #eaeaea;
 }
 div.item-list-tabs ul li a {
@@ -2130 +2127 @@
 }
 div.item-list-tabs ul li a span {
+    color: inherit;
     display: inline;
     padding: 0;
-    color: inherit;
 }
 div.item-list-tabs ul li.selected a,
@@ -2160 +2157 @@
 div.item-list-tabs#subnav {
     background: #fff;
+    border-bottom: 1px solid #eaeaea;
     margin: -15px -19px 15px -19px;
-    border-bottom: 1px solid #eaeaea;
     min-height: 35px;
     overflow: hidden;
@@ -2198 +2195 @@
 }
 div.messages-options-nav {
-    font-size: 11px;
     background: #eee;
-    text-align: right;
+    font-size: 11px;
     margin: 0 -19px;
     padding: 5px 15px;
+    text-align: right;
 }
 div#message-thread div.message-box {
@@ -2220 +2217 @@
 }
 div#message-thread strong {
+    font-size: 16px;
     margin: 0;
-    font-size: 16px;
 }
 div#message-thread strong a {