CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / data-tables / style-datatable.css
1 /* remove rounds from all elements */\r
2 \r
3 div, \r
4 input, \r
5 select, \r
6 textarea, \r
7 span, \r
8 img, \r
9 table, \r
10 td, \r
11 th, \r
12 p, \r
13 a, \r
14 button, \r
15 ul,\r
16 code,\r
17 pre, \r
18 li {\r
19   -webkit-border-radius: 0 !important;\r
20      -moz-border-radius: 0 !important;\r
21           border-radius: 0 !important;\r
22 }\r
23 \r
24 .input-mini {\r
25   width: 25px !important;\r
26   height:15px !important;\r
27   padding-top: 2px !important;\r
28   margin: 0 2px !important;\r
29 }\r
30 \r
31 .input-xsmall {\r
32   width: 80px !important;\r
33   height:25px !important;\r
34   padding-top: 2%;\r
35 }\r
36 \r
37 .input-small {\r
38   width: 120px !important;\r
39 }\r
40 \r
41 .input-medium {\r
42   width: 240px !important;\r
43 }\r
44 \r
45 .input-large {\r
46   width: 320px !important;\r
47 }\r
48 \r
49 .input-xlarge {\r
50   width: 480px !important;\r
51 }\r
52 \r
53 .input-inline {\r
54   display: inline-block;\r
55   width: auto;  \r
56   vertical-align: middle;\r
57 }\r
58 \r
59 .form-control {  \r
60   font-size: 14px;\r
61   font-weight: normal;\r
62   color: #333333;\r
63   background-color: #ffffff;\r
64   border: 1px solid #e5e5e5;\r
65   border-radius: 0;\r
66   -webkit-box-shadow: none;\r
67   box-shadow: none;\r
68   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r
69   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\r
70 }\r
71 \r
72 .pagination-panel {\r
73   font-size: 13px !important;\r
74 }\r
75 \r
76 .dataTables_length label {\r
77   font-weight: 400;\r
78   font-size: 13px !important;\r
79 }\r
80 \r
81 .dataTables_info {\r
82   font-size: 13px !important;\r
83 }\r
84 \r
85 .dataTable tbody {\r
86   font-size: 13px;\r
87 }\r
88 \r
89 /***\r
90 Bootstrap Tables\r
91 ***/\r
92 \r
93 .table thead > tr > th {\r
94   border-bottom: 0;\r
95 }\r
96 \r
97 .table tbody tr.active td,\r
98 .table tbody tr.active th {\r
99   background-color: #e9e9e9 !important;\r
100 }\r
101 \r
102 .table tbody tr.active:hover td,\r
103 .table tbody tr.active:hover th {\r
104   background-color: #e1e1e1 !important;\r
105 }\r
106 \r
107 .table-striped tbody tr.active:nth-child(odd) td,\r
108 .table-striped tbody tr.active:nth-child(odd) th {\r
109   background-color: #017ebc;\r
110 }\r
111 \r
112 .table .heading > th {\r
113   background-color: #eee !important;\r
114 }\r
115 \r
116 .detailTable {\r
117   border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;\r
118 }\r
119 \r
120 .detailTable td{border:1px solid #ddd !important;}\r
121 \r
122 /*\r
123 .detailTitleStyle {\r
124         background-color: #428bca !important;\r
125 }\r
126 */\r
127 \r
128 .labelDetailTable {\r
129   display: inline;\r
130   padding: .2em .6em .3em;\r
131   font-size: 75%;\r
132   font-weight: bold;\r
133   line-height: 1;\r
134   text-align: center;\r
135   white-space: nowrap;\r
136   vertical-align: baseline;\r
137   border-radius: .25em;\r
138 }\r
139 /*\r
140 .oddDetailTable td{\r
141         background-color: #fff !important;\r
142 }\r
143 */\r
144 .evenDetailTable td{\r
145         background-color: #f9f9f9 !important;\r
146 }\r
147 \r
148 .detailCellStyle{\r
149         WORD-WRAP: break-word;\r
150 }\r
151 \r
152 #buttonConfirm:hover {\r
153     cursor:pointer !important;\r
154 }