GBP UI initial commit
[groupbasedpolicy.git] / groupbasedpolicy-ui / module / src / main / resources / gbp / gbp.css
1 /*GBP*/\r
2 .gbpGlobalWrapper {\r
3   background: #f5f5f5;\r
4   margin-bottom: 0!important;\r
5   min-height: 100%;\r
6   padding-bottom: 60px;\r
7 }\r
8 .gbpGlobalWrapper span,\r
9 .gbpGlobalWrapper label {\r
10   color: #393939;\r
11 }\r
12 .gbpGlobalWrapper h2 {\r
13   color: #666;\r
14 }\r
15 .gbpGlobalWrapper .form-control,\r
16 .gbpGlobalWrapper .main input[type="text"] {\r
17   background: #fff;\r
18   color: #858585;\r
19 }\r
20 .gbpGlobalWrapper .form-control[disabled],\r
21 .gbpGlobalWrapper .main input[type="text"][disabled] {\r
22   background: #eeeeee;\r
23 }\r
24 .gbpGlobalWrapper .form-control.narrow-input-left {\r
25   width: 45%;\r
26   float: left;\r
27 }\r
28 .gbpGlobalWrapper .form-control.narrow-input-right {\r
29   width: 45%;\r
30   float: right;\r
31 }\r
32 .gbpGlobalWrapper .row-param {\r
33   margin-bottom: 15px;\r
34   float: left;\r
35 }\r
36 .gbpGlobalWrapper .param-label {\r
37   width: 100%;\r
38   float: left;\r
39 }\r
40 .gbpWrapper .btn-primary {\r
41   color: #ffffff;\r
42   background-color: #428bca;\r
43   border-color: #357ebd;\r
44   font-weight: normal;\r
45 }\r
46 .gbpWrapper .noPadding {\r
47   padding: 0!important;\r
48 }\r
49 .gbpWrapper .basicLabel {\r
50   padding: 0;\r
51   font-weight: normal;\r
52 }\r
53 .gbpWrapper .rowWrapper {\r
54   margin-bottom: 5px;\r
55 }\r
56 .gbpWrapper aside.col-md-3 {\r
57   min-height: 100%;\r
58 }\r
59 .gbpWrapper .panelWrapper {\r
60   padding: 20px 0;\r
61 }\r
62 .gbpWrapper .panelWrapper button.btn {\r
63   margin-bottom: 5px;\r
64 }\r
65 .gbpWrapper .panelWrapper button.btn-list {\r
66   margin-top: 25px;\r
67 }\r
68 .gbpWrapper section.sigmaWrapper div.legend {\r
69   margin-bottom: 25px;\r
70 }\r
71 .gbpWrapper section.sigmaWrapper div.legend span,\r
72 .gbpWrapper section.sigmaWrapper div.legend .text {\r
73   color: #fff;\r
74 }\r
75 .gbpWrapper section.sigmaWrapper div.legend ul {\r
76   padding: 0;\r
77   margin: 0;\r
78   list-style: none;\r
79 }\r
80 .gbpWrapper section.sigmaWrapper div.legend li {\r
81   margin-bottom: 5px;\r
82 }\r
83 .gbpWrapper section.sigmaWrapper div.legend li .textHidden {\r
84   display: none;\r
85 }\r
86 .gbpWrapper section.sigmaWrapper div.legend li .text {\r
87   margin-left: 10px;\r
88   line-height: 18px;\r
89 }\r
90 .gbpWrapper section.sigmaWrapper div.legend li .showChckbx {\r
91   position: relative;\r
92   top: 2px;\r
93   left: 5px;\r
94 }\r
95 .gbpWrapper section.sigmaWrapper div.legend li .itemWrapper:hover .text {\r
96   display: block !important;\r
97 }\r
98 .gbpWrapper section.sigmaWrapper div.legend div.color {\r
99   /*margin-right: 15px;*/\r
100   width: 18px;\r
101   height: 18px;\r
102   -webkit-border-radius: 9px;\r
103   border-radius: 9px;\r
104   cursor: pointer;\r
105 }\r
106 .gbpWrapper #graph-container {\r
107   padding: 0;\r
108 }\r
109 .gbpWrapper .selectWrapper {\r
110   padding-left: 0;\r
111 }\r
112 .gbpWrapper .selectWrapper.col-md-12 {\r
113   padding: 0;\r
114   margin-bottom: 5px;\r
115 }\r
116 .gbpWrapper .inputWrapper.leftInput {\r
117   padding-left: 0;\r
118 }\r
119 .gbpWrapper .inputWrapper.rightInput {\r
120   padding-right: 0;\r
121 }\r
122 .gbpWrapper .separator {\r
123   padding-bottom: 10px;\r
124   margin-top: 15px;\r
125   height: 1px;\r
126   padding-left: 0px;\r
127   padding-right: 15px;\r
128 }\r
129 .gbpWrapper .inner-separator {\r
130   border-bottom: 1px solid #858585;\r
131   width: 100%;\r
132   float: left;\r
133 }\r
134 .gbpWrapper .btn-group {\r
135   padding: 0;\r
136 }\r
137 .gbpWrapper .formWrapper {\r
138   margin: 20px 0;\r
139 }\r
140 .gbpWrapper .icon-remove.align-right {\r
141   float: right;\r
142 }\r
143 .gbpWrapper .icon-exclamation-sign.red {\r
144   color: red;\r
145 }\r
146 .gbpWrapper .sigmaWrapper {\r
147   position: relative;\r
148 }\r
149 .gbpWrapper .sigmaWrapper .sigmaModalWrapper {\r
150   position: absolute;\r
151   top: 30px;\r
152   left: 45px;\r
153   z-index: 1;\r
154 }\r
155 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .icon-remove {\r
156   position: absolute;\r
157   top: 5px;\r
158   right: 5px;\r
159 }\r
160 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper {\r
161   position: relative;\r
162   background: #f5f5f5;\r
163   -webkit-border-radius: 5px;\r
164   -moz-border-radius: 5px;\r
165   -ms-border-radius: 5px;\r
166   -o-border-radius: 5px;\r
167   border-radius: 5px;\r
168   min-width: 400px;\r
169   min-height: 100px;\r
170   margin-top: 20px;\r
171   padding: 20px;\r
172 }\r
173 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .dataWrapper {\r
174   overflow-y: scroll;\r
175   max-height: 350px;\r
176 }\r
177 .gbpWrapper .sigmaWrapper .sigmaModalWrapper .tableWrapper .rowWrapper {\r
178   padding: 10px;\r
179   margin-bottom: 10px;\r
180   -webkit-border-radius: 5px;\r
181   -moz-border-radius: 5px;\r
182   -ms-border-radius: 5px;\r
183   -o-border-radius: 5px;\r
184   border-radius: 5px;\r
185   border: 1px solid #d5d5d5;\r
186 }\r
187 /*GBP END*/