Files
FHC-Core/public/css/components/verticalsplit.css
T

59 lines
1.1 KiB
CSS

/*
Created on : May 19, 2022, 10:16:21 AM
Author : bambi
*/
:root {
--fhc-verticalsplit-vsplitter-bg-color: var(--fhc-background);
--fhc-verticalsplit-vsplitter-border-color: var(--fhc-border);
--fhc-verticalsplit-vsplitter-splitactions-color: var(--fhc-dark);
}
.verticalsplitted {
overflow-y: auto;
}
.verticalsplitter {
text-align: center;
}
.verticalsplitter.top {
border-top: solid 3px var(--fhc-verticalsplit-vsplitter-border-color);
}
.verticalsplitter.bottom {
border-bottom: solid 3px var(--fhc-verticalsplit-vsplitter-border-color);
}
.splitactions {
background-color: var(--fhc-verticalsplit-vsplitter-bg-color);
color: var(--fhc-verticalsplit-vsplitter-splitactions-color);
display: inline-block;
padding: 0 5px 0 5px;
}
.splitactions.top {
border-radius: 0 0 40% 40%;
}
.splitactions.bottom {
border-radius: 40% 40% 0 0;
}
.splitaction {
display: inline-block;
width: 42px;
cursor: pointer;
}
.splitaction.resize {
cursor: row-resize;
}
#content {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#content > div:first-child {
margin-top: 30px;
}