|
|
.z-tabs.flat, .z-tabs.flat>.z-container, .z-tabs.flat>ul.z-tabs-nav, .z-tabs.flat.horizontal>ul.z-tabs-nav, .z-tabs.flat.vertical>ul.z-tabs-nav.z-tabs-desktop, .z-tabs.flat>ul li.z-first, .z-tabs.flat>ul.z-tabs-nav>li>a, .z-tabs.flat.horizontal>ul.z-tabs-nav>li>a, .z-tabs.flat.horizontal.clean>ul.z-tabs-nav>li>a { border-width: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .z-tabs.flat.mini>ul>li>a { font-size: 0.917em; padding: 7px 16px; } .z-tabs.flat.small>ul>li>a { font-size: 0.917em; padding: 13px 20px; } .z-tabs.flat.medium>ul>li>a { font-size: 1.083em; padding: 16px 24px; } .z-tabs.flat.large>ul>li>a { font-size: 1.167em; padding: 19px 28px; } .z-tabs.flat.xlarge>ul>li>a { font-size: 1.167em; padding: 22px 32px; } .z-tabs.flat.xxlarge>ul>li>a { font-size: 1.250em; padding: 25px 36px; } .z-tabs.flat.top-compact>ul>li>a, .z-tabs.flat.bottom-compact>ul>li>a { padding-left: 0; padding-right: 0; } .z-tabs.flat { -webkit-font-smoothing: subpixel-antialiased; font-weight: normal; line-height: 1.55em; } .z-tabs.flat, .z-tabs.flat>ul>li>a { color: #374858; color: #2C3E50; text-shadow: none; } .z-tabs.flat>ul>li>a {} .z-tabs.flat .z-container { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .z-tabs.flat>ul>li>a, .z-tabs.flat>.z-container, .z-tabs.flat>.z-container>.z-content { background: none; border-width: 0; } .z-tabs.flat>ul.z-tabs-nav>li>a:hover { background: #e3eaf0; background: #F6F7F9; text-shadow: none; box-shadow: none; } .z-tabs.flat>ul.z-tabs-nav>li.z-active>a { background: #bdc3c7; color: #fff; text-shadow: none; box-shadow: none; } .z-tabs.flat.z-dark { color: #F1F6F7; color: rgba(248, 251, 252, 0.9); } .z-tabs.flat.z-dark>ul>li>a { color: #F1F6F7; } .z-tabs.flat.z-dark>ul.z-tabs-nav>li>a:hover { background: #e3eaf0; background: #152232; text-shadow: none; box-shadow: none; background: #1D3449; } .z-tabs.flat.z-dark>ul.z-tabs-nav>li.z-active>a { background: #bdc3c7; color: #fff; text-shadow: none; box-shadow: none; } .z-tabs.flat.horizontal>.z-container { margin-right: 0 !important; } .z-tabs.flat.horizontal>.z-container>.z-content>.z-content-inner { padding: 2em 0; } .z-tabs.flat.horizontal.top>ul.z-tabs-nav, .z-tabs.flat.horizontal.top>ul.z-tabs-nav>li, .z-tabs.flat.horizontal.bottom>ul.z-tabs-nav, .z-tabs.flat.horizontal.bottom>ul.z-tabs-nav>li { margin: 0; padding: 0; } .z-tabs.flat.horizontal>ul>li.z-active { top: 0; margin-top: 0; padding-bottom: 0; } .z-tabs.flat.horizontal.top>ul.z-tabs-nav>li.z-active { margin-bottom: 0; padding-bottom: 0; } .z-tabs.flat.vertical>.z-container>.z-content>.z-content-inner { padding: 0 2em; } .z-tabs.flat.vertical.contained>.z-container>.z-content>.z-content-inner { padding: 2em; } .z-tabs.flat.vertical>ul.z-tabs-nav { margin-left: 0; margin-right: 0; } .z-tabs.flat.vertical>.z-container { border-width: 0; margin: 0; } .z-tabs.flat.vertical>ul>li.z-first.z-active>a { border-width: 0; } .z-tabs.flat.vertical>ul.z-tabs-nav>li.z-active { z-index: 0; } .z-tabs.flat.vertical>ul.z-tabs-nav>li>a { margin: 0 0 0 0; text-align: left; } .z-tabs.flat.clean.responsive.horizontal.bottom>ul>li.z-first-row>a, .z-tabs.flat.clean.responsive.horizontal.top>ul>li.z-last-row>a, .z-tabs.flat.clean.responsive.horizontal.bottom>ul>li.z-last-row>a { border-width: 0; } .z-tabs.flat.clean>ul>li.z-active>a { font-weight: inherit; } .z-tabs.flat.z-multiline>ul>li>a, .z-tabs.flat.z-multiline>ul>li.z-active>a { font-weight: 600; } .z-tabs.flat.contained.horizontal>.z-container, .z-tabs.flat.contained.vertical>.z-container { background: #F7F7F8; background: #EFF0F2; } .z-tabs.flat.contained.horizontal>.z-container>.z-content>.z-content-inner { padding: 2em; } .z-tabs.flat.contained>ul>li a, .z-tabs.flat.clean>ul>li a { background: #F7F7F8; background: #EFF0F2; } .z-tabs.flat.contained>ul>li>a:hover, .z-tabs.flat.clean>ul>li>a:hover { background: #ECEDEE; } .z-tabs.flat.clean.horizontal>ul.z-tabs-nav>li>a { text-align: center; } .z-tabs.flat.clean.vertical>ul.z-tabs-nav>li>a { text-align: left; } .z-tabs.flat.z-dark.contained>ul.z-tabs-nav>li>a, .z-tabs.flat.z-dark.clean>ul.z-tabs-nav>li>a { background: #2C3E50; } .z-tabs.flat.contained.z-spaced.horizontal.top>.z-container { top: 3px; } .z-tabs.flat.contained.z-spaced.horizontal.bottom>.z-container { margin: 0 0 3px 0; } .z-tabs.flat.contained.z-spaced.z-bordered.horizontal.top>.z-container { padding: 0; top: 0; } .z-tabs.flat.contained.z-spaced.z-bordered.horizontal.bottom>.z-container { padding: 0; margin: 0; } .z-tabs.flat.responsive.contained.z-spaced.horizontal.top>.z-container { top: 2px; } .z-tabs.flat.responsive.contained.z-spaced.horizontal.bottom>.z-container { margin: 0 0 1px 0; } .z-tabs.flat.pills.z-rounded>ul.z-tabs-nav>li>a, .z-tabs.flat.horizontal.top.responsive.z-rounded>ul.z-tabs-nav>li>a, .z-tabs.flat.horizontal.top.responsive.z-rounded>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.horizontal.bottom.responsive.z-rounded>ul.z-tabs-nav>li>a, .z-tabs.flat.horizontal.bottom.responsive.z-rounded>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.horizontal.bottom.z-rounded>ul.z-tabs-nav>li>a2 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .z-tabs.flat.vertical.top-left.z-rounded>ul.z-tabs-nav>li>a, .z-tabs.flat.vertical.top-right.z-rounded>ul.z-tabs-nav>li>a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .z-tabs.flat.mobile.z-rounded>ul.z-tabs-nav>li.z-active, .z-tabs.flat.mobile.z-rounded>ul.z-tabs-nav>li.z-active:hover, .z-tabs.flat.mobile.z-rounded>ul.z-tabs-nav>li:hover, .z-tabs.horizontal.top-left.z-rounded>.z-container { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .z-tabs.flat.mobile.horizontal.z-rounded>ul.z-tabs-nav>li>a, .z-tabs.flat.mobile.vertical.z-rounded>ul.z-tabs-mobile.z-state-closed>li>a, .z-tabs.flat.mobile.horizontal.z-rounded>ul.z-tabs-mobile.z-state-closed>li>a { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .z-tabs.flat.vertical.top-left.z-rounded.z-bordered>ul.z-tabs-nav>li>a { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .z-tabs.flat.vertical.top-right.z-rounded.z-bordered>ul.z-tabs-nav>li>a { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .z-tabs.flat.clean.vertical.top-left.z-rounded.z-bordered>ul.z-tabs-desktop { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } .z-tabs.flat.clean.vertical.top-right.z-rounded.z-bordered>ul.z-tabs-desktop { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .z-tabs.horizontal.top.flat.z-bordered.mini>.z-container { border-width: 3px 0 0 0; } .z-tabs.horizontal.top.flat.z-bordered.small>.z-container { border-width: 4px 0 0 0; } .z-tabs.horizontal.top.flat.z-bordered.medium>.z-container { border-width: 5px 0 0 0; } .z-tabs.horizontal.top.flat.z-bordered.large>.z-container { border-width: 5px 0 0 0; } .z-tabs.horizontal.top.flat.z-bordered.xlarge>.z-container { border-width: 6px 0 0 0; } .z-tabs.horizontal.top.flat.z-bordered.xxlarge>.z-container { border-width: 6px 0 0 0; } .z-tabs.horizontal.bottom.flat.z-bordered.mini>.z-container { border-width: 0 0 3px 0; } .z-tabs.horizontal.bottom.flat.z-bordered.small>.z-container { border-width: 0 0 4px 0; } .z-tabs.horizontal.bottom.flat.z-bordered.medium>.z-container { border-width: 0 0 5px 0; } .z-tabs.horizontal.bottom.flat.z-bordered.large>.z-container { border-width: 0 0 5px 0; } .z-tabs.horizontal.bottom.flat.z-bordered.xlarge>.z-container { border-width: 0 0 6px 0; } .z-tabs.horizontal.bottom.flat.z-bordered.xxlarge>.z-container { border-width: 0 0 6px 0; } .z-tabs.flat.horizontal.top.z-rounded.z-bordered.z-spaced>ul.z-tabs-nav>li>a, .z-tabs.flat.horizontal.top.z-rounded.z-bordered>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.horizontal.top.z-rounded.z-bordered>ul.z-tabs-nav>li:hover>a { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .z-tabs.flat.horizontal.bottom.z-rounded.z-bordered>ul.z-tabs-nav>li>a, .z-tabs.flat.horizontal.bottom.z-rounded.z-bordered>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.horizontal.bottom.z-rounded.z-bordered>ul.z-tabs-nav>li:hover>a { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .z-tabs.flat.vertical.z-bordered.top-right.mini>ul.z-tabs-nav { border-width: 0 0 0 3px; } .z-tabs.flat.vertical.z-bordered.top-right.small>ul.z-tabs-nav { border-width: 0 0 0 4px; } .z-tabs.flat.vertical.z-bordered.top-right.medium>ul.z-tabs-nav { border-width: 0 0 0 5px; } .z-tabs.flat.vertical.z-bordered.top-right.large>ul.z-tabs-nav { border-width: 0 0 0 5px; } .z-tabs.flat.vertical.z-bordered.top-right.xlarge>ul.z-tabs-nav { border-width: 0 0 0 6px; } .z-tabs.flat.vertical.z-bordered.top-right.xxlarge>ul.z-tabs-nav { border-width: 0 0 0 6px; } .z-tabs.flat.vertical.z-bordered.top-left.mini>ul.z-tabs-nav { border-width: 0 3px 0 0; } .z-tabs.flat.vertical.z-bordered.top-left.small>ul.z-tabs-nav { border-width: 0 4px 0 0; } .z-tabs.flat.vertical.z-bordered.top-left.medium>ul.z-tabs-nav { border-width: 0 5px 0 0; } .z-tabs.flat.vertical.z-bordered.top-left.large>ul.z-tabs-nav { border-width: 0 5px 0 0; } .z-tabs.flat.vertical.z-bordered.top-left.xlarge>ul.z-tabs-nav { border-width: 0 6px 0 0; } .z-tabs.flat.vertical.z-bordered.top-left.xxlarge>ul.z-tabs-nav { border-width: 0 6px 0 0; } .z-tabs.flat.mobile.vertical.z-bordered>ul.z-tabs-nav { border-width: 0 !important; } .z-tabs.flat.z-spaced.horizontal>ul>li>a, .z-tabs.flat.z-spaced.z-shadows.z-dark.horizontal>ul>li>a { margin-right: 2px; } .z-tabs.flat.z-spaced.z-bordered.horizontal>ul>li>a, .z-tabs.flat.z-spaced.z-bordered.z-shadows.z-dark.horizontal>ul>li>a { margin-right: 3px; } .z-tabs.flat.z-spaced.horizontal>ul.z-tabs-nav>li.z-last>a, .z-tabs.flat.z-spaced.horizontal.z-multiline>ul.z-tabs-nav>li.z-last>a, .z-tabs.flat.z-spaced.horizontal.responsive>ul.z-tabs-nav>li.z-last-col>a { margin-right: 0 !important; } .z-tabs.flat.z-spaced.horizontal.responsive>ul.z-tabs-nav>li>a { margin: 1px 1px 0 0 !important; } .z-tabs.flat.z-spaced.vertical>ul.z-tabs-desktop>li>a { margin-bottom: 1px; } .z-tabs.flat.z-spaced.vertical.top-left>ul.z-tabs-desktop { margin: 0 1px 0 0; } .z-tabs.flat.z-spaced.vertical.top-right>ul.z-tabs-desktop { margin: 0 0 0 1px } .z-tabs.flat.z-spaced.vertical.top-left>ul.z-tabs-desktop>li.z-last>a, .z-tabs.flat.z-spaced.vertical.top-right>ul.z-tabs-desktop>li.z-last>a { margin-bottom: 0; } .z-tabs.flat.z-spaced.contained.horizontal.top.z-rounded>ul>li>a { border-radius: 4px 4px 0 0; } .z-tabs.flat.z-spaced.contained.horizontal.bottom.z-rounded>ul>li>a { border-radius: 0 0 4px 4px; } .z-tabs.flat.z-dark.contained.z-shadows.z-spaced.horizontal.top>ul>li>a { box-shadow: none !important; } .z-tabs.flat.z-dark.contained.horizontal>.z-container, .z-tabs.flat.z-dark.contained.vertical>.z-container { background: #2C3E50; } .z-tabs.flat.flat-turquoise>ul, .z-tabs.flat.flat-turquoise>.z-container { border-color: #1ABC9C; } .z-tabs.flat.flat-turquoise>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-turquoise>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-turquoise>ul.z-tabs-mobile>li a { background: #1ABC9C; } .z-tabs.flat.flat-emerald>ul, .z-tabs.flat.flat-emerald>.z-container { border-color: #2ECC71; } .z-tabs.flat.flat-emerald>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-emerald>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-emerald>ul.z-tabs-mobile>li a { background: #2ECC71; } .z-tabs.flat.flat-peter-river>ul, .z-tabs.flat.flat-peter-river>.z-container { border-color: #3498db; } .z-tabs.flat.flat-peter-river>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-peter-river>ul.z-tabs-mobile>li a { background: #3498db; } .z-tabs.flat.flat-amethyst>ul, .z-tabs.flat.flat-amethyst>.z-container { border-color: #9B59B6; } .z-tabs.flat.flat-amethyst>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-amethyst>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-amethyst>ul.z-tabs-mobile>li a { background: #9B59B6; } .z-tabs.flat.flat-wet-asphalt>ul, .z-tabs.flat.flat-wet-asphalt>.z-container { border-color: #34495E; } .z-tabs.flat.flat-wet-asphalt>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-wet-asphalt>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-wet-asphalt>ul.z-tabs-mobile>li a { background: #34495E; } .z-tabs.flat.flat-green-sea>ul, .z-tabs.flat.flat-green-sea>.z-container { border-color: #16A085; } .z-tabs.flat.flat-green-sea>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-green-sea>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-green-sea>ul.z-tabs-mobile>li a { background: #16A085; } .z-tabs.flat.flat-nephritis>ul, .z-tabs.flat.flat-nephritis>.z-container { border-color: #27AE60; } .z-tabs.flat.flat-nephritis>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-nephritis>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-nephritis>ul.z-tabs-mobile>li a { background: #27AE60; } .z-tabs.flat.flat-belize-hole鈥<EFBFBD>>ul, .z-tabs.flat.flat-belize-hole>ul, .z-tabs.flat.flat-belize-hole>.z-container { border-color: #2980B9; } .z-tabs.flat.flat-belize-hole>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-belize-hole>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-belize-hole>ul.z-tabs-mobile>li a { background: #2980B9; } .z-tabs.flat.flat-wisteria>ul, .z-tabs.flat.flat-wisteria>.z-container { border-color: #8E44AD; } .z-tabs.flat.flat-wisteria>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-wisteria>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-wisteria>ul.z-tabs-mobile>li a { background: #8E44AD; } .z-tabs.flat.flat-midnight-blue>ul, .z-tabs.flat.flat-midnight-blue>.z-container { border-color: #2C3E50; } .z-tabs.flat.flat-midnight-blue>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-midnight-blue>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-midnight-blue>ul.z-tabs-mobile>li a { background: #2C3E50; } .z-tabs.flat.flat-sun-flower>ul, .z-tabs.flat.flat-sun-flower>.z-container { border-color: #F1C40F; } .z-tabs.flat.flat-sun-flower>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-sun-flower>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-sun-flower>ul.z-tabs-mobile>li a { background: #F1C40F; } .z-tabs.flat.flat-carrot>ul, .z-tabs.flat.flat-carrot>.z-container { border-color: #E67E22; } .z-tabs.flat.flat-carrot>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-carrot>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-carrot>ul.z-tabs-mobile>li a { background: #E67E22; } .z-tabs.flat.flat-alizarin>ul, .z-tabs.flat.flat-alizarin>.z-container { border-color: #E74C3C; } .z-tabs.flat.flat-alizarin>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-alizarin>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-alizarin>ul.z-tabs-mobile>li a { background: #E74C3C; } .z-tabs.flat.flat-graphite>ul, .z-tabs.flat.flat-graphite>.z-container { border-color: #454545; } .z-tabs.flat.flat-graphite>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-graphite>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-graphite>ul.z-tabs-mobile>li a { background: #454545; } .z-tabs.flat.flat-concrete>ul, .z-tabs.flat.flat-concrete>.z-container { border-color: #95A5A6; } .z-tabs.flat.flat-concrete>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-concrete>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-concrete>ul.z-tabs-mobile>li a { background: #95A5A6; } .z-tabs.flat.flat-orange>ul, .z-tabs.flat.flat-orange>.z-container { border-color: #F39C12; } .z-tabs.flat.flat-orange>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-orange>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-orange>ul.z-tabs-mobile>li a { background: #F39C12; } .z-tabs.flat.flat-pumpkin>ul, .z-tabs.flat.flat-pumpkin>.z-container { border-color: #D35400; } .z-tabs.flat.flat-pumpkin>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-pumpkin>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-pumpkin>ul.z-tabs-mobile>li a { background: #D35400; } .z-tabs.flat.flat-pomegranate>ul, .z-tabs.flat.flat-pomegranate>.z-container { border-color: #C0392B; } .z-tabs.flat.flat-pomegranate>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-pomegranate>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-pomegranate>ul.z-tabs-mobile>li a { background: #C0392B; } .z-tabs.flat.flat-silver>ul, .z-tabs.flat.flat-silver>.z-container { border-color: #BDC3C7; } .z-tabs.flat.flat-silver>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-silver>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-silver>ul.z-tabs-mobile>li a { background: #BDC3C7; } .z-tabs.flat.flat-asbestos>ul, .z-tabs.flat.flat-asbestos>.z-container { border-color: #7F8C8D; } .z-tabs.flat.flat-asbestos>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-asbestos>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-asbestos>ul.z-tabs-mobile>li a { background: #7F8C8D; } .z-tabs.flat.flat-lime>ul, .z-tabs.flat.flat-lime>.z-container { border-color: #7FC04C; } .z-tabs.flat.flat-lime>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-lime>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-lime>ul.z-tabs-mobile>li a { background: #7FC04C; } .z-tabs.flat.flat-pink>ul, .z-tabs.flat.flat-pink>.z-container { border-color: #ea4c89; } .z-tabs.flat.flat-pink>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-pink>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-pink>ul.z-tabs-mobile>li a { background: #ea4c89; } .z-tabs.flat.flat-blue2>ul, .z-tabs.flat.flat-blue2>.z-container { border-color: #4A79F3; } .z-tabs.flat.flat-blue2>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-blue2>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-blue2>ul.z-tabs-mobile>li a { background: #4A79F3; } .z-tabs.flat.flat-red2.medium>ul>li>a { font-size: 1.167em; padding: 16px 24px; } .z-tabs.flat.flat-red2.horizontal.z-bordered>.z-container { border-width: 0 !important; } .z-tabs.flat.flat-red2 { color: #777; } .z-tabs.flat.flat-red2>ul.z-tabs-nav, .z-tabs.flat.flat-red2>ul.z-tabs-nav>li, .z-tabs.flat.flat-red2>.z-container { border-color: #e64c3c; } .z-tabs.flat.flat-red2>ul.z-tabs-nav>li a { background: #e2534b; color: #FFF; text-shadow: none; } .z-tabs.flat.flat-red2>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-red2>ul.z-tabs-mobile.z-state-closed>li a { background: #F8F8F8; color: #7F8C8C; } .z-tabs.flat.flat-red2>ul.z-tabs-nav>li:not(.z-active)>a:hover { background: #62b9b0; color: #fff; opacity: 0.85; } .z-tabs.flat.flat-red2.horizontal>.z-container>.z-content, .z-tabs.flat.flat-red2.vertical>.z-container { background: #F8F8F8; } .z-tabs.flat.flat-red2.z-spaced.z-shadows.horizontal>ul>li>a { margin-right: 8px; } .z-tabs.flat.flat-zozo-red>ul, .z-tabs.flat.flat-zozo-red>.z-container { border-color: #F44343; } .z-tabs.flat.flat-zozo-red>ul.z-tabs-nav>li.z-active>a, .z-tabs.flat.flat-zozo-red>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat.flat-zozo-red>ul.z-tabs-mobile>li a { background: #F44343; } .z-tabs.flat>ul.z-tabs-mobile>li a { background: none; text-shadow: none; box-shadow: none; } .z-tabs.flat>ul.z-tabs-mobile.z-state-closed>li a, .z-tabs.flat>ul.z-tabs-mobile>li a { background: #bdc3c7; color: #fff; } .z-tabs.flat.z-dark>ul.z-tabs-mobile>li a { background: none; text-shadow: none; box-shadow: none; } .z-tabs.flat.z-dark>ul.z-tabs-mobile.z-state-closed>li a { color: #fff; } .z-tabs.flat>ul.z-tabs-mobile { opacity: 1; } .z-tabs.flat.mobile>ul.z-tabs-desktop>li a { background: #fff; } .z-tabs.flat.mobile>ul>li>a { border-width: 0 !important; } .z-tabs.flat.mobile.z-rounded>ul.z-tabs-mobile>li>a { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .z-tabs.flat.mobile>ul.z-tabs-nav>li>a { text-align: left; } .z-tabs.flat>ul.z-tabs-desktop>li { margin: 0; } .z-tabs.flat.mobile.z-bordered>.z-container, .z-tabs.flat.mobile>ul.z-tabs-nav, .z-tabs.flat.mobile>ul.z-tabs-nav, .z-tabs.flat.mobile>ul.z-tabs-nav.z-tabs-mobile.z-state-closed, .z-tabs.flat.mobile>ul.z-tabs-nav>li { border-width: 0; } .z-tabs.flat.mobile>ul.z-tabs-nav>li>a { text-align: left; } .z-tabs.flat.mobile>ul.z-tabs-nav>li>a, .z-tabs.flat.mobile>ul.z-tabs-nav>li>a { margin: 0 !important; padding-left: 2em !important; padding-right: 0 !important; margin-top: 0 !important; } .z-tabs.flat.responsive.z-bordered>.z-container, .z-tabs.flat.mobile.z-bordered>.z-container { border-width: 0 !important; } .z-tabs.flat.mobile.horizontal.z-contained>.z-container>.z-content, .z-tabs.flat.mobile.vertical.z-contained>.z-container, .z-tabs.flat.mobile.horizontal.top.z-contained>.z-container>.z-content, .z-tabs.flat.mobile.vertical.z-contained>.z-container>.z-content { margin: 3px 0 0 0; } .z-tabs.flat.mobile.vertical.z-contained>ul.z-tabs-desktop { margin: 0; } .z-tabs { position: relative; } .z-tabs>.z-dropdown-arrow { display: none; } .z-tabs.flat.mobile>.z-container>.z-content>.z-content-inner { padding: 1.4em .25em; } .z-tabs.flat.mobile>ul.z-tabs-desktop>li { margin: 1px 1px 0px !important; } .z-tabs.flat.mobile.z-dark>ul.z-tabs-desktop>li { margin: 1px 4px 0px !important; } .z-tabs.flat.mobile>ul.z-tabs-desktop>li>a { border-width: 0; text-align: left !important; padding-left: 1.5em !important; } .z-tabs.flat.mobile>ul.z-tabs-desktop>li.z-active>a { font-weight: normal; } .z-tabs.flat.mobile>ul.z-tabs-desktop>li:not(.z-active)>a:hover { background: #fff; } .z-tabs.flat.mobile>ul.z-tabs-desktop { width: 100%; background-color: #E0E2E6; padding: 1px 0 4px; margin-top: 18px; visibility: visible; border: none; } .z-tabs.flat.mobile>ul.z-tabs-desktop.z-hide-menu { opacity: 0; height: 0; visibility: hidden !important; } .z-tabs.mobile>ul.z-tabs-mobile.z-state-closed+.z-dropdown-arrow { display: none; } .z-tabs.flat.mobile .z-dropdown-arrow { margin-bottom: 10px; display: block; } .z-tabs.flat.mobile .z-dropdown-arrow { border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #f3f4f5 transparent; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f3f4f5 rgba(0, 0, 0, 0); height: 0; margin-top: 0; opacity: 0; position: absolute; right: 1.35em; top: inherit; width: 0; z-index: 10; -webkit-transform: rotate(360deg); -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; border-bottom-color: #E0E2E6; border-top-color: #E0E2E6; margin-top: 9px; opacity: 1; } .z-tabs.flat.mobile.z-rounded>ul.z-tabs-desktop { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .z-tabs.flat.mobile.z-rounded>ul.z-tabs-desktop>li.z-active>a { border-radius: 2px !important; } .z-tabs.flat.z-dark.mobile>ul>li>a { color: #2C3E50; color: #F1F6F7; background: none; } .z-tabs.flat.z-dark.mobile>ul.z-tabs-desktop>li:not(.z-active)>a:hover { background: #34495E; } .z-tabs.flat.z-dark.mobile>ul.z-tabs-desktop { background-color: #2C3E50; color: #FFF; padding: 4px 0 4px; } .z-tabs.flat.z-dark.mobile .z-dropdown-arrow { border-bottom-color: #2C3E50; border-top-color: #2C3E50; } |
