Charts, login, manage queue, styling

WebCms/Content/style.css

@@ -2,25 +2,110 @@
 /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
 
 h1 {
-	padding: 24px 0 0 0;
+	padding: 24px 0 12px 0;
 }
 
 p {
 	padding: 12px 0;
 }
 
-.home .row:first-child .column:first-child h1 {
+.home .dark .row:first-child .column:first-child h1 {
 	padding-top: 0px;
 }
 
-.home .row:first-child .column div {
-	padding: 10px;
+.home .blogarchive {
+	padding-top: 20px;
+}
+
+.banner-link {
+	white-space: normal;
+	padding: 20px;
 	background: #000000;
 	background: rgba(0, 0, 0, .5);
 	-moz-border-radius: 10px; 
 	border-radius: 10px; /* standards-compliant: (IE) */ 
 }
 
+.banner-link .glyphicon {
+	color: #8cc641;
+}
+
+a.banner-link:hover {
+	text-decoration: none;
+	background: rgba(0, 0, 0, 0.6);
+}
+a.banner-link:hover .glyphicon {
+	color: #a8ed4e;
+}
+
+.headline-icon h1:after {
+	color: #8cc641;
+	font-family: "Glyphicons Halflings";
+	font-size: .8em;
+	padding-left: 10px;
+}
+
+/* http://glyphicons.bootstrapcheatsheets.com/ */
+.headline-icon.headline-icon-none h1:after {
+}
+.headline-icon.headline-icon-file h1:after {
+	content:"\e022";
+}
+.headline-icon.headline-icon-leaf h1:after {
+	content:"\e103";
+}
+.headline-icon.headline-icon-question h1:after {
+	content:"\e085";
+}
+.headline-icon.headline-icon-stats h1:after {
+	content:"\e185";
+}
+.headline-icon.headline-icon-user h1:after {
+	content:"\e008";
+}
+.headline-icon.headline-icon-list h1:after {
+	content:"\e012";
+}
+
+.status:after {
+	font-family: "Glyphicons Halflings";
+	font-size: .8em;
+	padding-left: 5px;
+}
+
+.status.status-complete {
+	color: #337ab7;
+}
+.status.status-complete:after {
+	content:"\e084";
+}
+
+.status.status-running,.status.status-pending,.status.status-starting,.status.status-finishing {
+	color: #3c763d;
+}
+.status.status-running:after {
+	content:"\e089";
+}
+.status.status-starting:after {
+	content:"\e026";
+}
+.status.status-pending:after {
+	content:"\e023";
+}
+.status.status-finishing:after {
+	content:"\e027";
+}
+.status.status-exception {
+	color: #a94442;
+}
+.status.status-exception:after {
+	content:"\e101";
+}
+
+#chart {
+	padding-top: 20px;
+}
+
 .btn-file {
     position: relative;
     overflow: hidden;