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

Commit: 82f2699f2c044dbd5cacf61758f84c965b3a683a Author: Hannes Magnusson <bjori@mongodb.com> Thu, 21 Nov 2013 16:48:55 -0800 Parents: 266cb08204d83eaa16bcfafada7a9493b6eb179f Branches: master Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=82f2699f2c044dbd5cacf61758f84c965b3a683a 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; } /* }}} */