#rft.claro { .verticalTabList { width: 190px; } .dijitTab { .transition(0.2s); background-color: transparent; padding: @std_offset @std_offset_big; color: @headers; overflow: hidden; } .dijitTabContainerLeft-tabs { border: none; padding: @std_offset; .dijitTab { margin: @std_offset; width: 200px; min-height: @tab_height; border: 1px solid @headers; .dijitTabContent { min-height: @tab_height; line-height: @tab_height; width: 190px; } &.dijitTabChecked { .transition (0.1s); color: @text; border: 1px solid transparent; &.dijitTabHover { border: 1px solid transparent; } } &.dijitTabHover { .transition (0.1s); color: @text; border-color: @text; } &.dijitTabActive { .transition (0.1s); color: @headers; } } } //Tab colour settings &.blue .dijitTabChecked, .blue .dijitTabChecked, div.blue.dijitTabChecked { .bgColor ("blue"); } &.green .dijitTabChecked, .green .dijitTabChecked, div.green.dijitTabChecked { .bgColor ("green"); } &.red .dijitTabChecked, .red .dijitTabChecked, div.red.dijitTabChecked { .bgColor ("red"); } &.orange .dijitTabChecked, .orange .dijitTabChecked, div.orange.dijitTabChecked { .bgColor ("orange"); } &.purple .dijitTabChecked, .purple .dijitTabChecked, div.purple.dijitTabChecked { .bgColor ("purple"); } }