Gary Sharp
60 lines
2.0 KiB
Plaintext
60 lines
2.0 KiB
Plaintext
// 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; |