-
Notifications
You must be signed in to change notification settings - Fork 5
/
variables.less
97 lines (84 loc) · 2.46 KB
/
variables.less
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
@import 'mixins.less';
@brand-primary: rgb(3,20,34);
@brand-success: #3CB521;
@brand-warning: #D47500;
@brand-danger: #f6ff00;
@brand-info: #009cff;
@brand-blue: #6ba9e6;
@brand-heading: fade(white,80%);
@brand-yellow: #f6ff00;
//== Scaffolding
//
//wwt webclient overrides
//** Background color for `<body>`.
@body-bg: #000;
//** Global text color on `<body>`.
@text-color: fade(white,80%);
@wc_bg: rgba(25,30,43,.7);
//** Global textual link color.
@link-color: fade(white,80%);
@font-family-sans-serif: "Segoe UI", "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif;
//** Global color for active items (e.g., navs or dropdowns).
@component-active-color: @text-color;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg: fade(#010e17,85%);
//** Dropdown link text color.
@dropdown-link-color: fade(white,80%);//@gray-dark;
//** Hover color for dropdown links.
@dropdown-link-hover-color: white;
//** Hover background for dropdown links.
@dropdown-link-hover-bg: fade(#010e17,85%);
@bordercolor: rgba(105,115,150,.7);
@bordercolor-opaque: rgba(78,86,114,1);
// our own custom mixin to make the ribbon look like the windows client ribbon
input[type=file]{
visibility:collapse;height:0;width:0;
}
//other mixins (shortcuts)
.iblock {
display:inline-block;
}
.rel {
position:relative;
}
.boxGradient {
-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
border-radius: 3px;
border: solid 1px #566783; // #394558;
background: transparent;
display: inline-block;
box-shadow: inset 0 1px 4px lighten(#394558, 10%);
#gradient > .vertical-four-colors(rgba(255,255,255,.6), rgba(155,155,155,.3), 55%, rgba(0,0,0,.3), 55.1%, rgba(0,0,0,.6));
}
.boxGradientLite{
.boxGradient();
#gradient > .vertical-four-colors(rgba(255,255,255,.3), rgba(155,155,155,.1), 55%, rgba(0,0,0,.15), 55.1%, rgba(0,0,0,.3));
}
.boxhilite {
box-shadow: inset 0 1px 4px lighten(#394558, 10%), 0 0 10px 1px rgba(62,157,206,1);
border-color: rgba(128,168,220,.99);
}
.indent{
margin-left:16px;
}
.vtop {
vertical-align:top;
}
.offscreen{
position:absolute;
top:-9999px
}
.invisible{
visibility:hidden;
}
.tinybutton{
padding: 0;
height: 11px;
width: 22px;
i.fa{
position:relative;
top: -3px;
left: -5px;
}
}