[PHP-WEBMASTER] com web/php: Make breadcrumbs look like they are part of the main menu: include/header.inc styles/theme-base.css styles/theme-medium.css

[Paul Dragoonis]

Commit:    69d5ae983e61e2fa99711852cc30e3fda2f279b9
Author:    Hannes Magnusson <bj...@mongodb.com>         Thu, 21 Nov 2013 
16:48:55 -0800
Parents:   ee4b2574a17c3705b9e836e03233926542f49867
Branches:  master

Link:       
http://git.php.net/?p=web/php.git;a=commitdiff;h=69d5ae983e61e2fa99711852cc30e3fda2f279b9

Log:
Make breadcrumbs look like they are part of the main menu

..Will be going through other pages to add this to them too while
Adam fixes this since apparently a toddler is better at css then I am! :D

Changed paths:
  M  include/header.inc
  M  styles/theme-base.css
  M  styles/theme-medium.css


Diff:
diff --git a/include/header.inc b/include/header.inc
index f0c5fd1..e6791e6 100755
--- a/include/header.inc
+++ b/include/header.inc
@@ -94,6 +94,33 @@ if (isset($shortname) && $shortname) {
   </div>
 </nav>
 
+<?php if (!empty($config['breadcrumbs'])): ?>
+  <div id="breadcrumbs" class="container">
+<ul>
+<?php
+      if (isset($config['prev'])) {
+        echo "<li class='prev'><a class='prev' 
href='{$config['prev'][0]}'>&laquo; {$config['prev'][1]}</a></li>";
+      }
+?>
+    <li><ul>
+      <?php
+          $breadcrumbs = $config['breadcrumbs'];
+          $last = array_pop($breadcrumbs);
+          foreach ($breadcrumbs as $crumb) {
+              echo "      <li><a href='{$crumb['link']}'>{$crumb['title']}</a> 
<span class='divider'></span></li>";
+          }
+          echo "      <li><a href='{$last['link']}'>{$last['title']}</a></li>";
+
+      ?>
+    </ul></li>
+<?php
+      if (isset($config['next'])) {
+          echo "<li class='next'><a class='next' 
href='{$config['next'][0]}'>{$config['next'][1]} &raquo;</a></li>";
+      }
+?>
+  </ul></div>
+<?php endif; ?>
+
 
 
 <?php if (!empty($config['intro'])):?>
@@ -105,33 +132,6 @@ if (isset($shortname) && $shortname) {
 <?php endif;?>
 
 <div id="layout" class="container">
-<?php if (!empty($config['breadcrumbs'])): ?>
-  <div id="breadcrumbs" class="row-fluid">
-    <div class="breadcrumbs-inner">
-    <ul>
-      <?php
-          $breadcrumbs = $config['breadcrumbs'];
-          $last = array_pop($breadcrumbs);
-          foreach ($breadcrumbs as $crumb) {
-              echo "      <li><a href='{$crumb['link']}'>{$crumb['title']}</a> 
<span class='divider'>/</span></li>";
-          }
-          echo "      <li><a href='{$last['link']}'>{$last['title']}</a></li>";
-
-      ?>
-    </ul>
-      <div id="prevnext-container">
-        <?php
-          if (isset($config['prev'])) {
-            echo "<a class='prev' href='{$config['prev'][0]}'>&laquo; 
{$config['prev'][1]}</a>";
-          }
-          if (isset($config['next'])) {
-            echo "<a class='next' 
href='{$config['next'][0]}'>{$config['next'][1]} &raquo;</a>";
-          }
-        ?>
-      </div>
-    </div>
-  </div>
-<?php endif; ?>
 
   <div class="row-fluid">
 <?php if (!empty($config["leftmenu"])): ?>
diff --git a/styles/theme-base.css b/styles/theme-base.css
index 05740af..88b641d 100755
--- a/styles/theme-base.css
+++ b/styles/theme-base.css
@@ -3240,29 +3240,33 @@ div.soft-deprecation-notice blockquote.sidebar {
 
 #breadcrumbs {
     border:1px solid;
-    margin:0 0 0.85714285714286em;
+    margin:0 auto;
     font-size:.875em;
     line-height:1.71428571428571;
 }
-#breadcrumbs .breadcrumbs-inner {
-    padding:.5em .75em;
-}
 #breadcrumbs ul {
     padding:0;
     margin:0;
+    background-color: rgb(153, 153, 204);
 }
 #breadcrumbs li {
     display:inline-block;
 }
-#breadcrumbs .divider {
-    padding:0 .25em;
-}
 #breadcrumbs a:link,
 #breadcrumbs a:visited {
     border-width:0;
+    color: #fff;
+}
+#breadcrumbs a {
+    padding: .25em 1em;
+    display: inline-block;
+    background-color: rgb(153, 153, 204);
 }
 
-#prevnext-container .next {
+#breadcrumbs .prev {
+    float: left;
+}
+#breadcrumbs .next {
     float: right;
 }
 
@@ -3531,3 +3535,4 @@ aside.tips div.inner {
 }
 
 /* }}} */
+
diff --git a/styles/theme-medium.css b/styles/theme-medium.css
index 46b952d..31a7ff2 100755
--- a/styles/theme-medium.css
+++ b/styles/theme-medium.css
@@ -344,25 +344,34 @@ aside.tips div.border {
 
 /* {{{ Breadcrumbs */
 #breadcrumbs {
-    color: #737373;
-    background:#f2f2f2;
-    border-color: #e0e0e0;
+    color: #669;
+    background-color: #669;
     border-bottom-color: #d9d9d9;
-    -moz-border-radius:2px;
-    border-radius:2px;
+       font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
+       text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+       border-color: rgb(153, 153, 204);
+       box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 10px 0px;
+       border-top: 0px;
+}
+#breadcrumbs li ul {
 }
+#breadcrumbs li.prev a,
+#breadcrumbs li.next a,
 #breadcrumbs li:last-child a {
-    color:#4D4D4D;
+    color:#fff;
+       background-color: rgb(102, 102, 153);
 }
 #breadcrumbs a:link,
 #breadcrumbs a:visited {
-  color:#369;
+  color:#eff;
 }
+#breadcrumbs li.prev,
+#breadcrumbs li.next,
 #breadcrumbs li:last-child a:hover,
 #breadcrumbs li:last-child a:focus,
 #breadcrumbs a:hover,
 #breadcrumbs a:focus {
-  color:#693;
+  color:#fff;
 }
 /* }}} */


--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php