CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / data-tables / DT_bootstrap.css
1 div.dataTables_length label {\r
2         float: left;\r
3         text-align: left; \r
4 }\r
5 \r
6 div.dataTables_length label .form-control {\r
7     display: inline-block;\r
8     width: auto;\r
9     vertical-align: middle;\r
10 }\r
11 \r
12 div.dataTables_length select {\r
13         width: 75px;\r
14 }\r
15 \r
16 div.dataTables_filter label {\r
17         float: right;\r
18 }\r
19 \r
20 div.dataTables_info {\r
21         position: relative;\r
22         top:15px;\r
23 }\r
24 \r
25 div.dataTables_paginate {\r
26         float: right;\r
27         margin: 0;\r
28 }\r
29 \r
30 table.table {\r
31         clear: both;\r
32         margin-bottom: 6px !important;\r
33         max-width: none !important;\r
34 }\r
35 \r
36 table.table thead .sorting,\r
37 table.table thead .sorting_asc,\r
38 table.table thead .sorting_desc,\r
39 table.table thead .sorting_asc_disabled,\r
40 table.table thead .sorting_desc_disabled {\r
41         cursor: pointer;\r
42         *cursor: hand;\r
43 }\r
44 \r
45 table.table thead .sorting { background: url('images/sort_both.png') no-repeat center right; }\r
46 table.table thead .sorting_asc { background: url('images/sort_asc.png') no-repeat center right; }\r
47 table.table thead .sorting_desc { background: url('images/sort_desc.png') no-repeat center right; }\r
48 \r
49 table.table thead .sorting_asc_disabled { background: url('images/sort_asc_disabled.png') no-repeat center right; }\r
50 table.table thead .sorting_desc_disabled { background: url('images/sort_desc_disabled.png') no-repeat center right; }\r
51 \r
52 table.dataTable th:active {\r
53         outline: none;\r
54 }\r
55 \r
56 table.dataTable tbody {\r
57         font-size:13px;\r
58 }\r
59 \r
60 /* Scrolling */\r
61 div.dataTables_scroll {\r
62         margin-bottom: 5px;\r
63         margin-top: 5px;\r
64 }\r
65 div.dataTables_scrollHead table {\r
66         margin-bottom: 0 !important;\r
67         border-bottom-left-radius: 0;\r
68         border-bottom-right-radius: 0;\r
69 }\r
70 \r
71 div.dataTables_scrollHead table thead tr:last-child th:first-child,\r
72 div.dataTables_scrollHead table thead tr:last-child td:first-child {\r
73         border-bottom-left-radius: 0 !important;\r
74         border-bottom-right-radius: 0 !important;\r
75 }\r
76 \r
77 div.dataTables_scrollBody table {\r
78         border-top: none;\r
79         margin-bottom: 0 !important;\r
80 }\r
81 \r
82 div.dataTables_scrollBody tbody tr:first-child th,\r
83 div.dataTables_scrollBody tbody tr:first-child td {\r
84         border-top: none;       \r
85 }\r
86 \r
87 /*\r
88 div.dataTables_scrollBody tbody tr td {\r
89         padding-left: 10px !important;\r
90         padding-right: 10px !important; \r
91 }\r
92 div.dataTables_scrollHeadInner table thead tr th,\r
93 div.dataTables_scrollBody table thead tr th{\r
94         padding-left: 10px !important;\r
95         padding-right: 18px !important; \r
96         text-align: center !important;\r
97 }*/\r
98 \r
99 div.dataTables_scrollFoot table {\r
100         border-top: none;\r
101 }\r
102 \r
103 /*\r
104  * TableTools styles\r
105  */\r
106 \r
107 table.DTTT_selectable tbody tr {\r
108         cursor: pointer;\r
109         *cursor: hand;\r
110 }\r
111 \r
112 div.DTTT .btn {\r
113         color: #333 !important;\r
114         font-size: 12px;\r
115 }\r
116 \r
117 div.DTTT .btn:hover {\r
118         text-decoration: none !important;\r
119 }\r
120 \r
121 \r
122 ul.DTTT_dropdown.dropdown-menu a {\r
123         color: #333 !important; /* needed only when demo_page.css is included */\r
124 }\r
125 \r
126 ul.DTTT_dropdown.dropdown-menu li:hover a {\r
127         background-color: #0088cc;\r
128         color: white !important;\r
129 }\r
130 \r
131 /* TableTools information display */\r
132 div.DTTT_print_info.modal {\r
133         height: 150px;\r
134         margin-top: -75px;\r
135         text-align: center;\r
136 }\r
137 \r
138 div.DTTT_print_info h6 {\r
139         font-weight: normal;\r
140         font-size: 28px;\r
141         line-height: 28px;\r
142         margin: 1em;\r
143 }\r
144 \r
145 div.DTTT_print_info p {\r
146         font-size: 14px;\r
147         line-height: 20px;\r
148 }\r
149 \r
150 \r
151 \r
152 /*\r
153  * FixedColumns styles\r
154  */\r
155 div.DTFC_LeftHeadWrapper table,\r
156 div.DTFC_LeftFootWrapper table,\r
157 table.DTFC_Cloned tr.even {\r
158         background-color: white;\r
159 }\r
160 \r
161 div.DTFC_LeftHeadWrapper table {\r
162         margin-bottom: 0 !important;\r
163         border-top-right-radius: 0 !important;\r
164         border-bottom-left-radius: 0 !important;\r
165         border-bottom-right-radius: 0 !important;\r
166 }\r
167 \r
168 div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,\r
169 div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {\r
170         border-bottom-left-radius: 0 !important;\r
171         border-bottom-right-radius: 0 !important;\r
172 }\r
173 \r
174 div.DTFC_LeftBodyWrapper table {\r
175         border-top: none;\r
176         margin-bottom: 0 !important;\r
177 }\r
178 \r
179 div.DTFC_LeftBodyWrapper tbody tr:first-child th,\r
180 div.DTFC_LeftBodyWrapper tbody tr:first-child td {\r
181         border-top: none;\r
182 }\r
183 \r
184 div.DTFC_LeftFootWrapper table {\r
185         border-top: none;\r
186 }\r
187 \r
188 /*浮动的确认反确认样式 */\r
189 td.buttonRounded {\r
190   background-color: #e5e5e5;  \r
191   color: #333333;\r
192   border: 0px solid #b15a59;\r
193   -webkit-border-radius: 0px;\r
194   -moz-border-radius: 0px;\r
195   -ms-border-radius: 0px;\r
196   -o-border-radius: 0px;\r
197   border-radius: 0px;\r
198   font-family: Arial, Verdana, sans-serif;\r
199   font-size: 12px;\r
200   /*padding: 0 3px;*/\r
201   padding-left:5px !important;\r
202   padding-right:5px !important;\r
203   height:30px !important;\r
204 }\r
205 \r
206 td.buttonRoundedDisabled {\r
207   opacity: .65;  \r
208   height:30px !important;\r
209 }\r
210 \r
211 div.buttonConfirm{      \r
212         position: absolute; left: 0px; top: 0px; width: 120px; height: 30px; z-index: 201224; overflow: visible;\r
213         font-size: 13px;\r
214 }\r
215 div.buttonUnConfirm{    \r
216         position: absolute; left: 120px; top: 0px; width: 100px; height: 30px; z-index: 201242; overflow: visible;\r
217         font-size: 13px;\r
218 }\r
219 div.buttonDelete{       \r
220         position: absolute; left: 250px; top: 0px; width: 60px; height: 30px; z-index: 201260; overflow: visible;\r
221         font-size: 13px;\r
222 }\r
223 \r
224 button.btn-confirm {\r
225   width:90px;  \r
226 }\r
227 \r
228 /***\r
229 Extended pagination\r
230 ***/\r
231 .paging_bootstrap_extended {\r
232   margin: 0 !important;\r
233   padding: 0 !important;\r
234   float: none !important;\r
235   font-size: 13px;\r
236 }\r
237 \r
238 .modal-body {\r
239         font-size: 13px;\r
240 }