kanmir
Ответы в темах
-
Форум: Темы и шаблоны
Тема: W3 Total Cache отключил анимации FancyBoxспасибо, все заработало)
спасибо за потраченное на меня время, буду разбираться)
вставил как логотип, правил margin-bottom и margin-top, но все-равно остаются отступы от краев, мобильная версия без изменений…
вот коды темы:
style.css/* Reset Browser Defaults */ @import url( 'library/media/css/reset.css' ); /* Apply base theme styles and colors */ /** * */ /* Document Body */ body, input, textarea { color:#888;font: 16px/1.5 "Roboto", arial, sans-serif; } input[type="text"], textarea {color:#888!important;} body {background-color:#f2efef;} #primary {-ms-word-wrap: break-word;word-wrap: break-word;} embed, iframe, object, video {max-width: 100%;} img{max-width:100%;height:auto;} body #header.sticky-header{background:rgba(242,242,242,0.97) !important;margin:0;position:fixed;top:0;left:0;z-index:99998;display:none;padding:0;width:100%; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } body.admin-bar #header.sticky-header{top:28px;} body #header.sticky-header.sticky{display:block;} body #header.sticky-header #logo {margin-top:0px;} body #header.sticky-header img#logo-image{margin-top:0px;margin-bottom:0px;vertical-align:top;height:auto;max-width:100px;line-height:65px !important;} body #header.sticky-header #nav a {font-size:13px!important;padding-bottom:20px;} body #header.sticky-header #nav ul.nav-menu ul li a {padding-bottom:10px;} body #header.sticky-header .logo-url-text {font-size:26px;margin-top:10px;} .aside.col-md-4, .col-md-12, .aside.col-md-3, .col-md-8 {padding:0;} .col-single {padding-left:15px;padding-right:15px;} .full-width {width:100%;} /* Font Styles */ .serif { font-family: Georgia, "Times New Roman", Times, serif; } .sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; } /* Vertical Rhythm */ .published {font-style:italic;font-size:13px;line-height:13px;text-align:center;padding:0px 10px 0 0;margin-right:10px; border-right:1px solid rgba(0,0,0,.1)!important; } .fl-l {float:left!important;} .fl-r {float:right!important;} .clearfix {clear:both;} .aside {padding:0 15px!important;} .aside, .aside a {font-size:13px;} a, a:focus, a:hover, a:link {outline:none!important;-webkit-transition: all 0.1s ease-in; /* Saf3.2+, Chrome */ -moz-transition: all 0.1s ease-in; /* FF4+ */ -ms-transition: all 0.1s ease-in; /* IE10? */ -o-transition: all 0.1s ease-in; /* Opera 10.5+ */ transition: all 0.1s ease-in;} .tab-holder .tabs li a, .da-slide .da-link{-webkit-transition: none; /* Saf3.2+, Chrome */ -moz-transition: none; /* FF4+ */ -ms-transition: none; /* IE10? */ -o-transition: none; /* Opera 10.5+ */ transition: none; } .author.vcard .avatar {float:left;margin:0;position:relative;top:-7px;left:-5px;padding:0;margin-right:5px;} .entry-meta { margin-bottom: 10px;text-shadow:0 1px 0px #fff;font-size:13px!important;line-height:20px!important; } .entry-meta .meta-sep {margin:0 5px; } .entry-header {color:#ccc;clear:both;margin:0;padding:0;font-style:italic;} .entry-header a {color:#ccc;} .entry-header .comment-count a {color:#777;font-style:italic;} .entry-footer {font-size:13px;clear:both;font-style:italic;margin:20px 0;padding-top:15px;color:#ccc;background:url('library/media/images/shadow.png') no-repeat top center;} .odd0 .entry-footer, .odd1 .entry-footer, .odd2 .entry-footer {background:none;} .entry-footer a {color:#ccc;} .entry-footer a:hover {text-decoration:none;border-bottom-color:#333;color:#333;} .edit-post, .edit-comment, .edit-page {visibility:hidden;text-transform:lowercase;font-size:11px;} .edit-post a, .edit-comment a, .edit-page a {background:#dfce94 url('library/media/images/icon-edit.png') 5px 5px no-repeat;background:rgba(239,220,156,.9) url('library/media/images/icon-edit.png') 5px 5px no-repeat;padding:4px;padding-left:25px;margin-left:5px; color:#444; text-shadow:none; border:1px solid #dbca8f; border-radius: 15px;-border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; padding: 5px 10px 5px 26px; -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; } .edit-page {position:relative;left:10px;top:12px;} .edit-attach {right:10px;position:absolute;bottom:15px;} .formatted-post {position:relative;padding-left:15px;padding-right:15px;} .home .formatted-post,.page-template-blog-page-php .formatted-post {margin-bottom:0!important;} .margin-40, .home .formatted-single, .page-template-blog-page-php .formatted-single {margin-bottom:20px!important;} .edit-page {position:relative;left:10px;top:12px;} .bypostauthor {} .home .type-post.sticky, .home .formatted-post, .page-template-blog-page-php .type-post.sticky, .page-template-blog-page-php .formatted-post {padding-top:15px;background:yellowgreen;box-shadow:0 0 20px rgba(0,0,0,.1)inset;color:#fff;} .home .type-post.sticky .entry-title a, .home .formatted-post .entry-title a, .page-template-blog-page-php .type-post.sticky .entry-title a, .page-template-blog-page-php .formatted-post .entry-title a {text-align:center;color:#fff!important;text-shadow:1px 1px 0 rgba(0,0,0,.3)!important;} .home .type-post.sticky .entry-header a, .home .formatted-post .entry-header a, .home .type-post.sticky .entry-meta, .home .formatted-post .entry-meta, .home .type-post.sticky .entry-footer a, .home .formatted-post .entry-footer a, .page-template-blog-page-php .type-post.sticky .entry-header a, .page-template-blog-page-php .type-post.sticky .entry-meta, .page-template-blog-page-php .formatted-post .entry-header a, .page-template-blog-page-php .formatted-post .entry-meta, .page-template-blog-page-php .type-post.sticky .entry-footer a, .page-template-blog-page-php .formatted-post .entry-footer a {color:#fff!important;text-shadow:1px 1px 0 rgba(0,0,0,.3)!important;} .home .type-post.sticky .entry-footer a, .home .formatted-post .entry-footer a, .page-template-blog-page-php .type-post.sticky .entry-footer a, .page-template-blog-page-php .formatted-post .entry-footer a {background:none;border-color:rgba(255,255,255,.5);box-shadow:none;} .home .type-post.sticky .entry-footer .read-more.icon-arrow-right:before,.home .formatted-post .entry-footer .read-more.icon-arrow-right:before, .page-template-blog-page-php .type-post.sticky .entry-footer .read-more.icon-arrow-right:before,.page-template-blog-page-php .formatted-post .entry-footer .read-more.icon-arrow-right:before {color:rgba(255,255,255,.8);text-shadow:none;} .home .type-post h1.entry-title, .page-template-blog-page-php .type-post h1.entry-title {width:80%;} .home .format-video, .page-template-blog-page-php .format-video {background:orange;} .home .format-chat, .page-template-blog-page-php .format-chat {background:#d8b803;} .home .format-link, .page-template-blog-page-php .format-link {background:#01bbe1;} .home .format-image, .page-template-blog-page-php .format-image {background:#e66d26;} .home .format-quote, .page-template-blog-page-php .format-quote {background:#ca2547;} .home .format-aside, .page-template-blog-page-php .format-aside {background:#495d7f;} .home .format-gallery, .page-template-blog-page-php .format-gallery {background:#666;} .home .format-audio, .page-template-blog-page-php .format-audio {background:#009bae;} .home .format-status, .page-template-blog-page-php .format-status {background:#69849a;} .home .type-post.sticky:before, .home .formatted-post:before, .page-template-blog-page-php .type-post.sticky:before, .page-template-blog-page-php .formatted-post:before {font-family:FontAwesome;content:'\f16a';background:rgba(0,0,0,.35);padding:8px 0 0 10px;font-size:20px;width:40px;height:40px;position:absolute;top:0;right:0;} .home .type-post.sticky:before,.page-template-blog-page-php .type-post.sticky:before {content:'\f08d';} .home .format-chat:before,.page-template-blog-page-php .format-chat:before {content:'\f086';} .home .format-link:before,.page-template-blog-page-php .format-link:before {content:'\f0c1';} .home .format-image:before,.page-template-blog-page-php .format-image:before {content:'\f030';} .home .format-quote:before,.page-template-blog-page-php .format-quote:before {content:'\f10e';} .home .format-aside:before,.page-template-blog-page-php .format-aside:before {content:'\f14b';} .home .format-gallery:before,.page-template-blog-page-php .format-gallery:before {content:'\f03e';} .home .format-audio:before,.page-template-blog-page-php .format-audio:before {content:'\f028';} .home .format-status:before,.page-template-blog-page-php .format-status:before {content:'\f0e5';} .entry-content .thumbnail-post {border-color:rgba(0,0,0,0.05)!important;} .entry-categories {background:url('library/media/images/icon-category.png') 0 12px no-repeat;margin-right:15px;float:left;padding:10px 0px;padding-left:20px;} .entry-tags {background:url('library/media/images/icon-tag.png') 0 15px no-repeat;float:left;padding:10px 0px;padding-left:20px;} #page-links {clear:both;float:left;margin:20px 0;font-size:11px;} #page-links a {color:#999;font-weight:bold;margin:0 2px;text-shadow:0 1px 0px #fff;background:#f6f6f6;text-decoration:none;padding:3px 8px;border: 1px solid #E0DDDD; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; } #page-links a:hover {background:#fff;color:#333;} #page-links p {margin-bottom:0;} #page-links strong {text-transform:uppercase;} p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; } .comment, .navigation-links { margin-bottom: 40px; } .nav-top .navigation-links {margin-bottom:20px;} /* Header */ #header{ height:auto;} #headerTb{border-collapse:collapse;border-spacing:0;table-layout:fixed;background-color:#1552ca;height:121px;} #headerTb img.topImg{width:100%!important;height:125px!important;height:auto!important;-ms-interpolation-mode:bicubic;} td.hdImg{vertical-align:top;} .header {margin: 0 auto;padding:25px 0px;border-top:3px solid rgba(0,0,0,.2); } .header a {position:relative;z-index:99;} #logo-image {float:left;margin-right:20px;margin-left:10px;width:100%;} /*.header .container {width: 100%!important;padding:0!important;} #logo-image { margin: 0 !important;}*/ /* Content Background */ .content {padding-top:35px;} .page-template-contact-php .content {padding-top:0;} .content-bottom {width:100%;height:0px;bottom:0;left:0;right:0;border-top:#fff 1px solid;} .full-width {width:100%!important;} .contact-page {padding-left:15px;padding-right:15px;} table#recaptcha_table:before {background:none;} .padding-l {padding-left:0;} .padding-l:last-child {padding-right:0;} /* Logo */ #logo { position:relative;font:bold 39px/39px Roboto;float:left; margin:0 20px 0 10px; letter-spacing:-0.01em;} #logo a, .footer a { color:#51545C; } #logo a:hover , .footer a:hover {color: #000; text-decoration: none; } #tagline { color: #999; padding-top:20px;margin-left:10px;font:13px Roboto; } /* Menu */ .menu-header { background: #f5f5f5; background: url("library/media/images/trans.png") 0px -7px repeat-x, -moz-linear-gradient(center top , #F8F8F8 20%, #eeeeee 100%); background: url("library/media/images/trans.png") 0px -7px repeat-x, -webkit-gradient(linear,left top,left bottom,color-stop(.2, #f8f8f8),color-stop(1, #eeeeee)) !important; background: url("library/media/images/trans.png") 0px -7px repeat-x, -o-linear-gradient(top, #f8f8f8,#eeeeee) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#eeeeee'); border-color: #e0dddd; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); color: #777; font-size: 14px; line-height:18px; text-shadow: 0 1px 0 #FFFFFF; float:left;display:block;width:100%; } .menu-back {clear:both;background-repeat:repeat-y;box-shadow:0 1px 1px rgba(0,0,0,.05);} .menu-container {background:#f2f2f2;} ul.nav-menu {line-height:1; width: 100%; margin-bottom:0; } ul.nav-menu, ul.nav-menu * { list-style: none; margin-left: 0; } ul.nav-menu li { float: left; padding: 0px; position: relative; } ul.nav-menu li:first-child {border-left:none;} ul.nav-menu li:last-child {border-right:none;} ul.nav-menu ul li { width: 100%; } /* Hides items under top menu */ ul.nav-menu ul { position: absolute; top: -9999em; width: 14em!important; z-index:9999;/* left offset of submenus need to match (see below) */ } /* Shows submenus */ ul.nav-menu li:hover ul, ul.nav-menu li.nav-hover ul { left: -1px; top: 52px; /* match top ul list item height */ position:absolute;z-index: 999999; } /* Hides all sub items (4 levels deep) */ ul.nav-menu li:hover li ul, ul.nav-menu li.nav-hover li ul, ul.nav-menu li li:hover li ul, ul.nav-menu li li.nav-hover li ul, ul.nav-menu li li li:hover li ul, ul.nav-menu li li li.nav-hover li ul { top: -999em; } /* On :hover, displays all sub items (4 levels deep) */ ul.nav-menu li li:hover ul, ul.nav-menu li li.nav-hover ul, ul.nav-menu li li li:hover ul, ul.nav-menu li li li.nav-hover ul, ul.nav-menu li li li li:hover ul, ul.nav-menu li li li li.nav-hover ul { left: 14em!important; /* match .nav ul width */ top: -1px; } /* Default Skin */ ul.nav-menu { padding:0px 0px 2px 0px;} ul.nav-menu ul { border:1px solid #ccc;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1); } ul.nav-menu ul li a {word-wrap:break-word;font-size:.9em;font-weight:normal;border-bottom:1px solid #f0f0f0;} ul.nav-menu ul li a:hover { border-top-color:#ccc;} ul.nav-menu li a {padding:18px 10px;} ul.nav-menu li:hover ul, ul.nav-menu li.nav-hover ul { background: #f6f6f6;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.9) inset;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.9) inset;-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.9) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 0 rgba(255, 255, 255, 0.9) inset; } ul.nav-menu li:hover > a { text-decoration: none;} /* Level Menu */ ul.nav-menu a { -webkit-transition: all 0.1s ease-in; /* Saf3.2+, Chrome */ -moz-transition: all 0.1s ease-in; /* FF4+ */ -ms-transition: all 0.1s ease-in; /* IE10? */ -o-transition: all 0.1s ease-in; /* Opera 10.5+ */ transition: all 0.1s ease-in;display: block; position: relative; padding: 8px 10px;color:#51545C; text-shadow:1px 1px 0px #fff; } ul.nav-menu a:hover,ul.nav-menu li.current_page_item a,ul.nav-menu li.current_page_parent a,ul.nav-menu li.current_page_ancestor a, ul.nav-menu li.current-menu-item < a,ul.nav-menu li.current-menu-parent < a, ul.nav-menu li.current-menu-ancestor < a {text-decoration: none; background:#fff;-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 0 10px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.1); } ul.nav-menu > li.current-menu-item, ul.nav-menu > li.current-menu-ancestor {text-decoration: none;background:rgba(255,255,255,.3) url(library/media/images/menu-item.png) left bottom no-repeat;} ul.nav-menu > li.current-menu-item > a, ul.nav-menu > li.current-menu-ancestor > a {font-weight:bold!important;} ul.nav-menu > li.current-menu-item:before, ul.nav-menu > li.current-menu-ancestor:before {content:'';background:url(library/media/images/menu-item-after.png) bottom right no-repeat;position: absolute;right: 0;top:0;width:7px;height:100%;} ul.nav-menu li.current-menu-ancestor li.current-menu-item > a, ul.nav-menu li.current-menu-ancestor li.current-menu-parent > a {border-top-color:#aaa;text-decoration: none; background:#fff;} ul.nav-menu .sf-sub-indicator {position:absolute;z-index:999;right:0.5em;top:45%;width:10px;height:10px;overflow:hidden;} ul.nav-menu .sf-with-ul:after {content:'\f078';font-family: FontAwesome !important;position: absolute;right: 1.6em;top:20%;width: 5px;font-size:7px!important;} ul.nav-menu li ul .sf-sub-indicator {top:41%;} ul.nav-menu ul.sub-menu .sf-with-ul:after {content:'\f054';font-family: FontAwesome !important;position: absolute;right: 1.6em;top:10%;width: 5px;font-size:7px!important;} .sticky-header ul.nav-menu ul.sub-menu .sf-with-ul:after, .sticky-header ul.nav-menu .sf-with-ul:after, ul.nav-menu ul.sub-menu li.page_item .sf-with-ul:after, ul.nav-menu li.page_item .sf-with-ul:after {top:40%;} ul.nav-menu li.current-menu-item, ul.nav-menu li.current-menu-ancestor, ul.nav-menu li:hover {border-right-color:#ddd!important;} ul.nav-menu li li a,ul.nav-menu li li li a,ul.nav-menu li li li li a { padding: 10px;} ul.nav-menu li li,ul.nav-menu li li li,ul.nav-menu li li li li { border-left:none;border-right:none;} ul.nav-menu li a.sf-with-ul {padding-right: 25px;} /* Menu bugfix */ .ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /* Links */ a, .entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #7a9cad; text-decoration: none!important; } a:hover { text-decoration: underline; } #secondary, #secondary-2 {position:relative;z-index:1;} #secondary a, #secondary-2 a {line-height:180%;color:#666;padding:3px 0;-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;-transition: all 0.5s ease 0s;} #secondary a:hover, #secondary-2 a:hover {color:#7a9cad;text-decoration:none;padding-left:5px;} .entry-content a:link, .entry-content a:active, .entry-content a:visited { text-decoration: underline; } .entry-content a:hover { text-decoration: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { color:#51545C; font-family:'Roboto';font-weight:normal;font-style:normal!important; clear: both;margin-bottom:15px; } h1 { font-size: 46px; line-height: 46px; padding: 5px 0px;letter-spacing:-2px; } h2 { font-size: 40px; line-height: 40px; padding: 5px 0px;letter-spacing:-1px; } h3 { font-size: 34px; line-height: 34px; padding: 5px 0px;letter-spacing:-1px; } h4 { font-size: 27px; line-height: 27px; padding: 5px 0px;letter-spacing:-1px; } h5 { font-size: 20px; line-height: 20px; padding: 5px 0px; } h6 { font-size: 14px; line-height: 18px; padding: 5px 0px; } /* Widgets */ .widget {position:relative;margin-bottom:15px;} .widget:after {background: url(library/media/images/widget-shadow.png) no-repeat top center; bottom: -6px; content: ""; height: 7px; left: 0; position: absolute; width: 100%;} .widget ul {margin-bottom:0;} .widget-title-background {padding-top:10px;color:#333;text-shadow:0 1px 1px #fff;} .widget-title {z-index:1;position:relative;display:block;margin-top:0;margin-bottom:10px;font-size:19px;line-height:19px;letter-spacing:0px;font-weight:normal;padding:10px 0px;} .widget-title a {color:#333 !important;text-shadow:1px 1px 0px #fff!important;border-bottom:none !important;} .widget-content {position:relative;margin:0 0px 35px 0px;padding:10px 15px 21px 15px;font-size:13px; background: #F6F6F6; border: 1px solid #E0DDDD; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; } .evolve_tabs:after {background: url(library/media/images/widget-shadow.png) no-repeat top center; bottom: -6px; content: ""; height: 7px; left: 0; position: absolute; width: 100%;} .evolve_tabs .widget-content {padding:0;border:0;background:0; box-shadow: none; -box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;} /* Similar posts */ .similar-posts {padding:15px;margin-bottom:40px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-webkit-border-radius:3px;-moz-border-radius:3px;-border-radius:3px;border-radius:3px;background:rgba(255,255,255,.5);} .similar-posts ul {margin-bottom:0px;} .similar-posts ul li {padding-bottom:5px;} .similar-posts a.similar-title {font-weight:bold;font-size:15px;} .similar-posts small {font-style:italic;} /* Widgets Header & Footer */ .widgets-holder a:hover {text-decoration:underline;} .widgets-back {margin-top:0px !important;margin-bottom:0!important;padding-top:10px;margin-bottom:0;width:100%;} .widgets-back-inside {margin-top:25px;} .widgets-holder a { text-shadow: 0 1px 0px #fff!important;} .widget-one-column {width:100%!important;} .before-title {position:relative;top:-10px;} /* Content */ .page-title { font-size: 26px; font-weight: bold;font-style: italic;letter-spacing:-1px; } .page-title span { font-weight: normal; } .entry-title, .entry-title a {font-family:'Roboto',arial,sans-serif;color: #51545c; font-size:28px;line-height:28px;font-weight:bold; letter-spacing:0px;text-shadow: 1px 1px 0px #fff;} .entry-title a:hover { color: #000; text-decoration: none; } .entry-content {clear:both;font-size:16px;margin-top:35px;} .hentry {padding-bottom:25px;} .entry-content .read-more {text-shadow: 0 1px 0 #FFFFFF;font-size:18px;font-weight:bold;padding:0;border:0;box-shadow:none; -box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;} .entry-content .read-more a {font-size:11px;border:none;text-decoration:none;padding:8px 18px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border-width:1px;border-style:solid;font-weight:normal;font-style:italic; border-color: #E0DDDD; text-align: center; color: #9A9999!important; background: #eee; box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); letter-spacing:1px;} .attach-font {font-size:24px;} /* Footer */ .footer {position:relative;color:#000;padding:20px 0;} .footer small {font-style:italic;color:rgba(0,0,0,0.4)!important} p#copyright {font-size:15px;text-shadow: 0 1px 0 rgba(255,255,255,.1);text-align:center;} p#copyright .credits {font-style:italic;font-size:11px;color:rgba(0,0,0,.3)!important;text-shadow:0 1px 0 rgba(255,255,255,.1)!important;} p#copyright .credits a {font-style:italic;font-size:11px;color:rgba(0,0,0,.5)!important;text-shadow:0 1px 0 rgba(255,255,255,.1)!important;} /* Text Elements */ address { font-style: italic; } abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; } blockquote { position:relative;font-style: italic;margin: 0 10px;margin-bottom:20px; padding: 25px 80px; color:#aaa;border-bottom:2px solid #f1f1f1;} blockquote:before, blockquote:after {text-shadow:1px 1px 0 rgba(0,0,0,.1);position:absolute;content:'\f10d';font-family:FontAwesome;top:20px;left:20px;font-style:normal;font-size:40px;color:#eee;} blockquote:after {left:inherit;content:'\f10e';top:20px;right:20px;} strong { font-weight: bold; } em, dfn, cite { font-style: italic; } dfn { font-weight: bold; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 12px; } del { text-decoration: line-through; } ins { text-decoration: underline; } code, pre { line-height: 15px;color:#bbb!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;-border-radius:0!important; } var, kbd, samp, code, pre { font: 14px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fff; } kbd { font-weight: bold; } samp, var { font-style: italic; } pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; } code { padding: 0px 3px;white-space:pre-wrap!important; } /* Lists: (ul, ol, dl) */ ul, ol, dl { margin-left: 15px; } ul.nav-menu { margin-left: 0px; } .entry-content ul, .entry-content ol, #search-query { margin-left: 25px; } li ul, li ol { margin-bottom: 0; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } ol { list-style-type: decimal; } ul, ul ul, ul ul ul { list-style-type:none;list-style-image:url('library/media/images/list-style.png'); } dt { font-weight: bold; } .fat li { margin-bottom: 10px; } /* Tables */ table { position:relative;width:100%;background:#fff;border:1px solid #E0DDDD;border-bottom:0;margin-bottom:15px;border-spacing: 0; line-height: 18px; margin: 0 0 22px 0; text-align: left; } table:before { background: url("library/media/images/shadow.png") no-repeat scroll center top rgba(0, 0, 0, 0); bottom: -6px; content: ""; height: 7px; left: 0; position: absolute; width: 100%; } table .even { background: #f6f6f6; } caption { text-align: left; } th, td { font-size:14px;padding: 8px 11px; border-top:1px solid rgba(255, 255, 255, 0.6);border-bottom:1px solid rgba(0, 0, 0, 0.1);} thead, thead th, thead td {padding:10px 11px;font-weight:bold;background:#f6f6f6;color:#111;text-shadow:0 1px 0px #fff;} thead {box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;} /* Forms */ input[type="text"], input[type="password"], input[type="email"], textarea { padding:10px 8px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 4px rgba(0,0,0,.15) inset;-box-shadow:0 0 4px rgba(0,0,0,.15) inset;box-shadow:0 0 4px rgba(0,0,0,.15) inset;-moz-border-radius: 3px;-webkit-border-radius: 3px;-border-radius: 3px;border-radius: 3px; border:1px solid #ddd;background:#fff; } input[type="submit"], button, .button, input#submit, .da-slide .da-link {color:#DDDDDD;font-size:13px;text-shadow:0 1px 0px rgba(0,0,0,.3);padding: 10px 15px; cursor: pointer; -webkit-border-radius:3px;-moz-border-radius:3px;-border-radius:3px;border-radius:3px;border:1px solid #444; background:#505050; background:-moz-linear-gradient(center top , #606060 20%, #505050 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #606060),color-stop(1, #505050)); background: -o-linear-gradient(top, #606060,#505050); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#505050'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);color:#fff!important; } /* Contact page */ input.input-name, input.input-email, input.input-website, .textarea-comment {width:100%;margin-bottom:20px;} .da-slide .da-link, .post-more {text-shadow:none!important;padding:5px 15px!important;border-color:#ddd;border-color:rgba(0,0,0,.3);background:rgba(0,0,0,.2);font-size: 16px!important;box-shadow:none;} button:hover, .button:hover, input#submit:hover { color:#fff; } /* bugfix */ .safari input { padding: 0px 3px; } .chrome input { padding: 1px 3px; } /* Comments */ #comments {clear:both;} .comments-title-back {float:left;padding:10px;padding-left:0;margin-bottom:25px;} .comment-title {float:left;margin-right:12px;letter-spacing:0;} .comment-title-meta, .pings-title-meta {font-size:22px;} .pings-title-meta {font-size:20px;letter-spacing:0px;} .no-comment {font-size:19px;color:#bbb;} .comment-feed-link {position:relative;top:10px;} .comment-count {float:right;font-weight:normal;background:url('library/media/images/comment.png') 0 5px no-repeat;padding:0px 5px 0px 18px;} .comment-list, .comment-list .children { list-style: none; } .comment-list { clear:both;margin:20px 4px 0 4px; } .comment, .trackback, .pingback { position:relative;margin-bottom: 30px;padding:0;background: #fff; border: 1px solid #e5e5e5; border-radius: 3px;-border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px; } .trackback, .pingback {padding:10px;margin:0 4px 20px 4px;font-size:13px;} .pings-list {margin-bottom:30px;list-style:none outside none;margin-left:0;} .comment-list .children { margin-top: 40px; } .comment-header {border-bottom: 1px solid #e5e5e5;background:#F9F9F9;display:inline-block;width:100%;padding:15px;-webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;-moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset;} .comment-meta { float:left;position:relative;top:5px;font-size:15px;color:#ccc; } .comment-meta a {color:#ccc;} .commenter { font-size: 16px;font-weight:normal;font-style:normal;float:left;margin-right:10px;margin-top:5px;color:#aaa; } .commenter a:hover {border-bottom:none;} .comment-content {clear:left;padding:15px;} .edit-comment a {font-size:12px;color:#555;} .comment-reply {padding:15px;} a.comment-reply-link {padding:5px 10px;font-size:11px;border:none;text-decoration:none; padding:8px 12px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; border-width:1px;border-style:solid;font-weight:normal;font-style:italic; border-color: #E0DDDD; text-align: center; color: #9A9999; background: #eee; box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 0 rgba(255,255,255,.8) inset, 0 1px 2px rgba(0, 0, 0, 0.1); letter-spacing:1px;} a#cancel-comment-reply-link {margin-left:5px;} a#cancel-comment-reply-link:before {content:'\f00d';font-family:FontAwesome;margin-right:5px;} .avatar { float: right; margin: 0px 0px 0px 20px;} a.follow-replies {float:left;width:19px;height:19px;position:relative;top:14px;color:#bbb;} a.follow-replies:hover {background-position:0 -19px;} #showinfo a, #hideinfo a, #logout a {margin-left:10px;position:relative;top:-5px;float:left;background:url("library/media/images/change-close.png") no-repeat 0 0;width:83px;height:29px;} #hideinfo a {background-position:0 -28px;} #logout a {background-image:url("library/media/images/logout.png");width:80px;} .comment-unapproved {font-weight:bold;font-style:italic;color:#333;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear:both;border-color:#dbca8f; background:rgba(239,220,156,.9) url("library/media/images/info.png") no-repeat 10px 8px;padding:13px 15px;padding-left:50px;border-width:1px;border-style:solid; /*Box shadow*/ -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, inset 0 0 10px rgba(0,0,0,.1) /*Shadow inset*/, 0 1px 2px hsla(0, 0%, 0%, .1) !important /*Shadow*/;} /* Comment Reply */ #reply-title {letter-spacing:0;margin-bottom:0;font-size:26px;font-style:italic;font-weight:bold;text-shadow:0 1px 1px #eee;} #respond {clear:both;margin-bottom:30px;padding:10px 0;} #form-section-author, #form-section-email, #form-section-url {width:250px;height:23px;padding:8px;padding-top:9px;} #respond input#author, #respond input#url, #respond input#email, #respond textarea {display:block;-moz-border-radius: 3px;-webkit-border-radius: 3px;-border-radius: 3px;border-radius: 3px; background:rgba(255,255,255,.7);font-size:14px;border:1px solid rgba(0,0,0,.1);font-size:12px!important;-webkit-box-shadow:1px 1px 0px rgba(255,255,255,.9);-moz-box-shadow:1px 1px 0px rgba(255,255,255,.9);-box-shadow:1px 1px 0px rgba(255,255,255,.9);box-shadow:1px 1px 0px rgba(255,255,255,.9);} #respond textarea {width:100%;padding:10px;} #comment-form .form-section input { margin-right: 10px;background:none;border:none;width:240px; } .form-section { margin-bottom: 10px;position:relative; } .form-section label { cursor: pointer; } #commenter-details input { margin-right: 10px; } #allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; } #submit-button {font-family:arial;text-shadow:0 1px 2px #111;font-weight:700;text-transform:uppercase;background:none;border:none;left:3px;top:3px;position:relative;z-index:1;height:35px;padding-top:5px; padding:0;width:94%;letter-spacing:-1px;font-size:17px;color:#ddd;} #submit-button:hover {color:#fff;} /* Images */ .entry-content img, .entry-content .wp-caption {box-shadow:0 3px 3px rgba(0,0,0,.05);height:auto;padding:5px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.8);} .entry-content .thumbnail-post {margin-bottom:15px;overflow:hidden;width:100%;max-width:100%;position:relative;border:6px solid rgba(255,255,255,.95);display:block;box-shadow:0px 2px 0px rgba(0,0,0,.1);} .entry-content .thumbnail-post img {border:0;padding:0;background:none;box-shadow:none;display:block;max-width:auto;width:100%;} .entry-content .thumbnail-post .mask, .entry-content .thumbnail-post .content { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .entry-content .thumbnail-post img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .entry-content .thumbnail-post .mask { background-color: rgba(126,162,162, 0.3); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .entry-content .thumbnail-post div.icon{ opacity: 0; transition: all 0.2s ease-in-out; width:100%; top:0; height:42px; position:relative; background:url(library/media/images/open.png) center center no-repeat; } .entry-content .alignleft.wp-caption { margin: 5px 20px 20px 0; } .entry-content .alignright.wp-caption { margin: 5px 0 20px 20px; } .entry-content .aligncenter.wp-caption { margin: 5px auto 20px auto; } .entry-content .wp-caption { text-align: center;padding:5px;font-style:italic;margin-bottom:20px; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {max-width: 100%;} .wp-caption img { margin: 0; padding: 0; border: 0 none;-moz-box-shadow:none; } .wp-caption .wp-caption-text { margin: 0; padding: 5px; } .wp-smiley {box-shadow:none !important; background:none !important;border:none!important;padding:0 !important;max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */ /* [gallery] */ .gallery { margin: auto; } .gallery img {border:none !important;margin:0 auto 10px auto;} .gallery-image { margin-left: 0; } .gallery-caption { margin-left: 0; font-size:11px;font-style:italic; } .gallery-item { text-align: center; margin-left: 0; } /* Calendar */ table#wp-calendar {margin-bottom:0px;width:100%;} table#wp-calendar caption {margin-bottom:10px;font-size:12px;font-style:italic;text-align:right;} table#wp-calendar th, table#wp-calendar tbody tr td {padding:8px 3px;text-align:center;} table#wp-calendar th {} table#wp-calendar thead {background:none;} table#wp-calendar tbody {} table#wp-calendar tbody tr td {border-right:1px solid #fff;color:#aaa;text-shadow:0 1px 0 #fff;border-top:1px solid #fff;} table#wp-calendar tbody tr td.pad {} table#wp-calendar tfoot tr td {text-align:center;font-style:italic;} /* Navigation */ .navigation-links a {color:#bfbfbf;padding:6px 12px;} .page-navigation .nav-previous {text-align:right; } .page-navigation .nav-next:hover a, .single-page-navigation .nav-next:hover a, .page-navigation .nav-previous:hover a, .single-page-navigation .nav-previous:hover a {color:#333;} .single-page-navigation .nav-next { text-align:right;} .single-page-navigation .nav-previous { text-align:left;} .page-navigation .nav-previous, .single-page-navigation .nav-previous, .page-navigation .nav-next, .single-page-navigation .nav-next {font-weight:normal;font-size:14px;color:#bfbfbf;text-shadow:0 1px 0px #fff;text-decoration:none;padding:7px 18px;} /* Page Navi */ .wp-pagenavi a, .wp-pagenavi span {font-weight:normal;font-size:14px;color:#999;-moz-border-radius:3px;-moz-box-shadow:0 1px 2px #ccc;text-shadow:0 1px 1px #fff;text-decoration:none;padding:7px;background:#f1f1f1;border:none !important;} .wp-pagenavi a:hover, .wp-pagenavi span.current {background:#fff;color:#333;} .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {font-weight:bold;} /* [gallery] + navigation clearfix */ .gallery-row:after, .navigation-links:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .gallery-row, .navigation-links, .container { display: block; } /* Basic Alignments */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } /* Slider */ #slide_holder { position:relative;background:rgba(0, 0, 0, 0);min-height:280px;display:block;position:relative;z-index:0; clear:both;padding:30px 25px 40px 25px;} #slide_holder .featured-thumbnail { margin-right: 20px; position:absolute; left:60%; width:35%; } #slide_holder .featured-thumbnail img { width:100%;height:auto; border: 8px solid rgba(255, 255, 255, 0.3); -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.05);-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); } #slide_holder p { clear:left;float:left; margin:20px 0 0 0; color: #ddd; font-size: 18px; line-height: 26px; overflow: hidden; font-style: italic; font-weight: 400; width:50%; left:8%;position:relative; } #slide_holder .featured-title {float:left;left:8%;position:relative;width: 40%;text-shadow:1px 1px 0px rgba(255,255,255,.9);font-size:22px;line-height:35px;margin-bottom:10px;} #slide_holder .featured-title a { color: #fff; font-size: 40px; margin:0; z-index: 10; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); font-weight: 700;} #slide_holder .featured-title a:hover {color:#fff;text-decoration:none;} .slide-container { height:280px; overflow:hidden; position:relative; } ul#slides { height:280px;position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; } /*********************** COMMON SLIDER STYLING ***********************/ /* Overall Wrapper */ .anythingSlider { display: block; overflow: visible !important; position: relative; } /* anythingSlider viewport window */ .anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* anythingSlider base (original element) */ .anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } /* Navigation arrow text; indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */ .anythingSlider .arrow span { content: ''; display:none; position: absolute; margin-top:-20px; width: 40px; height: 40px; text-indent:-9999px; background: transparent url(library/media/images/left-ar.png) no-repeat top left; } .anythingSlider .arrow span:hover {box-shadow: 1px 1px 4px rgba(0,0,0,0.3);} /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ .anythingSlider .arrow.disabled { display: none; } /* all panels inside the slider; horizontal mode */ .anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; position:relative; padding: 0; margin: 0; } /* vertical mode */ .anythingSlider .vertical .panel { float: none; } /* fade mode */ .anythingSlider .fade .panel { float: none; position: absolute; top: 0; left: 0; z-index: -1; } /* fade mode active page - visible & on top */ .anythingSlider .fade .activePage { z-index: 0; } /************************ NAVIGATION POSITIONING ************************/ /* Navigation Arrows */ .anythingSlider-default .arrow { bottom: 0px; position: absolute; } .anythingSlider-default .arrow a { text-align: center; outline: 0; } /* back arrow */ .anythingSlider-default .back { left: 0px;top:50%; } /* forward arrow */ .anythingSlider-default .forward { right: 40px;top:50%; } .anythingSlider-default .forward span {background: transparent url(library/media/images/right-ar.png) no-repeat top left;} /* navigationSize window */ .anythingSlider-default .anythingControls .anythingNavWindow { overflow: hidden; float: left; } /* Autoplay Start/Stop button */ .anythingSlider-default .anythingControls .start-stop { padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; } /*********************** IE8 AND OLDER STYLING ***********************/ /* Navigation Arrows */ .as-oldie .anythingSlider-default .arrow { top: 30%; } .as-oldie .anythingSlider-default .arrow a { margin: 0; } /* margin between nav buttons just looks better */ .as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; } /* When using the navigationSize option, the side margins need to be zero None of the navigation panels look good in IE7 now =( */ .as-oldie .anythingSlider-default .anythingControls a { margin: 0; } .as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; } .as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; } .post-more {position:absolute;bottom:20px;left:8%; /*depends on p height*/ text-shadow:0 1px 2px #111!important;padding: 0px 15px; cursor: pointer; -webkit-border-radius:3px;-moz-border-radius:3px;-border-radius:3px;border-radius:3px;border-width:1px;border-style:solid; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);color:#fff;text-shadow:0 1px 0px #000; font-size: 13px; line-height: 30px; text-align: center; } a.post-more:hover {color:#fff;text-decoration:none;} ul.thumbNav {display:inline-block; -moz-user-select: none; bottom: -10px; left: 0; position: absolute; text-align: center; width: 100%; } ul.thumbNav li {display: inline-block; position: relative; width: 12px; height: 12px; border-radius: 50%; background: rgba(0,0,0,.2); margin: 3px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1);} ul.thumbNav li .cur { content: ''; width: 8px; height: 8px; position: absolute; top: 2px; left: 2px; border-radius: 50%; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); } ul.thumbNav li span {display:none;} /* Search */ #righttopcolumn {float:right;position:relative;z-index:100;} .searchform {clear:right;position:relative;z-index:0;} #search-text-box {top:3px;float:right;} .widget-content #search-text-box {float:none;width:100%!important;} .widget-content #search-text {max-width:100%!important;} .widget-content #search-text, .widget-content #search-text-top:focus, #search-text-box #search_label {width:100%!important;} .widget-content #search-button {top: -5px;right: 0px;} .widget-content #search-button-box {width:10%;} #search-text, #search-text-top:focus {border:1px solid rgba(0,0,0,.1);font-size:12px!important;-webkit-box-shadow:1px 1px 0px rgba(255,255,255,.9);-moz-box-shadow:1px 1px 0px rgba(255,255,255,.9);-box-shadow:1px 1px 0px rgba(255,255,255,.9);box-shadow:1px 1px 0px rgba(255,255,255,.9); -moz-border-radius: 3px;-webkit-border-radius: 3px;-border-radius: 3px;border-radius: 3px; position:relative;float:left;width:170px;z-index:0;background:rgba(255,255,255,.7);font-weight:normal;position:relative;left:0px;height:35px;padding:5px 40px 5px 7px ;} #search-text:focus {box-shadow:0 0 15px rgba(255,255,255,.8);} #search-text-top {float:right!important;margin-right:10px;-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition: all 0.5s ease;text-indent:-9999px;width:25px;padding-top:5px;padding-bottom:5px;height:35px;position:relative;border-color:transparent;box-shadow:none; background:none;} #search-text-box #search_label_top:after {cursor:pointer;content:'\f002';font-family: FontAwesome !important;position: absolute;right: 25px;top:20%;width: 5px;font-size:12px!important;} #search-text-top:focus {text-indent:1px;background-color:#fff!important;} #search-button-box {position:absolute;right:5px;bottom:-40px;z-index:99;} #search-button {font-weight:normal;font-size:12px;text-shadow:0 1px 0px #fff;text-transform:uppercase;left:0px;bottom:3px;position:relative;z-index:99;height:35px;padding-top:5px; padding:0;width:30px; border:none; background: url("library/media/images/search.png") no-repeat center center !important; filter:none; box-shadow:none;-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; } #search-text-box #search_label, #search-text-box #search_label_top {float:left;width: 150px;height:24px !important;margin:0 0 10px 0;position:relative;z-index:12;} #search-text-box #search_label_top {top:6px;height: 40px !important;margin-bottom:0;} #search-text-box #search_label span, #search-text-box #search_label_top span {color:#aaa;left:-3px;cursor:text;display:block;font-size:13px!important;font-style:italic;height:40px;margin-bottom:-40px;top:10px;padding:0 12px;position:relative;z-index:10;} #comment-name_label, #comment-email_label, #comment-url_label, #comment-text_label {display:block;margin:0 6px 10px 0;_margin-right:0;position:relative;z-index:12;} #comment-name_label, #comment-email_label, #comment-url_label {height:31px !important;} #comment-name_label span, #comment-email_label span, #comment-url_label span, #comment-text_label span {color:#444444;cursor:text;display:block;font-size:13px;font-weight:bold;height:32px;margin-bottom:-32px;top:2px;width:100%;padding:0 4px;position:relative;z-index:10;} #comment-text_label span {top:11px;padding:0 11px;font-size:18px;} /* Subscribe/Follow Buttons */ #social {float:right;} .sc {margin:15px 0 5px 0;} .nosl {float:none!important;display:inline-block;width:auto;padding-top:10px!important;} #rss, #email-newsletter, #facebook, #twitter, #instagram, #skype, #youtube, #flickr, #linkedin, #plus {color:#999;display:block;margin:0 10px 8px 0;} .sc_menu {padding:0;margin:0;float:right;} .sc_menu li {display:inline-block;padding: 0;float:left;} /* Tipsy */ .tipsy { padding: 8px; line-height:12px!important;font-size: 11px; position: absolute; z-index: 950; } .tipsy small {color:#777;} .tipsy-inner { font-style:italic;text-shadow:0 1px 0 #000;color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;-border-radius:3px;border-radius:3px;border:1px solid #222; background:#505050; background: -moz-linear-gradient(center top , #606060 20%, #505050 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #606060),color-stop(1, #505050)); background: -o-linear-gradient(top, #606060,#505050); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#505050'); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 5px rgba(0, 0, 0, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29); margin-top:2px;padding:10px; max-width: 200px; text-align: center; } .tipsy-n .tipsy-arrow { top:0px; left: 50%; margin-left: -8px; } .tipsy-s .tipsy-arrow { bottom:-2px; left: 50%; margin-left: -8px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } /* Back to Top Button */ #backtotop {display:block;display:none;z-index:999;position:fixed;top:100%;margin-top:-60px;opacity: .9;margin-left:-20px;text-align: center; text-shadow:0 1px 0 #000;color:#fff; -webkit-border-radius:3px;-moz-border-radius:3px;-border-radius:3px;border-radius:3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align: center;text-shadow: 0 1px 0 #fff; background:url('library/media/images/btop.png') no-repeat 0 0; height:40px;width:40px; box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; -box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; -webkit-box-shadow: 0 -15px 15px 0 rgba(0, 0, 0, 0.25) inset, 0 1px 0 0 rgba(255, 255, 255, 0.5) inset; } #backtotop a { font-size:12px; color: #fff;padding:5px 8px;display: block; text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);} #backtotop a:hover {text-decoration:none;} #backtotop:hover {opacity:1;} #backtotop .top-icon {padding-left:18px;} /* Share This Buttons */ .share-this {float:right;padding:10px 0 14px 0;} .share-this strong {font-size:11px;color:#777;margin-right:5px;text-shadow:0 1px 0px #fff;padding:5px 6px; border: none!important; -moz-border-radius:3px;-webkit-border-radius:3px;-border-radius:3px;border-radius:3px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05)!important; box-shadow: none!important; } .share-this:hover strong {color:#111;} .share-this a {text-transform:uppercase;color:#bfbfbf;font-size:16px;padding:5px 8px;font-weight:bold;} .share-this a:hover {color:#333;text-decoration:none;} .more-options {position:relative;top:0px;left:8px;} /* Containers */ .container-header {margin-top:0px!important;margin-bottom:0px!important;} .container-menu {margin:0 auto!important;padding-bottom:10px!important;position:relative!important;z-index:99!important;} .menu-header:after { background: url("library/media/images/shadow.png") no-repeat scroll center top rgba(0, 0, 0, 0); bottom: -7px; content: ""; height: 7px; left: 0; position: absolute; width: 100%; } .nacked-menu {padding:0 15px!important;margin-bottom:-1px;} .container-center {margin:0px auto!important;} .container-footer {margin-bottom:0!important;position:relative!important;} /* Carousel */ #carousel-nav {position:absolute;left:50%;margin-left:-40px;bottom:4px; background-color:#e6e6e6!important; background-image: url("library/media/images/trans.png") !important; background-position: 0 -17px !important; background-repeat: repeat-x !important; border: 1px solid #C7C0C7 !important; color: #5E5E5E !important; padding:4px 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) !important; box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3); -box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3); -moz-box-shadow:0 0 1px rgba(255,255,255,0.9)inset ,0 0 6px rgba(0,0,0,0.2)inset,0 -1px 2px rgba(0,0,0,0.3); } #carousel-nav a { margin:0px; display: inline-block; width: 11px; height: 11px; line-height:11px; background: url("library/media/images/slide-buttons.png") -15px 0px no-repeat; text-indent:-9999px; outline:none; } #carousel-nav a.active { background: url("library/media/images/slide-buttons.png") 0px 0px no-repeat; } .carousel-control img {top:50%;position:absolute;margin-top:-20px;} .left.carousel-control img {left:15%;} .right.carousel-control img {right:15%;} .carousel-caption {background:rgba(0,0,0,.5);padding-bottom:0;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);bottom:35px;} .carousel-caption h4 {color:#fff;} .carousel-indicators {bottom:5px;margin-bottom:0;} /* Bootstrap Slider */ #bootstrap-slider .carousel-caption {left:0;right:0;padding-top:0;padding-bottom:40px;bottom:0;} #bootstrap-slider .carousel-caption h2 {background:rgba(0,0,0,0.5);padding-top:15px;padding-bottom:15px;margin-top:0;} #bootstrap-slider .carousel-caption .button {background:rgba(0,0,0,.4);border-width:2px;border-color:rgba(255,255,255,.8);box-shadow:none;bottom:-15px;position:relative;} #bootstrap-slider .carousel-control {z-index:11;} /* Tabs */ .tab-holder .tabs{ height:49px; list-style:none; margin:0; padding:0; } .tab-holder .tabs li{ margin:0; padding:0; float:left; } .tab-holder .tabs li a{ height:48px !important; line-height:48px !important; text-indent:0 !important; color:#999; background:rgba(255,255,255,.3); padding:15px 20px 15px 21px!important; bottom:-2px; position:relative; border:1px solid rgba(0,0,0,.1); border-right:1px solid transparent!important; border-bottom:0; z-index:2; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; } .tab-holder .tabs li:last-child a{ width:100% !important; } .tab-holder .tabs li.active a{ color:#51545C!important; background:#f6f6f6; border: 1px solid #E0DDDD!important; border-right:1px solid transparent!important; border-bottom:1px solid #f6f6f6!important; font-weight:bold; text-decoration:none!important; bottom:-2px; height:52px !important; line-height:50px !important; transition:none !important; -transition:none !important; -moz-transition:none !important; -o-transition:none !important; -webkit-transition:none !important; } .widget .tab-holder .tabs li.active a { bottom:-1px;} .tab-holder .tabs li:last-child a{ border-right:1px solid #E0DDDD!important; } .tab-holder .tabs-container {position:relative;z-index:0;background:#f6f6f6;border: 1px solid #E0DDDD!important;} .tab-holder .news-list img{ margin: 0 0 0px 20px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #F1F1F1; box-shadow: none; padding:4px; width:60px; height:auto; } .tab-holder .news-list{ list-style:none; margin:0; padding:0; clear:both; } .tab-holder .news-list li{ border-bottom:1px solid #F0F0F0; padding:15px 0 10px 0px !important; overflow:hidden; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9) inset; } .tab-holder .news-list li:nth-child(even) {background:rgba(255,255,255,.6);} .tab-holder .news-list li a{ background:none !important; padding:0 !important; } .tab-holder .news-list li:last-child{ border-bottom:0; } .tab-holder .news-list .post-holder a{ margin:0; padding:0; overflow:hidden; background:none !important; border:0 !important; text-indent:0 !important; height:auto !important; line-height:normal !important; } .tab-holder .news-list li .image{ float:left; } .tab-holder .news-li
вот кусок кода
if( get_header_image() ) { $evolve_css_data .= '.header {padding:0;} .custom-header {padding:40px 20px 5px 20px!important; width: 985px;min-height:170px;background:url('.get_header_image().') top left no-repeat;border-bottom:0;}'; if ($evl_width_layout == "fluid") { $evolve_css_data .= '.header {padding:0;} .custom-header {padding:40px 20px 5px 20px!important;left:-20px;position:relative;min-height:125px;background:url('.get_header_image().') top center no-repeat;border-bottom:0;}'; } }
Мне кажется изображение не масштабируется потому, что оно вставлено в фон, а если поменять background:url… на <img… получится?
я это вставлю в файл custom-css.php это там прописано
В этой теме логотип это маленькое изображение поверх шапки. А если попробовать так?
.header,{ background-image: url(http://natalia-gift.ru/wp-content/uploads/2014/06/qSZmza_2Sno2.jpg);} .footer { background-image: url(http://natalia-gift.ru/wp-content/themes/evolve/library/media/images/pattern/pattern_1.png); }
Изображение действительно вставляется не как фоновое. Фон темно серый, тоненькую полоску фона видно прямо над картинкой, из админ панели есть возможность выбора только предустановленных фонов.
мне кажется надо работать с медиа запросами, чтобы пропорционально уменьшить картинку
Если вставлять изображение не из админки, а заменив 41-98 строки, то шапка сайта увеличивается по высоте и появляются пустые места. В мобильной версии отображается только часть картинки.
<?php /** * Template: Header.php * * @package EvoLve * @subpackage Template */ ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!--BEGIN html--> <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> <!--BEGIN head--> <head profile="<?php evlget_profile_uri(); ?>"> <title><?php wp_title('-', true); ?></title> <!-- Meta Tags --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <?php wp_head(); ?> <!--END head--> </head> <!--BEGIN body--> <body <?php body_class(); ?>> <?php $evl_custom_background = evl_get_option('evl_custom_background','1'); if ($evl_custom_background == "1") { ?> <div id="wrapper"> <?php } ?> <div id="top"></div> <!--BEGIN .header--> <div class="header"> <!--BEGIN .container--> <div class="container container-header custom-header"> <img src="http://natalia-gift.ru/wp-content/uploads/2014/06/qSZmza_2Sno2.jpg" alt="Подарки ручной работы из натуральной овечьей шерсти, сувениры, композиции из конфет и цветов. Доставка по всей Украине, а также в Москву и Санкт-Петербург."> <?php $evl_social_links = evl_get_option('evl_social_links','1'); if ( $evl_social_links == "1" ) { ?> <!--BEGIN #righttopcolumn--> <div id="righttopcolumn"> <!--BEGIN #subscribe-follow--> <div id="social"> <?php get_template_part('social-buttons', 'header'); ?></div> <!--END #subscribe-follow--> </div> <!--END #righttopcolumn--> <?php } ?> <?php $evl_pos_logo = evl_get_option('evl_pos_logo','left'); if ($evl_pos_logo == "disable") { ?> <?php } else { ?> <?php $evl_header_logo = evl_get_option('evl_header_logo', ''); if ($evl_header_logo) { echo "<a href=".home_url()."><img id='logo-image' class='img-responsive' src=".$evl_header_logo." /></a>"; } ?> <?php } ?> <?php $tagline = '<div id="tagline">'.get_bloginfo( 'description' ).'</div>'; $evl_tagline_pos = evl_get_option('evl_tagline_pos','next'); if (($evl_tagline_pos !== "disable") && ($evl_tagline_pos == "above")) { echo $tagline; } ?> <?php $evl_blog_title = evl_get_option('evl_blog_title','0'); if ($evl_blog_title == "0") { ?> <div id="logo"><a>"><?php bloginfo( 'name' ) ?></a></div> <?php } else { ?> <?php } if (($evl_tagline_pos !== "disable") && (($evl_tagline_pos == "") || ($evl_tagline_pos == "next") || ($evl_tagline_pos == "under"))) { echo $tagline; } ?> <!--END .container--> </div> <!--END .header--> </div> <div class="menu-container"> <?php $evl_menu_background = evl_get_option('evl_disable_menu_back','1'); $evl_width_layout = evl_get_option('evl_width_layout','fixed'); if ( $evl_width_layout == "fluid" && $evl_menu_background == "1" ) { ?> <div class="fluid-width"> <?php } ?> <div class="menu-header"> <!--BEGIN .container-menu--> <div class="container nacked-menu container-menu"> <?php $evl_main_menu = evl_get_option('evl_main_menu','0'); if ($evl_main_menu == "1") { ?> <?php } else { ?> <div class="primary-menu"> <?php if ( has_nav_menu( 'primary-menu' ) ) { echo '<nav id="nav" class="nav-holder link-effect">'; wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'nav-menu','fallback_cb' => 'wp_page_menu', 'walker' => new evolve_Walker_Nav_Menu() ) ); } else { echo '<nav id="nav" class="nav-holder">'; wp_nav_menu( array( 'theme_location' => 'primary-menu', 'menu_class' => 'nav-menu','fallback_cb' => 'wp_page_menu') );} ?> </nav> </div> <?php $evl_searchbox = evl_get_option('evl_searchbox','1'); if ( $evl_searchbox == "1" ) { ?> <!--BEGIN #searchform--> <form action="<?php echo home_url(); ?>" method="get" class="searchform"> <div id="search-text-box"> <label class="searchfield" id="search_label_top" for="search-text-top"><input id="search-text-top" type="text" tabindex="1" name="s" class="search" placeholder="<?php _e( 'Type your search', 'evolve' ); ?>" /></label> </div> </form> <div class="clearfix"></div> <!--END #searchform--> <?php } ?> <?php $evl_sticky_header = evl_get_option('evl_sticky_header','1'); if ( $evl_sticky_header == "1" ) { // sticky header get_template_part('sticky-header'); } ?> <?php } ?> </div> </div> <div class="menu-back"> <?php $evl_width_layout = evl_get_option('evl_width_layout','fixed'); if ( $evl_width_layout == "fluid" ) { ?> <div class="container"> <?php } ?> <?php $evl_slider_page_id = ''; $evl_bootstrap = evl_get_option('evl_bootstrap_slider','homepage'); if(!is_home() && !is_front_page() && !is_archive()) { $evl_slider_page_id = $post->ID; } if(!is_home() && is_front_page()) { $evl_slider_page_id = $post->ID; } if(is_home() && !is_front_page()){ $evl_slider_page_id = get_option('page_for_posts'); } if(get_post_meta($evl_slider_page_id, 'evolve_slider_type', true) == 'bootstrap' || ($evl_bootstrap == "homepage" && is_front_page()) || $evl_bootstrap == "all" ): evolve_bootstrap(); endif; ?> <?php $evl_slider_page_id = ''; $evl_parallax = evl_get_option('evl_parallax_slider','post'); if(!is_home() && !is_front_page() && !is_archive()) { $evl_slider_page_id = $post->ID; } if(!is_home() && is_front_page()) { $evl_slider_page_id = $post->ID; } if(is_home() && !is_front_page()){ $evl_slider_page_id = get_option('page_for_posts'); } if(get_post_meta($evl_slider_page_id, 'evolve_slider_type', true) == 'parallax' || ($evl_parallax == "homepage" && is_front_page()) || $evl_parallax == "all" ): $evl_parallax_slider = evl_get_option('evl_parallax_slider_support', '1'); if ($evl_parallax_slider == "1"): evolve_parallax(); endif; endif; ?> <?php $evl_posts_slider = evl_get_option('evl_posts_slider','post'); if(get_post_meta($evl_slider_page_id, 'evolve_slider_type', true) == 'posts' || ($evl_posts_slider == "homepage" && is_front_page()) || $evl_posts_slider == "all" ): $evl_carousel_slider = evl_get_option('evl_carousel_slider', '1'); if ($evl_carousel_slider == "1"): evolve_posts_slider(); endif; endif; ?> <?php $evl_header_widgets_placement = evl_get_option('evl_header_widgets_placement', 'home'); if (((is_home() || is_front_page()) && $evl_header_widgets_placement == "home") || (is_single() && $evl_header_widgets_placement == "single") || (is_page() && $evl_header_widgets_placement == "page") || ($evl_header_widgets_placement == "all")) { ?> <?php $evl_widgets_header = evl_get_option('evl_widgets_header','disable'); // if Header widgets exist if (($evl_widgets_header == "") || ($evl_widgets_header == "disable")) { } else { ?> <?php $evl_header_css = ''; if ($evl_widgets_header == "one") { $evl_header_css = 'widget-one-column col-sm-6'; } if ($evl_widgets_header == "two") { $evl_header_css = 'col-sm-6 col-md-6'; } if ($evl_widgets_header == "three") { $evl_header_css = 'col-sm-6 col-md-4'; } if ($evl_widgets_header == "four") { $evl_header_css = 'col-sm-6 col-md-3'; } ?> <div class="container"> <div class="widgets-back-inside row"> <div class="<?php echo $evl_header_css; ?>"> <?php if ( !dynamic_sidebar( 'header-1' )) : ?> <?php endif; ?> </div> <div class="<?php echo $evl_header_css; ?>"> <?php if ( !dynamic_sidebar( 'header-2' ) ) : ?> <?php endif; ?> </div> <div class="<?php echo $evl_header_css; ?>"> <?php if ( !dynamic_sidebar( 'header-3' ) ) : ?> <?php endif; ?> </div> <div class="<?php echo $evl_header_css; ?>"> <?php if ( !dynamic_sidebar( 'header-4' ) ) : ?> <?php endif; ?> </div> </div> </div> <?php } ?> <?php } else {} ?> </div> </div> <?php $evl_width_layout = evl_get_option('evl_width_layout','fixed'); if ( $evl_width_layout == "fluid" ) { ?> </div> <?php } ?> <!--BEGIN .content--> <div class="content <?php semantic_body(); ?>"> <?php if (is_page_template('contact.php')): ?> <div class="gmap" id="gmap"></div> <?php endif; ?> <!--BEGIN .container--> <div class="container container-center row"> <!--BEGIN #content--> <div id="content"> <?php if (is_home() || is_front_page()) { evolve_content_boxes(); } ?>
Сделал как вы сказали, в десктопной версии высота header’а стала больше чем нужно, а в мобильной версии отображается кусок картинки, но ширина уменьшилась
С размером картинки получилось, она уменьшилась. Но теперь отображается лишь часть ее, а не уменьшенный вариант
Спасибо за совет, с css и html работаю впервые, так как это мой первый сайт, буду разбираться.