Changeset 550

Timestamp:

04/23/2014 11:01:53 PM (11 years ago)

Author:

samuelsidler

Message:

P2 theme, handbook pages: Add new design to handbooks. Fixes #430. Props sonjanyc

Location:

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

Files:

• entry-handbook.php (modified) (2 diffs)
• single-handbook.php (modified) (1 diff)
• style.css (modified) (5 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2/entry-handbook.php

@@ -7 +7 @@
 ?>
 <li id="prologue-<?php the_ID(); ?>" <?php post_class(); ?>>
-    <h4>
+    <h6>
         <span class="meta">
             <span class="actions">
@@ -32 +32 @@
             <?php endif; ?>
         </span>
-    </h4>
+    </h6>
 
     <?php

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-p2/single-handbook.php

@@ -11 +11 @@
 
     <div id="main">
-        <h2>Handbook</h2>
-        <h3 class="handbook-page-title"><?php the_title(); ?></h3>
+        <h2 class="handbook-page-title"><?php the_title(); ?></h2>
         <?php if ( have_posts() ) : ?>
 

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

@@ -19 +19 @@
 .single-handbook #sidebar {
     float: left;
-    margin-left: 0;
-    margin-right: -1px;
+    margin-left: 6px;
 }
 
@@ -26 +25 @@
 .post-type-archive-handbook ul#menu-table-of-contents a[href="#"],
 .single-handbook ul#menu-table-of-contents a[href="#"]{
-    font-weight: normal;
-    color: #555;
-    font-size: 125%;
+    font-weight: bold;
+    color: #555;
+    font-size: 115%;
     padding: 4px 0;
     display: block;
     cursor: text;
+}
+
+.post-type-archive-handbook ul#menu-table-of-contents a,
+.single-handbook ul#menu-table-of-contents a {
+    color: #555;
+}
+
+.post-type-archive-handbook h2.widgettitle,
+.single-handbook h2.widgettitle {
+    background: #d6d6d6;
+    margin-bottom: 0!important;
+    text-align: center;
+    text-transform: uppercase;
+    letter-spacing: 3px;
+    font-size: 0.6em;
+    padding: 5px 0;
+}
+
+.single-handbook a {
+    color: #267db2;
+}
+
+.single-handbook .current-menu-item a {
+    color: #267db2!important;
+    font-weight: bold!important;
+}
+
+.single-handbook .current-menu-item ul li a {
+    color: #555!important;
+    font-weight: normal!important;
+}
+
+.single-handbook a:hover,
+.single-handbook .current-menu-item ul li a:hover {
+    color: #d54e21!important;
+}
+
+.single-handbook div.table-of-contents {
+    float: right;
+    width: 200px;
+    background: #f5f5f5;
+    border: 1px solid #d6d6d6;
+    margin: 0 0 0 10px;
+    z-index: 1;
+    position: relative;
+}
+
+.single-handbook div.table-of-contents h2 {
+    margin: 0;
+    padding-bottom: 8px!important;
+    text-align: center;
+    text-transform: uppercase;
+    font-size: 1em!important;
+    letter-spacing: 3px;
+    background: #d6d6d6;
+}
+
+.single-handbook ul.items {
+    margin-bottom: 8px!important;
+    list-style-type: none!important;
+    padding-right: 10px;
+}
+
+.single-handbook ul.items li {
+    padding-bottom: 6px!important;
+}
+
+.single-handbook ul.items li ul li,
+.single-handbook ul.items li ul li ul li {
+    padding-bottom: 0!important;
+}
+
+.single-handbook ul.items li a {
+    color: #555;
+}
+
+li.type-handbook {
+    padding-top: 0!important;
 }
 
@@ -44 +121 @@
 .handbook-page-title {
     font-size: 2em;
-    padding-bottom: 4px;
-    color: #777;
 }
 
@@ -69 +144 @@
     font-size: 16px;
     font-weight: bold;
-    margin: 1em 0;
+    margin: 0;
+}
+
+ul#menu-table-of-contents {
+    padding: 12px;
+    background: #f5f5f5;
 }
 
@@ -174 +254 @@
 }
 
-#main span.meta span.actions {
-    top: 6px;
+#main h6 {
+    background-color: #f5f5f5;
+    height: 20px;
+    padding: 0;
+    margin: 0 0 20px 0;
+}
+
+#main h6 span.meta span.actions {
+    font-size: 1.5em;
+    font-family: Arial;
+}
+
+#main h6 span.meta span.actions a,
+#main h6 span.meta span.actions a:active,
+#main h6 span.meta span.actions a:visited,
+#main .selected h6 span.meta span.actions a,
+#main .selected h6 span.meta span.actions a:active,
+#main .selected h6 span.meta span.actions a:visited {
+    color: #555;
+    text-decoration: none!important;
+    border-bottom: 0;
+}
+
+#main h6 span.meta span.actions a:hover,
+#main .selected h6 span.meta span.actions a:hover {
+    color: #d54e21;
 }