Changeset 11020 for branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Content/Site.css

Timestamp:

06/16/14 10:37:22 (10 years ago)

Author:

mroscoe

Message:

First check-in for Matt Roscoe. Major revision, multiple new files created and multiple files changed.

File:

• branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Content/Site.css (modified) (4 diffs)

branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/Content/Site.css

@@ -61 +61 @@
 }
 
+/* Progress bar styles */
+.barLabel {
+  margin: 2% 0% 0% 10%;
+  font-size: 1.1em;
+  font-family: inherit;
+  color: #6B6B6B;
+  display: block;
+}
+
+.outerBar {
+  height: 25px;
+  width: 80%;
+  margin-left: 10%;
+  border: 2px outset grey;
+}
+
+.outerBar:last-of-type {
+  margin-bottom: 2%;
+}
+
+.innerBar {
+  height: 100%;
+  vertical-align: middle;
+  background: rgb(32,122,2); /* Old browsers */
+  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
+  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2EwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQwZDgwNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZkMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+  background: -moz-linear-gradient(top,  rgba(32,122,2,1) 0%, rgba(64,216,4,1) 50%, rgba(0,109,7,1) 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,122,2,1)), color-stop(50%,rgba(64,216,4,1)), color-stop(100%,rgba(0,109,7,1))); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  rgba(32,122,2,1) 0%,rgba(64,216,4,1) 50%,rgba(0,109,7,1) 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207a02', endColorstr='#006d07',GradientType=0 ); /* IE6-8 */
+  display: inline-block;
+}
+
+.innerBarText, .outerBarText {
+  height: auto;
+  margin: 0%;
+  margin-left: 1%;
+  font-family: inherit;
+  font-size: 1.4em;
+  text-shadow: 0px 0px 6px #D9FCE4;
+  color: #000000;
+  display: inline-block;
+}
+
+.outerBarText {
+  text-align: right;
+}
+
+/* Login Page Styles*/
 #login {
   display: block;
@@ -89 +141 @@
 }
 
-
 #login form {
   display: inline;
+}
+
+#loginForm ol {
+  list-style: none;
 }
 
@@ -160 +215 @@
 }
 
+input[type="text"], input[type="password"] {
+  border: 1px solid #CCC;
+}
+
+/*Index Page Styles*/
 fieldset {
   margin: 1em 0;
+  margin-bottom: 2em;
   padding: 1em;
   padding-top: 0;
-  border: 1px solid #CCC;
-}
-
-fieldset ol {
-  padding: 0;
-}
-
-fieldset li {
-  list-style: none;
-  margin: 0.5em 0;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  border: 1px solid #8297F5;
 }
 
@@ -180 +235 @@
   font-weight: 600;
   padding: 2px 4px 8px 4px;
-}
-
-input[type="text"], input[type="password"] {
-  border: 1px solid #CCC;
-}
-
-.charts {
+  color: #6B6B6B;
+}
+
+fieldset > label, fieldset > input {
+  font-size: 1.1em;
+  font-weight: 600;
+  color: #6B6B6B;
+  display: block;
+}
+
+fieldset > input {
+  margin-bottom: 2%;
+}
+
+.charts, .chartContainer, .collapse {
   font-size: 1.5em;
 }
 
-.charts > div {
-  height: 300px;
-  margin-top: 15px;
-  margin-bottom: 5px;
-  margin-left: 10px;
-  margin-right: 20px;
-}
+.chartContainer {
+  width: 90%;
+  padding: 3%;
+  margin: 3% 0% 3% 2%;
+  -webkit-border-radius: 15px;
+  -moz-border-radius: 15px;
+  border-radius: 15px;
+  -webkit-box-shadow: 5px 5px 3px #A3A3A2;
+  box-shadow: 5px 5px 3px #A3A3A2;
+  border: 3px solid #8297F5;
+}
+
+.chartContainer > .title {
+  width: 95%;
+  border-bottom: none;
+  display:inline-block;
+}
+
+.chartContainer canvas {
+  margin: 0% 0% 2% 6%;
+}
+
+.chartContainer > div {
+  width: 90%;
+  height: 180px;
+  margin-left: 3%;
+}
+
+.chartContainer > .smoothieHolder {
+  width: auto;
+  height: auto;
+  margin: 0%;
+}
+
+.chartContainer .smoothieLabel {
+  width: 100%;
+  margin: 10px;
+  display: block;
+  text-align: center;
+  font-family: inherit;
+  font-size: 13pt;
+  color: #707070;
+}
+
+.collapse {
+  width: 3%;
+  min-width: 20px;
+  margin: 0px;
+  background: none;
+  color: #F7921D;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  border: 2px solid #F7921D;
+  text-align: center;
+  font-size: 1em;
+  display: inline-block;
+}
+
+.collapse:hover {
+  background-color: rgba(247,146,29,0.42);
+}
+/* User Page Styles*/
+#tasksContainer div[id^="Task"] {
+  margin: 2% 0%;
+}
+
+#tasksContainer .jqplot-xaxis {
+  display: none;
+}
+
+label[id$="Info"] {
+  font-family: inherit;
+  font-size: 13pt;
+  color: #707070;
+}
+
+#filters {
+  margin: 2% 2% 3% 2%;
+}
+
+#filters legend, #filters label, #filters input {
+  font-size: 1.6em;
+}
+
+/* Admin Page Styles */
+[id$="OverviewButton"] {
+  margin: 3% 0% 0% 0%;
+  background: none;
+  color: #707070;
+  font-size: 1.4em;
+  -webkit-border-radius: 0 3px 0 0;
+  border-radius: 0 5px 0 0;
+  border: 1px solid #8297F5;
+  text-align: center;
+  z-index: 3;
+}
+
+#UserOverviewButton {
+  border-bottom: 1px solid #E0E6FF;
+  background-color: #E0E6FF;
+  margin-left: 3%;
+}
+
+[id$="OverviewButton"]:hover {
+  background-color: #D1D9FF;
+}
+
+[id$="OverviewButton"]:focus {
+  -webkit-border-radius: 0 3px 0 0;
+  border-radius: 0 5px 0 0;
+  border-bottom: 1px solid #FAFAFA;
+}
+
+[id$="OverviewTab"] {
+  width: 90%;
+  padding: 1%;
+  margin: 0% 0% 3% 3%;
+  -webkit-border-radius: 0 15px 15px 15px;
+  border-radius: 0 15px 15px 15px;
+  -webkit-box-shadow: 5px 5px 3px #A3A3A2;
+  box-shadow: 5px 5px 3px #A3A3A2;
+  border: 1px solid #8297F5;
+  display: none;
+}
+
+#UserOverviewTab {
+  display: block;
+}
+
+.usersField {
+  width: 20%;
+  padding: 1% 2% 2% 2%;
+  margin: 1% 0% 2% 2%;
+  font-size: 1.4em;
+  vertical-align: top;
+  display: inline-block;
+}
+
+.usersList {
+  width: 100%;
+  font-family: inherit;
+  font-size: 10pt;
+  color: #707070;
+}
+
+.usersField label {
+  margin-top: 1em;
+}
+
+.adminDataContainer {
+  width: 70%;
+  padding-left: 1%;
+  display: inline-block;
+}