/* ____ _ ____ ____ | _ \ (_) / ___| __ _ / ___| __ _ | |_) || || | _ / _` |\___ \ / _` | | _ < | || |_| || (_| | ___) || (_| | |_| \_\|_| \____| \__,_||____/ \__,_| */ /* * @class : * * @package : OLAP * @subpackage : Common * * @file : assets/css/frontend.css * @author : Ri.Ga.Sa * @create : 2020-11-09 * @version : 0.0.1 * @updated : 2020-11-09 */ /* |----------------- | TABS |------------------ */ .OLAP-tab-nav { margin-bottom: -1px; } .OLAP-tab-nav li { margin: 0; display: inline-block; } .OLAP-tab-nav .OLAP-tab-active { border: 1px solid #dfdfdf; border-bottom-color: transparent; background: #fdfdfd; } .OLAP-tab-nav a { display: block; padding: 3px 5px 5px; text-decoration: none; } .OLAP-tab-nav a:active, .OLAP-tab-nav a:focus { outline: none; box-shadow: none; } .OLAP-tab-nav i, .OLAP-tab-nav img { vertical-align: middle; margin-right: .3em; } .OLAP-tab-nav i { width: 16px; height: 16px; font-size: 16px; } .OLAP-tab-nav img { width: 12px; height: 12px; display: inline-block; } .OLAP-tab-active a { color: #333; } .OLAP-tab-panel { padding: 10px 5px 0; border: solid 1px #dfdfdf; background: #fdfdfd; /*display: none;*/ } .OLAP-tabs-box .OLAP-tab-nav li { background: transparent; border: 1px solid #dedede; margin-right: 5px; } .OLAP-tabs-box .OLAP-tab-nav li:hover { background: #fff; } .OLAP-tabs-box .OLAP-tab-nav a { color: #777; } .OLAP-tabs-box .OLAP-tab-active, .OLAP-tabs-box .OLAP-tab-active:hover { background: #f5f5f5; } .OLAP-tabs-box .OLAP-tab-active a { color: #555; } .OLAP-tabs-box .OLAP-tab-panel { background: #f5f5f5; border: solid 1px #dedede; } /* ------------------------------------------------------------------------ * * Tabs Left Panels * ------------------------------------------------------------------------ */ .OLAP-tabs-left { overflow: hidden; margin: 2.5% 0px; } .OLAP-tabs-left .OLAP-tab-nav { float: left; margin: 0 -1px 0 0; background: transparent; border-right: 1px solid #dfdfdf; z-index: 9; border: 1px solid #ddd; } .OLAP-tabs-left .OLAP-tab-nav li { display: block; } .OLAP-tabs-left .OLAP-tab-nav li:first-child { border-top: none; } .OLAP-tabs-left .OLAP-tab-nav a { padding: 5px 20px 8px 10px; } .OLAP-tabs-left .OLAP-tab-active { border: 1px solid #dfdfdf; border-right-color: #fdfdfd; border-left: 2px #2ea2cc; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); position: relative; right: -1px; } .OLAP-tabs-left .OLAP-tab-nav .OLAP-tab-active a { background-color: #fdfdfd; color: #333; } /* Tabs Left Panels * --------------------- */ .OLAP-tabs-left .OLAP-tab-panels { overflow: auto; border-left: 1px solid #dfdfdf; z-index: 1; } .OLAP-tabs-left .OLAP-tab-panel { padding: 4px 2.5% 20px; background: #fdfdfd none repeat scroll 0 0; border: 1px solid #ddd; border-left: none; min-height: 234px; } .OLAP-tabs-no-controls { border: 0; background: transparent; border: 1px solid #ddd; border-left: none; } .OLAP-tabs-no-controls .hndle, .OLAP-tabs-no-controls .handlediv { display: none; } .OLAP-tabs-no-controls .inside { margin: 0; padding: 0; } /* |----------------- | COLUMNS |------------------ */ .OLAP-row { margin-left: -2.5%; margin-right: -2.5%; } .OLAP-row:before, .OLAP-row:after { content: " "; display: table; } .OLAP-row:after { clear: both; } .OLAP-column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 2.5%; float: left; } .OLAP-column-12 { width: 100%; } .OLAP-column-11 { width: 91.66666667%; } .OLAP-column-10 { width: 83.33333333%; } .OLAP-column-9 { width: 75%; } .OLAP-column-8 { width: 66.66666667%; } .OLAP-column-7 { width: 58.33333333%; } .OLAP-column-6 { width: 50%; } .OLAP-column-5 { width: 41.66666667%; } .OLAP-column-4 { width: 33.33333333%; } .OLAP-column-3 { width: 25%; } .OLAP-column-2 { width: 16.66666667%; } .OLAP-column-1 { width: 8.33333333%; } .OLAP-column .OLAP-label, .OLAP-column .OLAP-label ~ .OLAP-input { display: block; width: 100%; } /*.OLAP-column * { max-width: 100%; }*/ /* |----------------- | Overlay |------------------ */ .OLAP-overlay { background-color: black; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.2; /* also -moz-opacity, etc. */ z-index: 10; } /* |----------------- | Loader |------------------ */ .ajax_loader, #ajax_loader { left: 50%; margin: -50px 0 0 -50px; padding: 60px 0; position: absolute; text-align: center; top: 50%; vertical-align: top; width: 100px; height: auto; } .marker-cluster { background-clip: padding-box; border-radius: 24px !important; margin-left: -24px !important; margin-top: -24px !important; width: 48px !important; height: 48px !important; transform: translate3d(478px, -79px, 0px); z-index: -79; } .marker-cluster-small, .marker-cluster-medium, .marker-cluster-large { background-color: transparent; background-image: url(../images/cluster-icon.png); background-size: 48px 48px; } .marker-cluster div { width: 48px !important; height: 48px !important; margin-left: 0px; margin-top: 0px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; background-color: transparent; } .marker-cluster span { line-height: 48px; } /* |----------------- | OL UL |------------------ */ .mkd-container ol > li { font-size: 38px; color: #48637f; font-family: Alegreya Sans; } .mkd-container ol li ol > li{ font-size: 28px; color: #48637f; font-family: Alegreya Sans; } .mkd-container ol li ol { margin-left: 20px; } .mkd-container .is_parent li:before{ margin-left:0px; content:""; width:0px; } .mkd-container .is_parent li { margin-bottom: 20px; } .mkd-container .is_parent .parent-title { font-size:30px; font-weight: bold; margin: 20px 0px; display: inline-block; } .mkd-container .is_parent > li ul.is_child { padding: 0 0 0 28px; } .mkd-container .is_parent .child-title { font-size:22px; font-weight: bold; margin-bottom: 20px; display: inline-block; } .mkd-container .is_parent > li .is_parent ul.is_child { padding: 0 0 0 22px; } .mkd-container .is_child .is_second_child li:before { margin-left:-12px; content:"-"; width:12px; } .mkd-container .is_child .is_second_child li { margin-bottom:0px; text-align: left; } .mkd-container .is_child li { text-align:left !important; }