Changeset 339 for Dev/branches/rest-dojo-ui/client/rft/css/rftSelector.css

Timestamp:

06/04/12 18:09:33 (13 years ago)

Author:

tjcschipper

Message:

• Switched away from using custom themes, this allows us to use the default Claro theme off of a CDN, then override the needed properties using our own, much smaller stylesheets. Retains graceful degradation of dijit style.
• Made rftLineWithActions also work outside of the context of an rftSelector.css
• Fixed some general layout issues
• Redid the tabs styling

File:

• Dev/branches/rest-dojo-ui/client/rft/css/rftSelector.css (modified) (5 diffs)

Dev/branches/rest-dojo-ui/client/rft/css/rftSelector.css

@@ -1 @@
-.gamelab .rftSelector {
+.claro .rftSelector {
     margin: 4px;
     font-size: 13px;
 }
-.gamelab .rftLineWithButtons {
+.claro .rftLineWithButtons {
     height: 24px;
     line-height: 24px;
     font-size: 13px;
-    margin: 0;
+    margin: 4px 0;
     white-space: nowrap;
 }
-.gamelab .rftLineWithButtons .rftLineWithButtonsButtons {
+.claro .rftSelector .rftLineWithButtons {
+    margin: 0;
+}
+.claro .rftLineWithButtons .rftLineWithButtonsButtons {
     float: right;
     height: 24px;
@@ -17 +20 @@
     padding: 0;
 }
-.gamelab .rftLineWithButtons .rftLineWithButtonsButtons .rftBlockButton {
+.claro .rftLineWithButtons .rftLineWithButtonsButtons .rftBlockButton {
     float: right;
     clear: none;
 }
-.gamelab .rftLineWithButtons .rftLineWithButtonsTitle {
+.claro .rftLineWithButtons .rftLineWithButtonsTitle {
     float: left;
     margin: 0 8px 0 8px;
 }
-.gamelab .rftSelectorSelected .rftSelectorColor {
+.claro .rftSelectorSelected .rftSelectorColor {
     width: 8px;
     height: 24px;
@@ -32 +35 @@
 }
 
+/* Own standard colour settings */
+.claro .rftLineWithButtons.blue {
+    background-color: #0072bc;
+    color: #ffffff;
+}
+.claro .rftLineWithButtons.red {
+    background-color: #8c0310;
+    color: #ffffff;
+}
+.claro .rftLineWithButtons.green {
+    background-color: #3aa605;
+    color: #ffffff;
+}
+.claro .rftLineWithButtons.purple {
+    background-color: #6529b7;
+    color: #ffffff;
+}
+.claro .rftLineWithButtons.orange {
+    background-color: #ff5b12;
+    color: #ffffff;
+}
+
 /* Background colour settings for the various contexts of rftLineWithButtons */
-.gamelab .rftSelector .rftLineWithButtons {
+.claro .rftSelector .rftLineWithButtons {
     background-color: #ffffff;
     color: #000000;
 }
-.gamelab .blue.rftSelector .rftLineWithButtons {
+.claro .blue.rftSelector .rftLineWithButtons {
     background-color: #0072bc;
     color: #ffffff;
 }
-.gamelab .red.rftSelector .rftLineWithButtons {
+.claro .red.rftSelector .rftLineWithButtons {
     background-color: #8c0310;
     color: #ffffff;
 }
-.gamelab .green.rftSelector .rftLineWithButtons {
+.claro .green.rftSelector .rftLineWithButtons {
     background-color: #3aa605;
     color: #ffffff;
 }
-.gamelab .purple.rftSelector .rftLineWithButtons {
+.claro .purple.rftSelector .rftLineWithButtons {
     background-color: #6529b7;
     color: #ffffff;
 }
-.gamelab .orange.rftSelector .rftLineWithButtons {
+.claro .orange.rftSelector .rftLineWithButtons {
     background-color: #ff5b12;
     color: #ffffff;
@@ -59 +84 @@
 
 /* Black-on-white setting for non-header lines in the rftSelector */
-.gamelab .rftSelector .rftSelectorSelected .rftLineWithButtons {
+.claro .rftSelector .rftSelectorSelected .rftLineWithButtons {
     background-color: #ffffff;
     color: #000000;
 }
-.gamelab .rftSelector .rftSelectorOptions .rftLineWithButtons {
+.claro .rftSelector .rftSelectorOptions .rftLineWithButtons {
     background-color: #ffffff;
     color: #000000;
@@ -69 +94 @@
 
 /* Colour settings for the rftSelectorColor status indicator */
-.gamelab .rftSelectorSelected .rftSelectorColor.conflict {
+.claro .rftSelectorSelected .rftSelectorColor.conflict {
     background-color: #ff0000;
 }
-.gamelab .rftSelectorSelected .rftSelectorColor.pending {
+.claro .rftSelectorSelected .rftSelectorColor.pending {
     background-color: #ff8000;
 }
-.gamelab .rftSelectorSelected .rftSelectorColor.success {
+.claro .rftSelectorSelected .rftSelectorColor.success {
     background-color: #00ff00;
 }
-
-/*  NOT SURE WHAT THIS DOES ATM...KEEP HERE FOR FUTURE REFERENCE IF NON-SELECTOR LINES FAIL TO DISPLAY PROPERLY
-.gamelab .rftSelector .rftSelectorCategory .rftLineWithButtons {
-    display: inline-block;
-    width: 100% !important;
-}
-*/