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

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