Файловый менеджер - Редактировать - /home/kunzqhe/photostocker/wp-content/themes/themify-ultra/skins/men/style.css
Назад
/* Skin Name:Ultra Men Version:1.0 Demo URI:https://themify.org/ultra-men/ Required Plugins:builder-contact,builder-timeline,builder-woocommerce,woocommerce */ /************************************************************************************ GENERAL *************************************************************************************/ :root{ --theme_accent:#c0a477; --theme_accent_semi:rgba(192,164,119,.8); --theme_accent_hover:#23282e; } body{ font-family:'Lato',Arial,sans-serif; color:#666 } .post-title a:hover, .post-nav a:hover .arrow{ color:#dcaa2e } /* reset general border-radius */ input[type=reset],input[type=submit],button,input:read-write,input:read-only,input[type=checkbox],select,textarea,.woocommerce ul.products li.product .button,.woocommerce a.button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce button.button.alt,.woocommerce button.button,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.loops-wrapper.polaroid .post,.loops-wrapper.overlay .post,.loops-wrapper.auto_tiles > .product,.loops-wrapper.auto_tiles .post-image + .post-content,.loops-wrapper.auto_tiles > .post,.post-image img,.product img, ul.products li.product .post-image,#cart-wrap .product-image img,.woocommerce div.product div.images img,.woocommerce-product-gallery__wrapper .tf_swiper-container-initialized,#add_payment_method table.cart img,.woocommerce-cart table.cart img,.woocommerce-checkout table.cart img,.select2-dropdown,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single .select2-selection__arrow,#slide-cart .button,#slide-cart .product-image img,.woocommerce-cart #content table.cart td.actions .coupon .input-text,.woocommerce span.onsale,.woocommerce ul.products li.product .onsale,.woocommerce table.shop_table,.woocommerce-checkout #payment,#add_payment_method #payment ul.payment_methods li,.woocommerce-cart #payment ul.payment_methods li,.woocommerce-checkout #payment ul.payment_methods li,.woocommerce-error, .woocommerce-info, .woocommerce-message,.woocommerce-page .cart-collaterals .cart_totals,body:not(.footer-block) #footer .back-top a,#main-nav .highlight-link > a,.pagenav a,.pagenav span,.pagenav .current,a.load-more-button,.more-link,.widget .feature-posts-list .post-img{ border-radius:0 } .commentlist .comment-reply-link,.tagcloud a,.widget_categories li a,.commentlist .avatar, .commentlist .comment-reply-link{ border-radius:0 } /* HEADINGS ================================================ */ h1,h2,h3,h4,h5,h6{ font-family:'Lato',Arial,sans-serif; font-weight:bold; color:#000 } h1,.page-title{ font-family:'Lato',Arial,sans-serif; font-weight:bold; font-size:3em; line-height:normal; letter-spacing:-.02em } h3, h3.fancy-heading{ font-size:1.2em; font-weight:normal } .fancy-heading{ font-family:'Lato',Arial,sans-serif; font-weight:bold; overflow:hidden; color:var(--theme_accent) } .fancy-heading strong, .fancy-heading .main-head, .fancy-heading .sub-head{ font-family:'Lato',Arial,sans-serif; position:relative; letter-spacing:.15em; font-weight:bold } .fancy-heading .main-head{ font-size:100%; text-transform:uppercase; display:inline-block; padding:5px 30px; letter-spacing:.13em; margin:0 0 .7em; max-width:65% } .fancy-heading .main-head:before, .fancy-heading .main-head:after{ content:""; display:block; border-top:2px solid var(--theme_accent); position:absolute; top:50%; margin-top:-1px; width:100vw } .fancy-heading .main-head:before{ right:100% } .fancy-heading .main-head:after{ left:100% } /* FORM ================================================ */ input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea{ border-color:#e3e3e3; color:#404040; padding:.6em } input:read-write:focus,input:read-only:focus,select:focus,textarea:focus{ border-color:#434789 } input[type=radio],input[type=checkbox]{ padding:0 } input[type=radio]{ border-radius:100% } input[type=reset],input[type=submit],button{ font-weight:400; letter-spacing:.05em; padding:.8em 1.4em; border:0; box-shadow:0 0 50px rgba(0,0,0,.15); 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 } /************************************************************************************ HEADER *************************************************************************************/ #headerwrap a:hover, .sidemenu-on .top-icon-wrap li a:hover .tooltip{ color:var(--theme_accent) } /* SITE LOGO ================================================ */ #site-logo{ font-size:1.6em; font-weight:900 } /* MAIN NAVIGATION ================================================ */ #main-nav a{ text-transform:uppercase; padding:1.2em .4em; letter-spacing:.02em; margin-right:.25em } #main-nav ul a{ text-transform:none; padding:.4em 1.4em; letter-spacing:0; margin:0 } /* SEARCH OVERLAY ================================================ */ .search-option-tab li:hover a, .search-option-tab li.active a{ box-shadow:inset 0 -3px 0 0 #dcaa2e } .view-all-button:after{ border-color:#dcaa2e } /* Search button */ .search-button{ border-radius:0 } .sidemenu-off .search-button{ border-left:1px solid rgba(0,0,0,.15); margin-left:15px; padding-left:20px } #headerwrap .search-button:hover{ color:#dcaa2e; 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 HORIZONTAL ================================================ */ .header-horizontal #header{ padding:0 } .header-horizontal #site-logo{ margin-top:15px } /* 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{ border-bottom:1px solid rgba(255,255,255,.13) } .transparent-header #headerwrap.fixed-header{ background-color:rgba(255,255,255,.9); color:#000 } .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{ color:var(--theme_accent) } /************************************************************************************ POSTS *************************************************************************************/ /* POST TITLE ================================================ */ .single .post-content .post-date-inline .post-date{ text-align:inherit } /* post title */ .post-title{ font-size:1.8em; line-height:1.3em; letter-spacing:-.02em; margin:0 0 .4em; padding:0 } .single .post-meta, .single .post-title{ text-align:inherit } .post-meta{ font-size:.8em } .post-category{ text-transform:uppercase } .post-category a{ background-color:#656262; color:#fff; display:inline-block; padding:.6em 1.2em; margin-right:5px; margin-bottom:5px; line-height:normal; font-weight:normal; font-size:.85em; letter-spacing:.15em } .post-meta .post-author:after, .post-meta .post-category:after, .post-meta .post-tag:after{ opacity:1; height:4px; transform:none; border-color:rgba(0,0,0,.15); border-width:3px; border-radius:100% } .query-post .post-category a, .archive .post-category a{ background:0; color:inherit; padding:unset; text-transform:none; letter-spacing:unset } /* post image */ .post-image img, .loops-wrapper.boxed .post-image img, .product-image img{ border-radius:0 } .woocommerce ul.products li.product .add-to-cart-button{ margin-bottom:0 } /* grid2 thumb */ .loops-wrapper.grid2-thumb .post{ border-radius:0; border:1px solid #ddd; background-image:linear-gradient( 0deg, #f5faff 0, #fff 67%); transition:box-shadow .25s; color:#808080; box-sizing:border-box } .loops-wrapper.grid2-thumb .post:hover{ box-shadow:0 11px 46px 0 rgba(0,0,0,.12) } .loops-wrapper.grid2-thumb .post .entry-content > p{ max-height:40px; overflow:hidden; line-height:normal; margin:0 0 2.8em } .loops-wrapper.grid2-thumb .post .entry-content > p:last-child{ margin:0 } .loops-wrapper.grid2-thumb .post-content{ box-sizing:border-box; padding:5% 5.5% } .loops-wrapper.grid2-thumb .post-title{ font-family:inherit; font-weight:normal; letter-spacing:.02em; margin:.6em 0 .8em } .loops-wrapper.grid2-thumb .post-category:before, .loops-wrapper.grid2-thumb .post-author, .loops-wrapper.grid2-thumb .post-comment, .loops-wrapper.grid2-thumb .post-date{ display:none; } .loops-wrapper.grid2-thumb .post-content-inner{ display:flex; flex-direction:column } .loops-wrapper.grid2-thumb .post-meta{ order:-1 } .loops-wrapper.grid2-thumb .post-image{ float:right; margin:0; } .loops-wrapper.boxed .post{ background-color:#fff; box-shadow:0 2px 8px 0 rgba(0,0,0,.12); border-radius:0; padding:0 0 .5em; text-align:inherit } .loops-wrapper.grid3 .post-title{ font-size:1.3em } /************************************************************************************ WIDGETS *************************************************************************************/ #sidebar{ font-size:.95em } .footer-widgets .widgettitle, .widgettitle{ font-size:1.25em; font-weight:bold; letter-spacing:.06em; margin:0 0 .75em } .footer-widgets .widgettitle{ text-transform:none } .social-links.horizontal li{ margin:0 1.8em 5px 0 } .footer-widgets .widget li, .widget li{ padding:0 0 .6em; margin:0 } /* SHOP SIDEBAR WIDGETS ================================================ */ .wpf_items_wrapper .wpf_item ul.wpf_column_vertical li{ display:block } #pagewrap .wpf_item .wpf_item_name{ color:#000; font-size:1.1em; font-weight:bold; text-transform:uppercase; letter-spacing:.015em; padding:0; border:0 } #pagewrap .wpf_item_onsale .wpf_item_name{ font-size:1em; text-transform:none } .wpf_items_group .wpf_slider.ui-slider .ui-slider-handle{ border-color:#808080 } input[type=checkbox]:checked + label{ color:var(--theme_accent) } .wpf_hide_text li > input:checked + label > i:after, .wpf_item input[type="checkbox"]:checked:before{ margin-top:-4px; margin-left:2px } .wpf_item input[type="checkbox"]{ border-color:#ddd } .wpf_item input[type="checkbox"]:checked, .wpf_item input[type="checkbox"]:hover{ border-color:#0f0f0f } #sidebar .wpf_items_wrapper ul li:before{ display:none } /************************************************************************************ FOOTER *************************************************************************************/ #footerwrap{ background-color:#f2f0f0; font-size:.95em; padding-bottom:0 } #footerwrap a{ color:#808080 } #footerwrap a:hover{ color:var(--theme_accent) } #footerwrap .footer-tab{ background-color:#fff; color:#000 } #footer{ font-size:unset } /* FOOTER TEXT ================================================ */ .footer-text{ display:flex; flex-direction:row; width:100% } .back-top:not(.back-top-float) + .footer-text{ width:calc(100% - 67px); float:right } /* BOTTOM FOOTER ================================================ */ .section-col + .footer-text{ position:relative; background-color:#656262; color:#fff; padding:1.6em 0; z-index:1 } .section-col + .footer-text:before, .section-col + .footer-text:after{ content:""; display:block; background-color:inherit; position:absolute; width:100vw; height:100%; top:0; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; z-index:-1 } .section-col + .footer-text .one, .section-col + .footer-text .two{ display:inline-block; vertical-align:middle } .section-col + .footer-text .one{ margin-right:.4em } #footerwrap .section-col + .footer-text a{ color:#fff } /************************************************************************************ BUILDER STYLING *************************************************************************************/ /* IMAGE MODULE ================================================ */ /* Image Full Overlay */ .module-image.image-full-overlay{ overflow:hidden } .module-image.image-full-overlay .image-content{ margin:5% } .module-image.image-full-overlay .image-content:after{ content:""; display:block; position:absolute; inset:0; z-index:-1; transition:all .25s cubic-bezier(.18,.89,.32,1.28); border:4px solid rgba(192,164,119,.5); transform:scale(1) } .module-image.image-full-overlay:hover .image-content:after{ transform:scale(0) } .module-image.image-full-overlay .image-content:before{ transform:scale(3); transition:all .25s cubic-bezier(.18,.89,.32,1.28) } .module-image.image-full-overlay:hover .image-content:before{ transform:scale(1) } /* Image Overlay */ .module-image.image-overlay .image-wrap{ overflow:hidden } .module-image.image-overlay .image-wrap a + .image-content, .module-image.image-overlay img + .image-content{ transform:translateY(100%); transition:all .25s cubic-bezier(.18,.89,.32,1.28) } .module-image.image-overlay:hover .image-wrap a + .image-content, .module-image.image-overlay:hover img + .image-content{ transform:translateY(0) } /* SLIDER MODULE ================================================ */ /* Controls */ .themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-prev, .themify_builder_slider_wrap.themify_builder_slider_vertical .carousel-next, .themify_builder_slider_wrap .carousel-prev, .themify_builder_slider_wrap .carousel-next{ background-color:var(--theme_accent); color:#fff; min-width:31px; min-height:31px; line-height:28px; font-size:100%; border-radius:0; padding:0; top:40% } .themify_builder_slider_wrap .carousel-prev{ left:0; text-align:right } .themify_builder_slider_wrap .carousel-next{ right:0; text-align:left } /* BUTTON MODULE ================================================ */ .module-buttons-item a span{ letter-spacing:.11em } .module-buttons.xlarge span{ font-size:1.1em; padding:.1em .6em .05em .9em } .ui.builder_button{ text-transform:uppercase; box-shadow:0 0 50px rgba(0,0,0,.15) } /*TIMELINE MODULE ================================================ */ .module.module-timeline.layout-list > ul:before{ border-width:1px; border-color:#ddd; width:1px; top:-60px; height:calc(100% + 165px) } .module.module-timeline.layout-list > ul > li{ margin:0 0 8.5em; display:block; overflow:visible } .module.module-timeline.layout-list > ul > li:last-child{ margin:0 } .module.module-timeline.layout-list > ul > li:first-child:before{ content:""; display:block; border-left:1px solid #c0a477; height:300px; position:absolute; top:-60px; pointer-events:none; margin-left:-2px } .module.module-timeline.layout-list .module-timeline-date{ color:#0f1720; font-weight:bold; background-color:#fff; position:relative; margin-left:2.2em } .module-timeline.layout-list > ul > li:last-child .module-timeline-date{ position:absolute; top:100%; margin-top:80px; background-color:transparent } .module-timeline.layout-list .module-timeline-icon{ display:none } .module.module-timeline.layout-list .module-timeline-title{ font-weight:bold; font-size:1.5em; margin:0 0 .35em } .module.module-timeline.layout-list .entry-content{ font-size:1.1em; line-height:1.65em; letter-spacing:.01em } .module.module-timeline.layout-list .entry-content h3{ color:#0f1720; font-weight:300; font-size:1.1em; text-transform:uppercase; letter-spacing:.055em; margin:0 0 1.25em } .module.module-timeline.layout-list .module-timeline-dot{ background-color:#ddd; left:calc(25% - 1px) } .module-timeline.layout-list > ul > li .module-timeline-dot{ display:none; width:16px; height:16px; margin-left:0; transform:translateX(-50%) } .module-timeline.layout-list > ul > li:last-child .module-timeline-dot{ display:block; position:absolute; top:100%; margin-top:40px } .module-timeline.layout-list > ul > li:first-child .module-timeline-dot{ display:block; margin-top:-80px; background-color:var(--theme_accent); box-shadow:0 0 0 5px #fff,0 0 0 6px #f5cbcd,0 0 0 10px #fff,0 0 0 11px #f5cbcd } @media(min-width:681px){ .module.module-timeline.layout-list > ul > li:first-child:before{ top:-100px } .module-timeline.layout-list > ul > li:first-child .module-timeline-dot{ margin-top:-110px } .module.module-timeline.layout-list .module-timeline-image, .module.module-timeline.layout-list .entry-content{ float:left; width:50%; padding:0 7%; box-sizing:border-box } .module.module-timeline.layout-list .module-timeline-title{ padding-left:50%; margin-left:7%; box-sizing:border-box; margin-top:2.5em } .module.module-timeline.layout-list .module-timeline-image{ margin-top:-4em } .module.module-timeline.layout-list .module-timeline-date{ width:auto; margin-left:0; position:absolute; transform:translateX(-50%); left:50%; font-size:1.5em } .module.module-timeline.layout-list > ul > li:first-child:before, .module.module-timeline.layout-list .module-timeline-dot, .module.module-timeline.layout-list > ul:before, .module.module-timeline.layout-list .module-timeline-icon{ left:50% } .module.module-timeline.layout-list > ul:before{ top:-100px } .module-timeline.layout-list > ul > li:after{ content:""; clear:both; display:block } .module-timeline.layout-list > ul > li:nth-of-type(even) .module-timeline-image{ float:right } .module-timeline.layout-list > ul > li:nth-of-type(even) .entry-content{ float:left; text-align:right } .module-timeline.layout-list > ul > li:nth-of-type(even) .module-timeline-title{ padding-left:0; padding-right:7%; margin-left:0; margin-right:7%; text-align:right; width:50% } } @media(max-width:680px){ .module-timeline.layout-list > ul > li:first-child .module-timeline-dot, .module.module-timeline.layout-list > ul > li:first-child:before{ left:25% } .module.layout-list .module-timeline-content-wrap{ width:70% } .module-timeline.layout-list .module-timeline-content{ display:flex; flex-wrap:wrap } .module.module-timeline.layout-list .module-timeline-image{ order:-1; margin-top:2em } .module.module-timeline.layout-list > ul:before{ height:calc(100% + 110px); left:calc(25% - 1px) } .module-timeline.layout-list > ul > li:last-child .module-timeline-date{ margin-top:15% } } /************************************************************************************ WOOCOMMERCE STYLES *************************************************************************************/ /* 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{ border:0; padding:.9em 1em; box-shadow:0 0 50px rgba(0,0,0,.15); letter-spacing:.05em; text-transform:uppercase; transition:background-color .3s ease,color .3s ease } /* Shop Archive */ .woocommerce .related .products .product, .woocommerce ul.products.grid4 .product, .woocommerce ul.products.grid3 .product, .woocommerce ul.products.grid2 .product{ box-shadow:0 5px 9.8px .2px rgba(77,77,77,.14); transition:box-shadow .25s; text-align:inherit; border-radius:0; padding:0 } .woocommerce .related .products .product:hover, .woocommerce ul.products.grid4 .product:hover, .woocommerce ul.products.grid3 .product:hover, .woocommerce ul.products.grid2 .product:hover{ box-shadow:0 11px 60.76px 1.24px rgba(77,77,77,.3) } .woocommerce .related .products .post-image, .woocommerce ul.products.grid4 .post-image, .woocommerce ul.products.grid3 .post-image, .woocommerce ul.products.grid2 .post-image{ margin:0 } .woocommerce ul.products li.product a img{ margin:0 } .woocommerce ul.products.grid4 .post-content, .woocommerce ul.products.grid3 .post-content, .woocommerce ul.products.grid2 .post-content, .woocommerce .related .products .product-content, .woocommerce ul.products.grid4 .product-content, .woocommerce ul.products.grid3 .product-content, .woocommerce ul.products.grid2 .product-content{ padding:5% 7%; box-sizing:border-box } .woocommerce .related .products li.product .button, .woocommerce ul.products.grid4 li.product .button, .woocommerce ul.products.grid3 li.product .button, .woocommerce ul.products.grid2 li.product .button{ display:block; text-align:center; font-weight:bold; font-size:.9em; letter-spacing:.05em; margin:.75em 0; padding:.9em 1em } .woocommerce .related .products .product-content, .woocommerce ul.products.grid4 .product-content, .woocommerce ul.products.grid3 .product-content, .woocommerce ul.products.grid2 .product-content{ display:flex; flex-flow:column wrap } .woocommerce ul.products li.product .add-to-cart-button{ order:1 } .woocommerce .related .products h3, .woocommerce ul.products li.product h3, .woocommerce ul.products.grid4 .product-content .product_title, .woocommerce ul.products.grid3 .product-content .product_title, .woocommerce ul.products.grid2 .product-content .product_title{ font-weight:normal } .woocommerce .related .products .product-content .price, .woocommerce ul.products.grid4 .product-content .price, .woocommerce ul.products.grid3 .product-content .price, .woocommerce ul.products.grid2 .product-content .price{ border-bottom:1px solid #ddd; font-weight:bold; padding-bottom:.35em; margin:0 0 .4em; color:#0f1720 } .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce ul.products li.product .price ins, .woocommerce div.product p.price ins, .woocommerce div.product span.price ins{ font-weight:bold; color:#0f1720 } /* ARCHIVE PRODUCTS ================================================ */ /* Star rating */ .woocommerce .star-rating span::before{ color:var(--theme_accent) } .woocommerce .products .product .star-rating{ margin:0 0 .5em } /* Result count & Ordering */ .woocommerce .woocommerce-result-count{ font-weight:300; font-size:1em; text-transform:uppercase; letter-spacing:.05em } .woocommerce .woocommerce-ordering{ margin-top:-1em; font-size:.9em } .woocommerce .woocommerce-ordering select{ text-transform:uppercase; font-weight:normal; font-size:.975em; padding: .5em 30px .3em 0; border-color:var(--theme_accent) } #pagewrap .wpf_item .wpf_color_icons li input[type=radio], #pagewrap .wpf_item .wpf_color_icons li input[type=checkbox]{ display:none } /* SINGLE PRODUCTS ================================================ */ /* breadcrumb */ .woocommerce .woocommerce-breadcrumb{ font-weight:bold; color:var(--theme_accent); text-transform:uppercase } .woocommerce .woocommerce-breadcrumb a{ color:#0f1720 } /* quantity */ .woocommerce .quantity .qty{ padding:.75em } /* tabs */ .woocommerce #content div.product .woocommerce-tabs ul.tabs li{ font-size:unset } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a{ color:#0f1720; font-size:1.05em; font-weight:bold; text-transform:none; letter-spacing:-.02em; padding:.9em 2.15em; } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ @media(max-width:680px){ h1,.page-title{ font-size:1.9em } h3{ font-size:1.1em; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка