skyquake/plugins/admin/src/admin.scss

   1 /*
   2  *
   3  *   Copyright 2016 RIFT.IO Inc
   4  *
   5  *   Licensed under the Apache License, Version 2.0 (the "License");
   6  *   you may not use this file except in compliance with the License.
   7  *   You may obtain a copy of the License at
   8  *
   9  *       http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  *   Unless required by applicable law or agreed to in writing, software
  12  *   distributed under the License is distributed on an "AS IS" BASIS,
  13  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  *   See the License for the specific language governing permissions and
  15  *   limitations under the License.
  16  *
  17  */
  18 .admin-container {
  19   height: 100%;
  20   display: flex;
  21   flex-direction: row;
  22   align-items: stretch;
  23   align-content: stretch;
  24   width: 100%;
  25   flex: 1 1 100%;
  26   overflow-y: auto;
  27
  28   .table-container-wrapper {
  29     flex: 1;
  30     .table-container {
  31       padding:40px 20px 10px 20px;
  32       font-family: 'roboto-thin', Helvetica, Arial, sans-serif;
  33     }
  34   }
  35
  36   table {
  37     border-collapse: separate;
  38     border-spacing: 0.0625rem solid;
  39     width: 100%;
  40
  41     thead  {
  42       th {
  43         background-color: #e5e5e5;
  44         border-right: 1px solid #dadada;
  45         padding: 1.125rem 1.125rem;
  46         text-align:left;
  47         font-size: .8rem;
  48         font-weight: bold;
  49         text-transform: uppercase;
  50       }
  51       td:last-child {
  52         border: 0;
  53       }
  54     }
  55     tbody {
  56       td {
  57         border-bottom: 1px solid #e5e5e5;
  58         padding: .75rem 0rem .75rem 1.125rem;
  59         text-align: left;
  60         width: 40%;
  61         font-size: .8rem;
  62       }
  63       tr:nth-child(even) td {
  64         background-color: #e5e5e5;
  65       }
  66     }
  67   }
  68   h2 {
  69     background-color: #ffffff;
  70     margin-bottom: 0.125rem;
  71     font-size: 0.9rem;
  72     padding: 1.125rem;
  73     font-weight: bold;
  74     text-transform: uppercase;
  75   }
  76 }