采用ACE界面

OpenAuth.Mvc/Content/ace/css/less/ace-nav.less

@@ -0,0 +1,119 @@
+//ace top nav/bar
+
+@ace-nav-border: rgba(255,255,255,0.4);
+
+.navbar {
+  margin: 0;
+  padding-left: 0;
+  padding-right: 0;
+
+  border-width: 0;
+  border-radius : 0;
+ .box-shadow(none);
+
+  min-height: @navbar-min-height;
+
+  background: @navbar-background;
+
+  .navbar-text, .navbar-link {
+	 color: @navbar-text-color;
+  }
+
+  .navbar-brand {
+	 color: @navbar-text-color;
+	 font-size: @font-size-brand;
+	 text-shadow: none;
+
+	 padding-top: 10px;
+	 padding-bottom: 10px;
+
+	 height: auto;
+
+	 &:hover , &:focus {
+		color: @navbar-text-color;
+	 }
+  }
+}
+
+/**
+@media (min-width: @grid-float-breakpoint) {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
+    margin-left: 0;
+	margin-right: 0;
+  }
+}
+*/
+
+@media only screen and (min-width: @grid-float-breakpoint) {
+ .navbar-container {
+	padding-left: 10px;
+	padding-right: 10px;
+ }
+}
+//inside .container
+.navbar-container.container {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+
+
+//ace-nav
+@import "navbar/user-buttons.less";
+@import "navbar/user-dropdown-position.less";
+@import "navbar/user-buttons-move-down.less";//move down when screen size is below 460px (@screen-topbar-down) 
+@import "navbar/user-menu.less";//the menu and photo of logged in user
+
+//collapsible (.navbar.navbar-collapse)
+@import "navbar/collapsible.less";
+@import "navbar/navbar-menu-form.less";
+
+
+//some bs resetting!
+.navbar-fixed-top , .navbar-static-top , .navbar-fixed-bottom  {
+    .navbar-collapse {
+		padding-left: floor(@grid-gutter-width / 2);
+		padding-right: floor(@grid-gutter-width / 2);
+	}
+}
+
+
+
+
+////
+//this is only because of "inside-container"
+//we want the top blue section not to be more than 45px(inherit)
+ @media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max)  {
+  .navbar.navbar-collapse {
+	 background-color: transparent;
+
+	 &:before {
+			background: @navbar-background;
+			content: "";
+			display: block;
+
+			position: absolute;
+			min-height: inherit;
+
+			left: 0;
+			right: 0;
+			top: 0;
+
+			z-index: -1;
+			border-radius: inherit;
+	 }
+
+	.navbar-container {
+		background-color: @navbar-background;
+	}
+  }
+ }
+
+
+
+
+
+
+@import "navbar/toggle-button.less";
+