From 047a70e2329b8903756b7b73ce463ace543aa52b Mon Sep 17 00:00:00 2001
From: Luzifr <szekely@woltlab.com>
Date: Tue, 25 Oct 2011 15:15:50 +0200
Subject: [PATCH] Bread Crumbs

Fully working; ToDo: Bread crumbs without a link!
---
 com.woltlab.wcf/template/breadcrumbs.tpl   |  2 +-
 wcfsetup/install/files/acp/style/style.css | 88 ++++++++++++++++++++++
 2 files changed, 89 insertions(+), 1 deletion(-)

diff --git a/com.woltlab.wcf/template/breadcrumbs.tpl b/com.woltlab.wcf/template/breadcrumbs.tpl
index 67f7f3520f..11da7f477b 100644
--- a/com.woltlab.wcf/template/breadcrumbs.tpl
+++ b/com.woltlab.wcf/template/breadcrumbs.tpl
@@ -1,7 +1,7 @@
 <nav class="breadcrumbs">
 	<ul>
 		{foreach from=$__wcf->getBreadcrumbs()->get() item=$breadcrumb}
-			<li>
+			<li title="{$breadcrumb->getLabel()}">
 				{if $breadcrumb->getURL()}<a href="{$breadcrumb->getURL()}">{/if}<span>{$breadcrumb->getLabel()}</span>{if $breadcrumb->getURL()}</a>{/if} <span><span>&raquo;</span></span>
 			</li>
 		{/foreach}
diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index 8dcdd3c555..f108f46669 100644
--- a/wcfsetup/install/files/acp/style/style.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -1528,6 +1528,94 @@ input[type='button'],
 
 
 
+/* ############## Bread Crumbs ############## */
+
+/* Globals */
+
+.breadcrumbs {
+	font-size: 100%;
+	text-align: left;
+	border: 1px solid #ccc;
+	border-radius: 5px;
+	background-color: rgba(255, 255, 255, 1);
+	margin-bottom: 7px !important;
+	display: block;
+	position: relative;
+	overflow: hidden;
+}
+
+.breadcrumbs ul li {
+	list-style: none;
+	float: left;
+	position: relative;
+}
+
+/* Arrow */
+
+.breadcrumbs ul li > span {
+	border-width: 15px;
+	border-style: solid none solid solid;
+	border-color: transparent transparent transparent #ccc;
+	display: block !important;
+	position: absolute;
+	width: 0;
+	height: 0;
+	top: -4px;
+	right: -15px;
+	z-index: 100;
+}
+
+.breadcrumbs ul li > span > span {
+	text-indent: -9000px;
+	border-width: 15px;
+	border-style: solid none solid solid;
+	border-color: transparent transparent transparent #fff;
+	display: block;
+	position: absolute;
+	width: 0;
+	height: 0;
+	top: -15px;
+	left: -16px;
+	overflow: hidden;
+}
+
+/* Caption */
+
+.breadcrumbs ul li a {
+	text-decoration: none;
+	color: #999;
+	margin: 0;
+	padding: 5px 1px 5px 20px;
+	display: inline-block;
+	max-width: 200px;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.breadcrumbs ul li:first-child a {
+	border-radius: 5px 0 0 5px;
+	background-image: url('../wcf/icon/home1.svg');
+	background-position: 7px center;
+	background-repeat: no-repeat;
+	background-size: 16px;
+	padding-left: 30px;
+}
+
+.breadcrumbs ul li:hover a,
+.breadcrumbs ul li:last-child a {
+	color: #369;
+	background-color: #e7f2fd;
+	position: relative;
+	z-index: 90;
+}
+
+.breadcrumbs ul li:hover > span > span,
+.breadcrumbs ul li:last-child > span > span{
+	border-color: transparent transparent transparent #e7f2fd;
+}
+
+
+
 /* ############## Tables ############## */
 
 /* Globals */
-- 
2.20.1