auth/src/main/webapp/user/css/component.css

   1 /*
   2  * Copyright 2016-2017 Huawei Technologies Co., Ltd.
   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 .button_Group {
  17     margin: 15px 0;
  18     overflow: hidden;
  19 }
  20
  21 .fk_button {
  22     padding: 0 14px;
  23     height: 24px;
  24     float: left;
  25     cursor: pointer;
  26     text-decoration: none;
  27     outline: 0;
  28     border: 1px solid #d3d3d3;
  29     text-align: center;
  30     box-shadow: 0 1px 1px rgba(0,0,0,.05);
  31     background: #fafafa;
  32     background: -moz-linear-gradient(top,#fff,#fafafa);
  33     background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));
  34     background: -webkit-linear-gradient(top,#fff,#fafafa);
  35     background: linear-gradient(to bottom,#fff,#fafafa);
  36     border-radius: 6px!important;
  37 }
  38 .fk_button:hover {
  39     color: #009ae7;
  40     border: 1px solid #4AC9FF
  41 }
  42 .fk_button:active {
  43     color: #0000;
  44     border: 1px solid #4AC9FF
  45 }
  46
  47 .button_Group > button {
  48     margin-right: 10px;
  49 }
  50 .add_imag {
  51     background-image: url(/openoui/user/images/add.png);
  52 }
  53 .delete_imag {
  54     background-image: url(/openoui/user/images/delete.png);
  55 }
  56 .button_imag {
  57     padding-left: 25px;
  58     background-repeat: no-repeat;
  59     background-position: 5px center;
  60 }
  61
  62
  63 /*table style*/
  64 table.dataTable thead th {
  65     padding: 0!important;
  66     height: 22px!important;
  67     padding: 1px 10px 0 5px;
  68     overflow: visible;
  69     white-space: nowrap;
  70     background: #f0f0f0!important;
  71     border: 1px solid #ddd;
  72     border-top: 1px solid #e3e3e3!important;
  73     border-left: 1px dotted transparent!important;
  74     border-bottom: 1px solid #e3e3e3!important;
  75     box-sizing: content-box;
  76     text-align: left;
  77     font-weight:
  78 }
  79 table.dataTable tr td {
  80     padding: 0 10px 0 5px!important;
  81     height: 30px!important;
  82     color: #000!important;
  83     border: none!important;
  84     border-left: 1px solid transparent!important;
  85     border-bottom: 1px solid #e3e3e3!important;
  86     overflow: hidden!important;
  87     white-space: nowrap!important;
  88     text-align: left;
  89 }
  90
  91 table.dataTable th, table.dataTable td {
  92     font-size: 12px!important;
  93     color: #000!important;
  94     max-width: 95%!important;
  95     font-weight: 400!important;
  96 }
  97
  98 .paginate_button {
  99     color: #666!important;
 100     font-size: 12px!important;
 101     font-family: Lucida Grande,Verdana,Arial,Helvetica,sans-serif!important;
 102     line-height: 24px!important;
 103     text-align: center!important;
 104     border: 1px solid #e0e0e0!important;
 105     text-decoration: none!important;
 106     padding: 0 7px!important;
 107     border-radius: 3px!important;
 108     background: #fff!important;
 109 }
 110 .paginate_button:hover {
 111     color: #666!important;
 112     border: 1px solid #4ac9ff!important;
 113     cursor: pointer!important;
 114 }
 115 .current {
 116     text-decoration: none!important;
 117     color: #fff!important;
 118     border: 1px solid #00adf5!important;
 119     background: #4ad2ff!important;
 120 }
 121
 122 /*over write the jquery dataTable*/
 123 .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
 124     color: #666!important;
 125 }
 126 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
 127     color: #fff!important;
 128 }
 129 table.dataTable tr.odd, table.dataTable tr.odd>.sorting_1 {
 130     background-color: #f9f9f9!important;
 131 }
 132 table.dataTable tr.even, table.dataTable tr.even>.sorting_1 {
 133     background-color: #f7f7f7!important;
 134 }
 135 table.dataTable tbody tr:hover, tbody tr.odd>.sorting_1:hover, tbody tr.even>.sorting_1:hover {
 136     background-color: #E6FBE0!important;
 137 }
 138 table.dataTable.no-footer {
 139     border-bottom: none!important;
 140 }
 141
 142 /*the length information step style*/
 143 .dataTables_length, .dataTables_info {
 144     display: inline-block!important;
 145     float: left!important;
 146 }
 147 .left {
 148     display: inline-block;
 149     float: left;
 150     overflow: hidden;
 151     margin: 10px 20px 10px 5px;
 152 }
 153  .right {
 154     display: inline-block;
 155     float: right;
 156     overflow: hidden;
 157     margin-top: 10px;
 158 }
 159 .dataTables_length, .dataTables_info {
 160     display: inline-block;!important;
 161     float: left!important;
 162     clear: none!important;
 163     padding-top: 0!important;
 164 }
 165 .dataTables_length label {
 166     font-size: 0;
 167 }
 168
 169 /*page select style*/
 170 .dataTables_length select {
 171     height: 22px;
 172     line-height: 22px;
 173     text-align: center;
 174     margin-right: 5px;
 175     border: 1px solid #e0e0e0;
 176     color: #000;
 177     padding: 1px;
 178 }
 179 .dataTables_length select:active {
 180     text-align: center;
 181     margin-right: 5px;
 182     border: 1px solid #e0e0e0;
 183     color: #000;
 184     padding: 1px;
 185     border-radius: 5px;
 186 }
 187
 188 /* input style overwrite*/
 189 .fwk_input {
 190     border: 1px solid #c3c3c3;
 191     background-color: #fff;
 192     padding: 0 0 0 6px;
 193     border-radius: 4px;
 194     color: #000;
 195     display: inline-block;
 196     outline: 0;
 197     box-shadow: 1px 1px #f6f6f6 inset;
 198     font-size: 12px;
 199     background: #fff;
 200     height: 24px;
 201     width: 300px;
 202 }
 203
 204 .fwk_input:hover, .fwk_input:focus {
 205     border-color: #4ac9ff;
 206     box-shadow: 1px 1px rgba(74,201,255,.2) inset;
 207 }
 208 .fwk_input[type=password] {
 209     -moz-user-select: none;
 210     -khtml-user-select: none;
 211     user-select: none;
 212 }
 213
 214 .fwk_input:disabled {
 215     background-color: #ededed!important;
 216     color: #666;
 217     box-shadow: 1px 1px #ededed inset!important;
 218     border: 1px solid #e0e0e0!important;
 219     resize: none;
 220 }
 221
 222 /* input style textarea*/
 223 .fwk_textarea {
 224     border: 1px solid #c3c3c3;
 225     background-color: #fff;
 226     padding: 0 0 0 6px;
 227     border-radius: 4px;
 228     color: #000;
 229     display: inline-block;
 230     outline: 0;
 231     box-shadow: 1px 1px #f6f6f6 inset;
 232     font-size: 12px;
 233     background: #fff;
 234     height: 72px;
 235     width: 300px;
 236 }
 237
 238 .fwk_textarea:hover, .fwk_textarea:focus {
 239     border-color: #4ac9ff;
 240     box-shadow: 1px 1px rgba(74,201,255,.2) inset;
 241 }
 242
 243
 244
 245
 246
 247