From cb475310b01d283594b0843069844bcb6cc2c159 Mon Sep 17 00:00:00 2001
From: andrewmbacon <andrew.bacon@me.com>
Date: Fri, 27 Jun 2014 12:05:22 -0400
Subject: [PATCH] Navigation

---
 style.css  | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
 style.scss | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 97 insertions(+)

diff --git a/style.css b/style.css
index bb61e78..bbceda0 100755
--- a/style.css
+++ b/style.css
@@ -168,6 +168,55 @@ img {
 
 /*	NAV
 --------------------------------------------------------------*/
+/* overwriting bootstrap 3's philosophical opposition to drop down menus. */
+.dropdown-submenu {
+  position: relative;
+}
+
+.dropdown-submenu > .dropdown-menu {
+  top: 0;
+  left: 100%;
+  margin-top: -6px;
+  margin-left: -1px;
+  -webkit-border-radius: 0 6px 6px 6px;
+  -moz-border-radius: 0 6px 6px 6px;
+  border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+}
+
+.dropdown-submenu > a:after {
+  display: block;
+  content: " ";
+  float: right;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #cccccc;
+  margin-top: 5px;
+  margin-right: -10px;
+}
+
+.dropdown-submenu:hover > a:after {
+  border-left-color: #ffffff;
+}
+
+.dropdown-submenu .pull-left {
+  float: none;
+}
+
+.dropdown-submenu.pull-left > .dropdown-menu {
+  left: -100%;
+  margin-left: 10px;
+  -webkit-border-radius: 6px 0 6px 6px;
+  -moz-border-radius: 6px 0 6px 6px;
+  border-radius: 6px 0 6px 6px;
+}
+
 .navbar-collapse {
   max-height: none;
 }
diff --git a/style.scss b/style.scss
index 5ffa72b..eb06c31 100644
--- a/style.scss
+++ b/style.scss
@@ -209,6 +209,54 @@ img {
 
 /*	NAV
 --------------------------------------------------------------*/		
+/* overwriting bootstrap 3's philosophical opposition to drop down menus. */
+.dropdown-submenu{
+    position:relative;
+	}
+ 
+	.dropdown-submenu > .dropdown-menu {
+		top:0;
+		left:100%;
+		margin-top:-6px;
+		margin-left:-1px;
+		-webkit-border-radius:0 6px 6px 6px;
+		-moz-border-radius:0 6px 6px 6px;
+		border-radius:0 6px 6px 6px;
+		}
+ 
+		.dropdown-submenu:hover > .dropdown-menu{
+			display:block;
+			}
+ 
+		.dropdown-submenu > a:after{
+			display:block;
+			content:" ";
+			float:right;
+			width:0;
+			height:0;
+			border-color:transparent;
+			border-style:solid;
+			border-width:5px 0 5px 5px;
+			border-left-color:#cccccc;
+			margin-top:5px;
+			margin-right:-10px;
+			}
+		 
+			.dropdown-submenu:hover > a:after{
+				border-left-color:#ffffff;
+				}
+ 
+		.dropdown-submenu .pull-left{
+			float:none;
+			}
+ 
+			.dropdown-submenu.pull-left > .dropdown-menu{
+				left:-100%;
+				margin-left:10px;
+				-webkit-border-radius:6px 0 6px 6px;
+				-moz-border-radius:6px 0 6px 6px;
+				border-radius:6px 0 6px 6px;
+				}
 
 .navbar-collapse {
 	max-height:none;