2 * Copyright 2016-2017 ZTE Corporation.
\r
4 * Licensed under the Apache License, Version 2.0 (the "License");
\r
5 * you may not use this file except in compliance with the License.
\r
6 * You may obtain a copy of the License at
\r
8 * http://www.apache.org/licenses/LICENSE-2.0
\r
10 * Unless required by applicable law or agreed to in writing, software
\r
11 * distributed under the License is distributed on an "AS IS" BASIS,
\r
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
\r
13 * See the License for the specific language governing permissions and
\r
14 * limitations under the License.
\r
17 font-family: microsoft yahei !important;
\r
20 /* blue pill (inspired by iTunes)
\r
21 *******************************************************************************/
\r
27 background-color: #5b9bd1;
\r
28 border-radius: 20px;
\r
37 background-color: #e8f3fd;
\r
43 background-color: #5b9bd1;
\r
47 .blue.selected:hover {
\r
49 background-color: #5b9bd1;
\r
56 font-weight: normal;
\r
62 border-top: 1px solid #ccc;
\r
65 margin: 36px 0 12px 0;
\r
78 -webkit-border-radius: 5px;
\r
80 -webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
\r
81 box-shadow: inset 0 1px 1px 0 #c7c7c7;
\r
83 margin: 10px 0 0 10px;
\r
90 /* Clear Floated Elements
\r
91 ------------------------------------------------------------------------------*/
\r
92 .column:after,.button-collection:after,.clearfix:after,div.project-info:after
\r
105 background-color:white !important;
\r
113 .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
\r
116 border-top: 3px solid #F3565D;
\r
123 .nav-tabs>li>a:hover {
\r
124 background-color: #f1f3fa;
\r
125 border: 1Px solid #f1f3fa;
\r
132 .skills-chart-breadcrumb {
\r
138 background-color: #5b9bd1;
\r
142 /* border-width: 0; */
\r
143 /* padding: 7px 14px; */
\r
144 /* font-size: 14px; */
\r
145 /* outline: none !important; */
\r
146 /* background-image: none !important; */
\r
147 /* filter: none; */
\r
148 /* -webkit-box-shadow: none; */
\r
149 -moz-box-shadow: none;
\r
150 /* box-shadow: none; */
\r
151 /* text-shadow: none; */
\r
157 border-radius: 4px;
\r
171 /* Bootstrap buttons */
\r
174 background-color: #fff;
\r
175 border-color: #ccc;
\r
178 .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
\r
181 background-color: #ededed;
\r
182 border-color: #b3b3b3;
\r
185 .open .btn-default.dropdown-toggle {
\r
187 background-color: #ededed;
\r
188 border-color: #b3b3b3;
\r
191 .btn-default:active,.btn-default.active {
\r
192 background-image: none;
\r
193 background-color: #e0e0e0;
\r
197 .btn-default:active:hover,.btn-default.active:hover {
\r
198 background-color: #e6e6e6;
\r
201 .open .btn-default.dropdown-toggle {
\r
202 background-image: none;
\r
205 .btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
\r
207 background-color: #fff;
\r
208 border-color: #ccc;
\r
211 .btn-default .badge {
\r
213 background-color: #333;
\r
220 .btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
\r
224 div[data-name="tab_zone"] div {
\r
225 background-color: #f1f3fa;
\r
229 div[data-name="cond_zone"] div {
\r
230 background-color: #fff;
\r
232 margin-bottom: 15px;
\r
235 div[data-name="res-conds-zone"] {
\r
239 div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
\r
244 border-color: #ccc;
\r
253 line-height: 1.42857143;
\r
255 background-color: #fff;
\r
256 background-image: none;
\r
257 border: 1px solid #ccc;
\r
258 border-radius: 4px;
\r
259 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
\r
260 box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
\r
261 -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
\r
262 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
\r
269 div.separator div {
\r
270 text-align: center;
\r
274 div.separator-line {
\r
275 height: 1px !important;
\r
293 .btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
\r
295 outline: none !important;
\r
296 background-image: none !important;
\r
298 -webkit-box-shadow: none;
\r
299 -moz-box-shadow: none;
\r
304 #skills-chart-breadcrumb {
\r
305 margin-bottom: 10px
\r
308 /*increase daterangepicker's css*/
\r
309 input[name="daterange"] {
\r
313 vertical-align: top;
\r
317 .daterangepicker .ranges {
\r
321 .daterangepicker .ranges input {
\r
322 width: 95px !important;
\r
325 td.details-control {
\r
326 background: url('../image/details_open.png') no-repeat center center;
\r
330 tr.shown td.details-control {
\r
331 background: url('../image/details_close.png') no-repeat center center;
\r
334 .details table td {
\r
335 word-wrap: break-word;
\r
336 word-break: normal;
\r
337 border-top: 1px solid #dddddd;
\r
340 .details table tr:first-child td {
\r
345 table-layout: fixed;
\r
353 table.dataTable tbody th,table.dataTable tbody td {
\r
357 div.dataTables_length,div.dataTables_info {
\r
361 div.dataTables_paginate {
\r
366 div.pagination-panel {
\r
367 margin-right: 10px;
\r
370 input.pagination-panel-input {
\r
374 .daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
\r
379 .daterangepicker .ranges .input-mini {
\r
384 padding: 5px 10px 5px 10px;
\r
387 .btn:focus,.btn:active:focus,.btn.active:focus {
\r
391 #ict_host_table_div {
\r
395 #ict_host_table_div label {
\r
399 #ict_host_table_div table {
\r
400 width: 100% !important;
\r
414 .input-group .form-control {
\r
415 height: 34px !important;
\r
418 .input-group .btn {
\r
419 font-size: 14px !important;
\r
422 .form-horizontal .btn-center {
\r
423 text-align: center;
\r
424 margin-bottom: 15px;
\r
428 color: #ffffff !important;
\r
429 background-color: #5b9bd1;
\r
432 /* .process-modal {
\r
442 margin: 200px auto;
\r
444 border: 1px solid #ddd;
\r
445 background-color: #eee;
\r