// Default Colours @BackgroundColour: #D1D1D1; @BackgroundColourGradient: #f2f2f2; @BackgroundColourLight: #fafafa; @HeaderBackgroundColour: #515151; @HyperLinkColour: #335A87; @HyperLinkHoverColour: lighten(@HyperLinkColour, 20%); @ButtonColour: #1e6dab; @ButtonBorderColour: darken(@ButtonColour, 5%); @ButtonHoverColour: #9e9e9e; @ButtonBorderHoverColour: darken(@ButtonHoverColour, 20%); @ButtonAlertColour: #e90000; @ButtonBorderAlertColour: #990000; @MenuHoverColour: lighten(@HyperLinkHoverColour, 30%); @ActionBarBorder: @BackgroundColour; @ActionBarBackgound: @BackgroundColourGradient; @FormBorderColour: @ButtonColour; @FormBackgroundOddColour: @BackgroundColourGradient; @FormBackgroundEvenColour: @white; @TableDataBorderColour: #f4f4f4; @TableDataDarkBorderColour: #d8d8d8; @TableDataRowBackgroundColor: hsl(hue(@TableDataBorderColour), saturation(@TableDataBorderColour), 99%); @SubtleColour: #ededed; @SubtleBorderColour: #ccc; @HighlightColour: lighten(@HyperLinkColour, 50%); @FontBodyColour: #333; @FontFamilyBody: "Segoe UI", Arial, Verdana, Tahoma, sans-serif; @FontFamilyHeading: "Segoe UI", Arial, Verdana, Tahoma, sans-serif; @FontFamilyMono: Consolas, "Courier New", monospace; @FontWeightHeading: lighter; @FontStretchHeading: condensed; // Border Radius Mixins .border-radius(@radius: 5px) { -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius; } .border-radius2(@radius1: 5px, @radius2: 5px) { -moz-border-radius: @radius1 @radius2; -webkit-border-radius: @radius1 @radius2; border-radius: @radius1 @radius2; } .border-radius4(@topLeftRadius: 5px, @topRightRadius: 5px, @bottomLeftRadius: 5px, @bottomRightRadius: 5px) { -moz-border-radius: @topLeftRadius @topRightRadius @bottomLeftRadius @bottomRightRadius; -webkit-border-radius: @topLeftRadius @topRightRadius @bottomLeftRadius @bottomRightRadius; border-radius: @topLeftRadius @topRightRadius @bottomLeftRadius @bottomRightRadius; } // Standard Colours @white: #fff; @black: #000;