SdncReports/SdncReportsApi/src/main/resources/static/style/sdnc-style.css

   1 /*
   2 * ============LICENSE_START=======================================================
   3 * ONAP : SDNC-FEATURES
   4 * ================================================================================
   5 * Copyright 2018 TechMahindra
   6 *=================================================================================
   7 * Licensed under the Apache License, Version 2.0 (the "License");
   8 * you may not use this file except in compliance with the License.
   9 * You may obtain a copy of the License at
  10 *
  11 *     http://www.apache.org/licenses/LICENSE-2.0
  12 *
  13 * Unless required by applicable law or agreed to in writing, software
  14 * distributed under the License is distributed on an "AS IS" BASIS,
  15 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16 * See the License for the specific language governing permissions and
  17 * limitations under the License.
  18 * ============LICENSE_END=========================================================
  19 */
  20
  21  body{
  22  padding-top:10px;
  23  overflow-y:scroll;
  24  padding-bottom:10px;
  25  }
  26
  27 /* form styling */
  28 #form-container{
  29         margin-bottom:20px;
  30     border-radius:5px;
  31 }
  32 #form-container .page-header{
  33         margin:0; padding:30px;
  34     border-top-left-radius:5px; border-top-right-radius:5px;
  35      }
  36
  37  table.tableDisplay{
  38      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  39      border-collapse: collapse;
  40      width: 100%;
  41      table-layout: auto;
  42 }
  43  table.tableDisplay tr:nth-child(even){
  44      background-color: #C0C0C0;
  45 }
  46  table.tableDisplay th{
  47      padding-top: 12px;
  48      padding-bottom: 12px;
  49      text-align: left;
  50      background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%);
  51      color: black;
  52 }
  53  table.tableDisplay td,table.tableDisplay th {
  54      border: 1px solid #ddd;
  55      padding: 8px;
  56      width:30px;
  57
  58 }
  59  table.tableDisplay tr:{
  60      text-align: left;
  61 }
  62  table.tableDisplay tr:hover {
  63      background-color:#cce5ff;
  64 }
  65  .first_row{
  66      background-color: #cce5ff;
  67      color: black;
  68      text-align:left;
  69 }
  70  .column {
  71      float: left;
  72      width: 32.2%;
  73      padding: 10px;
  74      margin-left:20px;
  75      height: 60px;
  76     /* Should be removed. Only for demonstration */
  77 }
  78 /* Clear floats after the columns */
  79  .row:after {
  80      content: "";
  81      display: table;
  82      clear: both;
  83 }
  84  #btnSubmit{
  85      background-color: #cce5ff;
  86      margin-top:20px;
  87      margin-left:20px;
  88      margin-bottom:10px;
  89      width:100px;
  90      height:30px;
  91      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  92      border-collapse: collapse;
  93      border: 1px solid #ddd;
  94      font-weight:700;
  95 }
  96  .btndownload{
  97      background-color: #cce5ff;
  98      margin-top:20px;
  99      margin-bottom:10px;
 100      margin-left:20px;
 101      width:130px;
 102      height:30px;
 103      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 104      border-collapse: collapse;
 105      border: 1px solid #ddd;
 106      font-weight:700;
 107 }
 108  #exampleInput{
 109      margin-left:25px;
 110      width:160px;
 111 }
 112  #exampleEndInput{
 113      margin-left:10px;
 114 }
 115  .error{
 116      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 117      color:Red;
 118      font-size: 14px;
 119      margin-bottom:10px;
 120 }
 121  .labeltext{
 122      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 123 }
 124  .sort-icon {
 125      font-size: 9px;
 126      margin-left: 5px;
 127 }
 128  th {
 129      cursor:pointer;
 130 }
 131  .heading{
 132      margin-top:30px;
 133      width:99.5%;
 134      height:45px;
 135      margin-bottom:20px;
 136      font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
 137      margin-right: -15px;
 138      margin-left: 5px;
 139      font-size: 20px;
 140       background: linear-gradient(to top, #f8f8f8 0%, #cce5ff 83%);
 141      padding-top:15px;
 142
 143 }
 144 form_validationBody{
 145         width:900px;
 146         margin-left:15px;
 147         margin-top:60px;
 148         margin-bottom:20px;
 149 }
 150 button:hover {
 151     position: relative;
 152 }
 153 button[title]:hover:after {
 154      padding: 4px 8px;
 155      position: absolute;
 156      left: 0;
 157      top: 100%;
 158      white-space: nowrap;
 159      z-index: 20px;
 160      background:red;
 161 }
 162 .arrowRed {
 163 font-size: 30px;
 164 color: red;
 165 }
 166 .arrowGreen {
 167 font-size: 30px;
 168 color: green;
 169 }
 170 .ng-invalid  { border: 1px solid red; }
 171 .testMain{
 172         width:100%;
 173         margin-bottom:20px;
 174         height:400px;
 175         margin-top:10px;
 176 }
 177 .testNotification{
 178         padding:0px;
 179 }
 180 .testImgIcon{
 181         margin-left:5px;
 182         margin-right:10px;
 183         padding-right:10px;
 184 }
 185 .testCol{
 186         background-color:#f2f2f2;
 187         width:25%;
 188         margin-left:35px;
 189 }
 190 .check{
 191          margin-left:10px;
 192         margin-right:10px;
 193 }
 194 .btnRunTest{
 195         background-color:#f2f2f2;
 196         width:75%;
 197         height:75px;
 198         margin-left:35px;
 199         margin-bottom:35px;
 200 }
 201 .ReportMain{
 202         width:100%;
 203     height:400px;
 204     margin-top:10px;
 205 }
 206 .ReportNotification{
 207         padding:0px;
 208         margin-right:10px;
 209         text-align:center;
 210 }
 211 .ReportImgIcon{
 212         margin-left:5px;
 213         margin-right:10px;
 214 }
 215 input[type=checkbox] {
 216         padding-right: 3px;!important;
 217         }
 218
 219 .header{
 220      margin-top:20px;
 221      width:1145px;
 222      height:45px;
 223      margin-bottom:5px;
 224      font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
 225      font-size: 20px;
 226      background: linear-gradient(to top, #f8f8f8 0%, #8F8484 83%);
 227      padding-top:15px;
 228
 229 }
 230 .footer{
 231      margin-top:10px;
 232      width:1145px;
 233      height:30px;
 234      margin-bottom:5px;
 235      font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
 236      font-size: 15px;
 237      background: linear-gradient(to top, #f8f8f8 0%, #8F8484 83%);
 238      padding-top:15px;
 239
 240 }