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

Timestamp:

06/21/12 14:31:38 (13 years ago)

Author:

tjcschipper

Message:

• Fixed Index Menu layout and overlays.

File:

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

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

@@ -172 +172 @@
     width: 190px;
 }
-
 .claro .dijitTab.dijitTabHover {
     color: #ffffff;
@@ -196 +195 @@
     -o-transition: all 0.1s;
 }
-
 .claro .dijitTabContainer.blue .dijitTab.dijitTabChecked {
     background-color: #0072bc;
@@ -212 +210 @@
     background-color: #3aa605;
 }
-
 .claro .dijitTabContainer.blue .dijitTab.dijitTabActive {
     color: #0072bc;
@@ -229 +226 @@
 }
 
-
 /* Index Menu */
-.rftIndexMenuBlock {
+.claro .rftIndexMenuBlock {
     width: 400px;
     height: 400px;
@@ -237 +233 @@
     float: left;
     margin: 16px;
-    padding: 0;
-}
-
-.rftIndexMenuBlockMask {
+    overflow: hidden;
+}
+.claro .rftIndexMenuMask {
     height: 400px;
     width: 400px;
-    margin: 0 0 0 -400px;
-    background: #ff00ff;
-    color: #999999;
-    visibility: visible;
-    float: left;
-}
-.rftIndexMenuBlockMask:hover {
-    visibility: hidden;
-}
+    background: #444444;
+    color: #999999;
+    margin-top: 0;
+}
+.claro .rftIndexMenuBlock:hover .rftIndexMenuMask {
+    margin-top: -400px;
+}
+.claro .rftIndexMenuMask .label {
+    color: #999999;
+    font-size: 32px;
+    line-height: 28px;
+    height: 32px;
+    margin: 184px 0;
+    float: left;
+}
+.claro .rftIndexMenuMask .rftIcon {
+    width: 32px;
+    height: 32px;
+    background-image: url('images/icons/rftIcons32.png');
+    margin: 184px 8px 0 8px;
+    float: left;
+}
+