breadcrumb

example/assets/css/main.css

@@ -6,7 +6,7 @@ body {
 }
 
 a {
-    color: black;
+    color: #222;
 }
 
 #content {
@@ -55,10 +55,36 @@ footer {
     font-weight: bold;
 }
 
-#langSelect a img {
+.langSelect a img {
     border: 2px solid grey;
 }
 
-#langSelect a:hover img {
+.langSelect a:hover img, .langSelect a.active img {
     border: 2px solid black;
+}
+
+header .langSelect {
+    float: right;
+    padding: 20px;
+}
+
+#breadcrumb {
+    background-color: white;
+    padding-left: 20px;
+    padding-top: 20px;
+}
+
+#breadcrumb a {
+    text-decoration: none;
+    font-size: 0.6em;
+    color: #555;
+    padding-right: 10px;
+}
+
+#breadcrumb a:hover {
+    color: #000;
+}
+
+#breadcrumb a:before {
+    content: "▶ ";
 }