File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/arorayurveda.com/css/tabs_services.css
Back
.try-tabs, .try-tabs * { margin: 0 auto; padding: 0; outline: 0; border: 0; background: 0 0 } .try-tabs { position: relative; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0; text-align: left; color: #fff } .try-tabs>input { position: absolute; display: none } .try-tabs>label { position: relative; z-index: 1; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 1px 1px 0; font-size: 14px; line-height: 45px; cursor: pointer; font-family: 'Open sans', sans-serif; font-weight: 400; text-transform: uppercase } .try-tabs>label.inverse { float: right; padding-right: 0; padding-left: 1px } .try-tabs>label.disabled { cursor: default } .try-tabs>label span { display: block; padding: 5px } #services .typography .col-md-5, #services .typography .col-md-6 { padding: 0 } .try-tabs>label span span { padding: 0 20px; background: 0 0; transition: background .4s, color .4s; -o-transition: background .4s, color .4s; -ms-transition: background .4s, color .4s; -moz-transition: background .4s, color .4s; -webkit-transition: background .4s, color .4s } .try-tabs>label:hover span span { background: 0 0; color: #fff } .try-tabs>label.disabled span span { background: 0 0; color: inherit } .try-tabs>input:checked+label { cursor: default } .try-tabs>input:checked+label span span { color: #fff } .sp1 { background: #352f2e; border-top: 1px solid rgba(255, 255, 255, .2) } .try-tabs>input:checked+label .sp1 span { background: #464242 } .sp2 { background: #399fca; border-top: 1px solid rgba(255, 255, 255, .2) } .try-tabs>input:checked+label .sp2 span { background: #4db0da } .sp3 { background: #8bca39; border-top: 1px solid rgba(255, 255, 255, .2) } .try-tabs>input:checked+label .sp3 span { background: #9cdb49 } .sp4 { background: #fc649e; border-top: 1px solid rgba(255, 255, 255, .2) } .try-tabs>input:checked+label .sp4 span { background: #f58eb6 } .sp_offert { background: #aa49c3; border-top: 1px solid rgba(255, 255, 255, .2) } .try-tabs>input:checked+label .sp_offert span { background: #bc61d4 } .try-tabs>input:checked+label .fa-map-marker { color: #000 } .try-tabs>.switcher { display: none } .try-tabs>.switcher a { display: block; margin: 0 -20px; padding: 0 20px; text-decoration: none; color: inherit } .try-tabs>ul { list-style: none; position: relative; display: block; font-size: 14px } .try-tabs>ul>li { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; padding: 20px; background: #352f2e; border: 1px solid rgba(255, 255, 255, .2); box-shadow: rgba(0, 0, 0, .2); opacity: 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transition: opacity .8s, -o-transform .8s; -ms-transition: opacity .8s, -ms-transform .8s; -moz-transition: opacity .8s, -moz-transform .8s; -webkit-transition: opacity .8s, -webkit-transform .8s } .try-tabs>.try-tab-content-1:checked~ul>.try-tab-content-1, .try-tabs>.try-tab-content-2:checked~ul>.try-tab-content-2, .try-tabs>.try-tab-content-3:checked~ul>.try-tab-content-3, .try-tabs>.try-tab-content-4:checked~ul>.try-tab-content-4, .try-tabs>.try-tab-content-5:checked~ul>.try-tab-content-5, .try-tabs>.try-tab-content-6:checked~ul>.try-tab-content-6, .try-tabs>.try-tab-content-7:checked~ul>.try-tab-content-7, .try-tabs>.try-tab-content-8:checked~ul>.try-tab-content-8, .try-tabs>.try-tab-content-9:checked~ul>.try-tab-content-9 { position: relative; z-index: 1; opacity: 1 } .try-tabs>ul>li .typography p { font-family: 'Open sans', Sans-Serif; font-size: 13px; color: #fff } .try-tabs-pos-top-center { text-align: center } .try-tabs-pos-top-right { text-align: right } .try-tabs-pos-top-justify>label, .try-tabs-pos-top-right>label { padding-right: 0; padding-left: 1px } .try-tabs-pos-top-justify.try-tabs-amount-2>label { width: 50% } .try-tabs-pos-top-justify.try-tabs-amount-3>label { width: 33.33% } .try-tabs-pos-top-justify.try-tabs-amount-4>label { width: 25% } .try-tabs-pos-top-justify.try-tabs-amount-5>label { width: 20% } .try-tabs-pos-top-justify.try-tabs-amount-6>label { width: 16.66% } .try-tabs-pos-top-justify.try-tabs-amount-7>label { width: 14.28% } .try-tabs-pos-top-justify.try-tabs-amount-8>label { width: 12.5% } .try-tabs-pos-top-justify.try-tabs-amount-9>label { width: 11.11% } .try-tabs-pos-top-justify>input:first-child+label { padding-left: 0 } .try-tabs-pos-left>label, .try-tabs-pos-right>label { display: block; width: 25%; float: left; clear: left; margin-right: 0 } .try-tabs-pos-right>label { float: right; clear: right } .try-tabs-pos-left>ul { margin-left: 25% } .try-tabs-pos-right>ul { margin-right: 25% } .try-tabs-pos-right>label { padding-right: 0; padding-left: 1px } .try-tabs-pos-top-center>ul>li, .try-tabs-pos-top-justify>ul>li { -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -webkit-transform-origin: 50% 0 } .try-tabs-pos-right>ul>li, .try-tabs-pos-top-right>ul>li { -o-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -webkit-transform-origin: 100% 0 } .try-tabs .typography h1, .try-tabs .typography h2, .try-tabs .typography h3, .try-tabs .typography h4, .try-tabs .typography h5, .try-tabs .typography h6 { margin: 40px 0 0; padding: 0; text-align: left; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .6); font-family: 'Open sans', sans-serif; font-weight: 200 } .try-tabs .typography h1 { font-size: 40px; line-height: 50px; font-weight: 300 } .try-tabs .typography h1.coming_txt { margin-bottom: 20px } .try-tabs .typography h2 { font-size: 34px; line-height: 44px; font-weight: 300 } .try-tabs .typography h3 { font-size: 28px; line-height: 36px; font-weight: 300; font-family: 'Josefin Slab', sans-serif } .try-tabs .typography h4 { font-size: 22px; line-height: 30px; font-weight: 400 } .try-tabs .typography h5 { font-size: 16px; line-height: 23px; font-weight: 400; text-transform: uppercase } .try-tabs .typography h6 { font-size: 14px; line-height: 20px; font-weight: 400; text-transform: uppercase } .try-tabs .typography p { margin: 10px 0 0; padding: 0; line-height: 20px; text-align: left } .try-tabs .typography ol, .try-tabs .typography ul { list-style: none; margin: 20px 0 0; padding: 0; line-height: 20px } .try-tabs .typography li ol, .try-tabs .typography li ul { margin-top: 5px } .try-tabs .typography ul li:before { content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #333 } .try-tabs .typography ol { counter-reset: list1 } .try-tabs .typography ol>li:before { counter-increment: list1; content: counter(list1)'.'; position: absolute; top: 0; left: 0; color: #333 } .try-tabs .typography a { text-decoration: underline; color: #000 } .try-tabs .typography a:hover { text-decoration: none } .try-tabs .typography .pic { padding: 4px; border: 1px dotted #ccc } .try-tabs .typography .pic img { display: block } .try-tabs .typography .pic-right { float: right; margin: 0 0 10px 20px } .try-tabs .typography .link { text-decoration: underline; color: #000; cursor: pointer } .try-tabs .typography .link:hover { text-decoration: none } .try-tabs .typography h1:first-child, .try-tabs .typography h2:first-child, .try-tabs .typography h3:first-child, .try-tabs .typography h4:first-child, .try-tabs .typography h5:first-child, .try-tabs .typography h6:first-child, .try-tabs .typography p:first-child { margin-top: 0 } .try-tabs .typography .text-center { text-align: center } .try-tabs .typography .text-right { text-align: right } .try-tabs>label .fa { display: block; float: left; width: 18px; margin: 0 12px 0 -6px; font-family: FontAwesome; font-style: normal; font-size: 16px; line-height: 45px; text-align: center; -webkit-font-smoothing: antialiased } .try-tabs .try-tab5 .fa { font-size: 38px; color: rgba(36, 23, 4, .6); text-shadow: 0 1px 0 rgba(255, 255, 255, .2) } .try-tabs .try-tab5 { float: right } @media screen and (max-width: 1000px) { .try-tabs>label span span { padding: 0 15px } .try-tabs>label .fa { margin-right: 10px; margin-left: -5px } } @media screen and (max-width: 767px) { .try-tabs .grid-col, .try-tabs .grid-col:first-child { float: none; width: 100%; margin: 20px 0 0 } .try-tabs-response-to-stack>label { display: block; width: 100%; padding-right: 0; padding-left: 0; text-align: left } .try-tabs-response-to-stack>ul { margin-top: 0; margin-right: 0; margin-left: 0 } .try-tabs-response-to-stack>ul>li { -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -webkit-transform-origin: 50% 0 } .try-tabs-response-to-stack.try-tabs-anim-flip>ul>li { -webkit-transform: rotateX(-90deg) } .try-tabs-response-to-icons>label .fa { width: 45px; margin: 0; font-size: 16px } .try-tabs-response-to-icons>label span span { padding: 0 } .try-tabs-response-to-icons.try-tabs-pos-left>label, .try-tabs-response-to-icons.try-tabs-pos-right>label { width: 56px } .try-tabs-response-to-icons.try-tabs-pos-left>ul { margin-left: 56px } .try-tabs-response-to-icons.try-tabs-pos-right>ul { margin-right: 56px } .try-tabs-response-to-switcher>label { display: none; width: 100%; padding-right: 0; padding-left: 0; text-align: left } .try-tabs-response-to-switcher:hover>label, .try-tabs-response-to-switcher>.switcher { display: block } .try-tabs-response-to-switcher:hover>.switcher { display: none } .try-tabs-response-to-switcher>ul { margin-top: 0; margin-right: 0; margin-left: 0 } .try-tabs-response-to-switcher>ul>li { -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -webkit-transform-origin: 50% 0 } .try-tabs-response-to-switcher.try-tabs-anim-flip>ul>li { -webkit-transform: rotateX(-90deg) } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings