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

Timestamp:

09/05/12 16:05:13 (13 years ago)

Author:

tjcschipper

Message:

-Rest of LESS conversion

File:

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

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

@@ -3 +3 @@
                 //Index menu
                 .rftIndexMenuBlock {
-                        width: @mm_blockwidth;
-                        height: @mm_blockheight;
+                        width: @im_blockwidth;
+                        height: @im_blockheight;
                         background: @base1;
                         float: left;
-                        margin: @mm_blockmargin;
+                        margin: @im_blockmargin;
                         overflow: hidden;
 
                         &:hover .rftIndexMenuMask {
-                                margin-top: -@mm_blockheight;
+                                margin-top: -@im_blockheight;
                         }
                 }
                 .rftIndexMenuMask {
-                        width: @mm_blockwidth;
-                        height: @mm_blockheight;
+                        width: @im_blockwidth;
+                        height: @im_blockheight;
                         background: @base1;
                         color: @headers;
@@ -23 +23 @@
                         .label {
                                 color: @headers;
-                                font-size: @mm_font_size;
-                                height: @mm_font_size;
-                                line-height: @mm_font_size;
-                                margin-top: (@mm_blockheight - @mm_font_size) / 2;
+                                font-size: @im_font_size;
+                                height: @im_font_size;
+                                line-height: @im_font_size;
+                                margin-top: (@im_blockheight - @im_font_size) / 2;
                                 float: left;
                         }
@@ -33 +33 @@
                                 .setIcon(32px);
                                 float: left;
-                                margin: ((@mm_blockheight - @mm_font_size)/2) 8px 0 8px;
+                                margin: ((@im_blockheight - @im_font_size)/2) 8px 0 8px;
                         }
+                }
+                .rftIndexMenuButton {
+                        .flatShading;
+                        .noOffset;
+                        .transition (0.3s);
+                        line-height: @button_indexmenu_height;
+                        border: none;
+
+                        .dijitButtonNode {
+                                border: none;
+                                color: @headers;
+                                font-size: @h2Size;
+
+                                .dijitButtonContents {
+                                        vertical-align: top;
+
+                                        .dijitButtonText {
+                                                padding-bottom: 10px;
+                                                line-height: 20px;
+                                        }
+
+                                        .rftIcon {
+                                                .setIcon (32px);
+                                                margin: 0 @std_offset_big;
+                                        }
+                                }
+
+                                
+                        }
+
+                        .indexMenuMixin (@number) when (@number > 0){
+                                @height: @im_blockheight / @number;
+                                height: @height;
+                                
+                                .dijitButtonNode {
+                                        margin: ((@height - @button_indexmenu_content_size)/2) 0 0 0;
+                                }
+                        }
+
+                        &.oneHeight {
+                                .indexMenuMixin (4);
+                        }
+                        &.twoHeight {
+                                .indexMenuMixin (2);
+                        }
+                        &.fourHeight {
+                                .indexMenuMixin (1);
+                        }
+
+                        &.rftIndexMenuButtonHover {
+                                color: @text;
+                                .transition(0.1s);
+                                .dijitButtonText {
+                                        color: @text;
+                                        .transition(0.1s);
+                                }
+
+                                &.blue {
+                                        background-color: @blue;
+                                }
+                                &.red {
+                                        background-color: @red;
+                                }
+                                &.green {
+                                        background-color: @green;
+                                }
+                                &.orange {
+                                        background-color: @orange;
+                                }
+                                &.purple {
+                                        background-color: @purple;
+                                }
+                        }
+
+                        &.rftIndexMenuButtonActive {
+                                .setIcon (32px, black);
+                                .transition(0.3s);
+                                color: @darkest;
+                                background: @text;
+
+                        }
+
                 }