Changeset 411 for Dev/branches/rest-dojo-ui/client/rft/css/LESS/menus.less

Timestamp:

10/10/12 17:45:49 (13 years ago)

Author:

tjcschipper

Message:

• LESS is finally ready for use. Some small visual bugs remain.

File:

• Dev/branches/rest-dojo-ui/client/rft/css/LESS/menus.less (modified) (9 diffs)

Dev/branches/rest-dojo-ui/client/rft/css/LESS/menus.less

@@ -3 +3 @@
                 //Index menu
                 .rftIndexMenuBlock {
-                        width: @im_blockwidth;
-                        height: @im_blockheight;
+                        width: @indexmenu_blockwidth;
+                        height: @indexmenu_blockheight;
                         background: @base1;
                         float: left;
-                        margin: @im_blockmargin;
+                        margin: @indexmenu_blockmargin;
                         overflow: hidden;
 
                         &:hover .rftIndexMenuMask {
-                                margin-top: -@im_blockheight;
+                                margin-top: -@indexmenu_blockheight;
                         }
                 }
                 .rftIndexMenuMask {
-                        width: @im_blockwidth;
-                        height: @im_blockheight;
+                        width: @indexmenu_blockwidth;
+                        height: @indexmenu_blockheight;
                         background: @base1;
                         color: @headers;
@@ -23 +23 @@
                         .label {
                                 color: @headers;
-                                font-size: @im_font_size;
-                                height: @im_font_size;
-                                line-height: @im_font_size;
-                                margin-top: (@im_blockheight - @im_font_size) / 2;
+                                font-size: @indexmenu_font_size;
+                                height: @indexmenu_font_size;
+                                line-height: @indexmenu_font_size;
+                                margin-top: (@indexmenu_blockheight - @indexmenu_font_size) / 2;
                                 float: left;
                         }
@@ -33 +33 @@
                                 .setIcon(32px);
                                 float: left;
-                                margin: ((@im_blockheight - @im_font_size)/2) 8px 0 8px;
+                                margin: ((@indexmenu_blockheight - @indexmenu_font_size)/2) 8px 0 8px;
                         }
                 }
@@ -66 +66 @@
 
                         .indexMenuMixin (@number) when (@number > 0){
-                                @height: @im_blockheight / @number;
+                                @height: @indexmenu_blockheight / @number;
                                 height: @height;
+                                width: @indexmenu_blockwidth;
                                 
                                 .dijitButtonNode {
@@ -86 +87 @@
                         &.rftIndexMenuButtonHover {
                                 color: @text;
-                                .transition(0.1s);
+                                .transition (0.1s);
                                 .dijitButtonText {
                                         color: @text;
@@ -110 +111 @@
 
                         &.rftIndexMenuButtonActive {
-                                .setIcon (32px, black);
+                                .rftIcon {
+                                        .setIcon (32px, black);
+                                }
                                 .transition(0.3s);
                                 color: @darkest;
@@ -125 +128 @@
                                 .flatShading;
                                 color: @headers;
+                                background-color: @base;
                                 border: none;
 
@@ -130 +134 @@
                                         color: @headers;
                                         .flatShading;
-                                        background-color: transparent;
+                                        background-color: @base;
 
                                         &.dijitMenuItemHover,
@@ -138 +142 @@
                                                         color: @text;
                                                 }
+
+                                                &.red {
+                                                        background-color: @red;
+                                                }
+                                                &.blue {
+                                                        background-color: @blue;
+                                                }
+                                                &.green {
+                                                        background-color: @green;
+                                                }
+                                                &.orange {
+                                                        background-color: @orange;
+                                                }
+                                                &.purple {
+                                                        background-color: @purple;
+                                                }
+
                                         }