Файловый менеджер - Редактировать - /home/kunzqhe/photostocker/wp-content/themes/themify-ultra/skins/music2/style.css
Назад
/* Skin Name:Ultra Music2 Version:1.0 Demo URI:https://themify.org/ultra-music2/ Required Plugins:builder-audio, builder-contact, builder-maps-pro, builder-woocommerce, woocommerce */ /************************************************************************************ GENERAL *************************************************************************************/ :root{ --theme_accent:#434789; --theme_accent_semi:rgba(67,71,137,.8); --theme_accent_hover:#a97ae3; } body{ font:.875em/1.75em 'Poppins',Arial,sans-serif; color:#404040 } .post-nav a:hover .arrow{ color:#a97ae3 } /* HEADINGS ================================================ */ h1, h2, h3{ font-weight:900 } h1{ font:600 3.2em/1.4em 'Poppins',Arial,sans-serif; margin:0 0 .2em; text-transform:none; letter-spacing:-.05em } h2{ font:600 2.25em/1.4em 'Poppins',Arial,sans-serif; margin:0 0 .5em; letter-spacing:-.05em } h3{ font:400 1.6em/1.6em 'Poppins',Arial,sans-serif; text-transform:none; letter-spacing:0 } h4{ letter-spacing:-.05em } h5{ font-size:1.2em; line-height:1.5em; margin:0 0 1em } /* FORM ================================================ */ input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea{ border-color:#e3e3e3; color:#404040; padding:1em } input:read-write:focus,input:read-only:focus,select:focus,textarea:focus{ border-color:var(--theme_accent) } input[type=radio],input[type=checkbox]{ padding:0 } input[type=reset],input[type=submit],button{ font-size:.8em; font-weight:600; line-height:2em; padding:1.2em 2em; border:0; box-shadow:0 0 50px rgba(0,0,0,.15); letter-spacing:.07em; text-transform:uppercase; transition:background-color .3s ease,color .3s ease } textarea{ resize:vertical; height:260px } #commentform p label{ transform:none; text-transform:none; font-size:1em; margin-bottom:.4em } #commentform textarea{ height:260px } #review_form p label{ transform:none } /************************************************************************************ HEADER *************************************************************************************/ #headerwrap{ color:var(--theme_accent) } #headerwrap a:hover, .sidemenu-on .top-icon-wrap li a:hover .tooltip{ color:#a97ae3 } /* SITE LOGO ================================================ */ #site-logo{ font:600 2.2em/normal 'Poppins',Arial,sans-serif; letter-spacing:-.05em } /* MAIN NAVIGATION ================================================ */ #main-nav a{ font-weight:600; padding:1.2em .8em; } #main-nav ul a{ padding:.4em 1.4em; } #main-nav ul a:hover, #main-nav .mega-menu-posts a:hover, #main-nav a:hover, #main-nav .current_page_item > a, #main-nav .current-menu-item > a{ color:#a97ae3 } /* SEARCH OVERLAY ================================================ */ .search-option-tab li:hover a, .search-option-tab li.active a{ box-shadow:inset 0 -3px 0 0 #a97ae3 } .view-all-button:after{ border-color:#a97ae3 } /* Search button */ .search-button{ border-radius:0 } .sidemenu-off .search-button{ border-left:1px solid rgba(0,0,0,.15); padding-left:24px } #headerwrap .search-button:hover{ color:#a97ae3; background:0 } .search-button:before{ padding:.6em .7em } /* HEADER OVERLAY ================================================ */ .header-overlay.transparent-header .fixed-header, .header-overlay.mobile-menu-visible #headerwrap{ background-color:rgba(67,71,137,.9) } /* HEADER STRIPE ================================================ */ .header-stripe #site-logo{ background-color:var(--theme_accent); color:#fff } /* HEADER LEFTPANE/RIGHTPANE/MINBAR ================================================ */ .header-leftpane #main-nav a, .header-rightpane #main-nav a, .header-minbar #main-nav a{ padding:.6em 0 } /* TRANSPARENT HEADER ================================================ */ .transparent-header #headerwrap.fixed-header{ background-color:rgba(255,255,255,.9); color:#000 } .transparent-header #headerwrap.fixed-header, .transparent-header #headerwrap a:hover, .transparent-header #main-nav a:hover, .transparent-header #main-nav > .current_page_item > a, .transparent-header #main-nav > .current-menu-item > a, .transparent-header #cart-wrap, .transparent-header #cart-wrap a{ color:var(--theme_accent) } /************************************************************************************ POSTS *************************************************************************************/ /* POST TITLE ================================================ */ .post-title{ font-size:2.8em } .post-title a{ color:var(--theme_accent) } .post-nav .arrow{ color:#06062a } /* polaroid */ .loops-wrapper .post, .loops-wrapper.polaroid .post, .loops-wrapper.overlay .post{ text-align:left } .module-post .loops-wrapper.polaroid .post-image + .post-content{ background:0; padding:0; display:table } .module-post .loops-wrapper.polaroid .post:hover .post-content{ background:rgba(37,38,52,.9) } .loops-wrapper.overlay .post-image + .post-content .post-content-inner, .loops-wrapper.polaroid .post-image + .post-content .post-content-inner{ padding:1.5em 2em 1em; box-sizing:border-box; display:table-cell; vertical-align:middle } .loops-wrapper.polaroid .has-post-thumbnail .post-date-wrap, .loops-wrapper.polaroid .has-post-thumbnail .post-meta{ display:none } .loops-wrapper.polaroid .post-image + .post-content .post-title a, .module-post .loops-wrapper.polaroid .post-title a{ color:#fff } .module-post .more-link:after{ content:""; border:0 } .module-post .more-link{ background:var(--theme_accent); font-weight:600; padding:1em 1.8em .9em; text-transform:uppercase; color:#fff; border-radius:50em } .module-post .more-link:hover, .module-post .more-link:focus{ background:#a97ae3 } /************************************************************************************ WIDGETS *************************************************************************************/ .widgettitle{ font-size:1.1em } /************************************************************************************ FOOTER *************************************************************************************/ #footerwrap{ background-color:#303036; color:#d3d3d3; font-size:1em } #footerwrap a{ color:#d3d3d3 } #footerwrap a:hover{ color:#a97ae3 } #footerwrap .footer-tab{ background-color:var(--theme_accent); color:#fff } /* FOOTER SOCIAL LINKS ================================================ */ #footer .social-links{ text-align:left } #footer .social-links li{ margin:0 1px 0 0 } #footer .social-links a{ color:#c9c9d7 } #footer .social-links a:hover{ color:#a97ae3 } #footer .social-links .icon-large em{ font-size:24px; height:25px; width:20px; background-color:transparent } /* FOOTER SOCIAL LINKS ================================================ */ .footer-text{ text-align:left; border-top:1px solid rgba(98,98,106,.5); padding-top:3.5em; padding-bottom:1em; display:block } /************************************************************************************ BUILDER STYLING *************************************************************************************/ /* UI BUTTON ================================================ */ .ui.builder_button{ text-transform:uppercase; font-family:'Poppins',Arial,sans-serif; font-weight:600; font-size:.8em; padding:1.1875em 2em 1em; box-shadow:0 0 50px rgba(0,0,0,.15) } .ui.builder_button span{ line-height:2em } .module.module-buttons a.blue.builder_button{ background:var(--theme_accent); border-color:var(--theme_accent); color:#fff } .module.module-buttons a.blue.builder_button:hover, .module.module-buttons a.blue.builder_button:focus{ background:#a97ae3; border-color:#a97ae3 } /* BUILDER AUDIO ================================================ */ .tracklist{ list-style:none } .tracklist .track-title{ color:#404040; font:600 1.2em/1.5em 'Poppins',Arial,sans-serif; margin-left:3em } .panel .tracklist .track-title{ line-height:1em } .module-audio.out-now-audio .album-playlist .tracklist .track{ border-bottom:none } .module-audio .album-playlist .tf_audio_current_time{ top:-20px; display:block; margin-top:0 } .tf_audio_wrap{ padding:0 } .tf_audio_controls button{ box-shadow:none; font-size:10px } .tf_auido_play:before{ content:""; display:inline-block; width:20px; height:20px; background: linear-gradient(to bottom left,transparent 49.5%, var(--theme_accent) 50% calc(50% + 1px),transparent calc(50% + 2px)) linear-gradient(to bottom right,transparent 49.5%, var(--theme_accent) 50% calc(50% + 1px),transparent calc(50% + 2px)) linear-gradient(var(--theme_accent), var(--theme_accent)) no-repeat right left bottom; border:0; transform:rotate(90deg); margin:0 } .tf_audio_playing:after, .tf_audio_playing:before{ content:""; display:inline-block; width:3px; height:20px; border:2px solid var(--theme_accent); transform:none; background:0; vertical-align:middle; margin:0 } .tf_audio_playing:after{ margin-left:2px } .tf_auido_play:hover:before{ color:#a97ae3 } .module.module-audio .album-playlist .tracklist .track{ border-bottom:1px solid #ddd; padding:12px 30px 16px 0; margin:0 } .module-audio .album-playlist .tracklist .track:last-child{ border-bottom:none } .module-audio .tf_audio_current_time, .module-audio .tf_audio_progress_wrap{ display:none } /* wp block audio */ .wp-block-audio .tf_audio_wrap{ padding:8px 21px } .wp-block-audio .tf_auido_play:before{ transform:none; width:0; height:0; border:0 solid transparent; border-left-color:currentColor; border-width:8px 0 8px 14px } /* OPTIN MODULE ================================================ */ .module-optin.tb_optin_horizontal form .tb_optin_submit{ width:auto } /* BUILDER BUTTON ================================================ */ #slide-cart .button,.woocommerce ul.products li.product .button,.woocommerce a.button.disabled,.woocommerce button.button.disabled, .woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce input.button.disabled,.woocommerce input.button:disabled,.woocommerce input.button:disabled[disabled],.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.builder_button{ font-size:.8em; font-weight:600; line-height:2em; padding:1.1875em 1em 1em; border:0; box-shadow:0 0 50px rgba(0,0,0,.15); letter-spacing:.07em; text-transform:uppercase; transition:background-color .3s ease,color .3s ease } .module.module-buttons .tb_default_color:hover{ background-color:var(--theme_accent_hover); color:#fff } .woocommerce ul.products li.product .button{ font-size:.75em; padding:.8em 1.25em .6em; } /************************************************************************************ WOOCOMMERCE STYLES *************************************************************************************/ /* ARCHIVE PRODUCTS ================================================ */ /* Sale */ .woocommerce span.onsale, .woocommerce ul.products li.product .onsale{ background-color:#a97ae3; color:#fff } /* SINGLE PRODUCTS ================================================ */ .woocommerce div.product .product_title{ font:700 3.5em/1.4em "Poppins",Arial,sans-serif; color:var(--theme_accent); margin-bottom:.3em } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce div.product p.price, .woocommerce div.product span.price{ color:var(--theme_accent); font-weight:500 } .single .product-description{ font:1.2em/1.8em "Poppins",Arial,sans-serif; color:#808080; border-bottom:1px solid #ddd; padding-bottom:1em; margin-bottom:2.5em } /* quantity */ .woocommerce .quantity .qty{ box-shadow:0 0 50px rgba(0,0,0,.15); color:var(--theme_accent); font:500 1.08em/1.95em "Poppins",Arial,sans-serif; margin:0 2em 0 0; padding:.75em 1.2em .5em; text-align:left; width:6.9em; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger, .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ border-color:#a97ae3; color:#000 } /* breadcrumb */ .woocommerce .woocommerce-breadcrumb{ color:var(--theme_accent); font-size:.875em } .woocommerce .woocommerce-breadcrumb a{ font-weight:600; text-transform:none } /* tabs */ .woocommerce-tabs{ padding-top:2em } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a,.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:var(--theme_accent); font:700 1.2em "Poppins",Arial,sans-serif; padding:1.1em; text-transform:none } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:hover a,.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a,.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ border-color:#a86fbb; color:var(--theme_accent) } .woocommerce .woocommerce-tabs h2,.woocommerce .woocommerce-noreviews{ display:block; color:var(--theme_accent); font:600 1.8em/1.4em "Poppins",Arial,sans-serif; letter-spacing:0 } .woocommerce div.product .woocommerce-tabs .panel{ font:1.2em/1.8em "Poppins",Arial,sans-serif; color:#808080; padding-bottom:1.5em } /* CART ================================================ */ .cart-wrap a span{ padding:3px 7px; } .woocommerce-cart #content table.cart td.actions .coupon .input-text{ padding:.9em; width:9em } #slide-cart .button{ padding:.7em 1.2em; } /* CHECKOUT ================================================ */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{ height:59px } .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:59px } .select2-results__option{ margin:0 } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{ background-color:var(--theme_accent); color:#fff } /* shop archive */ .woocommerce ul.products li.product{ border-radius:8px; text-align:left } .woocommerce ul.products li.product:hover{ box-shadow:0 0 38px rgba(0,0,0,.18) } .woocommerce ul.products li.product .post-image{ margin-bottom:0; position:relative; overflow:hidden; border-radius:8px } .woocommerce ul.products li.product .product-content{ background:#fff; box-shadow:0 2px 3px rgba(0,0,0,.08); padding:1em 1.3em; border-radius:0 0 8px 8px; color:#000 } .woocommerce ul.products li.product h3, .woocommerce ul.products li.product .woocommerce-loop-product__title{ font:700 1.2em/1.5em "Poppins",Arial,sans-serif; letter-spacing:0; margin-bottom:0 } ul.products li.product .post-content .price, ul.products li.product .product-content .price, .woocommerce ul.products li.product .price{ color:inherit; font-weight:500; font-size:1em; margin:0 0 .5em } .module-products .post-image img{ width:100% } .woocommerce ul.products li.product a img{ margin:0 } .woocommerce ul.products .product:hover .post-image img{ transform:scale(1.2) } .woocommerce ul.products li.product a, .module-products .product-content a{ color:#404040 } .woocommerce ul.products li.product a:hover, .module-products .product-content a:hover{ color:var(--theme_accent); text-decoration:none } .woocommerce ul.products li.product .button{ position:absolute; left:50%; top:35%; margin:0; opacity:0; transform:translate(-50%,0); white-space:nowrap; min-width:128px; text-align:center; box-sizing:border-box; } .woocommerce ul.products li.product .button:hover{ transform:translate(-50%,-3px) } .woocommerce ul.products li.product:hover .button{ opacity:1; z-index:2 } .woocommerce ul.products li.product .button, .woocommerce ul.products .product .post-image img, .woocommerce ul.products li.product .post-image a, .woocommerce ul.products li.product{ transition:all .3s linear 0s } /* polaroid */ .module-products .loops-wrapper.polaroid .post-image + .post-content{ position:unset; padding:0 } .loops-wrapper.polaroid .post-image + .post-content a, .loops-wrapper.polaroid .post-image + .product-content a{ color:inherit } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ @media(max-width:680px){ h1,.page-title{ font-size:1.9em } h2{ font-size:1.7em } h3{ font-size:1.2em; letter-spacing:0 } h4{ font-size:1.1em } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка