extsys/src/main/webapp/extsys/vim/css/vim.css

   1 /**
   2  * Copyright 2016-2017 ZTE Corporation.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *     http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16 body {
  17     font-family: microsoft yahei !important;
  18 }
  19
  20 /* blue pill (inspired by iTunes)
  21 *******************************************************************************/
  22
  23 .grey {
  24     background-color: #e5e5e5;
  25     color: #333;
  26 }
  27
  28 .blue {
  29
  30     background-color: #5b9bd1;
  31     border-radius: 20px;
  32     color: #fff;
  33     font-weight: bold;
  34     padding: 8px 0;
  35     text-align: center;
  36     width: 100px;
  37 }
  38
  39 .blue:hover {
  40     background-color: #e8f3fd;
  41     color: #5b9bd1;
  42 }
  43
  44 .blue.selected {
  45     border: 0;
  46     background-color: #5b9bd1;
  47     color: #fff;
  48 }
  49
  50 .blue.selected:hover {
  51     border: 0;
  52     background-color: #5b9bd1;
  53     color: #fff;
  54 }
  55
  56 a {
  57     font-weight: bold;
  58     text-decoration: none;
  59 }
  60
  61 p {
  62     color: #444;
  63     font-size: 14px;
  64     font-weight: normal;
  65     line-height: 21px;
  66     margin: 0 0 12px 0;
  67 }
  68
  69 p.credit {
  70     border-top: 1px solid #ccc;
  71     font-size: 14px;
  72     line-height: 140%;
  73     margin: 36px 0 12px 0;
  74     padding: 8px 0 0 0;
  75     text-align: center;
  76 }
  77
  78 ul.column {
  79     float: left;
  80     list-style: none;
  81     width: 675px;
  82 }
  83
  84 ul.column li {
  85     background: #eee;
  86     -webkit-border-radius: 5px;
  87     border-radius: 5px;
  88     -webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
  89     box-shadow: inset 0 1px 1px 0 #c7c7c7;
  90     float: left;
  91     margin: 10px 0 0 10px;
  92     display: block;
  93     height: 150px;
  94     text-align: center;
  95     width: 215px;
  96 }
  97
  98 /* Clear Floated Elements
  99 ------------------------------------------------------------------------------*/
 100 .column:after, .button-collection:after, .clearfix:after, div.project-info:after {
 101     clear: both;
 102     content: ' ';
 103     display: block;
 104     font-size: 0;
 105     line-height: 0;
 106     visibility: hidden;
 107     width: 0;
 108     height: 0;
 109 }
 110
 111 .container-fluid {
 112     background-color: white !important;
 113     min-height: 500px;
 114 }
 115
 116 .nav-tabs {
 117     border: 0;
 118 }
 119
 120 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
 121     border: 0;
 122     border-top: 3px solid #F3565D;
 123 }
 124
 125 .nav-tabs > li > a {
 126     border-radius: 0;
 127 }
 128
 129 .nav-tabs > li > a:hover {
 130     background-color: #f1f3fa;
 131     border: 1Px solid #f1f3fa;
 132 }
 133
 134 .c3 {
 135     margin-top: 120px;
 136 }
 137
 138 .skills-chart-breadcrumb {
 139
 140 }
 141
 142 .blue:selected {
 143     border: 0;
 144     background-color: #5b9bd1;
 145 }
 146
 147 .btn {
 148     /* border-width: 0; */
 149     /* padding: 7px 14px; */
 150     /* font-size: 14px; */
 151     /* outline: none !important; */
 152     /* background-image: none !important; */
 153     /* filter: none; */
 154     /* -webkit-box-shadow: none; */
 155     -moz-box-shadow: none;
 156     /* box-shadow: none; */
 157     /* text-shadow: none; */
 158 }
 159
 160 select {
 161     border-width: 1px;
 162     padding: 4px 1px;
 163     border-radius: 4px;
 164 }
 165
 166 .input-sm {
 167     padding: 4px 10px;
 168 }
 169
 170 .btn-block {
 171     display: block;
 172     width: 100%;
 173     padding-left: 0;
 174     padding-right: 0;
 175 }
 176
 177 /* Bootstrap buttons */
 178
 179 .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
 180     color: #333;
 181     background-color: #ededed;
 182     border-color: #b3b3b3;
 183 }
 184
 185 .open .btn-default.dropdown-toggle {
 186     color: #333;
 187     background-color: #ededed;
 188     border-color: #b3b3b3;
 189 }
 190
 191 .btn-default:active, .btn-default.active {
 192     background-image: none;
 193     background-color: #e0e0e0;
 194     font-weight: bold;
 195 }
 196
 197 .btn-default:active:hover, .btn-default.active:hover {
 198     background-color: #e6e6e6;
 199 }
 200
 201 .open .btn-default.dropdown-toggle {
 202     background-image: none;
 203 }
 204
 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 {
 206     background-color: #fff;
 207     border-color: #ccc;
 208 }
 209
 210 .btn-default .badge {
 211     color: #fff;
 212     background-color: #333;
 213 }
 214
 215 .btn-default > i[class^="icon-"], .btn-default > i[class*="icon-"] {
 216     color: #8c8c8c;
 217 }
 218
 219 div[data-name="tab_zone"] div {
 220     background-color: #f1f3fa;
 221     padding: 0px;
 222 }
 223
 224 div[data-name="cond_zone"] div {
 225     background-color: #fff;
 226     margin-top: 15px;
 227     margin-bottom: 15px;
 228 }
 229
 230 .input {
 231     width: 250px;
 232     height: 34px;
 233     padding: 6px 12px;
 234     font-size: 14px;
 235     line-height: 1.42857143;
 236     color: #555;
 237     background-color: #fff;
 238     background-image: none;
 239     border: 1px solid #ccc;
 240     border-radius: 4px;
 241     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 242     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
 243     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 244     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 245 }
 246
 247 div.separator {
 248     margin: 20px;
 249 }
 250
 251 div.separator div {
 252     text-align: center;
 253     line-height: 0;
 254 }
 255
 256 div.separator-line {
 257     height: 1px !important;
 258     width: 100%;
 259     background: #ddd;
 260     overflow: hidden;
 261 }
 262
 263 .dropdown-toggle {
 264     color: #5b9bd1;
 265 }
 266
 267 .calendar-date {
 268     color: #5b9bd1;
 269 }
 270
 271 .range_inputs {
 272     color: #5b9bd1;
 273 }
 274
 275 .btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
 276     outline: none !important;
 277     background-image: none !important;
 278     filter: none;
 279     -webkit-box-shadow: none;
 280     -moz-box-shadow: none;
 281     box-shadow: none;
 282     text-shadow: none;
 283 }
 284
 285 #skills-chart-breadcrumb {
 286     margin-bottom: 10px
 287 }
 288
 289 /*增加daterangepicker的css*/
 290 input[name="daterange"] {
 291     width: 220px;
 292     line-height: 0;
 293     height: 31px;
 294     vertical-align: top;
 295     margin-top: 2px;
 296 }
 297
 298 .daterangepicker .ranges {
 299     width: 205px;
 300 }
 301
 302 .daterangepicker .ranges input {
 303     width: 95px !important;
 304 }
 305
 306 td.details-control {
 307     background: url('../images/details_open.png') no-repeat center center;
 308     cursor: pointer;
 309 }
 310
 311 tr.shown td.details-control {
 312     background: url('../images/details_close.png') no-repeat center center;
 313 }
 314
 315 .details table td {
 316     word-wrap: break-word;
 317     word-break: normal;
 318     border-top: 1px solid #dddddd;
 319 }
 320
 321 .details table tr:first-child td {
 322     border-top: none;
 323 }
 324
 325 .details table {
 326     table-layout: fixed;
 327     width: 100%;
 328 }
 329
 330 td.title {
 331     width: 10%;
 332 }
 333
 334 table.dataTable tbody th, table.dataTable tbody td {
 335     padding: 8px 10px;
 336 }
 337
 338 div.dataTables_length, div.dataTables_info {
 339     display: inline;
 340 }
 341
 342 div.dataTables_paginate {
 343     display: inline;
 344     float: right;
 345 }
 346
 347 div.pagination-panel {
 348     margin-right: 10px;
 349 }
 350
 351 input.pagination-panel-input {
 352     width: 50px;
 353 }
 354
 355 #ict_res_table_div {
 356     margin-top: 15px;
 357 }
 358
 359 #ict_res_table_div label {
 360     font-weight: 100;
 361 }
 362
 363 .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label {
 364     color: #5b9bd1;
 365 }
 366
 367 .daterangepicker .ranges .input-mini {
 368     color: #5b9bd1;
 369 }
 370
 371 .cancelBtn {
 372     padding: 5px 10px 5px 10px;
 373 }
 374
 375 .btn:focus, .btn:active:focus, .btn.active:focus {
 376     outline: 0;
 377 }
 378
 379 #ict_res_table_div table {
 380     width: 100% !important;
 381 }
 382
 383 .control-label .required {
 384     color: #e02222;
 385     font-size: 12px;
 386     padding-left: 2px;
 387 }
 388
 389 #ict_vim_table tbody tr {
 390     cursor: pointer;
 391 }
 392
 393 /*卡片面板样式*/
 394 .animated-panel {
 395     -webkit-animation-duration: .5s;
 396     animation-duration: .5s;
 397     -webkit-animation-fill-mode: both;
 398     animation-fill-mode: both;
 399 }
 400
 401 .hpanel {
 402     background-color: none;
 403     border: none;
 404     box-shadow: none;
 405     margin-bottom: 25px;
 406
 407 }
 408
 409 .hpanel .panel-body {
 410     border: 1px solid #e4e5e7;
 411     border-radius: 2px;
 412     padding: 20px;
 413     position: relative;
 414 }
 415
 416 .h-200 {
 417     min-height: 220px;
 418 }
 419
 420 .m-t-xl {
 421     margin-top: 40px;
 422 }
 423
 424 .text-success {
 425     color: #0d638f;
 426 }
 427
 428 .hpanel > .panel-footer {
 429     color: inherit;
 430     border: 1px solid #e4e5e7;
 431     border-top: none;
 432     font-size: 90%;
 433     background: #f7f9fa;
 434     height: 40px;
 435     padding: 5px 15px;
 436 }
 437
 438 .color_cloud {
 439     color: #ccc;
 440 }
 441
 442 .stats-title {
 443
 444 }
 445
 446 h3 {
 447     margin-top: 10px;
 448     margin-bottom: 40px;
 449     font-weight: 200;
 450 }
 451
 452 .blue-font {
 453     color: #428bca;
 454 }
 455
 456 .hpanel > .panel-footer .pull-right a {
 457     margin-left: 5px;
 458 }
 459
 460 .hpanel > .panel-footer .pull-right .btn {
 461     min-width: 30px !important;
 462 }
 463
 464 .refresh-status-text {
 465     float: right;
 466 }
 467
 468 .font {
 469     margin-bottom: 15px;
 470 }
 471
 472 .hpanel_show {
 473     cursor: pointer;
 474     background-color: #f7f9fa;
 475 }
 476