-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.css
95 lines (88 loc) · 4.75 KB
/
app.css
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
*{box-sizing:border-box;list-style:none;margin:0;padding:0;}
a{color:#3a8bbb;text-decoration:none;}
body{position:relative;margin:0;padding:0;background:#f4f4f4;}
main{vertical-align:top;max-width:1250px;padding:10px 0;}
iframe{display:none;}
h2{color:#384455;}
p{color:#afafaf;}
body.popup{
min-width:300px;
}
.btn-group{margin-top:10px;}
.btn{display:inline-block;border:1px solid #e2e2e2;border-radius:2px;padding:6px 10px;cursor:default;color:#3d4a59;}
.btn:hover{background:rgba(255,255,255,.8);}
/* INI-Colors */
.red{color:#db4b3e;}
.green{color:#41c44d;}
.green-gazelle{color:#4ac3b9;}
.blue{color:#10c5ff}
.blue-electric{color:#0045ff;}
.soft-orange{color:#ff9f80;}
.grey-light{color:#aaa;}
.bg-red{background:#db4b3e;color:#fff;}
.bg-green{background:#41c44d;color:#fff;}
.bg-green-gazelle{background:#4ac3b9;color:#fff;}
.bg-blue{background:#10c5ff;color:#fff;}
.bg-soft-orange{background:#ff9154;color:#fff;}
.bg-orange{background:#ff6000;color:#fff;}
.bg-orange-soft{background:#ff9154;color:#fff;}
.bg-brown{background:#a98154;color:#fff;}
.bg-yellow{background:#f0ad4e;color:#fff;}
.bg-grey-light{background-color:#eee;}
/* END-Colors */
/* INI-dropdown */
.widget-dropdown{position:relative;}
.dropdown-container{position:absolute;left:0;z-index:9999999;display:none;min-width:300px;list-style:none;background:linear-gradient(to bottom,#fff,#fff 1px,#efefef 1px,#ededed);color:#444;font-size:13px;text-align:left;box-shadow:0 1px 8px rgba(100,100,100,.8);border-bottom:1px solid #aaa;border-radius:4px;z-index:100;}
.widget-dropdown.active > .dropdown-container{display:block;}
.dropdown-container .datepicker{padding:4px;}
.dropdown-container > .wrapper{padding:4px;}
.dropdown-container > .wrapper .btn-group:last-child{margin:5px;}
.dropdown-container > form{margin:0;}
.dropdown-container > .node{padding-left:0;padding-right:0;}
.dropdown-container h4{margin:0 0 0 0;padding:0;}
.dropdown-container h4 + p{font-size:12px;}
.dropdown-container .table + h4{border-top:1px solid #ddd;padding-top:10px;}
.dropdown-container.padded{padding:8px;}
/* END-dropdown */
/* INI-Table */
ul.table{display:table;width:100%;margin:10px 0;text-align:center;}
ul.table:empty{display:none;}
ul.table.fixed{table-layout:fixed;}
ul.table.align-top li > div{vertical-align:top;}
ul.table > li{display:table-row;}
ul.table > li.disabled{color:#aaa;}
ul.table > li.disabled > div > a,
ul.table > li.disabled > div > div.dropdown-toggle > a{color:#aaa;}
ul.table > li.disabled > div > img{opacity:.3;}
ul.table > li.hidden{display:none;}
ul.table > li > div{display:table-cell;padding:1px 4px;vertical-align:middle;}
ul.table > li > div:first-child > img{display:block;}
ul.table > li > div.right{text-align:right;}
ul.table > li:nth-child(2n+1){}
ul.table > li.header{background:transparent;}
ul.table > li.header > div{padding-top:4px;padding-bottom:4px;color:white;}
ul.table > li.green > div{background:#b5d6a7;}
ul.table > li.green > div a{color:#888;text-decoration:underline;}
ul.table > li > div.ribbon-running{padding-left:6px;background:linear-gradient(to right,#61cb5d 0,#61cb5d 4px,transparent 4px,transparent);}
ul.table > li > div.ribbon-awaiting{padding-left:6px;background:linear-gradient(to right,#fc985b 0,#fc985b 4px,transparent 4px,transparent);}
ul.table > li > div.ribbon-finished{padding-left:6px;background:linear-gradient(to right,#3f72ff 0,#3f72ff 4px,transparent 4px,transparent);}
ul.table > li > div.ribbon-scheduled{padding-left:6px;background:linear-gradient(to right,#205081 0,#205081 4px,transparent 4px,transparent);}
ul.table > li > div.ribbon-red{padding-left:6px;background:linear-gradient(to right,#db4b3e 0,#db4b3e 4px,transparent 4px,transparent);}
ul.table > li > div > input[type="text"],
ul.table > li > div > input[type="password"],
ul.table > li > div > textarea{max-width:none;}
ul.table > li > div > p:last-child{margin-bottom:0;}
ul.table div.collapse{width:1px;}
ul.table.strip > li > div{border-top:1px solid #e2e7e7;border-left:1px solid #e2e7e7;}
ul.table.strip > li > div:first-child{}
ul.table.strip > li > div:last-child{border-right:1px solid #e2e7e7;}
ul.table.strip > li:last-child > div{border-bottom:1px solid #e2e7e7;}
ul.table.strip > li.header{background:#f4f7f8;}
ul.table.strip > li.header > div{padding:6px 8px;color:#666;background:linear-gradient(to bottom,#fff 0,#fff 1px,#f4f7f8 1px);border-bottom:1px solid #aaa;border-top:1px solid #ccc;}
ul.table.strip > li.header + li{background:linear-gradient(to bottom,#ccc,transparent 2px);border-top:0;}
ul.table.strip > li.header + li > div{border-top:0;}
ul.table.strip > li.header + li.green > div{background:linear-gradient(to bottom,#9ab68e,#b5d6a7 2px);}
ul.table.radio > li > div:first-child{width:20px;}
ul.table.stats > li > div:last-child{width:20px;text-align:right;}
ul.table.top > li > div{vertical-align:top;}
/* END-Table */