// Graytones @darkest: #111111; @base: #333333; @base1: #444444; @base2: #555555; @headers: #999999; @text: #ffffff; @inactivetext: #aaaaaa; @disabledtext: #777777; // Colours @blue: #0072bc; @blue_light: #0794d1; // @green: #3aa605; For now use the newer colours. Almost negligible difference, but looks better on non-calibrated monitors // @green_light: #79ca0a; @green: #25a000; @green_light: #63c400; @orange: #ff5b12; @orange_light: #ff9140; @purple: #6529b7; @purple_light: #993dec; @red: #8c0310; @red_light: #bd0013; // Layout related @std_height: 24px; @std_offset: 4px; @std_offset_big: 8px; @transition_time: 0.2s; @tab_height: 30px; @tab_width: 200px; // Headers and fonts @h1Size: 48px; @h2Size: 22px; @h3Size: 18px; @h4Size: 16px; @font_size: 13px; @font: 'Segoe UI', Helvetica, Verdana, Arial, sans-serif; // Icons @icon_mainSize: 32px; @icon_midSize: 24px; @icon_smallSize: 16px; // IndexMenu @indexmenu_blockheight: 400px; @indexmenu_blockwidth: 400px; @indexmenu_blockmargin: 16px; @indexmenu_font_size: 32px; // Mainmenu @button_mainmenu_height: 30px; @button_mainmenu_spacing: 5px; @button_mainmenu_padding: 4px; @button_mainmenu_font_size: 24px; @button_mainmenu_font_grow: @button_mainmenu_font_size / 12; // Index menu @button_indexmenu_height: 32px; @button_indexmenu_content_size: 24px; @button_indexmenu_font_size: @h1Size; // SessionObject @sessionobject_size: 100px; @sessionObject_spacing: 2 * @std_offset_big; // Buttons @button_large_height: 24px; @button_large_spacing: @std_offset_big * 2; @button_large_font_size: @button_large_height / 1.2; @button_block_height: 24px; @button_block_spacing: 0; @button_block_font_size: @font_size; @button_inline_height: 24px; @button_inline_spacing: 0; @button_inline_font_size: @font_size;