Changeset 6618

Timestamp:

Nov 24, 2014, 10:47:58 AM (8 years ago)

Author:

Nicklas Nordborg

Message:

References #1890: Improve skinnability of BASE

Moved some definitions so they can be overridden as needed.

File:

• trunk/www/include/styles/main.css (modified) (5 diffs)

trunk/www/include/styles/main.css

@@ -102 +102 @@
 h1
 {
+  font-size: 1.4em;
+  font-weight: bold;
+  color: #224488;
+  white-space: nowrap;
+}
+
+.default h1
+{
   position: absolute;
   left: 0;
@@ -108 +116 @@
   top:  2.25rem;
   height: 2.25rem;
-  font-size: 1.4em;
-  font-weight: bold;
-  color: #224488;
-  white-space: nowrap;
-}
-
-h1:before
+}
+
+.default h1:before
 {
   color: #2288AA;
@@ -122 +126 @@
 }
 
-body.default .content
+.default .content
 {
   position: absolute;
@@ -538 +542 @@
 }
 
+/* Fixed size selection list */
+.selectionlist select, select.selectionlist 
+{
+  width: 18em;
+  margin-right: 5px;
+}
+
+.input100 .selectionlist > table
+{
+  width: 100%;
+}
+
+.input100 .selectionlist > table > tbody > tr > td:first-child
+{
+  width: 90%;
+  padding-right: 5px;
+}
+
+.input100 .selectionlist select
+{
+  width: 98%;
+  width: calc(100% - 10px);
+}
+
+/* required fields have a blue-ish background and solid border */
+input.required, select.required, textarea.required, .input.required
+{
+  background-color: #D0F0FF;
+  border-color: #2288AA;
+}
+/* Unchangeable fields have a yellow-ish background */
+
+input.unchangeable, select.unchangeable, textarea.unchangeable, .unchangeable select 
+{
+  background-color: #FFF0D0;
+}
+
 /* Disabled input fields are grayed out and inactive */
 input:disabled, textarea:disabled, select:disabled, input.disabled, .input.disabled
@@ -550 +591 @@
 }
 
-/* Fixed size selection list */
-.selectionlist select, select.selectionlist 
-{
-  width: 18em;
-  margin-right: 5px;
-}
-
-.input100 .selectionlist > table
-{
-  width: 100%;
-}
-
-.input100 .selectionlist > table > tbody > tr > td:first-child
-{
-  width: 90%;
-  padding-right: 5px;
-}
-
-.input100 .selectionlist select
-{
-  width: 98%;
-  width: calc(100% - 10px);
-}
-
-/* required fields have a blue-ish background and solid border */
-input.required, select.required, textarea.required, .input.required
-{
-  background-color: #D0F0FF;
-  border-color: #2288AA;
-}
-/* Unchangeable fields have a yellow-ish background */
-
-input.unchangeable, select.unchangeable, textarea.unchangeable, .unchangeable select 
-{
-  background-color: #FFF0D0;
-}
 
 /* Special header-like options in selection lists */