AlkantarClanX12
Current Path : /home/thanudqk/siamfreetour.com/wp-content/themes/formula/assets/css/ |
Current File : /home/thanudqk/siamfreetour.com/wp-content/themes/formula/assets/css/formula-toolbar.css |
/* style switcher */ .style-switcher { font-family: var(--thm-font); position: fixed; top: 100px; left: 0; z-index: 99999; background-color: #fff; width: 200px; text-align: center; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.04); padding-top: 25px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; transform: translateX(-100%); transition: transform 500ms ease; } .style-switcher.active { transform: translateX(0%); } .style-switcher h3 { margin: 0; text-transform: uppercase; color: var(--thm-black); font-size: 20px; letter-spacing: var(--thm-letter-space-small); line-height: 1; font-family: var(--thm-font); margin-bottom: 15px; font-weight: 800; } .style-switcher .layout-feature, .style-switcher .language-feature { display: grid; grid-gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 15px; } .style-switcher .layout-feature button, .style-switcher .layout-feature a, .style-switcher .language-feature button { border: none; outline: none; font-family: var(--thm-font); text-transform: uppercase; background-color: var(--thm-black); color: #fff; letter-spacing: var(--thm-letter-space-big); font-size: 12px; font-weight: 700; } .style-switcher .layout-feature a:nth-child(odd), .style-switcher .layout-feature button:nth-child(odd), .style-switcher .language-feature button.rtl-switcher { background-color: var(--thm-primary); color: #fff; } .style-switcher .layout-feature button:last-child { grid-column-start: 1; grid-column-end: 3; } #switcher-toggler { position: absolute; top: 20px; left: 100%; font-size: 22px; color: #fff; width: 40px; height: 40px; background-color: var(--thm-primary); display: flex; align-items: center; justify-content: center; transition: 500ms; } #switcher-toggler:hover { color: #fff; background-color: var(--thm-black); } #styleOptions { margin: 0; padding: 0; list-style: none; display: grid; grid-gap: 15px; grid-template-columns: 1fr 1fr 1fr; } #styleOptions li { width: 100%; height: 46.6667px; border-radius: 50%; overflow: hidden; } #styleOptions li a { display: block; width: 100%; height: 100%; } /* lang bar */ .skiptranslate { display: none !important; } /* body fix */ body { top: auto !important; }