4 background-color: white;
5 width: 1100px; /*needs to be fixed*/
7 margin: 0px 10px 20px 10px;
10 .tableframe .container{
18 border-color: var(--scolor-3);
19 border-width: 2px 0 2px 0;
23 .tableframe .header h1 {
24 display: inline-block;
30 .tableframe .hiddenrow {
38 .tableframe .header .tablebtn {
40 margin: 5px 5px 5px 0px;
42 background-color: inherit;
46 /************ Dropdown menu for tables *********/
47 /*.tableframe .header */
64 background-color: var(--tcolor-2);
66 color: var(--tcolor-4);
73 .dropdown button:hover {
74 background-color: var(--tcolor-0);
78 /* Dropdown Content (Hidden by Default) */
83 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
88 border: 2px solid var(--tcolor-4);
89 background-color: white;
92 /* Links inside the dropdown */
94 color: var(--tcolor-4);
96 text-decoration: none;
100 /* Change color of dropdown links on hover */
101 .dropdown-content a:hover {
102 background-color: var(--tcolor-0);
107 .dropdown:hover .dropdown-content {
111 /* Dropdown Content (Hidden by Default)
115 background-color: var(--tcolor-2);
117 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
123 /* Links inside the dropdown
124 .dropdown-content a {
125 color: var(--tcolor-4);
127 text-decoration: none;
131 /* Change color of dropdown links on hover
132 .dropdown-content a:hover {
133 background-color: var(--tcolor-0);
138 .dropdown:hover .dropdown-content {
143 /******************** icons ***********/
145 background: url('../img/all_icons.svg') no-repeat;
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 */
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 */
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 */
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 */
179 content: url('../img/all_icons.svg');