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