Change #Breadcrumbs to a css class. This allows the formatting to be

used multiple times on the same page. (For example in a dialog box
such as in jhilden's upload mockup)

3 files changed, 10 insertions, 10 deletions

diff --git a/themes/default/css/fix-ie.css b/themes/default/css/fix-ie.css
index ed5abcae..664e79a9 100644
--- a/themes/default/css/fix-ie.css
+++ b/themes/default/css/fix-ie.css
@@ -3,7 +3,7 @@
  */
 #gHeader,
 #gSiteMenu,
-#gBreadcrumbs,
+.gBreadcrumbs,
 #gAlbumGrid,
 #gPager,
 #gViewMenu {
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 2715cd95..18395db6 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -525,7 +525,7 @@ form p.gError {
  *********************************************************************/
 
 #gSiteMenu,
-#gBreadcrumbs,
+.gBreadcrumbs,
 #gTagCloud ul {
   font-size: 1.2em;
 }
@@ -589,7 +589,7 @@ form p.gError {
 
 /* Breadcrumbs ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
-#gBreadcrumbs {
+.gBreadcrumbs {
   background-color: #fff;
   border-top: 1px solid #ccc;
   clear: both;
@@ -597,22 +597,22 @@ form p.gError {
   padding-left: 20px;
 }
 
-#gBreadcrumbs li {
+.gBreadcrumbs li {
   background: transparent url('../images/ico-separator.gif') no-repeat scroll left center;
   float: left;
   padding: 10px 6px 10px 16px;
 }
 
-#gBreadcrumbs li.root {
+.gBreadcrumbs li.root {
   background: transparent;
 }
 
-#gBreadcrumbs li a,
-#gBreadcrumbs li span {
+.gBreadcrumbs li a,
+.gBreadcrumbs li span {
   display: block;
 }
 
-#gBreadcrumbs li.active span {
+.gBreadcrumbs li.active span {
   font-weight: bold;
 }
 
@@ -706,7 +706,7 @@ form p.gError {
  *********************************************************************/
 
 #gSiteMenu:after,
-#gBreadcrumbs:after,
+.gBreadcrumbs:after,
 #gAlbumGrid:after,
 #gPager:after,
 #gViewMenu:after {
diff --git a/themes/default/views/header.html.php b/themes/default/views/header.html.php
index 2f40d8a9..110b6c22 100644
--- a/themes/default/views/header.html.php
+++ b/themes/default/views/header.html.php
@@ -11,7 +11,7 @@
 <?= $theme->header_bottom() ?>
 
 <? if (!empty($parents)): ?>
-<ul id="gBreadcrumbs">
+<ul class="gBreadcrumbs">
   <? foreach ($parents as $parent): ?>
   <li><a href="<?= url::site("albums/{$parent->id}?show=$item->id") ?>"><?= $parent->title ?></a></li>
   <? endforeach ?>