Changeset 4477

Timestamp:

06/07/2011 10:00:42 PM (15 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 {