Файловый менеджер - Редактировать - /home/goldin10/public_html/getoutyourbox.com/wp-content/themes/morpheus/css/public.css
Error occurred
Назад
body.coll-custom-structure { position : fixed; top : 0px; width : 100%; overflow : hidden !important; height : 100% !important; } body.coll-custom-structure .wrapper.common { position : fixed; top : 0px; width : 100%; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -webkit-transform-style : preserve-3d; visibility : hidden; } /* This stylesheet is used to style the public view of the plugin. */ .coll-page-section { position : relative; width : 100%; } .coll-section-background { position : absolute; width : 100%; height : 100%; top : 0; left : 0; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -webkit-transform : translateZ(0px); } .coll-mobile .coll-section-background { display : none; } .js-coll-parallax { } .coll-page-section { position : relative; overflow : hidden; } .js-coll-parallax .coll-bg-image { position : absolute; top : 0; width : auto; height : auto; max-width : none; min-width : 100%; /*z-index: -1;*/ } .js-coll-parallax .coll-bg-slider { position : absolute; top : 0; min-width : 100%; height : auto; max-width : none; /*z-index: -1;*/ } .js-coll-parallax .coll-bg-video { position : absolute; top : 0; min-width : 100%; height : auto; max-width : none; } .js-coll-parallax .coll-bg-video > iframe { position : absolute; width : 100%; height : 100%; } .coll-mobile .js-coll-parallax .coll-bg-video > iframe { display : none; } .js-coll-parallax .coll-bg-video .coll-replacement { display : none; } .coll-mobile .js-coll-parallax .coll-bg-video .coll-replacement { display : block; width : 100%; } /* after move*/ .coll-page-section .coll-bg-video-mute { position : absolute; width : 100%; height : 50px; bottom : 0; z-index : 99; text-align : center; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -webkit-transform : translateZ(0); } .coll-mobile .coll-page-section .coll-bg-video-mute { display : none; } .coll-page-section .coll-bg-video-mute > a { font-size : 1.5em; color : #fff; padding : 1em; } .js-coll-parallax .coll-bg-pattern { position : absolute; top : 0; width : 100%; height : 100%; } .coll-no-parallax .js-coll-parallax { position : absolute; top : 0; left : 0; max-width : none; min-width : 100%; min-height : 100%; } .coll-page-section .overlay { position : absolute; width : 100%; height : 100%; top : 0; -webkit-backface-visibility : hidden; } /* */ .section-content { position : relative; padding-top : 100px; padding-bottom : 100px; -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -webkit-transform : translateZ(0); } .section-content.no-3d { -webkit-backface-visibility : visible; -moz-backface-visibility : visible; -webkit-transform : none; } section.coll-full-width .section-content { max-width : none; } section.coll-full-width .section-content .entry-content { padding : 0; } section.coll-full-height .section-content { padding : 0; } .coll-single .title-container { -webkit-backface-visibility : hidden; -moz-backface-visibility : hidden; -webkit-transform : translateZ(0); } /* Shortcodes ______________________________________________________________ */ /* text types */ .coll-text { position : relative; width : 100%; } .coll-text > span.text { white-space : normal } .coll-text.type-01 { font-family : 'Open Sans', helvetica, arial; font-size : 140px; font-weight : 800; color : #000; text-transform : uppercase; line-height : 1em; letter-spacing : 0.07em; text-align : center; } .coll-text.type-02 { font-family : 'Open Sans', helvetica, arial; font-size : 50px; font-weight : 700; color : #000; text-transform : uppercase; line-height : 1em; letter-spacing : 0.2em; text-align : center; } .coll-text.type-02 .text { border-top : 1px solid; border-bottom : 1px solid; } .coll-text.type-03 { font-family : 'Lato', sans-serif; font-size : 24px; font-weight : 300; text-align : center; line-height : 1.3em; } .coll-text.type-04 { font-family : 'Bitter', helvetica, arial; font-size : 140px; font-weight : 700; color : #000; line-height : 1em; letter-spacing : -0.05em; text-align : center; } .coll-text.type-05 { font-family : 'Raleway', helvetica, arial; font-size : 36px; font-weight : 400; color : #000; text-transform : uppercase; line-height : 1em; letter-spacing : 0.1em; text-align : center; } .coll-text.type-06 { font-family : 'Sacramento', helvetica, arial; font-size : 48px; color : #000; line-height : 1em; text-align : center; } .coll-text.type-07 { font-family : 'Open Sans', helvetica, arial; font-size : 96px; font-weight : 700; color : #000; line-height : 1em; letter-spacing : 0.1em; text-align : center; text-transform : uppercase; } .coll-text.type-08 { font-family : 'Pacifico', helvetica, arial; font-size : 48px; color : #000; line-height : 1em; text-align : center; } .coll-text.type-09 { font-family : 'Roboto', helvetica, arial; font-size : 38px; font-weight : 700; color : #000; line-height : 1em; letter-spacing : -0.03em; text-align : center; } .coll-text.type-09 > span.text { line-height : 1em; padding : 0.2em .5em .3em; border : 4px solid; } .coll-text > span.text { } .coll-text.type-10 { font-family : 'Oswald', helvetica, arial; font-size : 140px; font-weight : 700; color : #000; line-height : 1em; letter-spacing : -0.02em; text-align : center; text-transform : uppercase; } .coll-text.type-11 { font-family : 'Lobster', helvetica, arial; font-size : 64px; color : #000; line-height : 1em; letter-spacing : 0.05em; text-align : center; } .coll-text.type-12 { font-family : "Pinyon Script", helvetica, arial; font-size : 140px; line-height : 1em; text-align : center; font-weight : 400; color : #000; } .coll-text.type-13 { font-size : 47px; font-family : Bentham, helvetica, arial; line-height : 1em; text-transform : uppercase; text-align : center; font-weight : 400; color : #000; } /* buttons */ .coll-button { display : inline-block; font-family : 'lato', helvetica, arial; font-size : 13px; padding : 0.5em 3em; border-style : solid; font-weight : 900; border-width : 2px; text-transform : uppercase; letter-spacing : 3px; -webkit-transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out; -moz-transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out; -ms-transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out; -o-transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out; transition: color 0.25s ease-out, border-color 0.25s ease-out, background-color 0.25s ease-out; color : #000; border-color : #000; background : none; white-space : nowrap; margin-bottom : 1em; } .coll-button.coll-accent-color:hover { color : #fff; border-color : #7ee08e; } /*-----------------------------------------------------------------------------------*/ /* BLOG /*-----------------------------------------------------------------------------------*/ .coll-shortcode-blog .coll-section-divider { display : table; } .coll-shortcode-blog .coll-section-divider > span { display : table-cell; vertical-align : middle; float : none; } .coll-shortcode-blog .coll-section-divider > span.text { padding-right : 10px; white-space : nowrap; width : 16.6667%; } .coll-shortcode-blog .coll-section-divider > span.line { width : 100%; } .coll-shortcode-blog .coll-section-divider > span.line > span.color { margin-top : 0; } .coll-shortcode-blog .hentry { margin-bottom : 30px; } .coll-shortcode-blog .hentry.columns:last-child { float : left; } .coll-shortcode-blog .coll-section-divider { margin-bottom : 10px; } .coll-shortcode-blog .coll-img { position : relative; width : 100%; padding-bottom : 50%; overflow : hidden; } .coll-shortcode-blog .coll-img > a { position : absolute; } .coll-shortcode-blog .coll-img img { width : 100% } .coll-shortcode-blog a.link-color { -webkit-transition : all 0.25s ease-out; -moz-transition : all 0.25s ease-out; transition : all 0.25s ease-out; } .coll-shortcode-blog .comments { margin-left : 10px; font-size : 12px; font-weight : 400; text-transform : uppercase; } /*-----------------------------------------------------------------------------------*/ /* PORTFOLIO /*-----------------------------------------------------------------------------------*/ .coll-shortcode-portfolio .filter { text-align : center; margin-bottom : 3.25em; margin-left : 0; } .coll-shortcode-portfolio .filter li { display : inline-block; padding : 0px 3px; } .coll-shortcode-portfolio .filter .current.link { } .coll-shortcode-portfolio .filter .item { display : block; margin-bottom : 10px; font-size : 12px; color : #fff; letter-spacing : 0.1em; border-color : rgba(78, 78, 78, 0); } .coll-shortcode-portfolio .filter .item:hover, .coll-shortcode-portfolio .filter .item.current { color : #fff; border-color : #fff; } /* items */ .coll-shortcode-portfolio .items .hentry { /*float: left;*/ position : relative; overflow : hidden; -webkit-transform : translate3d(0px, 0px, 0px); -moz-transform : translate3d(0px, 0px, 0px); -o-transform : translate3d(0px, 0px, 0px); -ms-transform : translate3d(0px, 0px, 0px); transform : translate3d(0px, 0px, 0px); } .coll-shortcode-portfolio .items .hentry * { -webkit-transition : all 0.25s ease-out; -moz-transition : all 0.25s ease-out; transition : all 0.25s ease-out; } .coll-shortcode-portfolio .items .hentry.columns { padding : 0; } .coll-shortcode-portfolio .items .hentry .wrapper { padding : 1px; } .coll-shortcode-portfolio .items .hentry .wrapper .hidden { visibility : hidden; width : 100%; } .coll-shortcode-portfolio .items .hentry .wrapper .holder { position : relative; } .coll-shortcode-portfolio .items .hentry .inner { position : absolute; top : 0; width : 100%; height : 100%; overflow : hidden; } .coll-shortcode-portfolio .items .hentry .wrapper .under, .coll-shortcode-portfolio .items .hentry .wrapper .above { position : absolute; top : 0; left : 0; width : 100%; height : 100%; } .coll-shortcode-portfolio .items .hentry .wrapper .under { } .coll-shortcode-portfolio .items .hentry .thumb { position : absolute; width : 100%; height : 100%; -webkit-transform : translate3d(0px, 0px, 0px); -moz-transform : translate3d(0px, 0px, 0px); -o-transform : translate3d(0px, 0px, 0px); -ms-transform : translate3d(0px, 0px, 0px); transform : translate3d(0px, 0px, 0px); } .coll-shortcode-portfolio .items .hentry .thumb img.hidden { visibility : hidden; opacity : 0; width : 100%; vertical-align : bottom; } .coll-shortcode-portfolio .items .hentry .thumb img.visible { position : absolute; top : 0; left : 0; width : 100%; vertical-align : bottom; } .coll-shortcode-portfolio .items .hentry:hover .thumb img { opacity : 0.2; -moz-transform : scale(1.1); -webkit-transform : scale(1.1); -o-transform : scale(1.1); -ms-transform : scale(1.1); transform : scale(1.1); } .coll-shortcode-portfolio .items .hentry .info { position : absolute; top : 0; width : 100%; height : 100%; display : table; opacity : 0; } .coll-shortcode-portfolio .items .hentry:hover .info { opacity : 1; } .coll-shortcode-portfolio .items .hentry .info .vcenter { display : table-cell; vertical-align : middle; width : 100%; margin : 0 auto; text-align : center; } .coll-shortcode-portfolio .items .hentry .info .title { font-family : 'lato', helvetica, arial; padding : 0px 20px; margin : 0; font-size : 16px; color : #FFF; line-height : 1.2em; } /*-----------------------------------------------------------------------------------*/ /* CONTACT /*-----------------------------------------------------------------------------------*/ .coll-contact-form > p { margin-bottom : 0; } .coll-contact-form > p:last-child { } .coll-contact-form input[type=text], .coll-contact-form textarea { width : 100%; border : 1px solid; border-color : inherit; background : none; box-shadow : none; color : inherit; padding : 10px 10px 10px 2rem; height : 66px; letter-spacing : .1rem; font-size : .7rem; } .coll-contact-form textarea { resize : none; padding : 2rem; height : 200px; } .coll-contact-form .coll-button { background : none; margin-top : 20px; color : inherit; border-color : inherit; padding : 0.8em 4em; } .coll-contact-form input::-webkit-input-placeholder, .coll-contact-form textarea::-webkit-input-placeholder { color : inherit; } .coll-contact-form input::-moz-placeholder, .coll-contact-form textarea::-moz-placeholder { color : inherit; } .coll-contact-form input:-moz-placeholder, .coll-contact-form textarea:-moz-placeholder { /* Older versions of Firefox */ color : inherit; } .coll-contact-form input:-ms-input-placeholder, .coll-contact-form textarea:-ms-input-placeholder { color : inherit; } /*-----------------------------------------------------------------------------------*/ /* SOCIAL ICON /*-----------------------------------------------------------------------------------*/ .coll-social-icon { display : inline-block; vertical-align : bottom; padding : 0px 10px; } .coll-social-icon > a { display : table-cell; width : 36px; height : 36px; text-align : center; vertical-align : middle; border-width : 1px; border-style : solid; border-color : inherit; /* border-radius : 50%; */ color : #000; -webkit-transition : all 0.25s ease-out; -moz-transition : all 0.25s ease-out; transition : all 0.25s ease-out; } /*-----------------------------------------------------------------------------------*/ /* PRICING TABLES /*-----------------------------------------------------------------------------------*/ .coll-shortcode-pricing-table .hentry { margin-bottom : 1.5rem; } .coll-shortcode-pricing-table .hentry.columns:last-child { float : left; } .coll-shortcode-pricing-table > .hentry > .wrapper { position : relative; text-align : center; border : 1px solid; padding : 2px; border-radius : 4px; } .coll-shortcode-pricing-table > .hentry > .wrapper.standout { border-width : 3px; padding : 0; } .coll-shortcode-pricing-table .hentry > .wrapper .title > .text { padding-top : 1.5rem; } .coll-shortcode-pricing-table .hentry > .wrapper .price > .text { margin-bottom : 2em; } .coll-shortcode-pricing-table .hentry > .wrapper .content { padding-bottom : 8em; } .coll-shortcode-pricing-table .hentry > .wrapper .content ul { list-style-type : none; margin : 0; /*margin-bottom : 6em;*/ } .coll-shortcode-pricing-table .hentry > .wrapper .content > .link { position : absolute; left : 0; bottom : 2em; width : 100%; } .coll-shortcode-pricing-table .hentry > .wrapper .content > .link > .coll-button { color : inherit; border-color : inherit; border-radius : 4px; } /*-----------------------------------------------------------------------------------*/ /* TEAM /*-----------------------------------------------------------------------------------*/ .coll-shortcode-team .hentry { text-align : center; margin-bottom : 1.5rem; } .coll-shortcode-team .hentry.columns:last-child { float : left; } .coll-shortcode-team .hentry .coll-image-wrapper { display : inline-block; margin : 10px 10px 16px 10px; } .coll-shortcode-team .hentry .coll-image-wrapper.round { border-radius : 50%; } .coll-shortcode-team .hentry .coll-image-wrapper.round > .image { border-radius : 50%; } .coll-shortcode-team .hentry .title { } .coll-shortcode-team .hentry .title > .text { } .coll-shortcode-team .hentry .title > .text > .coll-first-word { } .coll-shortcode-team .coll-social-icon { float : none; display : inline-block; } /*-----------------------------------------------------------------------------------*/ /* SERVICES /*-----------------------------------------------------------------------------------*/ .coll-shortcode-services .hentry { text-align : center; margin-bottom : 1.5rem; } .coll-shortcode-services .hentry.columns:last-child { float : left; } .coll-shortcode-services .hentry .coll-image-wrapper { display : inline-block; margin : 10px 10px 16px 10px; } .coll-shortcode-services .hentry .coll-image-wrapper.round { border-radius : 50%; } .coll-shortcode-services .hentry .coll-image-wrapper.round > .image { border-radius : 50%; } .coll-shortcode-services .hentry .title { } .coll-shortcode-services .hentry .title > .text { margin-bottom : 16px; } .coll-shortcode-services .hentry .title > .text > .coll-first-word { } .coll-shortcode-services .coll-social-icon { float : none; display : inline-block; } /*-----------------------------------------------------------------------------------*/ /* CLIENTS /*-----------------------------------------------------------------------------------*/ .coll-shortcode-clients .hentry { text-align : center; margin-bottom : 1.5rem; } .coll-shortcode-clients .hentry.columns:last-child { float : left; } .coll-shortcode-clients > .hentry > .wrapper { padding : 1px; } .coll-shortcode-clients > .hentry > .wrapper > .link { -webkit-transition : all 0.25s ease-out; -moz-transition : all 0.25s ease-out; transition : all 0.25s ease-out; } .coll-shortcode-clients > .hentry > .wrapper > .link:hover { opacity : 0.5; } /*-----------------------------------------------------------------------------------*/ /* IFRAME FIX /*-----------------------------------------------------------------------------------*/ .coll-iframe-wrap, .coll-iframe-wrap > iframe { position : relative; } .coll-iframe-overlay { position : absolute; top : 0px; width : 100%; height : 100%; opacity : 0; } .coll-iframe-enabled > .coll-iframe-overlay { display : none; } .coll-iframe-close { display : none; position : absolute; top : -60px; right : 0px; color : #fff; font-size : 2em; opacity : 0.4; cursor : pointer; -webkit-transition : 0.5s cubic-bezier(.27, 1.64, .32, .95); -moz-transition : 0.5s cubic-bezier(.27, 1.64, .32, .95); -ms-transition : 0.5s cubic-bezier(.27, 1.64, .32, .95); -o-transition : 0.5s cubic-bezier(.27, 1.64, .32, .95); transition : 0.5s cubic-bezier(.27, 1.64, .32, .95); } .coll-iframe-close:hover { color : #fff; opacity : 1; -webkit-transform : rotate(90deg); -moz-transform : rotate(90deg); transform : rotate(90deg); } .coll-iframe-enabled > .coll-iframe-close { display : table-cell; vertical-align : middle; text-align : center; z-index : 999; } .coll-iframe-enabled > iframe { z-index : 999; pointer-events : auto; } iframe { } .coll-iframe-color { position : absolute; top : 0; left : 0; width : 100%; height : 100%; background-color : rgba(0, 0, 0, 0.75); z-index : 998; } /*-----------------------------------------------------------------------------------*/ /* GOOGLE MAP /*-----------------------------------------------------------------------------------*/ .coll-google-map .gmap *, .coll-google-map .gmap *:before, .coll-google-map .gmap *:after { -moz-box-sizing : content-box !important; -webkit-box-sizing : content-box !important; box-sizing : content-box !important; } .coll-google-map .gmap img { max-width : none; } .coll-google-map .gmap label { width : auto; display : inline; } /*-----------------------------------------------------------------------------------*/ /* SKILL /*-----------------------------------------------------------------------------------*/ .coll-skill { position : relative; display : inline-block; width : 100%; text-align : center; } .coll-skill .text { margin : 20px 0 40px 0; } .coll-skill .coll-first-word { } /*-----------------------------------------------------------------------------------*/ /* TABS /*-----------------------------------------------------------------------------------*/ .coll-tabs { overflow : hidden; } .coll-tabs.horizontal .tabs dd.active:before { content : ''; position : absolute; width : 100%; height : 100%; border-right : 1px solid #8D8D8D; border-left : 1px solid #8D8D8D; z-index : 1; } .coll-tabs.horizontal .tabs dd > a { font-family : inherit; background : none; text-align : center; padding-left : 1.5rem; padding-right : 1.5rem; } .coll-tabs.horizontal .tabs dd > a:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 100%; border-bottom : 1px solid #8D8D8D; } .coll-tabs.horizontal .tabs dd.active > a { color : inherit; } .coll-tabs.horizontal .tabs dd.active > a:before { border-bottom-color : rgba(0, 0, 0, 0); } .coll-tabs.horizontal .tabs dd.active > a > span.orig, .coll-tabs.horizontal .tabs dd:hover > a > span.orig { display : inline-block; visibility : hidden; } .coll-tabs.horizontal .tabs dd > a > span.hover { display : none; position : absolute; top : 0; padding-top : 1rem; left : 0; width : 100%; height : 100%; font-weight : 900; } .coll-tabs.horizontal .tabs dd.active > a > span.hover:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 100%; border-top-width : 4px; border-top-style : solid; border-top-color : inherit; } .coll-tabs.horizontal .tabs dd.active > a > span.hover, .coll-tabs.horizontal .tabs dd:hover > a > span.hover { display : block; } .coll-tabs.horizontal .tabs dd:last-child:after { content : ''; position : absolute; width : 2000px; height : 100%; top : 0; left : 100%; border-bottom : 1px solid #8D8D8D; } .coll-tabs.horizontal .tabs-content .content { padding-left : 1.5rem; padding-right : 1.5rem; } .coll-tabs.vertical .tabs { width : 30%; float : left; } .coll-tabs.vertical .tabs dd { position : relative; } .coll-tabs.vertical .tabs dd.active:before { content : ''; position : absolute; width : 100%; height : 100%; border-top : 1px solid #8D8D8D; border-bottom : 1px solid #8D8D8D; z-index : 1; } .coll-tabs.vertical .tabs dd > a { font-family : inherit; background : none; /*text-align : center;*/ padding-left : 1rem; padding-right : 1rem; } .coll-tabs.vertical .tabs dd > a:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 100%; border-right : 1px solid #8D8D8D; } .coll-tabs.vertical .tabs dd.active > a { color : inherit; } .coll-tabs.vertical .tabs dd.active > a:before { border-right-color : rgba(0, 0, 0, 0); } .coll-tabs.vertical .tabs dd.active > a > span.orig, .coll-tabs.vertical .tabs dd:hover > a > span.orig { display : inline-block; visibility : hidden; } .coll-tabs.vertical .tabs dd > a > span.hover { display : none; position : absolute; top : 0; padding-top : 1rem; padding-left : 1rem; left : 0; width : 100%; height : 100%; font-weight : 900; } .coll-tabs.vertical .tabs dd.active > a > span.hover:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 100%; border-left-width : 4px; border-left-style : solid; border-left-color : inherit; } .coll-tabs.vertical .tabs dd.active > a > span.hover, .coll-tabs.vertical .tabs dd:hover > a > span.hover { display : block; } .coll-tabs.vertical .tabs dd:last-child:after { content : ''; position : absolute; width : 100%; height : 2000px; top : 100%; left : 0px; border-right : 1px solid #8D8D8D; } .coll-tabs.vertical .tabs-content.vertical { width : 70%; float : left; } /*-----------------------------------------------------------------------------------*/ /* ACCORDION /*-----------------------------------------------------------------------------------*/ .coll-accordion { } .coll-accordion .accordion dd a { position : relative; font-weight : bold; font-size : 18px; } .coll-accordion .accordion dd.active a:before { content : ''; position : absolute; top : 0; left : -1px; width : 100%; height : 100%; border-left-width : 4px; border-left-style : solid; border-left-color : inherit; } .coll-accordion .accordion dd a:after { content : '\f078'; font-family : fontawesome; font-weight : normal; float : right; } .coll-accordion .accordion dd.active a:after { content : '\f077'; } .coll-accordion .accordion dd { border : 1px solid #A7A7A7; margin-bottom : 5px !important; } .coll-accordion .accordion dd .content { border-top : 1px solid #A7A7A7; } .coll-accordion .accordion dd a, .coll-accordion .accordion dd.active a, .coll-accordion .accordion .content.active { background : none; } /*-----------------------------------------------------------------------------------*/ /* MIDDLE /*-----------------------------------------------------------------------------------*/ .coll-middle { position : absolute; display : table; width : 100%; height : 100%; text-align : center; margin : 0 auto; } .coll-middle .inner { display : table-cell; vertical-align : middle; } /*-----------------------------------------------------------------------------------*/ /* COUNTDOWN /*-----------------------------------------------------------------------------------*/ .coll-countdown { max-width : 32rem; margin : 0 auto; font-family : 'Roboto', helvetica, arial; color : #fff; text-align : center; } .coll-countdown.three-digit-days { max-width : 34rem; } .coll-countdown .cont { border-radius : 0.2em; border-width : 1px; border-style : solid; padding : 10px 0px 10px 10px; margin : 10px; display : inline-block; width : 6.5rem; text-align : left; } .coll-countdown.three-digit-days .countDays { width : 9rem; } .coll-countdown .cont .text { font-size : 24px; font-weight : 300; text-align : left; letter-spacing : -0.06em; line-height : 1em; color : inherit; } .coll-countdown .position { display : inline-block; height : 1em; overflow : hidden; position : relative; width : .6em; font-weight : 900; font-size : 70px; } .coll-countdown .digit { position : absolute; display : block; text-align : left; height : 1em; line-height : 1em; } /*-----------------------------------------------------------------------------------*/ /* FLEX SLIDER /*-----------------------------------------------------------------------------------*/ .coll-flexslider { border : none; -webkit-border-radius : 0; -moz-border-radius : 0; -o-border-radius : 0; border-radius : 0; -webkit-box-shadow : none; -moz-box-shadow : none; -o-box-shadow : none; box-shadow : none; } .coll-flexslider.coll-no-bg { background : none; } /* next prev*/ .coll-flexslider.coll-arrows-never .flex-direction-nav { display : none; } .coll-flexslider .flex-direction-nav a { width : 12px; height : 12px; margin : -6px 0 0; border-style : solid; border-width : 2px; -webkit-border-radius : 50%; -moz-border-radius : 50%; -o-border-radius : 50%; border-radius : 50%; } @media only screen and (max-width : 1024px) { .coll-flexslider .flex-direction-nav { display : none; } } .coll-flexslider .flex-direction-nav li a:hover { background : none; } .coll-flexslider .flex-direction-nav a.flex-prev { left : 25px; } .coll-flexslider .flex-direction-nav a.flex-next { right : 25px; } .coll-flexslider.coll-arrows-always .flex-direction-nav a { opacity : 1; } .coll-flexslider.coll-arrows-always:hover .flex-direction-nav a { } .coll-flexslider.coll-arrows-out .flex-direction-nav a.flex-prev { left : -50px; } .coll-flexslider.coll-arrows-out .flex-direction-nav a.flex-next { right : -50px; } .coll-flexslider.coll-arrows-always.coll-arrows-out:hover .flex-direction-nav a.flex-prev { left : -50px; } .coll-flexslider.coll-arrows-always.coll-arrows-out:hover .flex-direction-nav a.flex-next { right : -50px; } /* buttets*/ .coll-flexslider.coll-bullets-never .flex-control-paging { display : none; } .coll-flexslider .flex-control-paging li a { width : 6px; height : 6px; -webkit-box-shadow : none; -moz-box-shadow : none; -o-box-shadow : none; box-shadow : none; } .coll-flexslider .flex-control-nav { bottom : -6%; z-index : 2; -webkit-backface-visibility : hidden; -webkit-transform : translateZ(0px); } @media only screen and (max-width : 767px) { .coll-flexslider .flex-control-nav { bottom : -9%; } } .coll-flexslider .flex-control-nav li { vertical-align : bottom; } .coll-flexslider .flex-control-nav li a { padding : 4px; background : none; border-width : 2px; border-style : solid; border-color : inherit; -webkit-transition : all 0.25s ease-out; -moz-transition : all 0.25s ease-out; transition : all 0.25s ease-out; } .coll-flexslider .flex-control-nav li a:hover, .coll-flexslider .flex-control-nav li a.flex-active { background : none; } /* captions*/ .coll-flexslider.coll-captions-never .flex-caption { display : none; } .coll-flexslider .flex-caption { position : absolute; bottom : 0; left : 0; max-width : 50%; } @media only screen and (max-width : 767px) { .coll-flexslider .flex-caption { display : none; } } .coll-flexslider .flex-caption .caption { background-color : #fff; padding : 10px 30px; display : inline-block; margin : 0; } .coll-flexslider .flex-caption .description { background-color : #000; color : #fff; margin : 0; padding : 10px 30px; font-weight : 300; } .ls-container .ls-bottom-slidebuttons a:before { content : none; } .coll-flexslider.coll-bg-slider + .overlay { z-index: 2; } /*-----------------------------------------------------------------------------------*/ /* TWITTER /*-----------------------------------------------------------------------------------*/ .coll-twitter { position : relative; width : 100%; height : auto; } .coll-twitter .logo { list-style : none; margin-left : 0; display : table; width : 100%; /*color : #bdc3c7;*/ } .coll-twitter .logo > li { display : table-cell; vertical-align : middle; } .coll-twitter .logo > li.center { width : 1em; padding : 0 10px; text-align : center; vertical-align : middle; } .coll-twitter .logo > li.center > i { font-size : 2em; padding : .3em; border-radius : 50%; border : 1px solid; color : inherit; line-height : 1em; vertical-align : middle; display : table-cell; } .coll-twitter .logo > li.left, .coll-twitter .logo > li.right { width : 100%; border-bottom : 1px solid; height : 1.8em; } .coll-twitter .flexslider { background : none; /*height : 6em;*/ } .coll-twitter .flexslider > .slides { width : 80%; margin : auto; text-align : center; } .coll-twitter .flexslider > .slides a { border : none; } .coll-twitter .flexslider > .slides > .tweet > .text { display : block; margin-bottom : 10px; } .coll-twitter .flexslider > .slides > .tweet > .time { display : block; text-transform : uppercase; } .coll-twitter .flexslider > .slides > .tweet > .time:before, .coll-twitter .flexslider > .slides > .tweet > .time:after { content : '-'; padding : 0 2px; } .coll-twitter .flexslider > .flex-control-nav { bottom : -25px; opacity : 1; } .coll-twitter .flexslider > .flex-control-paging li { display : inline-block; padding : 6px; position : relative; } .coll-twitter .flexslider > .flex-control-paging li a { position : absolute; top : 1px; left : 1px; display : block; padding : 5px; background-color : transparent; cursor : pointer; text-indent : -9999px; -webkit-border-radius : 50%; -moz-border-radius : 50%; -o-border-radius : 50%; border : none; border-radius : 50%; border-width : 1px; border-style : solid; } .coll-twitter .flexslider > .flex-direction-nav a { opacity : 1; width : 12px; height : 12px; top : 8px; margin-top : 0px; border-style : solid; border-width : 1px; -webkit-border-radius : 50%; -moz-border-radius : 50%; -o-border-radius : 50%; border-radius : 50%; text-indent : 0; } .coll-twitter .flexslider > .flex-direction-nav a.flex-prev { left : 30px; } .coll-twitter .flexslider > .flex-direction-nav a.flex-next { right : 30px; }
| ver. 1.4 |
Github
|
.
| PHP 7.2.34 | Генерация страницы: 0.06 |
proxy
|
phpinfo
|
Настройка