Bootstrap 3

New: Updated UI
New: Mobile browser support
Fixed: /favicon.ico will return the favicon now

src/UI/Content/Overrides/bootstrap.less

@@ -1,48 +1,16 @@
 @import "../prefixer";
+@import "../Bootstrap/variables";
+@import "../variables";
+
+@input-border-focus: @droneTeal;
+@font-family-sans-serif:  "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@modal-md: 800px;
+@modal-lg: 800px;
 
 .label, .badge, i {
   cursor : default;
 }
 
-.input-group {
-  .input-group-addon {
-    margin-left : 0;
-  }
-}
-
-.label, .badge, .btn {
-  .text-shadow(none);
-}
-
-.btn {
-
-  text-transform : capitalize;
-  min-width      : 80px;
-  padding        : 4px 12px;
-
-  &.btn-xs {
-    min-width : 0px;
-  }
-
-  &.btn-icon-only {
-    min-width : 41px;
-  }
-  
-  &.btn-icon-only-xs {
-    @media (max-width: @screen-xs-max) {
-      min-width : 41px;
-   
-      span {
-          .responsive-invisibility();
-      }
-    }
-  }
-  
-  label, input {
-    padding: 0px;
-  }
-}
-
 .slide-button {
   min-width : 0px;
 }
@@ -60,3 +28,47 @@
 .tooltip-inner {
   word-wrap: break-word;
 }
+
+.dropdown-submenu {
+  position:relative;
+  & > .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;
+  }
+  & > 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 {
+  & > .dropdown-menu {
+    display:block;
+  }
+  & > a:after {
+    border-left-color:#ffffff;
+  }
+}
+.dropdown-submenu.pull-left {
+  float:none;
+  & > .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;
+  }
+}