tabs.css issue?

This commit is contained in:
HifiExperiments 2020-09-01 09:34:11 -07:00
parent 8f9c180243
commit 75fa55baf7

View file

@ -1,77 +1,77 @@
/* /*
// tabs.css // tabs.css
// //
// Created by Alezia Kurdis on 27 Feb 2020 // Created by Alezia Kurdis on 27 Feb 2020
// Copyright 2020 Project Athena contributors. // Copyright 2020 Project Athena contributors.
// //
// Distributed under the Apache License, Version 2.0. // Distributed under the Apache License, Version 2.0.
// See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html // See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
*/ */
div.tabsContainer { div.tabsContainer {
float: left; float: left;
width: 32px; width: 32px;
padding: 0px; padding: 0px;
} }
.tabsContainer button { .tabsContainer button {
padding: 4px; padding: 4px;
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
transition: 0.4s; transition: 0.4s;
font-size: 14px; font-size: 14px;
background-color: #404040; background-color: #404040;
border-color: #404040; border-color: #404040;
border-width: 1px 0px 1px 1px; border-width: 1px 0px 1px 1px;
border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
outline: none; outline: none;
} }
.tabsContainer button:hover { .tabsContainer button:hover {
background-color: #575757; background-color: #575757;
} }
.tabsContainer button.active { .tabsContainer button.active {
background-color: #2E2E2E; background-color: #2E2E2E;
} }
div.labelTabHeader { div.labelTabHeader {
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
height: 40px; height: 40px;
color: #ffffff; color: #ffffff;
} }
div.tab-section-header { div.tab-section-header {
width: 100%; width: 100%;
padding: 5px; padding: 5px;
} }
table.tabsTableFrame { table.tabsTableFrame {
width: 100%; width: 100%;
min-height: 352px; min-height: 352px;
display: block; display: block;
} }
tr.tabsTrFrame { tr.tabsTrFrame {
width: 100%; width: 100%;
} }
td.tabsFrame { td.tabsFrame {
width: 32px; width: 32px;
vertical-align: top; vertical-align: top;
background-color: #575757; background-color: #575757;
padding: 0px; padding: 0px;
border: 0px; border: 0px;
} }
td.tabsPropertiesFrame { td.tabsPropertiesFrame {
width: 100%; width: 100%;
vertical-align: top; vertical-align: top;
border:0px; border:0px;
} }
div.tabsPropertiesPage { div.tabsPropertiesPage {
min-height: 352px; min-height: 352px;
display: block; display: block;
} }