styles/frames.css

   1
   2 /** New frames **/
   3 .tableframe {
   4         background-color: white;
   5     width: 1100px; /*needs to be fixed*/
   6     font-size: 14px;
   7     margin: 0px 10px 20px 10px;
   8 }
   9
  10 .tableframe .container{
  11     padding: 8px 16px;
  12     height: auto;
  13     overflow: auto;
  14 }
  15
  16 .tableframe .header {
  17     border-style: solid;
  18     border-color: var(--scolor-3);
  19     border-width: 2px 0 2px 0;
  20     padding: 0px 16px;
  21 }
  22
  23 .tableframe .header h1 {
  24     display: inline-block;
  25     width: 500px;
  26     margin-left: 25px;
  27 }
  28
  29
  30 .tableframe .hiddenrow {
  31     display: none;
  32 }
  33
  34 .header .alert {
  35     color: red;
  36 }
  37
  38 .tableframe .header .tablebtn {
  39         padding: 5px 0px;
  40     margin: 5px 5px 5px 0px;
  41     border: none;
  42     background-color: inherit;
  43     cursor: pointer;
  44 }
  45
  46 /************ Dropdown menu for tables *********/
  47 /*.tableframe .header */
  48 .dropdown {
  49     float: right;
  50     position: relative;
  51 }
  52
  53 .dropdown button {
  54         padding: 5px 0px;
  55     margin: 5px 0px;
  56     border: none;
  57     background: inherit;
  58         cursor: pointer;
  59 }
  60
  61 /*.dropdown button {
  62         padding: 5px 15px;
  63     margin: 5px 0px;
  64         background-color: var(--tcolor-2);
  65         border: none;
  66         color: var(--tcolor-4);
  67         cursor: pointer;
  68         border-radius: 4px;
  69     width: 80px;
  70 }*/
  71
  72 /*
  73 .dropdown button:hover {
  74     background-color: var(--tcolor-0);
  75     color: white;
  76 }*/
  77
  78 /* Dropdown Content (Hidden by Default) */
  79 .dropdown-content {
  80     display: none;
  81     position: absolute;
  82     min-width: 80px;
  83     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  84     z-index: 1;
  85     right: -15px;
  86     top: 30px;
  87     border-radius: 4px;
  88     border: 2px solid var(--tcolor-4);
  89     background-color: white;
  90 }
  91
  92 /* Links inside the dropdown */
  93 .dropdown-content a {
  94     color: var(--tcolor-4);
  95     padding: 5px 15px;
  96     text-decoration: none;
  97     display: block;
  98 }
  99
 100 /* Change color of dropdown links on hover */
 101 .dropdown-content a:hover {
 102     background-color: var(--tcolor-0);
 103     border-radius: 2px;
 104     color: white;
 105 }
 106
 107 .dropdown:hover .dropdown-content {
 108     display: block;
 109 }
 110
 111 /* Dropdown Content (Hidden by Default)
 112 .dropdown-content {
 113     display: none;
 114     position: absolute;
 115         background-color: var(--tcolor-2);
 116     min-width: 80px;
 117     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 118     z-index: 1;
 119     right: 0;
 120     border-radius: 4px;
 121 }
 122
 123 /* Links inside the dropdown
 124 .dropdown-content a {
 125     color: var(--tcolor-4);
 126     padding: 5px 15px;
 127     text-decoration: none;
 128     display: block;
 129 }
 130
 131 /* Change color of dropdown links on hover
 132 .dropdown-content a:hover {
 133     background-color: var(--tcolor-0);
 134     border-radius: 4px;
 135     color: white;
 136 }
 137
 138 .dropdown:hover .dropdown-content {
 139     display: block;
 140 }
 141 */
 142
 143 /******************** icons ***********/
 144 .icon {
 145     background: url('../img/all_icons.svg') no-repeat;
 146 }
 147
 148 .icon-menu {
 149     width: 16px; /* Icon width */
 150     height: 16px; /* Icon height */
 151     display: inline-block; /* Display icon as inline block */
 152     background-position: -16px 0px; /* Icon background position in sprite */
 153
 154 }
 155
 156 .icon-move {
 157     width: 16px; /* Icon width */
 158     height: 16px; /* Icon height */
 159     display: inline-block; /* Display icon as inline block */
 160     background-position: 0px 0px; /* Icon background position in sprite */
 161
 162 }
 163
 164 .icon-minimize {
 165     width: 16px; /* Icon width */
 166     height: 16px; /* Icon height */
 167     display: inline-block; /* Display icon as inline block */
 168     background-position: -32px 0px; /* Icon background position in sprite */
 169 }
 170
 171 .icon-maximize {
 172     width: 16px; /* Icon width */
 173     height: 16px; /* Icon height */
 174     display: inline-block; /* Display icon as inline block */
 175     background-position: -48px 0px; /* Icon background position in sprite */
 176 }
 177
 178 .active-tab{
 179     content: url('../img/all_icons.svg');
 180 }