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

Timestamp:

06/20/14 16:20:02 (10 years ago)

Author:

mroscoe

Message:

 

File:

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

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

@@ -39 +39 @@
 body > div {
   max-width: 1000px;
+  min-width: 680px;
   margin: 0 auto;
   padding: 0;
@@ -44 +45 @@
   border-radius: 8px;
   box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.35);
+}
+
+#ui-datepicker-div {
+  min-width: 0px;
 }
 
@@ -61 +66 @@
 }
 
+/* Error container styles */
+.errorContainer {
+  width: 95%;
+  margin: 1% 0% 2% 2%;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  border: 3px solid #FF270A;
+  display: none;
+}
+
+.errorTitle {
+  width: 100%;
+  padding-left: 2%;
+  margin-bottom: 0%;
+  color: #FF5640;
+  font-size: 1.4em;
+}
+
+.errorTask, .errorMessage {
+  width: 40%;
+  margin: 0% 0% 1% 0%;
+  font-size: 1.3em;
+  color: #FF5640;
+  display: inline-block;
+}
+
+.errorTask {
+  margin-left: 2%;
+}
+
+a.errorTask {
+  cursor: pointer;
+}
+
+.underline {
+  text-decoration: underline;
+  margin-top: 1.5%;
+}
+
+#ScrollTop {
+  width: 40px;
+  height: 40px;
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  background: none;
+  color: #F7921D;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  border: 2px solid #F7921D;
+  text-align: center;
+  font-size: 14pt;
+  display: none;
+}
+
+#ScrollTop:hover {
+  background-color: rgba(247,146,29,0.42);
+}
+
 /* Progress bar styles */
 .barLabel {
@@ -72 +137 @@
 .outerBar {
   height: 25px;
-  width: 80%;
+  width: 75%;
   margin-left: 10%;
   border: 2px outset grey;
+  display: inline-block;
 }
 
@@ -109 +175 @@
 
 .outerBarText {
-  text-align: right;
+  width: 5%;
+  text-align: left;
+}
+
+/* Tabular Diplay Styles */
+.tabButton {
+  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;
+}
+
+.tabButton:hover {
+  background-color: #D1D9FF;
+}
+
+.tabButton:focus {
+  -webkit-border-radius: 0 3px 0 0;
+  border-radius: 0 5px 0 0;
+  border-bottom: 1px solid #FAFAFA;
+}
+
+.tabSection {
+  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;
+}
+
+.tabDataContainer {
+  width: 99%;
+  display: inline-block;
+}
+
+.taskOverview {
+  width: 70%;
+}
+
+.tabButton:first-of-type {
+  border-bottom: 1px solid #E0E6FF;
+  background-color: #E0E6FF;
+  margin-left: 3%;
+}
+
+.tabSection:first-of-type {
+  display: block;
+}
+
+/* Multi-page Task Styles */
+.pageTitle, .page {
+  margin-right: 1%;
+  font-size: 1.8em;
+  color: #6B6B6B;
+}
+
+.pageTitle {
+  margin-left: 2%;
+}
+
+.page {
+  text-decoration: underline;
+  cursor: pointer;
+}
+
+.page:hover {
+  color: #F7921D;
 }
 
@@ -316 +457 @@
 }
 /* User Page Styles*/
-#tasksContainer div[id^="Task"] {
+#TasksContainer div[id^="Task"] {
   margin: 2% 0%;
 }
 
-#tasksContainer .jqplot-xaxis {
+#TasksContainer .jqplot-xaxis {
   display: none;
 }
@@ -330 +471 @@
 }
 
-#filters {
+#FilterChoices {
+  width: 15%;
+  padding: 0% 2% 1% 2%;
+  vertical-align: top;
+}
+
+#FilterChoices label {
+  width: 75%;
+}
+
+#FilterChoices label:last-of-type {
+  width: 50%;
+}
+
+#FilterChoices input[type="checkbox"] {
+  margin: .4em;
+}
+
+#FilterChoices input[type="checkbox"], #FilterChoices label, #Filters label, #Filters input {
+  font-size: 1.5em;
+  display: inline-block;
+}
+
+#FilterChoices legend, #Filters legend {
+  font-size: 1.5em;
+}
+
+#Filters, #FilterChoices{
   margin: 2% 2% 3% 2%;
-}
-
-#filters legend, #filters label, #filters input {
-  font-size: 1.6em;
+  display: inline-block;
+}
+
+#Filters {
+  width: 71%;
+  margin: 2% 0% 2% 0%;
+}
+
+#TaskOverviewFilterFirst {
+  margin-top: 0%;
+}
+
+.filterContainer {
+  width: 28%;
+  margin: 0% 0% 1% 1%;
+  vertical-align: top;
+  display: none;
+}
+
+.filterContainer:first-of-type {
+  margin-left: 2%;
+  display: inline-block;
+}
+
+.filterContainer input, .filterContainer select, .filterContainer label {
+  width: 90%;
+  margin-left: 5%;
+}
+
+#Filters button{
+  margin: 1% 0% 1% 2%;
+  display: block;
 }
 
 /* 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 #FilterChoices {
+  width: 92%;
+  margin: 1% 0% 1% 2%;
+}
+
+.usersField #FilterChoices legend {
+  font-size: 1em;
+  padding-top: 6%;
+}
+
+.usersField #FilterChoices label {
+  font-size: 1em;
+  width: 60%;
+  margin: 0% 0% 0% 10%;
+}
+
+.usersField #FilterChoices label:last-of-type {
+  width: 42%;
+}
+
+.usersField #FilterChoices label:last-of-type {
+  margin-bottom: 8%;
+}
+
+.usersField #FilterChoices input[type="checkbox"] {
+  margin: .3em;
+}
+
+#UserOverviewTab #Filters {
+  width: 67%;
+  margin: 1% 0% 0% 2%;
+}
+
+.tabSection .filterContainer {
+  width: 27%;
 }
 
@@ -402 +591 @@
   margin-top: 1em;
 }
-
-.adminDataContainer {
-  width: 70%;
-  padding-left: 1%;
-  display: inline-block;
-}