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
101 visibility: hidden;
\r
107 background-color: white !important;
\r
115 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
\r
117 border-top: 3px solid #F3565D;
\r
120 .nav-tabs > li > a {
\r
124 .nav-tabs > li > a:hover {
\r
125 background-color: #f1f3fa;
\r
126 border: 1Px solid #f1f3fa;
\r
133 .skills-chart-breadcrumb {
\r
139 background-color: #5b9bd1;
\r
143 /* border-width: 0; */
\r
144 /* padding: 7px 14px; */
\r
145 /* font-size: 14px; */
\r
146 /* outline: none !important; */
\r
147 /* background-image: none !important; */
\r
148 /* filter: none; */
\r
149 /* -webkit-box-shadow: none; */
\r
150 -moz-box-shadow: none;
\r
151 /* box-shadow: none; */
\r
152 /* text-shadow: none; */
\r
158 border-radius: 4px;
\r
172 /* Bootstrap buttons */
\r
174 .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
\r
176 background-color: #ededed;
\r
177 border-color: #b3b3b3;
\r
180 .open .btn-default.dropdown-toggle {
\r
182 background-color: #ededed;
\r
183 border-color: #b3b3b3;
\r
186 .btn-default:active, .btn-default.active {
\r
187 background-image: none;
\r
188 background-color: #e0e0e0;
\r
192 .btn-default:active:hover, .btn-default.active:hover {
\r
193 background-color: #e6e6e6;
\r
196 .open .btn-default.dropdown-toggle {
\r
197 background-image: none;
\r
200 .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
201 background-color: #fff;
\r
202 border-color: #ccc;
\r
205 .btn-default .badge {
\r
207 background-color: #333;
\r
210 .btn-default > i[class^="icon-"], .btn-default > i[class*="icon-"] {
\r
214 div[data-name="tab_zone"] div {
\r
215 background-color: #f1f3fa;
\r
219 div[data-name="cond_zone"] div {
\r
220 background-color: #fff;
\r
222 margin-bottom: 15px;
\r
225 div[data-name="res-conds-zone"] {
\r
229 div[data-name="res-conds-zone"] select, div[data-name="res-conds-zone"] span {
\r
233 border-color: #ccc;
\r
242 line-height: 1.42857143;
\r
244 background-color: #fff;
\r
245 background-image: none;
\r
246 border: 1px solid #ccc;
\r
247 border-radius: 4px;
\r
248 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
\r
249 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
\r
250 -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
\r
251 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
\r
258 div.separator div {
\r
259 text-align: center;
\r
263 div.separator-line {
\r
264 height: 1px !important;
\r
282 .btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
\r
283 outline: none !important;
\r
284 background-image: none !important;
\r
286 -webkit-box-shadow: none;
\r
287 -moz-box-shadow: none;
\r
292 #skills-chart-breadcrumb {
\r
293 margin-bottom: 10px
\r
296 /*增加daterangepicker的css*/
\r
297 input[name="daterange"] {
\r
301 vertical-align: top;
\r
305 .daterangepicker .ranges {
\r
309 .daterangepicker .ranges input {
\r
310 width: 95px !important;
\r
313 td.details-control {
\r
314 background: url('../images/details_open.png') no-repeat center center;
\r
318 tr.shown td.details-control {
\r
319 background: url('../images/details_close.png') no-repeat center center;
\r
322 .details table td {
\r
323 word-wrap: break-word;
\r
324 word-break: normal;
\r
325 border-top: 1px solid #dddddd;
\r
328 .details table tr:first-child td {
\r
333 table-layout: fixed;
\r
341 table.dataTable tbody th, table.dataTable tbody td {
\r
345 div.dataTables_length, div.dataTables_info {
\r
349 div.dataTables_paginate {
\r
354 div.pagination-panel {
\r
355 margin-right: 10px;
\r
358 input.pagination-panel-input {
\r
362 #ict_res_table_div {
\r
366 #ict_res_table_div label {
\r
370 .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label {
\r
374 .daterangepicker .ranges .input-mini {
\r
379 padding: 5px 10px 5px 10px;
\r
382 .btn:focus, .btn:active:focus, .btn.active:focus {
\r
386 #ict_res_table_div table {
\r
387 width: 100% !important;
\r
390 .control-label .required {
\r
396 #ict_vim_table tbody tr {
\r
402 -webkit-animation-duration: .5s;
\r
403 animation-duration: .5s;
\r
404 -webkit-animation-fill-mode: both;
\r
405 animation-fill-mode: both;
\r
409 background-color: none;
\r
412 margin-bottom: 25px;
\r
416 .hpanel .panel-body {
\r
417 border: 1px solid #e4e5e7;
\r
418 border-radius: 2px;
\r
420 position: relative;
\r
432 margin-bottom: 15px;
\r
439 .hpanel > .panel-footer {
\r
441 border: 1px solid #e4e5e7;
\r
444 background: #f7f9fa;
\r
459 margin-bottom: 40px;
\r
467 .hpanel > .panel-footer .pull-right a {
\r
471 .hpanel > .panel-footer .pull-right .btn {
\r
472 min-width: 30px !important;
\r
477 margin-bottom: 15px;
\r
481 background-color: #f7f9fa;
\r