Changeset 4302

Timestamp:

10/27/2016 10:50:16 AM (8 years ago)

Author:

pento

Message:

Breathe: Add some styling for the the handbook "Chapters" menu.

See #1825.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe

Files:

• functions.php (modified) (1 diff)
• style.css (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/functions.php

@@ -47 +47 @@
 
     // Cacheing hack
-    wp_enqueue_style( 'wporg-breathe', get_stylesheet_uri(), array( 'p2-breathe' ), '20161019' );
+    wp_enqueue_style( 'wporg-breathe', get_stylesheet_uri(), array( 'p2-breathe' ), '20161027' );
 }
 add_action( 'wp_enqueue_scripts', __NAMESPACE__ . '\styles', 11 );

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-breathe/style.css

@@ -139 +139 @@
 #secondary-content .navigation-main ul li:hover > a,
 #secondary-content .navigation-main ul li.current-menu-item a {
-}
-
-#secondary-content .menu-table-of-contents-container ul li > ul li ul {
-    margin-top: 4px;
-    margin-bottom: -4px;
 }
 
@@ -746 +741 @@
     }
 }
+
+/** Menu */
+
+.widget_wporg_handbook_pages h1 {
+    font-size: 1.6em;
+    font-weight: bold;
+    margin-bottom: 0.6em;
+}
+
+.menu-table-of-contents-container > ul {
+    border-bottom: 1px solid #eee;
+}
+
+#secondary .menu-table-of-contents-container ul {
+    margin-left: 0;
+}
+
+#secondary .menu-table-of-contents-container li {
+    border-top: 1px solid #eee;
+    padding: 0;
+}
+
+.menu-table-of-contents-container > ul > li ul {
+    background-color: #f6f6f6;
+}
+
+.menu-table-of-contents-container a {
+    display: block;
+    width: 100%;
+    padding: 5px 0 5px 10px;
+    color: #23282d;
+}
+
+.menu-table-of-contents-container .current-menu-item a {
+    color: #191e23;
+    font-weight: bold;
+}
+
+.menu-table-of-contents-container > ul > li > ul > li > ul a {
+    border-left: 10px solid #d5d5d5;
+    padding-left: 15px;
+}
+
+.menu-table-of-contents-container a:hover {
+    color: #fff;
+    background-color: #0073aa;
+}
+
+.menu-table-of-contents-container > ul > li > ul > li > ul a:hover {
+    border-left: 0;
+    padding-left: 25px;
+}