src/main/resources/META-INF/resources/designer/css/table_custom.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP CLAMP
   4  * ================================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights
   6  *                             reserved.
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  * http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END============================================
  20  * ===================================================================
  21  *
  22  */
  23
  24 table a:link {
  25         color: #666;
  26         font-weight: bold;
  27         text-decoration:none;
  28 }
  29 table a:visited {
  30         color: #999999;
  31         font-weight:bold;
  32         text-decoration:none;
  33 }
  34 table a:active,
  35 table a:hover {
  36         color: #bd5a35;
  37         text-decoration:underline;
  38 }
  39 table {
  40         font-family:Arial, Helvetica, sans-serif;
  41         color:#666;
  42         font-size:12px;
  43         text-shadow: 1px 1px 0px #fff;
  44         background:#eaebec;
  45         margin:20px;
  46         border:#ccc 1px solid;
  47
  48         -moz-border-radius:3px;
  49         -webkit-border-radius:3px;
  50         border-radius:3px;
  51
  52         -moz-box-shadow: 0 1px 2px #d1d1d1;
  53         -webkit-box-shadow: 0 1px 2px #d1d1d1;
  54         box-shadow: 0 1px 2px #d1d1d1;
  55 }
  56 table th {
  57         padding:21px 25px 22px 25px;
  58         border-top:1px solid #fafafa;
  59         border-bottom:1px solid #e0e0e0;
  60
  61         background: #ededed;
  62         background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
  63         background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
  64 }
  65 table th:first-child {
  66         text-align: left;
  67         padding-left:20px;
  68 }
  69 table tr:first-child th:first-child {
  70         -moz-border-radius-topleft:3px;
  71         -webkit-border-top-left-radius:3px;
  72         border-top-left-radius:3px;
  73 }
  74 table tr:first-child th:last-child {
  75         -moz-border-radius-topright:3px;
  76         -webkit-border-top-right-radius:3px;
  77         border-top-right-radius:3px;
  78 }
  79 table tr {
  80         text-align: center;
  81         padding-left:20px;
  82 }
  83 table td:first-child {
  84         text-align: left;
  85         padding-left:20px;
  86         border-left: 0;
  87 }
  88 table td {
  89         padding:18px;
  90         border-top: 1px solid #ffffff;
  91         border-bottom:1px solid #e0e0e0;
  92         border-left: 1px solid #e0e0e0;
  93
  94         background: #fafafa;
  95         background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  96         background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
  97 }
  98 table tr.even td {
  99         background: #f6f6f6;
 100         background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
 101         background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
 102 }
 103 table tr:last-child td {
 104         border-bottom:0;
 105 }
 106 table tr:last-child td:first-child {
 107         -moz-border-radius-bottomleft:3px;
 108         -webkit-border-bottom-left-radius:3px;
 109         border-bottom-left-radius:3px;
 110 }
 111 table tr:last-child td:last-child {
 112         -moz-border-radius-bottomright:3px;
 113         -webkit-border-bottom-right-radius:3px;
 114         border-bottom-right-radius:3px;
 115 }
 116 table tr:hover td {
 117         background: #f2f2f2;
 118         background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
 119         background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);
 120 }