tinymce-editor/copy_this/modules/hdi/hdi-tinymce/tinymce/skins/lightgray/Variables.less
2013-07-25 23:50:43 +02:00

127 lignes
4.1 KiB
Plaintext
Fichiers exécutables

// Variables
@black: #000;
@white: #fff;
@grayDark: #333;
@gray: #aaa;
// Default font
@font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-size: 14px;
@line-height: 20px;
// Text colors
@text-color: @black;
@text-color-inverse: @white;
@text-color-disabled: lighten(@text-color, 60%);
@textShadow: 0 1px 1px hsla(hue(@text-color-inverse), saturation(@text-color-inverse), lightness(@text-color-inverse), 0.75);
@invertedTextShadow: 0 1px 1px hsla(hue(@text-color), saturation(@text-color), lightness(@text-color), 0.75);
// Button
@btn-text-color: #333;
@btn-text-shadow: #fff;
@btn-border-color: #c5c5c5;
@btn-caret-color: #444;
@btn-text-color-disabled: @text-color-disabled;
@btn-background: @white;
@btn-background-highlight: darken(@white, 15%);
@btn-background-hover: darken(@btn-background, 5%);
@btn-background-highlight-hover: darken(@btn-background-highlight, 5%);
@btn-background-primary: #0088cc;
@btn-background-primary-highlight: #0044cc;
@btn-background-primary-hover: darken(#0088cc, 5%);
@btn-background-primary-highlight-hover: darken(#0044cc, 5%);
@btn-text-color-primary: #fff;
// Menu
@menubar-border: #ddd;
@menubar-background-active: #ddd;
@menuitem-background-hover: #0081C2;
// Panel
@panel-border: #9E9E9E;
@panel-background: #FDFDFD;
@panel-background-highlight: #DDD;
// Tabs
@tab-border: #ccc;
@tab-background: #e3e3e3;
@tab-background-hover: #FDFDFD;
@tab-background-active: #FDFDFD;
// Tooltip
@tooltip-background: #000;
@tooltip-text-color: @white;
// Popover
@popover-background: @white;
@popover-arrow-width: 10px;
@popover-arrow-color: @white;
@popover-arrow-outer-width: @popover-arrow-width + 1;
@popover-arrow-outer-color: rgba(0, 0, 0, 0.25);
// Focus
@focus-border-color: rgba(82, 168, 236, .8);
@focus-border-color-fallback: #59a5e1;
// ------
/*
@black: #000;
@white: #fff;
@grayDark: #333;
@gray: #aaa;
// Default font
@font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-size: 14px;
@line-height: 20px;
// Text colors
@text-color: #aaa;
@text-color-inverse: @black;
@text-color-disabled: lighten(@text-color, 50%);
@textShadow: 0 1px 1px hsla(hue(@text-color-inverse), saturation(@text-color-inverse), lightness(@text-color-inverse), 0.75);
@invertedTextShadow: 0 1px 1px hsla(hue(@text-color), saturation(@text-color), lightness(@text-color), 0.75);
// Button
@btn-text-color: #333;
@btn-text-shadow: #aaa;
@btn-text-color-disabled: #888;
@btn-border-color: #666;
@btn-caret-color: #444;
@btn-background: #ddd;
@btn-background-highlight: #888;
@btn-background-hover: #eee;
@btn-background-highlight-hover: #777;
@btn-background-primary: #0088cc;
@btn-background-primary-highlight: #0044cc;
@btn-background-primary-hover: #0088cc;
@btn-background-primary-highlight-hover: #0044cc;
@btn-text-color-primary: #fff;
// Menu
@menubar-border: #333;
@menubar-background-active: #333;
@menuitem-background-hover: #0081C2;
// Panel
@panel-border: #9E9E9E;
@panel-background: #777;
@panel-background-highlight: #444;
// Tabs
@tab-border: #ccc;
@tab-background: #e3e3e3;
@tab-background-hover: #FDFDFD;
@tab-background-active: #FDFDFD;
// Tooltip
@tooltip-background: #000;
@tooltip-text-color: @white;
*/