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