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
24 background-color: #e5e5e5;
\r
30 background-color: #5b9bd1;
\r
31 border-radius: 20px;
\r
40 background-color: #e8f3fd;
\r
46 background-color: #5b9bd1;
\r
50 .blue.selected:hover {
\r
52 background-color: #5b9bd1;
\r
59 font-weight: normal;
\r
65 border-top: 1px solid #ccc;
\r
68 margin: 36px 0 12px 0;
\r
81 -webkit-border-radius: 5px;
\r
83 -webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
\r
84 box-shadow: inset 0 1px 1px 0 #c7c7c7;
\r
86 margin: 10px 0 0 10px;
\r
93 /* Clear Floated Elements
\r
94 ------------------------------------------------------------------------------*/
\r
95 .column:after,.button-collection:after,.clearfix:after,div.project-info:after
\r
102 visibility: hidden;
\r
108 background-color:white !important;
\r
116 .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
\r
119 border-top: 3px solid #F3565D;
\r
126 .nav-tabs>li>a:hover {
\r
127 background-color: #f1f3fa;
\r
128 border: 1Px solid #f1f3fa;
\r
135 .skills-chart-breadcrumb {
\r
141 background-color: #5b9bd1;
\r
145 /* border-width: 0; */
\r
146 /* padding: 7px 14px; */
\r
147 /* font-size: 14px; */
\r
148 /* outline: none !important; */
\r
149 /* background-image: none !important; */
\r
150 /* filter: none; */
\r
151 /* -webkit-box-shadow: none; */
\r
152 -moz-box-shadow: none;
\r
153 /* box-shadow: none; */
\r
154 /* text-shadow: none; */
\r
160 border-radius: 4px;
\r
174 /* Bootstrap buttons */
\r
177 .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
\r
180 background-color: #ededed;
\r
181 border-color: #b3b3b3;
\r
184 .open .btn-default.dropdown-toggle {
\r
186 background-color: #ededed;
\r
187 border-color: #b3b3b3;
\r
190 .btn-default:active,.btn-default.active {
\r
191 background-image: none;
\r
192 background-color: #e0e0e0;
\r
196 .btn-default:active:hover,.btn-default.active:hover {
\r
197 background-color: #e6e6e6;
\r
200 .open .btn-default.dropdown-toggle {
\r
201 background-image: none;
\r
204 .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
206 background-color: #fff;
\r
207 border-color: #ccc;
\r
210 .btn-default .badge {
\r
212 background-color: #333;
\r
216 .btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
\r
220 div[data-name="tab_zone"] div {
\r
221 background-color: #f1f3fa;
\r
225 div[data-name="cond_zone"] div {
\r
226 background-color: #fff;
\r
228 margin-bottom: 15px;
\r
231 div[data-name="res-conds-zone"] {
\r
235 div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
\r
240 border-color: #ccc;
\r
249 line-height: 1.42857143;
\r
251 background-color: #fff;
\r
252 background-image: none;
\r
253 border: 1px solid #ccc;
\r
254 border-radius: 4px;
\r
255 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
\r
256 box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
\r
257 -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
\r
258 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
\r
265 div.separator div {
\r
266 text-align: center;
\r
270 div.separator-line {
\r
271 height: 1px !important;
\r
289 .btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
\r
291 outline: none !important;
\r
292 background-image: none !important;
\r
294 -webkit-box-shadow: none;
\r
295 -moz-box-shadow: none;
\r
300 #skills-chart-breadcrumb {
\r
301 margin-bottom: 10px
\r
304 /*increase daterangepicker's css*/
\r
305 input[name="daterange"] {
\r
309 vertical-align: top;
\r
313 .daterangepicker .ranges {
\r
317 .daterangepicker .ranges input {
\r
318 width: 95px !important;
\r
321 td.details-control {
\r
322 background: url('../image/details_open.png') no-repeat center center;
\r
326 tr.shown td.details-control {
\r
327 background: url('../image/details_close.png') no-repeat center center;
\r
330 .details table td {
\r
331 word-wrap: break-word;
\r
332 word-break: normal;
\r
333 border-top: 1px solid #dddddd;
\r
336 .details table tr:first-child td {
\r
341 table-layout: fixed;
\r
349 table.dataTable tbody th,table.dataTable tbody td {
\r
353 div.dataTables_length,div.dataTables_info {
\r
357 div.dataTables_paginate {
\r
362 div.pagination-panel {
\r
363 margin-right: 10px;
\r
366 input.pagination-panel-input {
\r
370 #ict_res_table_div {
\r
374 #ict_res_table_div label {
\r
378 .daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
\r
383 .daterangepicker .ranges .input-mini {
\r
388 padding: 5px 10px 5px 10px;
\r
391 .btn:focus,.btn:active:focus,.btn.active:focus {
\r
395 #ict_res_table_div table {
\r
396 width: 100% !important;
\r
399 .control-label .required {
\r
405 #ict_vim_table tbody tr{
\r
411 -webkit-animation-duration: .5s;
\r
412 animation-duration: .5s;
\r
413 -webkit-animation-fill-mode: both;
\r
414 animation-fill-mode: both;
\r
418 background-color: none;
\r
421 margin-bottom: 25px;
\r
425 .hpanel .panel-body {
\r
426 border: 1px solid #e4e5e7;
\r
427 border-radius: 2px;
\r
429 position: relative;
\r
440 margin-bottom: 15px;
\r
446 .hpanel > .panel-footer {
\r
448 border: 1px solid #e4e5e7;
\r
451 background: #f7f9fa;
\r
464 margin-bottom: 40px;
\r
472 .hpanel > .panel-footer .pull-right a{
\r
476 .hpanel > .panel-footer .pull-right .btn{
\r
477 min-width: 30px !important;
\r
482 margin-bottom: 15px;
\r
486 background-color: #f7f9fa;
\r