采用ACE界面

2026-04-24 13:11:46 +08:00 · 2016-10-14 11:22:16 +08:00
parent 007c901002
commit 9606a71f72
1536 changed files with 285929 additions and 7686 deletions
--- a/OpenAuth.Mvc/Content/ace/css/less/general.less
+++ b/OpenAuth.Mvc/Content/ace/css/less/general.less
@@ -0,0 +1,139 @@
+//some page-content variables
+@content-bg: #FFF;
+@content-header-border: #E2E2E2;
+@content-header-color: #2679B5;
+@content-header-small-color: #8089A0;
+
+
+html {
+  min-height: 100%;
+  position: relative;
+}
+
+body {
+  background-color: @body-background;
+  min-height: 100%;
+  padding-bottom: 0;
+
+  font-family: 'Open Sans';
+  font-size: @base-font-size;
+  color: @text-color;
+  
+  line-height: 1.5;
+}
+
+
+.main-container {
+	//this is the white page background, used especially when inside ".container"
+	//it will expand all the way down to fill all the page space
+	&:before {
+		display: block;
+		content: "";
+		position: absolute;
+		z-index: -2;
+		
+		width: 100%;
+		max-width: inherit;
+		bottom: 0;
+		top: 0;
+		
+		background-color: #FFF;
+	}
+
+	&.container {
+		&, .rtl & {padding-left: 0; padding-right: 0;}
+		
+		&:before {
+			.box-shadow(~"0 0 0 1px rgba(0,0,0,0.1)");
+			width: inherit;
+
+			//we use above+this instead of min-width, for better results when we disable responsiveness
+			@media (max-width: @screen-xs-max) {
+				.box-shadow(~"none");
+				width: 100%;
+			}
+		}
+	}
+}
+
+.main-content {
+	.clearfix;
+
+	margin-left: 0;
+	min-height: 100%;
+	padding: 0;
+	
+	.sidebar + & {
+		margin-left: @sidebar-width;
+	}
+}
+
+.page-content {
+	background-color: @content-bg;
+	position: relative;
+	margin: 0;
+	padding: @page-content-padding-top 20px 24px;
+}
+
+.page-header {
+	margin:0 0 12px;
+	border-bottom:1px dotted @content-header-border;
+	
+	padding-bottom: 16px;
+    padding-top: 7px;
+
+	h1 {
+	  padding: 0;
+	  margin: 0 8px;
+	  font-size: @font-size-content-header;
+	  font-weight: lighter;
+	  color: @content-header-color;
+
+	  small {
+		margin: 0 6px;
+		font-size: @font-size-content-header-small;
+		font-weight: normal;
+		color: @content-header-small-color;
+	  }//small
+	}//h1
+}
+
+
+.ajax-loading-overlay {
+	position: absolute;
+	z-index: 1999;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	
+	background-color: rgba(255, 255, 255, 0.5);
+	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#80FFFFFF', endColorstr='#80FFFFFF',GradientType=0 )";
+	
+	
+	> .ajax-loading-icon {
+		position: relative;
+		left: 8px;
+		top: 8px;
+	}
+	
+	&.content-loaded {
+		background-color: rgba(255, 255, 255, 0.4);
+		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#66FFFFFF', endColorstr='#66FFFFFF',GradientType=0 )";
+	}
+	&.almost-loaded {//just waiting for scripts
+		background-color: rgba(255, 255, 255, 0.3);
+		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF',GradientType=0 )";
+	}
+	
+	&.ajax-overlay-body {
+		position: fixed;
+		z-index: 2999;
+		
+		> .ajax-loading-icon {
+			left: 8px;
+			top: 8px;
+		}
+	}
+}
+