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