Gary Sharp
ab553a05cb
Removal of bitmap icons, replacing with vector based icons from FontAwesome. Includes other UI style changes.
77 lines
2.4 KiB
Plaintext
77 lines
2.4 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: #e51400;
|
|
@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;
|
|
@FontSizeDefault: 12px;
|
|
|
|
// Status
|
|
@StatusUnknown: @HeaderBackgroundColour;
|
|
@StatusSuccess: #60a917;
|
|
@StatusInformation: @ButtonColour;
|
|
@StatusWarning: #f0a30a;
|
|
@StatusAlert: #fa6800;
|
|
@StatusError: @ButtonAlertColour;
|
|
@StatusRemove: @ButtonAlertColour;
|
|
|
|
// Status: Job & Device
|
|
@StatusOpen: @StatusSuccess;
|
|
@StatusClosed: darken(@BackgroundColour, 20%);
|
|
@StatusAwaitingRepair: @ButtonColour;
|
|
@StatusAwaitingUser: @StatusWarning;
|
|
@StatusAwaitingProcessing: #6a00ff;
|
|
|
|
// 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; |