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

Timestamp:

06/20/12 19:07:01 (13 years ago)

Author:

tjcschipper

Message:

• mSessions.html is more or less done
• mMenu.html is nearly done, still needs non-hover overlays on the menu boxes/buttons
• Fixed theme dependency, style overrides now work on a stock copy of Dojo claro theme!
• Improved iconset alignment somewhat, still needs pixel tweaks to rftIcons24.png and rftIcons16.png (Icons are sometimes 1px too wide!)
• Fixed MainMenu? template and applied styling classes. Replaced markup version with rft.ui.MainMenu? version in all mockups.
• Fixed colour settings/context on LineWithButtons?

File:

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

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

@@ -53 +53 @@
 
 /* Topbar  */
-.topbar {
+.claro .topbar {
     overflow-y: hidden;
 }
-.topbar .dijitMenuBar {
+.claro .topbar .dijitMenuBar {
+    border: none;
+    background-color: transparent;
+    background-image: none;    
     float: right;
     clear: right;
@@ -172 +175 @@
 .claro .dijitTab.dijitTabHover {
     color: #ffffff;
+    border-color: #ffffff;
     transition: all 0.1s;
     -moz-transition: all 0.1s;
@@ -183 +187 @@
     -webkit-transition: all 0.1s;
     -o-transition: all 0.1s;
-    /* The delay on clicking is wrong, needs to be quicker! */
 }
 .claro .dijitTab.dijitTabChecked {
@@ -225 +228 @@
     color: #3aa605;
 }
+
+
+/* Index Menu */
+.rftIndexMenuBlock {
+    width: 400px;
+    height: 400px;
+    background: #444444;
+    float: left;
+    margin: 16px;
+    padding: 0;
+}
+
+.rftIndexMenuBlockMask {
+    height: 400px;
+    width: 400px;
+    margin: 0 0 0 -400px;
+    background: #ff00ff;
+    color: #999999;
+    visibility: visible;
+    float: left;
+}
+.rftIndexMenuBlockMask:hover {
+    visibility: hidden;
+}