bootstrap_and_overrides.css.less - warvox - VoIP based wardialing tool, forked from rapid7/warvox.
(HTM) git clone git://jay.scot/warvox
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
---
bootstrap_and_overrides.css.less (9673B)
---
1 @import "twitter/bootstrap/bootstrap";
2
3 // Set the correct sprite paths
4 @iconSpritePath: image-url("/assets/glyphicons-halflings.png");
5 @iconWhiteSpritePath: image-url("/assets/glyphicons-halflings-white.png");
6
7 // Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
8 @fontAwesomeEotPath: font-url("/assets/fontawesome-webfont.eot");
9 @fontAwesomeEotPath_iefix: font-url("/assets/fontawesome-webfont.eot?#iefix");
10 @fontAwesomeWoffPath: font-url("/assets/fontawesome-webfont.woff");
11 @fontAwesomeTtfPath: font-url("/assets/fontawesome-webfont.ttf");
12 @fontAwesomeSvgPath: font-url("/assets/fontawesome-webfont.svg#fontawesomeregular");
13
14 // Font Awesome
15 @import "fontawesome/font-awesome";
16
17 // Glyphicons
18 //@import "twitter/bootstrap/glyphicons.less";
19
20 // Your custom LESS stylesheets goes here
21
22 @sansFontFamily: "Trebuchet MS", Arial, Helvetica, sans-serif;
23 @green: #90d552;
24 @orange: #ea5709;
25 @darkGray: #29383f;
26 @lightGray: #666666;
27 @blue: #0197b8;
28 @white: #ffffff;
29 @yellow: yellow;
30 @red: red;
31
32 @darkOrange: #BB4607;
33 @lightOrange: #F8ECE6;
34
35 @linkColor: @blue;
36 @linkColorHover: @darkGray;
37
38 @btnPrimaryBackground: @blue;
39 @btnPrimaryBackgroundHighlight: @btnPrimaryBackground;
40
41 @navbarLinkColor: @white;
42 @navbarLinkColorActive: @white;
43 @navbarLinkColorHover: @yellow;
44
45 @dropdownLinkColorHover: @white;
46 @dropdownLinkBackgroundHover: @orange;
47 @dropdownBackgroundActive: @white;
48 @dropdownBackground: @white;
49
50 @headingsColor: @darkGray;
51
52 @navbarBackground: #ea5709;
53 @navbarBorderColor: red;
54 @navbarBackgroundHighlight: #4A1C04;
55
56 // Overrides
57
58 /* navbar */
59 .navbar-default {
60 background-color: @navbarBackground;
61 border-color: @navbarBorderColor;
62 }
63 /* title */
64 .navbar-default .navbar-brand {
65 color: #ffffff;
66 }
67 .navbar-default .navbar-brand:hover,
68 .navbar-default .navbar-brand:focus {
69 color: #5E5E5E;
70 }
71 /* link */
72 .navbar-default .navbar-nav > li > a {
73 color: #777;
74 }
75 .navbar-default .navbar-nav > li > a:hover,
76 .navbar-default .navbar-nav > li > a:focus {
77 color: #333;
78 }
79 .navbar-default .navbar-nav > .active > a,
80 .navbar-default .navbar-nav > .active > a:hover,
81 .navbar-default .navbar-nav > .active > a:focus {
82 color: #555;
83 background-color: @navbarBackground;
84 }
85 .navbar-default .navbar-nav > .open > a,
86 .navbar-default .navbar-nav > .open > a:hover,
87 .navbar-default .navbar-nav > .open > a:focus {
88 color: #555;
89 background-color: #D5D5D5;
90 }
91 /* caret */
92 .navbar-default .navbar-nav > .dropdown > a .caret {
93 border-top-color: #777;
94 border-bottom-color: #777;
95 }
96 .navbar-default .navbar-nav > .dropdown > a:hover .caret,
97 .navbar-default .navbar-nav > .dropdown > a:focus .caret {
98 border-top-color: #333;
99 border-bottom-color: #333;
100 }
101 .navbar-default .navbar-nav > .open > a .caret,
102 .navbar-default .navbar-nav > .open > a:hover .caret,
103 .navbar-default .navbar-nav > .open > a:focus .caret {
104 border-top-color: #555;
105 border-bottom-color: #555;
106 }
107 /* mobile version */
108 .navbar-default .navbar-toggle {
109 border-color: #DDD;
110 }
111 .navbar-default .navbar-toggle:hover,
112 .navbar-default .navbar-toggle:focus {
113 background-color: #DDD;
114 }
115 .navbar-default .navbar-toggle .icon-bar {
116 background-color: @navbarBackground;
117 }
118 @media (max-width: 767px) {
119 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
120 color: white;
121 }
122 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
123 .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
124 color: @yellow;
125 }
126 }
127
128 //
129
130 a .project-title, a:visited .project-title {
131 color: white;
132 font-weight: bold;
133 }
134
135
136 // Datatables
137
138 .paginate_disabled_previous {
139 display: none;
140 }
141
142 .paginate_disabled_next {
143 display: none;
144 }
145
146 .paginate_enabled_previous {
147 color: red;
148 margin-right: 20px;
149 }
150
151 .paginate_enabled_next {
152 color: green;
153 }
154
155 // End of DataTables
156
157
158 .sparkline {
159 width: 100%;
160 height: 30px;
161 }
162
163 .sparkline-title {
164 text-align: center;
165 font-size: 11px;
166 }
167
168 .call-detail {
169 font-size: 10px;
170 }
171
172 .project-header {
173 margin-bottom: 30px;
174 border-bottom: 1px solid #eeeeee;
175 }
176
177 .zoom {
178 background-color: @orange;
179 height: 40px;
180 }
181
182
183 .stat-box {
184 padding: 10px;
185 background-color: white;
186 border: 2px solid @darkGray;
187 font-size: 16px;
188 font-weight: bold;
189 color: @darkGray;
190 width: 55px;
191 margin: auto auto;
192 text-align: center;
193
194 border-top-left-radius: 20px;
195 border-top-right-radius: 20px;
196 border-bottom-right-radius: 20px;
197 border-bottom-left-radius: 20px;
198 }
199
200 .stat-modem {
201 background-color: white;
202 border: 2px solid @red;
203 color: @red;
204 }
205
206
207 .stat-nodata {
208 background-color: #f4f4f4;
209 border: 2px solid @darkGray;
210 color: @darkGray;
211 font-size: 24px;
212 }
213
214 .stat-completed {
215 background-color: white;
216 border: 2px solid @orange;
217 color: @darkGray;
218 }
219
220 .stat-voice {
221 background-color: white;
222 border: 2px solid @green;
223 color: @darkGray;
224 }
225
226 .stat-voicemail {
227 background-color: white;
228 border: 2px solid @blue;
229 color: @darkGray;
230 }
231
232 .stat-fax {
233 background-color: white;
234 border: 2px solid @darkGray;
235 color: @darkGray;
236 }
237
238 .stat-modem {
239 background-color: white;
240 border: 2px solid @red;
241 color: @darkGray;
242 }
243
244
245 .arrow-down {
246 font-size: 18px;
247 text-align: center;
248 margin: auto auto;
249 padding-top: 10px;
250 padding-bottom: 10px;
251 color: @darkOrange;
252 }
253
254 .arrow-right {
255 font-size: 22px;
256 text-align: center;
257 margin: auto auto;
258 padding-top: 10px;
259 padding-bottom: 10px;
260 }
261
262 .stat-subtitle {
263 text-align: center;
264 font-size: 12px;
265 margin-top: 1px;
266 }
267
268 .fwd_match_span {
269 width: 100px;
270 padding-left: 20px;
271 padding-right: 20px;
272 padding-bottom: 5px;
273 padding-top: 5px;
274 font-weight: bold;
275 color: white;
276 text-align: center;
277 }
278
279 .filter-label {
280 line-height: 16px;
281 font-size: 16px;
282 margin-right: 5px;
283 padding-top: 5px;
284 font-weight: bold;
285 }
286
287 .filter-select {
288 line-height: 14px;
289 font-size: 14px;
290 width: 120px;
291 font-weight: bold;
292 }
293
294 .popover-title {
295 line-height: 12px;
296 font-size: 12px;
297 text-align: center;
298 font-weight: bold;
299 }
300
301 .popover-content {
302
303 }
304
305 .xtooltip {
306 border-bottom: 1px dotted @blue;
307 cursor: help;
308 }
309
310 .xpopover {
311 border-bottom: 1px dotted @blue;
312 cursor: help;
313 }
314
315 .progress-bar {
316 margin-bottom: -2px;
317 }
318
319 .progress_pct {
320 color: @darkGray;
321 margin-left: 10px;
322 font-weight: bold;
323 }
324
325 .task_args_formatted {
326 padding:10px;
327 }
328
329 .task_args_var {
330 font-size: 12px;
331 float: left;
332 font-weight: bold;
333 text-align: right;
334 }
335 .task_args_val {
336 font-size: 14px;
337 text-align: left;
338 padding-left: 5px;
339 float: auto;
340 }
341 .check-item {
342 font-size: 18px;
343 margin-bottom: 10px;
344 }
345 .check-result {
346 margin-left: 40px;
347 width: 500px;
348 font-size: 16px;
349 }
350
351
352 // Hacks to override active drop-down item background color and hover
353 .dropdown-menu .active > a {
354 background-color: @white;
355 background-image: none;
356 color: @darkGray;
357 }
358
359 // Do not make active icons white
360 .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*="icon-"] {
361 color: @darkGray;
362 background-image: url("/assets/twitter/bootstrap/glyphicons-halflings.png");
363 }
364
365 .dropdown-menu .active > a:hover {
366 background-color: @orange;
367 background-image: none;
368 color: @white;
369 }
370
371 .fconstrained {
372 width: 400px;
373 }
374
375
376 .project_description {
377 height: 100px;
378 padding: 5px;
379 }
380 .project_includes {
381 height: 100px;
382 padding: 5px;
383 }
384
385 body#login {
386
387 background-color: black;
388 padding: 0;
389 margin: 0;
390
391 }
392
393 #login-panel {
394
395 margin: 0px;
396 width: 100%;
397 padding: 0;
398 height: 300px;
399
400 position: fixed;
401 z-index: 1;
402
403 /* IE10 Consumer Preview */
404 background-image: -ms-linear-gradient(top, #EA5709 0%, #000000 100%);
405
406 /* Mozilla Firefox */
407 background-image: -moz-linear-gradient(top, #EA5709 0%, #000000 100%);
408
409 /* Opera */
410 background-image: -o-linear-gradient(top, #EA5709 0%, #000000 100%);
411
412 /* Webkit (Safari/Chrome 10) */
413 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EA5709), color-stop(1, #000000));
414
415 /* Webkit (Chrome 11+) */
416 background-image: -webkit-linear-gradient(top, #EA5709 0%, #000000 100%);
417
418 /* W3C Markup, IE10 Release Preview */
419 background-image: linear-gradient(to bottom, #EA5709 0%, #000000 100%);
420
421 }
422
423 #login-logo {
424 margin-left: auto;
425 margin-right: auto;
426 width: 222px;
427 height: 68px;
428 margin-top: 60px;
429 }
430
431 #box {
432 margin-left: auto;
433 margin-right: auto;
434 width: 350px;
435 background: white;
436 padding: 25px;
437 margin-top: 20px;
438 border: 1px solid #4A1C04;
439 margin-bottom: 30px;
440 }
441
442 .login-label {
443 width: 120px;
444 margin-right: 10px;
445 margin-bottom: 5px;
446 text-align: right;
447 font-weight: bold;
448 float: left;
449 }
450
451 .btn-login {
452 margin-left: 130px;
453 }
454
455 .nav {
456 a {
457 font-size: 15px;
458 }
459 }
460
461 .content {
462 margin-top: 80px;
463 }
464
465 .accordion-toggle:hover {
466 text-decoration: none;
467 }
468
469 h1 {
470 font-size: 24px;
471 line-height: 30px;
472 }
473
474 h2 {
475 font-size: 20px;
476 line-height: 24px;
477 }
478
479 h3 {
480 font-size: 16px;
481 line-height: 18px;
482 }
483
484 .header {
485 border-top: solid 4px @orange;
486 padding-top: 20px;
487 }
488
489 .header a {
490 color: @darkGray;
491 }
492
493 .header a:hover {
494 text-decoration: none;
495 color: @orange;
496 }
497
498 .footer {
499 text-align: center;
500 font-size: 12px;
501 margin-top: 50px;
502 color: #aaa;
503 }
504
505 .no-space {
506 margin-left: 0;
507 margin-right: 0;
508 }
509
510 .right {
511 text-align: right;
512 }
513
514 .tabs-left {
515 text-align: left;
516 }
517
518 .text-large {
519 font-size: 18px;
520 }
521
522 h3.toc {
523 border-bottom: 1px solid #ccc;
524 }
525
526 .carousel .item {
527 height: 50px;
528 text-align: center;
529 }
530
531 .carousel .item > img {
532 display: inline;
533 }
534
535 .lead-box h3 {
536 text-align: center;
537 }
538
539 .lead-box p {
540 height: 80px;
541 }
542
543 .table td {
544 vertical-align: middle;
545 }
546 table.dataTable tr td.sorting_1 {
547 background-color: #fff !important;
548 }
549 .tab-content {
550 overflow: hidden;
551 }
552 .carousel-control {
553 background: #fff;
554 }