view/theme/dispy/light/_base.less

   1 //*
   2 //* _base.less
   3 //*
   4 //*
   5
   6 //* backgrounds */
   7 @dk_bg_colour: #1d1f1d;
   8 @bg_colour: #2e2f2e;
   9 @bg_alt_colour: #2e302e;
  10 @med_bg_colour: #4e4f4f;
  11 @menu_bg_colour: #555753;
  12
  13
  14 //* font colour, aka color: */
  15 @lt_main_colour: #ffff99;
  16 @main_colour: #eeeecc;
  17 @main_alt_colour: #eeeeee;
  18 @disabled_colour: #ddddbb;
  19 @shiny_colour: #2e3436;
  20
  21 @lt_main_colour: lighten(@bg_colour, 10%);
  22 @dk_main_colour: darken(@bg_colour, 10%);
  23
  24 //* links */
  25 @link_colour: #88a9d2;
  26 @dk_link_colour: darken(@link_colour, 10%);
  27 @lt_link_colour: lighten(@link_colour, 10%);
  28 //@hover_colour: #729fcf;
  29 @hover_colour: darken(@link_colour, 10%);
  30
  31 //* box shadows */
  32 @menu_shadow: 5px 0 10px 0 #111;
  33 @main_shadow: 3px 3px 3px 10px 0 #111;
  34
  35 // default here is @main_shadow
  36 .box_shadow(@h: 5px, @v: 5px, @blur: 5px, @spread: 0px, @colour: #111) {
  37         -moz-box-shadow: @h @v @blur @spread @colour;
  38         -o-box-shadow: @h @v @blur @spread @colour;
  39         -webkit-box-shadow: @h @v @blur @spread @colour;
  40         -ms-box-shadow: @h @v @blur @spread @colour;
  41         box-shadow: @h @v @blur @spread @colour;
  42 }
  43
  44 //* text-shadow */
  45 .text_shadow (@h: 1px, @v: 1px, @c: #111) {
  46         -moz-text-shadow: @h @v @c;
  47         -o-text-shadow: @h @v @c;
  48         -webkit-text-shadow: @h @v @c;
  49         -ms-text-shadow: @h @v @c;
  50         text-shadow: @h @v @c;
  51 }
  52 //* transitions */
  53 .transition (@type: all, @dur: 0.5s, @effect: ease-in-out) {
  54     -webkit-transition: @arguments;
  55     -moz-transition: @arguments;
  56     -o-transition: @arguments;
  57     -ms-transition: @arguments;
  58     transition: @arguments;
  59 }
  60
  61 //* borders */
  62 .borders (@size: 1px, @style: solid, @colour: @main_colour) {
  63         border: @size @style @colour;
  64 }
  65
  66 //* rounded box corners */
  67 .rounded_corners (@r: 5px) {
  68         -o-border-radius: @r;
  69         -webkit-border-radius: @r;
  70         -moz-border-radius: @r;
  71         -ms-border-radius: @r;
  72         border-radius: @r;
  73 }
  74
  75 //* pre wrap */
  76 .wrap () {
  77         white-space: pre-wrap;
  78         white-space: pre;
  79         word-wrap: break-word;
  80 }
  81 //* font size sizing */
  82 .default_font_size () {
  83         font-size: 16px;
  84         line-height: 1.1em;
  85         font-family: sans-serif;
  86 }
  87
  88 //* reset ul, ol */
  89 .list_reset () {
  90         margin: 0px;
  91         padding: 0px;
  92         list-style: none;
  93         list-style-position: inside;
  94 }
  95
  96 //* box size: width, height */
  97 .box (@w: 20px, @h: 20px) {
  98         width: @w;
  99         height: @h;
 100 }
 101