Changeset 395 for Dev/branches/rest-dojo-ui/client/rft/css/layout.css

Timestamp:

08/08/12 18:06:21 (13 years ago)

Author:

tjcschipper

Message:

• Fixed inheritBgColor CSS classes. Now works for buttons as well. LineWithActions? and the classes that use it still need some changes. LWA needs to get rid of colour "modifier" property and always pass "inheritBgColor (light, optionally) to the buttons". Classes that use LWA need to stop passing modifiers to them;)
• Improved SurveyEditorPreviewItem? design, less of an eyesore, and can now use the correct button colors.

File:

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

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

@@ -342 +342 @@
 }
 
+/* DojoX.TitleGroup, replacement of AccordionContainer in Question Editor */
+.claro .dojoxTitleGroup {
+    /* No styling yet */
+}
+.claro .dojoxTitleGroup .dijitTitlePane {
+    margin: 0;
+}
+.claro .orange .dojoxTitleGroup .dijitTitlePaneTitle {
+    background-color: #ff5b12;
+    background-image: none;
+    border: none;
+    padding: 0 4px;
+    height: 24px;
+    margin: 0;
+}
+.claro .orange .dojoxTitleGroup .dijitTitlePaneTitleHover, 
+.claro .ornage .dojoxTitleGroup .dijitTitlePanelTitleFocused {
+    background-color: #ff9140;
+}
+.claro .dojoxTitleGroup .dijitTitlePaneTextNode {
+    color: #ffffff;
+    font-size: 13px;
+    line-height: 24px;
+}
+.claro .dojoxTitleGroup .dijitTitlePaneContentOuter {
+    background-color: #444;
+    border: none;
+}
+.claro .dojoxTitleGroup .dijitTitlePaneTitleFocus {
+    margin: 0;
+}
+
 /* Experimental background colour inheritance */
 .claro div.blue.inheritBgColor,
+.claro span.blue.inheritBgColor,
 .claro .blue .inheritBgColor {
     background-color: #0072bc;
@@ -349 +382 @@
 }
 .claro div.green.inheritBgColor,
+.claro span.green.inheritBgColor,
 .claro .green .inheritBgColor {
     background-color: #3aa605;
@@ -354 +388 @@
 }
 .claro div.orange.inheritBgColor,
+.claro span.orange.inheritBgColor,
 .claro .orange .inheritBgColor {
     background-color: #ff5b12;
@@ -359 +394 @@
 }
 .claro div.purple.inheritBgColor,
+.claro span.purple.inheritBgColor,
 .claro .purple .inheritBgColor {
     background-color: #6529b7;
@@ -364 +400 @@
 }
 .claro div.red.inheritBgColor,
+.claro span.red.inheritBgColor,
 .claro .red .inheritBgColor {
     background-color: #8c0310;
@@ -369 +406 @@
 }
 .claro div.trans.inheritBgColor,
+.claro span.trans.inheritBgColor,
 .claro .trans .inheritBgColor {
     background-color: transparent;
@@ -374 +412 @@
 }
 .claro div.blue.inheritBgColor.light,
+.claro span.blue.inheritBgColor.light,
 .claro .blue .inheritBgColor.light {
     background-color: #0794d1;
@@ -379 +418 @@
 }
 .claro div.green.inheritBgColor.light,
+.claro span.green.inheritBgColor.light,
 .claro .green .inheritBgColor.light {
     background-color: #79ca0a;
@@ -384 +424 @@
 }
 .claro div.orange.inheritBgColor.light,
+.claro span.orange.inheritBgColor.light,
 .claro .orange .inheritBgColor.light {
     background-color: #ff9140;
@@ -389 +430 @@
 }
 .claro div.purple.inheritBgColor.light,
+.claro span.purple.inheritBgColor.light,
 .claro .purple .inheritBgColor.light {
     background-color: #993dec;
@@ -394 +436 @@
 }
 .claro div.red.inheritBgColor.light,
+.claro span.red.inheritBgColor.light,
 .claro .red .inheritBgColor.light {
     background-color: #bd0013;