Changeset 798 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

Timestamp:

08/14/2014 08:08:13 PM (12 years ago)

Author:

coffee2code

Message:

Code Reference: sync SASS and CSS files; minor formatting tweaks

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss (modified) (17 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -1 +1 @@
 @import "reset";
 @import "global";
+
+.home .devhub-wrap {
+        #content {
+                padding: 0;
+        }
+        .site-header {
+                margin-bottom: 0;
+        }
+}
 
 .devhub-wrap {
@@ -49 +58 @@
         h1 {
                 font-size: 28px;
-                font-size: 2.8rem;
+                font-size: 3rem;
                 line-height: 32px;
                 line-height: 3.2rem;
+                font-weight: 300;
+                margin-bottom: 1.5rem;
         }
         h2 {
@@ -58 +69 @@
                 line-height: 26px;
                 line-height: 2.6rem;
+                font-weight: 300;
         }
         h3 {
@@ -64 +76 @@
                 line-height: 24px;
                 line-height: 2.4rem;
+                font-weight: 300;
         }
         h4 {
@@ -71 +84 @@
                 line-height: 2.2rem;
                 border-bottom: none;
+                font-weight: 300;
 
                 .dashicons {
@@ -82 +96 @@
                         width: 2.2rem;
                 }
+        }
+
+        main {
+                font-size: 1.5rem;
         }
 
@@ -336 +354 @@
         ----------------------------------------------- */
 
-        .widget {
-                margin: 0 0 1.5em;
-        }
-
         /* Make sure select elements fit in widgets */
         .widget select {
@@ -638 +652 @@
         .reference-landing {
                 padding: 1em 0;
+
                 .section {
                         max-width: 700px;
@@ -688 +703 @@
         }
         #sidebar {
-                padding: 0;
-                border: 2px solid #cecece;
-                background-color: #f4f3f3;
+                border: 1px solid #d0d0d0;
+                box-shadow: 0px 0px 5px #d0d0d0;
+                background-color: #f0f0f0;
                 & > ul {
                         padding: 0;
@@ -697 +712 @@
                         li {
                                 h2.widgettitle {
-                                background-color: #cecece;
+                                background-color: #d0d0d0;
                                 color: #8a8989;
                                 text-align: center;
@@ -706 +721 @@
                                 ul {
                                         list-style-type: none;
-                                        margin-left: 10px;
+                                        margin: 0 10px;
                                         padding: 15px 0;
                                         counter-reset: item;
@@ -713 +728 @@
                                                         content: counter(item);
                                                         counter-increment: item;
-                                                        background-color: #cecece;
+                                                        background-color: #d0d0d0;
                                                         width: 25px;
                                                         display: inline-block;
@@ -724 +739 @@
                                                 }
                                                 a {
-                                                        font-size: 14px;
+                                                        font-size: 16px;
                                                         color: #4b4b4b;
                                                         font-weight: bold;
@@ -731 +746 @@
                                                         list-style-type: none;
                                                         padding: 0;
-                                                        margin-left: 44px;
+                                                        margin: 0 0 0 35px;
                                                         li {
                                                                 &:before {
@@ -738 +753 @@
                                                                 a {
                                                                         font-weight: normal;
+                                                                        font-size: 14px;
                                                                 }
                                                                 ul {
@@ -748 +764 @@
                         }
                 }
+                .current-menu-item a {
+                        font-weight: bold !important;
+                        color: #246998;
+                }
+        }
+
+        .menu-item-has-children {
+                padding-bottom: 15px;
         }
 
@@ -1099 +1123 @@
                 }
         }
+
+        .table-of-contents {
+                float: right;
+                width: 200px;
+                background: #f5f5f5;
+                border: 1px solid #d6d6d6;
+                margin: 0 0 0 10px;
+                z-index: 1;
+                position: relative;
+
+                h2 {
+                        margin: 0;
+                        padding-bottom: 3px;
+                        text-align: center;
+                        text-transform: uppercase;
+                        font-size: 1em;
+                        letter-spacing: 3px;
+                        background: #d0d0d0;
+                        color: #8a8989;
+                }
+
+                ul,
+                ol {
+                        margin: 10px 20px;
+                }
+        }
+
+        ul.items {
+                margin-bottom: 8px !important;
+                list-style-type: none !important;
+                padding-right: 10px;
+
+                li {
+                        padding-bottom: 6px !important;
+
+                        ul li,
+                        ul li ul li {
+                                padding-bottom: 0 !important;
+                        }
+
+                        a {
+                                color: #555 !important;
+                        }
+                }
+        }
 }