Changeset 9823 for trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

Timestamp:

04/30/2015 05:58:56 PM (10 years ago)

Author:

hnla

Message:

Updates to twentyfourteen complimentary styles

General style updates & corrections

• Updates various user account screen elements
• Updates general form styles
• Corrects item-body background

See #6338

File:

• trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss (modified) (12 diffs)

trunk/src/bp-templates/bp-legacy/css/twentyfourteen.scss

@@ -116 +116 @@
 $notice-warning:         #d05656;
 $notice-info:            #9fd1e2;
+$stripe-odd:             #ebf0ff;
+$stripe-even:            #dbe5ff;
+$unread:                 #cddaff;
 
 // 2014 font family
@@ -269 +272 @@
 }
 
+// Add a little bottom margin to subnav up to vert nav display point
+// for user/group screens
+// @todo object nav/subnav needs display solution/styling for stacked views
+@media screen and (max-width: 783px) {
+    #buddypress {
+        div#subnav.item-list-tabs {
+            margin-bottom: $spacing-val-lg;
+        }
+    }
+}
+
 /*__ Vertical Menu User Account Screens __*/
 
@@ -279 +293 @@
 
 @media screen and (min-width: 783px) {
+
+    .bp-user,
+    .single-item.groups {
+        #buddypress {
+            background: lighten($nav-background-border, 10%);
+        }
+    }
+
     #buddypress {
-        background: lighten($nav-background-border, 10%);
 
         #item-header,
@@ -344 +365 @@
             }
         }
-    } // close .bp-user #buddypress
+    } // close  #buddypress
 } // close @media
 
@@ -352 +373 @@
 *----------------------------------------------------------
 */
+
+#buddypress {
+    div.pagination {
+        .pag-count {
+            margin-left: 0;
+        }
+    }
+}
 
 /**
@@ -510 +539 @@
 */
 #buddypress {
-    #whats-new-form {
+    form#whats-new-form {
         margin: $spacing-val-lg 0;
+
+        // Line-height issue inherited from BP rules, override.
+        p.activity-greeting {
+            line-height: inherit;
+        }
 
         textarea#whats-new {
@@ -939 +973 @@
     } // close .profile
 
+/**
+    *------------------------------
+    * @subsection 6.2.2.5 - Messaging
+    *------------------------------
+    */
+
+    table#message-threads {
+
+        .bulk-select-check {
+            width: 5%;
+        }
+
+        .thread-from,
+        .thread-info {
+            width: 35%;
+        }
+
+        .thread-options {
+            width: 25%;
+        }
+
+        tr {
+            td {
+                background: $stripe-odd;
+            }
+        }
+
+        tr.alt {
+            td {
+                background: $stripe-even;
+            }
+        }
+
+        tr.unread {
+            td {
+                background: $unread;
+                border-bottom: 1px solid #e4cdff;
+                border-top: 1px solid #e4cdff;
+            }
+        }
+
+        tr.read {
+            td {
+                opacity: 0.5;
+            }
+        }
+    }
+
+/**
+    *------------------------------
+    * @subsection 6.2.2.6 - Settings
+    *------------------------------
+    */
+
+    // Profile table td widths
+    table.profile-settings {
+        width: 100%;
+
+        th,
+        td {
+            clear: none;
+            width: 50%;
+        }
+    }
+
 } // close #buddypress - user acounts item-body
 /*------------------------------------------------------------------------------
@@ -949 +1048 @@
 #buddypress {
 
+    input[type="text"],
+    input[type="email"],
+    input[type="password"],
+    input[type="submit"],
+    select,
+    textarea {
+        border: 1px solid $border-med;
+    }
+
     .standard-form {
         input[type="text"],
+        input[type="email"],
+        input[type="password"],
+        input[type="submit"],
         textarea {
             width: 100%;
@@ -970 +1081 @@
     }
 
-    select {border: 1px solid rgba($border-color, 0.5);}
-
 } // close #buddypress
 
@@ -977 +1086 @@
     div.dir-search,
     div.message-search {
+        clear: both;
         float: none;
         margin: $spacing-val-sm 0;
@@ -994 +1104 @@
                 float: left;
                 margin: 0;
-                width: 100%;
+                width: 80%;
             }
 
@@ -1026 +1136 @@
         div.dir-search,
         div.message-search {
+            clear: none;
             float: right;
             margin: 0;