variables

colors

fonts

layout

header

content

footer

side bar

menu @menu-background-color: white; @menu-font-color: green; @menu-border-color: darkgreen; @menu-hover-background-color: darkgreen; @menu-hover-font-color: white; @menu-active-background-color: lightgreen; @menu-active-font-color: white;

    @dark-color: darkblue;
    @light-color: lighten(@dark-color,40%);

    @base-font: "Arial";
    @base-font-color: darken(@dark-color,20%);

    @basic-width: 500px;

    @header-dark-color: @dark-color;
    @header-light-color: @light-color;
    @header-height: 75px;

    @content-dark-color: @dark-color;

    @footer-dark-color:  @dark-color;
    @footer-light-color:  @light-color;
    @footer-height: 100px;
    @footer-gutter: 10px;

    @header-color: black;
    @header-font-size: 16px;

    @menucolor: green;
    @menu-background-color: white;
    @menu-font-color: contrast(@menu-background-color);
    @menu-border-color: darken(@menucolor,10%);
    @menu-hover-background-color: darken(@menucolor,10%);
    @menu-hover-font-color: contrast(@menu-hover-background-color);
    @menu-active-background-color: lighten(@menucolor,10%);
    @menu-active-font-color: contrast(@menu-active-background-color);