|
1 /* |
|
2 * SQWL colors: |
|
3 * - green: #006634 / #00532b / #008745 |
|
4 * - red: #e94e1b |
|
5 * - brown: #693e11 / #482500 / #9a744c / #eedece |
|
6 */ |
|
7 |
|
8 body { |
|
9 color: #693e11; |
|
10 } |
|
11 |
|
12 h1, h2, h3, a { |
|
13 color: #006634; |
|
14 } |
|
15 |
|
16 small, h4 small { |
|
17 color: #693e11; |
|
18 } |
|
19 |
|
20 .col-centered{ |
|
21 float: none; |
|
22 margin: 0 auto; |
|
23 } |
|
24 |
|
25 .jumbotron { |
|
26 background-color: #eedece; |
|
27 } |
|
28 |
|
29 .panel-title, .navbar-default .navbar-nav>li>a { |
|
30 color: #006634; |
|
31 } |
|
32 |
|
33 .panel-default { |
|
34 border-color: #9a744c; |
|
35 } |
|
36 |
|
37 .panel-default>.panel-heading { |
|
38 background-color: #eedece; |
|
39 border-color: #9a744c; |
|
40 color: #693e11; |
|
41 } |
|
42 |
|
43 .panel-default>.panel-heading+.panel-collapse>.panel-body { |
|
44 border-top-color: #9a744c; |
|
45 } |
|
46 |
|
47 .panel-group .panel-heading+.panel-collapse>.list-group, |
|
48 .panel-group .panel-heading+.panel-collapse>.panel-body { |
|
49 border-top-color: #9a744c; |
|
50 } |
|
51 |
|
52 .panel-footer { |
|
53 background-color: #eedece; |
|
54 border-color: #9a744c; |
|
55 } |
|
56 |
|
57 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, |
|
58 .dropdown-menu>li>a { |
|
59 color: #693e11; |
|
60 } |
|
61 |
|
62 .navbar-brand { |
|
63 font-size: 32px; |
|
64 } |
|
65 |
|
66 .navbar-default { |
|
67 background-color: #eedece; |
|
68 border-color: #9a744c; |
|
69 } |
|
70 |
|
71 .navbar-section { |
|
72 font-size: 24px; |
|
73 } |
|
74 |
|
75 .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { |
|
76 background-color: #006634; |
|
77 } |
|
78 |
|
79 .btn-default { |
|
80 border-color: #9a744c; |
|
81 color: #693e11; |
|
82 outline-color: #9a744c; |
|
83 } |
|
84 |
|
85 .btn-default.active, .btn-default.focus, |
|
86 .btn-default:active, .btn-default:focus, .btn-default:hover { |
|
87 background-color: #eedece; |
|
88 border-color: #9a744c; |
|
89 color: #693e11; |
|
90 outline-color: #9a744c; |
|
91 } |
|
92 |
|
93 .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, |
|
94 .btn-default.disabled:active, .btn-default.disabled:focus, |
|
95 .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, |
|
96 .btn-default[disabled].focus, .btn-default[disabled]:active, |
|
97 .btn-default[disabled]:focus, .btn-default[disabled]:hover, |
|
98 fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, |
|
99 fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, |
|
100 fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { |
|
101 background-color: #eedece; |
|
102 border-color: #9a744c; |
|
103 color: #693e11; |
|
104 } |
|
105 |
|
106 .btn-primary { |
|
107 background-color: #006634; |
|
108 border-color: #00532b; |
|
109 outline-color: #00532b; |
|
110 } |
|
111 |
|
112 .btn-primary.active, .btn-primary.focus, |
|
113 .btn-primary:active, .btn-primary:focus, .btn-primary:hover { |
|
114 background-color: #693e11; |
|
115 border-color: #482500; |
|
116 outline-color: #482500; |
|
117 } |
|
118 |
|
119 .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, |
|
120 .btn-primary.disabled:active, .btn-primary.disabled:focus, |
|
121 .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, |
|
122 .btn-primary[disabled].focus, .btn-primary[disabled]:active, |
|
123 .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, |
|
124 fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, |
|
125 fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, |
|
126 fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { |
|
127 background-color: #008745; |
|
128 border-color: #00532b; |
|
129 } |
|
130 |
|
131 hr { |
|
132 border-top-color: #eedece; |
|
133 } |
|
134 |
|
135 .modal-header { |
|
136 border-bottom-color: #eedece; |
|
137 } |
|
138 |
|
139 div.modal-content a { |
|
140 cursor: pointer; |
|
141 } |
|
142 |
|
143 a.link { |
|
144 cursor: pointer; |
|
145 } |
|
146 |
|
147 /* SVG */ |
|
148 svg g text { |
|
149 cursor: default; |
|
150 } |
|
151 |
|
152 svg g text.legend { |
|
153 font-family: sans-serif; |
|
154 font-size: 11px; |
|
155 fill: #111; |
|
156 } |
|
157 |
|
158 svg g line.level { |
|
159 stroke: grey; |
|
160 stroke-opacity: 0.75; |
|
161 stroke-width: 0.3px; |
|
162 } |
|
163 |
|
164 svg g line.level.level-val-100 { |
|
165 stroke: #693e11; |
|
166 stroke-width: 2px; |
|
167 } |