Файловый менеджер - Редактировать - /home/kunzqhe/photostocker/wp-content/themes/themify-ultra/skins/app/style.css
Назад
/* Skin Name:Ultra App Version:1.0 Demo URI:https://themify.org/ultra-app Required Plugins:builder-contact, builder-pricing-table */ /************************************************************************************ GENERAL *************************************************************************************/ :root{ --theme_accent:#5023ce; --theme_accent_semi:rgba(56,33,243,.85); --theme_accent_hover:#5f22d6 } body{ font-family:'Poppins',Arial,sans-serif; font-size:1.05em; color:#7d7d7d } a:hover, .post-nav a:hover > span, .post-title a:hover{ color:var(--theme_accent_hover) } /* form elements */ label{ display:block; font-size:.85em; font-weight:500; text-transform:uppercase; vertical-align:middle } input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea{ background:0; border-radius:0; border:1px solid #d2d0d0; color:inherit; padding:.65em; margin:0; max-width:none; transition:box-shadow .3s } textarea{ border:1px solid #d2d0d0 } input[type=radio]{ border-radius:50em } input[type=radio],input[type=checkbox]{ padding:0 } select{ background:0; border:1px solid #d2d0d0; width:100%; max-width:27.3em; } input[type=reset], input[type=submit], button{ border-radius:50em; padding:.925em 3.35em; font-size:1.1em; font-weight:700; font-family:'Raleway',Arial,sans-serif; letter-spacing:.11em } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=search]:hover, input[type=email]:hover, input[type=url]:hover, input[type=tel]:hover{ box-shadow:0 2px 15px 0 rgba(0,0,0,.2) } blockquote:before{ color:var(--theme_accent) } /************************************************************************************ HEADING *************************************************************************************/ h1, h2, h3, h4, h5, h6{ font-weight:700; font-family:'Raleway',Arial,sans-serif } h1{ font-size:3.6em; line-height:1.2em; font-weight:800; margin:0 0 .2em; text-transform:none; letter-spacing:-.01em } h2{ font-size:2.7em; line-height:1.2em; font-weight:900; margin:0 0 .45em; letter-spacing:-.015em } h3{ font-size:1.5em; font-weight:400; line-height:normal } /************************************************************************************ HEADER *************************************************************************************/ #headerwrap{ border:0 } /* SITE LOGO ================================================ */ #site-logo{ font-family:'Raleway',Arial,sans-serif; font-size:1.95em; font-weight:700; letter-spacing:normal } /* MAIN NAVIGATION ================================================ */ #main-nav a{ font-family:'Raleway',Arial,sans-serif; font-weight:600; letter-spacing:.03em; padding:.5em; text-transform:uppercase } #main-nav a:hover, #main-nav .mega-menu-posts a:hover, #main-nav .current_page_item > a, #main-nav .current-menu-item > a{ color:#ffd52b } #main-nav ul a{ letter-spacing:normal } /* highlight-link */ #main-nav .highlight-link{ margin-left:.7em } #main-nav .highlight-link > a{ background:0; color:inherit; border:2px solid; border-radius:50em; line-height:normal; letter-spacing:.06em; padding:.625em 1.6em } #main-nav .highlight-link > a:hover{ color:#ffd52b } /* FIXED HEADER ================================================ */ .transparent-header #headerwrap.fixed-header, #headerwrap.fixed-header{ background-color:var(--theme_accent_semi); color:#fff } /* HEADER HORIZONTAL LAYOUT ================================================ */ .header-horizontal #site-logo{ font-size:1.95em } /* Mega menu widget */ #main-nav .has-mega-column .widget{ font-size:.9em; line-height:1.7em } /************************************************************************************ PAGE *************************************************************************************/ .page-title{ font-size:4.15em; line-height:normal; margin:0 0 .2em } .widgettitle{ text-transform:none; font-weight:700; letter-spacing:normal } /************************************************************************************ BUILDER BUTTONS *************************************************************************************/ /* TESTIMONIAL SLIDER MODULE ================================================ */ .module-testimonial-slider.image-bubble .testimonial-image{ margin-bottom:-40px } .module-testimonial-slider .themify_builder_slider .testimonial-content{ box-shadow:0 5px 20px 0 rgba(0,0,0,.2); border-radius:10px; background-color:#9677ee; color:#fff; margin:0 20px 42px; padding:70px 40px 40px; } .module-testimonial-slider .testimonial-entry-content p:last-child{ margin:0 } .module-testimonial-slider .testimonial-entry-content:before{ content:"\201C"; display:block; line-height:0; font-size:4em; font-family:serif; font-style:normal; font-weight:400; margin-top:40px; margin-bottom:10px } .module-testimonial-slider .themify_builder_slider .testimonial-author{ order:-1 } .module-testimonial-slider .themify_builder_slider .testimonial-author .person-company{ text-transform:uppercase; opacity:.8; font-size:.825em; font-weight:300; letter-spacing:.06em } .module-testimonial-slider .themify_builder_slider .testimonial-author .person-name{ font-family:'Raleway',Arial,sans-serif; line-height:normal } .module-testimonial-slider .themify_builder_slider .testimonial-item{ margin-top:15px; margin-bottom:15px } .module-testimonial-slider .themify_builder_slider .testimonial-item:hover .testimonial-content{ box-shadow:0 7px 20px rgba(0,0,0,.5) } .module-testimonial-slider .themify_builder_slider .testimonial-item:hover{ transform:rotateX(-5deg) scale(1.03) } /* carousel pager */ .themify_builder_slider_wrap .carousel-pager a{ width:18px; height:18px; margin:0 5px; border-width:2px; border-color:var(--theme_accent) } .themify_builder_slider_wrap .carousel-pager a:hover, .themify_builder_slider_wrap .carousel-pager a.selected{ background-color:var(--theme_accent) } /* carousel arrow */ .themify_builder_slider_wrap .carousel-nav-wrap .carousel-prev, .themify_builder_slider_wrap .carousel-nav-wrap .carousel-next{ background-color:transparent; color:var(--theme_accent); font-size:1em; overflow:visible; padding:0 5px; display:inline-block!important } .themify_builder_slider_wrap .carousel-prev:before, .themify_builder_slider_wrap .carousel-next:before{ width:1em; height:1em; border-width:10px; margin:0 16px } .themify_builder_slider_wrap .carousel-nav-wrap .carousel-prev:hover, .themify_builder_slider_wrap .carousel-nav-wrap .carousel-next:hover{ transform:translateY(-50%) scale(1.2) } .themify_builder_slider_wrap .carousel-nav-wrap .carousel-prev:hover:before, .themify_builder_slider_wrap .carousel-nav-wrap .carousel-next:hover:before{ box-shadow:5px 5px 5px rgba(0,0,0,.15) } /* Animation transition */ .themify_builder_slider .testimonial-item, .themify_builder_slider .testimonial-content, .themify_builder_slider .slide-content, .themify_builder_slider_wrap .carousel-nav-wrap .carousel-prev, .themify_builder_slider_wrap .carousel-nav-wrap .carousel-next, .themify_builder_slider_wrap .carousel-prev:before, .themify_builder_slider_wrap .carousel-next:before{ transition:transform .8s cubic-bezier(.2,1,.2,1),box-shadow .8s cubic-bezier(.2,1,.2,1) } @media(min-width:1300px){ .themify_builder_slider_wrap .carousel-nav-wrap .carousel-prev, .themify_builder_slider_wrap .carousel-nav-wrap .carousel-next{ position:absolute; top:50%; left:-50px; transform:translateY(-50%) } .themify_builder_slider_wrap .carousel-nav-wrap .carousel-next{ right:-50px; left:auto } } /* PRICING TABLE MODULE ================================================ */ .module.module-pricing-table .module-pricing-table-pop:before{ border-width:5px; height:.8em; width:.8em; bottom:-20px } .ui.module.module-pricing-table{ border:0; border-radius:10px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, .2); font-family:'Raleway',Arial,sans-serif } .module.module-pricing-table .module-pricing-table-header{ background-image:linear-gradient( 122deg, #3cc8f0 0%, #c65ce9 100%); border-top-left-radius:10px; border-top-right-radius:10px; padding-bottom:57px; padding-top:32px } .module.module-pricing-table .module-pricing-table-title{ font-size:1.65em; font-weight:400 } .module.module-pricing-table .module-pricing-table-price{ font-size:3.5em; font-weight:300; margin:.55em 0 .45em } .module.module-pricing-table .module-pricing-table-description{ font-size:.9em; font-weight:300 } .module.module-pricing-table .module-pricing-table-content{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; position:relative; z-index:1; padding-top:0 } .module-pricing-table .module-pricing-table-content:before{ content:""; display:block; height:46px; width:100%; background-color:inherit; position:absolute; bottom:100%; transform-origin:right bottom; transform:skewY(-7deg); z-index:-1; pointer-events:none; left:0 } .module-pricing-table.pricing-enlarge .module-pricing-table-content:before{ transform-origin:left bottom; transform:skewY(7deg); height:58px } .module.module-pricing-table .module-pricing-table-features{ border:0; font-weight:500; padding:.45em 0 .3em } .module.module-pricing-table .module-pricing-table-button{ width:auto; padding:.9em 2.5em; border-radius:50em; letter-spacing:.07em; box-shadow:0 7px 20px 0 rgba(0, 0, 0, .3); color:#fff } .ui.module.module-pricing-table{ overflow:hidden } .ui.module-pricing-table.pricing-enlarge{ overflow:visible } /* BUTTONS MODULE ================================================ */ .ui.builder_button{ color:#fff; text-align:center; letter-spacing:.08em; font-family:'Raleway',Arial,sans-serif; font-weight:700; font-size:1.2em; text-transform:uppercase } .module-buttons-item a span{ padding:.4em 1.2em } .module.module-buttons .ui.tb_default_color{ color:#fff } .module.module-buttons.transparent .ui.tb_default_color{ color:inherit } input[type=reset], input[type=submit], button, .module-pricing-table-button, .module-buttons-item a{ box-shadow:0 7px 20px 0 rgba(0, 0, 0, .3); background-image:linear-gradient( 135deg, #5023ce 0%, #7b22e6 66%, #a520fe 100%) } input[type=reset]:hover, input[type=submit]:hover, button:hover, .module-pricing-table-button:hover, .module-buttons-item a:hover{ box-shadow:0 17px 30px 0 rgba(0, 0, 0, .3); transform:translateY(-5px) } .module.module-pricing-table .module-pricing-table-header.black, .module-pricing-table-button.black, .module-buttons-item .black{ background-image:linear-gradient( 135deg, #000 0%, #1a1a1a 66%, #333 100%) } .module.module-pricing-table .module-pricing-table-header.gray, .module-pricing-table-button.gray, .module-buttons-item .gray{ background-image:linear-gradient( 135deg, #444 0%, #5e5e5e 66%, #777 100%) } .module.module-pricing-table .module-pricing-table-header.blue, .module-pricing-table-button.blue, .module-buttons-item .blue{ background-image:linear-gradient( 135deg, #009cff 0%, #00bdff 66%, #00deff 100%) } .module.module-pricing-table .module-pricing-table-header.light-blue, .module-pricing-table-button.light-blue, .module-buttons-item .light-blue{ background-image:linear-gradient( 135deg, #23b8ce 0%, #22dbe5 66%, #20fefb 100%) } .module.module-pricing-table .module-pricing-table-header.green, .module-pricing-table-button.green, .module-buttons-item .green{ background-image:linear-gradient( 135deg, #41b838 0%, #41c460 66%, #40cf87 100%) } .module.module-pricing-table .module-pricing-table-header.light-green, .module-pricing-table-button.light-green, .module-buttons-item .light-green{ background-image:linear-gradient( 135deg, #23ce63 0%, #22e683 66%, #20fea3 100%) } .module.module-pricing-table .module-pricing-table-header.purple, .module-pricing-table-button.purple, .module-buttons-item .purple{ background-image:linear-gradient( 135deg, #5023ce 0%, #7b22e6 66%, #a520fe 100%) } .module.module-pricing-table .module-pricing-table-header.light-purple, .module-pricing-table-button.light-purple, .module-buttons-item .light-purple{ background-image:linear-gradient( 135deg, #4723ce 0%, #7265e2 66%, #9da7f5 100%) } .module.module-pricing-table .module-pricing-table-header.brown, .module-pricing-table-button.brown, .module-buttons-item .brown{ background-image:linear-gradient( 135deg, #a52a2a 0%, #a52a2a 66%, #fea820 100%) } .module.module-pricing-table .module-pricing-table-header.orange, .module-pricing-table-button.orange, .module-buttons-item .orange{ background-image:linear-gradient( 135deg, #ce8323 0%, #e68e22 66%, #fe9820 100%) } .module.module-pricing-table .module-pricing-table-header.yellow, .module-pricing-table-button.yellow, .module-buttons-item .yellow{ background-image:linear-gradient( 135deg, #ceb423 0%, #e6c822 66%, #fedc20 100%) } .module.module-pricing-table .module-pricing-table-header.red, .module-pricing-table-button.red, .module-buttons-item .red{ background-image:linear-gradient( 135deg, #ce2323 0%, #e62222 66%, #fe2020 100%) } .module.module-pricing-table .module-pricing-table-header.pink, .module-pricing-table-button.pink, .module-buttons-item .pink{ background-image:linear-gradient( 135deg, #ce23cc 0%, #dc60e1 66%, #ea9df5 100%) } /* Button Hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover, .module-pricing-table-button:hover, .module .module-buttons-item a:hover{ background-image:linear-gradient( 135deg, #a520fe 0%, #7b22e6 66%, #5023ce 100% ) } .module-pricing-table-button.black:hover, .module .module-buttons-item .black:hover{ background-image:linear-gradient( 135deg, #333 0%, #1a1a1a 66%, #000 100%) } .module-pricing-table-button.gray:hover, .module .module-buttons-item .gray:hover{ background-image:linear-gradient( 135deg, #777 0%, #5e5e5e 66%, #444 100%) } .module-pricing-table-button.blue:hover, .module .module-buttons-item .blue:hover{ background-image:linear-gradient( 135deg, #00deff 0%, #00bdff 66%, #009cff 100%) } .module-pricing-table-button.light-blue:hover, .module .module-buttons-item .light-blue:hover{ background-image:linear-gradient( 135deg, #20fefb 0%, #22dbe5 66%, #23b8ce 100%) } .module-pricing-table-button.green:hover, .module .module-buttons-item .green:hover{ background-image:linear-gradient( 135deg, #40cf87 0%, #41c460 66%, #41b838 100%) } .module-pricing-table-button.light-green:hover, .module .module-buttons-item .light-green:hover{ background-image:linear-gradient( 135deg, #20fea3 0%, #22e683 66%, #23ce63 100%) } .module-pricing-table-button.purple:hover, .module .module-buttons-item .purple:hover{ background-image:linear-gradient( 135deg, #a520fe 0%, #7b22e6 66%, #5023ce 100%) } .module-pricing-table-button.light-purple:hover, .module .module-buttons-item .light-purple:hover{ background-image:linear-gradient( 135deg, #9da7f5 0%, #7265e2 66%, #4723ce 100%) } .module-pricing-table-button.brown:hover, .module .module-buttons-item .brown:hover{ background-image:linear-gradient( 135deg, #fea820 0%, #a52a2a 66%, #a52a2a 100%) } .module-pricing-table-button.orange:hover, .module .module-buttons-item .orange:hover{ background-image:linear-gradient( 135deg, #fe9820 0%, #e68e22 66%, #ce8323 100%) } .module-pricing-table-button.yellow:hover, .module .module-buttons-item .yellow:hover{ background-image:linear-gradient( 135deg, #fedc20 0%, #e6c822 66%, #ceb423 100%) } .module-pricing-table-button.red:hover, .module .module-buttons-item .red:hover{ background-image:linear-gradient( 135deg, #fe2020 0%, #e62222 66%, #ce2323 100%) } .module-pricing-table-button.pink:hover, .module .module-buttons-item .pink:hover{ background-image:linear-gradient( 135deg, #ea9df5 0%, #dc60e1 66%, #ce23cc 100%) } /************************************************************************************ FOOTER *************************************************************************************/ #footerwrap{ color:rgba(255,255,255,.7); background:transparent url(images/footer-bg.png) no-repeat center top; background-size:cover; border:0; padding:174px 0 2em } #footer{ font-size:.95em } #footer a{ color:#fff } #footer a:hover{ color:#ffd52b } /* footer logo */ #footer-logo{ margin-bottom:.6em; font-size:2em; font-weight:900 } /* footer widget */ .footer-left-col #footer .widget, .footer-right-col #footer .widget{ margin:1em 0 1.5em } body:not(.footer-block) .section-col{ position:relative; padding-left:36px; padding-right:36px } body:not(.footer-block) .section-col:before{ content:''; display:block; height:100%; position:absolute; left:0; border-left:1px solid rgba(255,255,255,.2) } /* footer widgettitle */ .footer-widgets .widgettitle{ color:#fff } .footer-left-col .footer-widgets .social-links{ text-align:right } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ @media(max-width:680px){ h1, .page-title{ font-size:1.9em } h2{ font-size:1.7em } h3{ font-size:1.2em } .footer-left-col .footer-widgets .social-links{ text-align:inherit } .module-testimonial-slider .themify_builder_slider > li .testimonial-content{ padding-left:8px; padding-right:8px } .themify_builder_slider_wrap .carousel-nav-wrap .carousel-prev, .themify_builder_slider_wrap .carousel-nav-wrap .carousel-next{ font-size:.5em; padding:0; transform:none } .themify_builder_slider_wrap .carousel-prev:before, .themify_builder_slider_wrap .carousel-next:before{ border-width:5px; margin:0 } .themify_builder_slider_wrap .carousel-pager a{ width:12px; height:12px } .module.module-pricing-table .module-pricing-table-header{ padding-bottom:72px } .module-pricing-table .module-pricing-table-content:before, .module-pricing-table.pricing-enlarge .module-pricing-table-content:before{ height:72px } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка