Не могу поменять фон
-
Здравствуйте не могу поменять фон в теме pptitan. В меню тема предлагает два цвета серый и черный. Что я уже только не перепробывал все могу поменять кроме цвета фона. скидую css Спасибо
/*@import url(http://fonts.googleapis.com/css?family=Oswald:400,300&subset=latin,latin-ext);*/ /* CSS Reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } body { line-height:1.5; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; } #page_content_wrapper p { padding-top:0.5em; padding-bottom:0.5em; } html, body { height: 100%; } img, a img { image-rendering: optimizeQuality; } /* Global Layout */ html { overflow-x: hidden; } body { background: #2F1A52; font-size: 13px; font-family: Arial, 'helvetica neue', Helvetica, sans-serif; padding: 0; margin: 0; color: #2F1A52; font-size: 100%; line-height: 1.5; -webkit-overflow-scrolling: touch; word-wrap: break-word; -webkit-font-smoothing: antialiased; } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} .sticky, .bypostauthor { font-weight: bold; } hr { height: 1px; border: 0; border-top: 1px solid #888; background: transparent; margin: auto; width: 100%; } a { color: #fff; text-decoration: none; -webkit-transition: color .2s linear, background .1s linear; -moz-transition: color .2s linear, background .1s linear; -ms-transition: color .2s linear, background .1s linear; -o-transition: color .2s linear, background .1s linear; transition: color .2s linear, background .1s linear; } a:hover { color: #ff0000; text-decoration: none; } a:active { color: #ff0000; text-decoration: none; } h1 { font-size: 40px; } h2 { font-size: 32px; } #searchform label { font-size: 12px; font-weight: bold; letter-spacing: 1px; display: block; text-align: left; font-family: Arial, 'helvetica neue', Helvetica, sans-serif; color: #fff; text-transform: uppercase; margin-bottom: 10px; } #searchform input[type=text] { width: 90%; } h3 { font-size: 26px; } h3#reply-title { font-size: 18px; } h4 { font-size: 22px; } .gmap_marker h4 { font-size: 18px; color: #000; } h5 { font-size: 18px; } h6 { font-size: 16px; } h7 { font-size: 14px; } h1, h2, h3, h4, h5, h6, h7 { color: #fff; font-family: 'Oswald', 'helvetica neue', Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; } div.home_header { font-size: 90px; line-height: 110px; display: block; margin: 30px 50px 30px 50px; letter-spacing: -5px; color: #000; font-family: Arial, 'helvetica neue', Helvetica, sans-serif; text-transform: uppercase; font-weight: 500; } div.home_header strong { color: #e64946; font-weight: 500; } .strong { font-weight: bold; } .middle { vertical-align: -30%; } pre, code, tt {font:12px 'andale mono', 'lucida console', monospace;line-height:1.5;padding: 15px 10px 15px 10px;display: block; overflow: auto; margin-top: 20px; margin: 20px 0 20px 0; width:92%; border: 0; color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .clear { clear: both; } img.mid_align { vertical-align: middle; margin-right: 5px; border: 0; } #contact_form label { clear: both; float: none; width: 100%; margin-left: 0; margin-bottom: 10px; display: block; } #commentform > p { clear: both; } #contact_form input, #contact_form textarea, #commentform input, #commentform textarea { margin-bottom: 15px; } .with_bg { background: #f9f9f9; border: 1px solid #eeeeee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } img.frame { } .frame_left { padding: 5px; float: left; margin: 0 20px 10px 0; text-align: center; } .frame_left .caption, .frame_right .caption, .frame_center .caption { margin: 7px 0 2px 0; display: block; color: #999; } .frame_right { padding: 5px; float: right; margin: 0 0 10px 20px; text-align: center; } .frame_center { padding: 5px; margin: auto; margin-top: 20px; margin-bottom: 20px; text-align: center; clear: both; display: table; } .dropcap1 { display: block; float: left; margin: 0 8px 0 0; font-size: 24px; line-height: 40px; background: #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; color: #000; width: 40px; height: 40px; text-align: center; text-shadow: none; } blockquote { padding-left: 20px; width: 85%; border-left: 5px solid #fff; min-height: 50px; margin: 20px 0 20px 40px; font-size: 16px; font-style: italic; } blockquote h2 { font-weight: normal; font-size: 20px; } blockquote h3 { font-weight: normal; font-size: 18px; } #respond { width: 100%; float: left; margin: 10px 0 10px 0; } #wrapper { width: 100%; } .logo_wrapper { margin: 17px 0 0 0; float: left; } .logo_wrapper img { max-height: 30px; width: auto; } .top_bar { padding: 0; position: fixed; top: 0px; width: 100%; height: 55px; z-index: 999; background: #fff; } body.admin-bar .top_bar { top: 27px; } .gallery_bar { width: 100%; height: 40px; background: #fff; position: fixed; top: 0; left: 0; border-bottom: 3px solid #000; display: none; } .gallery_bar .inner { width: 80%; margin: 7px 0 0 50px; } .gallery_bar h6 { color: #000; } #mobile_menu { display: none; cursor: pointer; } #menu_wrapper { margin:auto; width: 960px; z-index: 99999; } #nav_wrapper { float: right; } .nav_wrapper_inner { } #menu_border_wrapper { display: block; } #menu_border_wrapper .notice { color: #000; margin-top: 19px; text-align: center; } .nav, .subnav, .nav_page_number { list-style: none; float: right; padding: 10px 0 10px 0; } .subnav { background: none; } .nav > li, .nav_page_number > li { display: inline-block; } .nav_page_number { margin-top: 2px; } .top_bar hr { border: 0; height: 1px; width: 100%; float: left; border-bottom: 1px solid #000; } #menu_wrapper .nav ul, #menu_wrapper div .nav { list-style: none; display: block; padding: 0; margin: 0; float: right; text-transform: uppercase; } #menu_wrapper .nav ul li, #menu_wrapper div .nav li { display: block; float :left; margin: 0 0 0 0; } #menu_wrapper .nav ul li ul li, #menu_wrapper div .nav li ul li { clear: both; width: 100%; padding: 0; margin: 0; } #menu_wrapper .nav ul li:last-child, #menu_wrapper div .nav li:last-child { margin-right: 0; } #menu_wrapper .nav ul li a, #menu_wrapper div .nav li a { display: inline-block; padding: 0; margin: 0; color: #000; font-size: 14px; padding: 16px 5px 15px 5px; margin: 0 13px 0 13px; border-bottom: 3px solid transparent; font-family: 'Oswald', 'helvetica neue', Helvetica, Arial, sans-serif; font-weight: 400; letter-spacing: 1px; } #menu_wrapper .nav ul li ul li.arrow > a:after, #menu_wrapper div .nav li ul li.arrow > a:after { font-weight: normal; font-style: normal; font-size: 10px; margin-left: 0.5em; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: 7%; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; content: "+"; font-family: Arial, 'helvetica neue', Helvetica, sans-serif !important; } #menu_wrapper .nav ul li:first-child a, #menu_wrapper div .nav li:first-child a { } #menu_wrapper .nav ul li:last-child a, #menu_wrapper div .nav li:last-child a { } #menu_wrapper .nav ul li a.hover, #menu_wrapper .nav ul li a:hover, #menu_wrapper div .nav li a.hover, #menu_wrapper div .nav li a:hover { color: #000; z-index: 2; position: relative; border-bottom: 3px solid #000; } #menu_wrapper div .nav li.current-menu-item > a, #menu_wrapper div .nav li.current-menu-parent > a, #menu_wrapper div .nav li.current-menu-ancestor > a { color: #000; z-index: 2; position: relative; border-bottom: 3px solid #000; } #menu_wrapper div .nav li ul li.current-menu-ancestor a { color: #000; border-bottom: 3px solid #000; } #menu_wrapper .nav ul li ul, #menu_wrapper div .nav li ul { display: none; list-style: none; background: #fff; position: absolute; padding: 5px 0 0 0; width: 210px; height: auto; z-index: 1000; margin: 0 0 0 0; } #menu_wrapper .nav ul li ul li ul, #menu_wrapper div .nav li ul li ul { position: absolute; left: 210px; top: 0px; margin-top: 0px; display: none; z-index: 99999; opacity: 1; } #menu_wrapper .nav ul li:hover ul, #menu_wrapper div .nav li:hover ul { display: block; } #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-item ul li a, #menu_wrapper div .nav li ul li.current-menu-item a,#menu_wrapper .nav ul li ul li a, #menu_wrapper .nav ul li.current-menu-item ul li a, #menu_wrapper .nav ul li ul li.current-menu-item a, #menu_wrapper div .nav li.current-menu-parent ul li a, #menu_wrapper div .nav li ul li.current-menu-parent a { color: #777; display: block; background: transparent; height: auto; border-bottom: 1px solid #ebebeb; } #menu_wrapper .nav ul li ul li a, #menu_wrapper div .nav li ul li a, #menu_wrapper div .nav li.current-menu-parent ul li a { width: 170px; display: block; border-top: 0; font-weight: normal; font-size: 12px; border: 0; margin: 0; padding: 8px 20px 8px 20px; border-bottom: 1px solid #ebebeb; } #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper .nav ul li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li ul li a:hover, #menu_wrapper div .nav li.current-menu-item ul li a:hover, #menu_wrapper div .nav li.current-menu-parent ul li a:hover { color: #000; border-bottom: 1px solid #ebebeb; } .footer_bar { width: 100%; margin: auto; padding: 15px 0 5px 0; margin-bottom: 30px; float: left; } .footer_bar.fullscreen, .footer_bar.flow, .footer_bar.kenburns, .footer_bar.wall, .footer_bar.flip, .footer_bar.static { width: 100%; background: #000; background: rgba(0,0,0,0.6); position: fixed; bottom: 0; height: 30px; margin-bottom: 0; padding-top: 10px; } body.page-template-portfolio-2-php .footer_bar, body.page-template-portfolio-3-php .footer_bar, body.page-template-portfolio-4-php .footer_bar { margin: 0; } #footer { width: 960px; margin: auto; margin-top: 30px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px; color: #999; border-top: 1px solid #888; word-wrap: break-word; } #footer a { color: #ccc; } #footer a:hover, #footer a:active { color: #ff0000; } #footer.fullscreen , #footer.flow, #footer.kenburns, #footer.wall, #footer.flip, #footer.static { display: none; } #footer .sidebar_widget li h2.widgettitle { margin-top: 15px; margin-bottom: 15px; } #footer ul.sidebar_widget { width: 100%; list-style: none; margin: 0; } #footer ul.sidebar_widget li ul { list-style: none; margin-left: 0; } #footer .sidebar_widget.four > li { width: 23%; float: left; margin-right: 2%; } #footer .sidebar_widget.four > li.last { margin-right: 0; width: 25%; } #footer .sidebar_widget.three > li { width: 31%; float: left; margin-right: 2%; } #footer .sidebar_widget.three > li.last { margin-right: 0; width: 33%; } #footer .sidebar_widget.two > li { width: 48%; float: left; margin-right: 2%; } #footer .sidebar_widget.two > li.last { margin-right: 0; width: 50%; } #footer .sidebar_widget.one > li { width: 100%; clear: both; float: left; margin-bottom: 30px; } #footer ul.sidebar_widget li ul.posts.blog li img { width: 50px; } #footer ul.sidebar_widget li ul li { margin: 0 0 10px 0; } #footer ul.sidebar_widget li ul li ul.sub-menu { margin-left: 15px; } #footer ul.sidebar_widget li ul.flickr li { margin: 0 9px 0 0; border-bottom: 0; } #footer ul.sidebar_widget li ul.flickr li img { width: 64px; height: auto; } #copyright { float: left; width: 65%; font-family: 'Oswald', 'helvetica neue', Helvetica, Arial, sans-serif; font-size: 15px; text-transform: uppercase; color: #888; letter-spacing: 1px; } .footer_bar.fullscreen #copyright, .footer_bar.flow #copyright, .footer_bar.kenburns #copyright, .footer_bar.wall #copyright, .footer_bar.flip #copyright, .footer_bar.static #copyright { margin: 3px 0 0 0; } #copyright p.attachment { display: none; } #content_wrapper { width: 72%; float: left; margin: 0; } #page_content_wrapper, .page_content_wrapper { width: 1000px; margin: auto; margin-top: 60px; padding-bottom: 0; padding-top: 10px; } #content_wrapper .inner { overflow: hidden; } #page_content_wrapper .inner { width: 960px; margin: auto; } .post.type-post { margin-bottom: 40px; } body.page-template-blog_g-php .post.type-post, body.page-template-galleries-php .gallery.type-gallery { float: left; width : 260px; background: #2F1A52; background: rgba(0,0,0,0.6); padding: 20px; margin-bottom: 20px; } .post.type-post:last-child { margin-bottom: 0; } .post_wrapper { width: 100%; padding: 20px 0 35px 0; border-top: 1px solid #fff; } .post_wrapper.grid_layout { padding-bottom: 10px; } .post_wrapper:first-child { padding-top: 0; border: 0; } .post_wrapper.single { width: 100%; margin: 0; } .post_date { width: 85px; height: 100px; margin-right: 20px; margin-top: 0; margin-bottom: 10px; float:left; color: #fff; text-transform: uppercase; } .post_date .month { width: 100%; font-size: 22px; color: #fff; font-weight: 300; text-align: center; margin-top: -30px; letter-spacing: 3px; } .post_date .year { width: 100%; font-size: 14px; text-align: center; margin-top: -15px; } .post_date .date { width: 100%; font-size: 80px; color: #fff200; font-weight: 100; text-align: center; margin-top: -25px; } .post_date .comments { width: 100%; font-size: 11px; text-align: center; margin-top: 11px; font-weight: normal; text-shadow: 0 0 0; } .post_header { width: 100%; float: left; margin-bottom: 30px; } .post_header h5 { font-size: 24px; } .post_excerpt { width: 98%; margin:18px 0 0 0; } .post_header .post_detail, .recent_post_detail, .post_detail { width: 90%; padding: 5px 10px 5px 0; float: left; text-transform: uppercase; font-size: 13px; color: #999; } #page_caption .post_detail { padding: 0; } .post_detail_wrapper { float: left; width:96%; margin: 0 0 10px 0; } #about_the_author { width: 98%; float: left; background: #fff; border-bottom: 1px solid #ccc; } #about_the_author .header span { display: block; padding: 10px 0 10px 20px; font-size: 14px; } #about_the_author .thumb { width: 80px; float: left; margin: 20px 0 0 20px; } #about_the_author .thumb img { padding: 3px; width: 50px; } #about_the_author .description { width: 370px; float: left; padding: 20px 0 20px 0; } .comment .left img.avatar { width: 50px; height: 50px; } .comment { width: 630px; padding-bottom: 20px; float: left; } .fullwidth_comment_wrapper .comment { width: 920px; } .comment .left { float: left; margin-right: 15px; } .comment_arrow { width: 10px; height: 10px; float: left; position: relative; left: 5px; margin-top: 20px; display: none; } .comment .right { width: 78%; float: left; padding: 0 15px 10px 15px; border-bottom: 1px solid #888; } .fullwidth_comment_wrapper .comment .right { width: 89%; } ul.children div.comment .right { width: 72%; } .fullwidth_comment_wrapper ul.children div.comment .right { width: 83%; } .comment .right p { margin: 0; padding: 0; } .comment .right strong { font-weight: #fff; } #content_wrapper ul.children { list-style: none; margin: -40px 0 0px 74px; border-left: 1px solid #ccc; padding: 5px 20px 2px 0; float: left; width: 106%; } #content_wrapper ul.children ul.children { margin-top: -10px; padding-bottom: 0; width: 83.5%; } .comment_wrapper { float: left; margin-left: 25px; border-left: 1px solid #eeeeee; } .comment_date { margin: 10px 0 0 0; clear: both; text-transform: uppercase; font-size: 13px; color: #999; } ul.children .comment { width: 100%; margin: 0; padding: 20px 0 10px 0; margin-top: 20px; margin-left: 45px; float: left; } ul.children .comment:last-child { padding-top: 0; padding-bottom: 15px; } ul.children .comment:first-child { padding-top: 10px; margin-top: 0px; } .one_half { float: left; width: 47%; } .portfolio2filter_wrapper { overflow: hidden; margin: 0 0 20px 0; } .one_half.portfolio2_wrapper { width: 50%; margin-bottom: 20px; } .one_half.last { margin-left: 0; } .one_half.gallery2 { width: 470px; height: 303px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; position: relative; text-shadow: 1px 1px 1px #000; } .one_half.gallery2.filterable { overflow:hidden; position: relative; width: 470px; height: 303px; margin: 0 !important; margin-right: 20px; float: none; } .one_half.gallery2.last { float: right; margin-right: 0; } .one_half.gallery2 .mask { width: 470px; height: 303px; position: absolute; top: 0; left: 0; background: #ff0000; background-color: rgba(255,0,0, 0.7); -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; text-align: center; } .one_half.gallery2 .mask .button { margin-top: 5px; } .one_half.gallery2 h4 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: 26%; font-size: 16px !important; font-weight: bold; text-transform: uppercase; } .one_half.gallery2 span.caption { font-size: 12px !important; text-transform: uppercase; color: #fff; } .one_half.gallery2 .one_half_img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -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; } .one_half.gallery2:hover .one_half_img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .one_half.gallery2:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .one_half.gallery2:hover .mask h4 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .one_half.gallery2 a[rel=gallery] { display: block; width: 100%; height: 100%; position: absolute; z-index: 99999; background: #000; } .one_third { width: 30%; float: left; min-height: 50px; margin-right: 3%; } .one_third.last { margin-right: 0; } .one_third.portfolio3_wrapper { width: 30%; margin-bottom: 20px; margin-right: 25px; } .portfolio3filter_wrapper { overflow: hidden; margin: 0 0 15px 0; } #page_content_wrapper .inner .sidebar_content.full_width.portfolio3_content_wrapper { width: 1020px; } #page_content_wrapper .inner .sidebar_content.full_width.portfolio4_content_wrapper { width: 1020px; } .one_third.gallery3 { overflow:hidden; position: relative; width: 310px; height: 200px; margin-right: 15px; margin-bottom: 15px; text-shadow: 1px 1px 1px #000; } .one_third.gallery3.last { float: right; margin-right: 0; } .one_third.gallery3 .mask { width: 310px; height: 200px; position: absolute; overflow: hidden; top: 0; left: 0; background: #ff0000; background-color: rgba(255,0,0, 0.7); -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; text-align: center; } .one_third.gallery3 h5 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: 26%; font-size: 14px !important; font-weight: bold; text-transform: uppercase; } .one_third.gallery3.portfolio_type h5 { margin-top: 23%; } .one_third.gallery3 span.caption { font-size: 12px !important; text-transform: uppercase; color: #fff; } .one_third.gallery3 .one_third_img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -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; } .one_third.gallery3:hover .one_third_img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .one_third.gallery3:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .one_third.gallery3:hover .mask h5 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .one_third.portfolio3 { margin-right: 2%; } .one_third.gallery3 .one_third_img { position: absolute; } .one_third.gallery3.filterable { overflow:hidden; position: relative; width: 310px; height: 200px; margin: 0 !important; margin-right: 20px; float: none; } .one_third.gallery3 a[rel=gallery] { display: block; width: 100%; height: 100%; position: absolute; z-index: 99999; background: #000; } .two_third { float: left; width: 64%; margin-right: 3%; } .one_fourth { width: 22%; float: left; margin-right: 3%; margin-bottom: 2%; } .one_fourth.last { margin-right: 0; } .one_fourth.gallery4 { overflow:hidden; position: relative; width: 228px; height: 147px; margin-right: 15px; text-shadow: 1px 1px 1px #000; } .one_fourth.portfolio4_wrapper { margin-right: 20px; margin-bottom: 20px; } .one_fourth.gallery4.last { float: right; margin-right: 0; } .one_fourth.gallery4.filterable { margin: 0; float: none; width: 228px; height: 147px; overflow:hidden; } .one_fourth.gallery4 .mask { width: 228px; height: 147px; position: absolute; overflow: hidden; top: 0; left: 0; background: #ff0000; background-color: rgba(255,0,0, 0.7); -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; text-align: center; } .one_fourth.gallery4 h6 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: 24%; font-size: 13px !important; text-transform: uppercase; color: #fff; font-weight: bold; } .one_fourth.gallery4.portfolio_type h6 { margin-top: 20%; } .one_fourth.gallery4 span.caption { font-size: 11px !important; text-transform: uppercase; color: #fff; } .one_fourth.gallery4 .one_fourth_img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -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; } .one_fourth.gallery4:hover .one_fourth_img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .one_fourth.gallery4:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .one_fourth.gallery4:hover .mask h6 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .one_fourth.portfolio4 { margin:0; } .one_fourth.gallery4 .one_fourth_img { position: absolute; } .one_fifth { width: 14%; float: left; margin-right: 6%; margin-bottom: 2%; } .one_fifth.last { margin-right: 0; } .one_sixth { width: 11%; float: left; margin-right: 6%; margin-bottom: 2%; } .one_sixth.last { margin-right: 0; } .post_img { position: relative; height: auto; } .cufon.space { margin-bottom: 15px; } #content_slider_wrapper { width: 100%; height: 20px; background: transparent; position: fixed; bottom: 200px; } #page_content_wrapper .inner .sidebar_content { width: 610px; padding: 0 15px 20px 0px; margin-top: 0; float: left; } #page_content_wrapper .inner .sidebar_content.full_width { width: 960px; padding: 22px 2px; margin-top: 10px; } #page_content_wrapper .inner .sidebar_content.full_width.nomargintop { margin-top: 0 !important; } #page_content_wrapper .inner .sidebar_wrapper { width: 330px; float: left; } #page_content_wrapper .inner .sidebar_wrapper a { color: #ccc; } #page_content_wrapper .inner .sidebar_wrapper a:hover, #page_content_wrapper .inner .sidebar_wrapper a:active { color: #ff0000; } #page_content_wrapper .inner .sidebar_wrapper .sidebar { width: 94%; float: left; } #page_content_wrapper .inner .sidebar_wrapper .sidebar .content { width: 100%; margin: 0 10px 0 20px; color: #999; } /* Input layout */ input[type=text], input[type=password], .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text { padding: 12px 10px 11px 10px; border: 1px solid #555; font-size: 100%; font-family: Arial, Helvetica,Verdana,sans-serif; margin: 0; color: #999; border-radius: 3px; } input[type=text].blur, textarea.blur { color: #fff; text-transform: uppercase; font-weight: bold; } #contact_form input[type="text"], #contact_form textarea, #commentform input[type="text"], #commentform textarea { margin-bottom: 15px; width: 91%; } #commentform input[type="text"] { width: 50%; } .fullwidth_comment_wrapper #commentform textarea { width: 97%; } #commentform label { clear: both; float: none; width: 100%; margin-left: 0; margin-bottom: 10px; display: block; } #commentform > p { clear: both; padding: 0.2em 0 0.2em 0; } .form-allowed-tags { display: none !important; } p.comment-notes { margin-bottom: 20px; } textarea { font-size: 100%; color: #999; background: rgba(0, 0, 0, 0.9); border: 0; margin: 0; height: 200px; overflow: auto; padding: 12px 10px 12px 10px; font-family: Arial, Helvetica,Verdana,sans-serif; border-radius: 3px; border: 1px solid #555; } input[type=submit], input[type=button], a.button, .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; padding: .8em 1em .6em; color: #fff; background: #ff0000; text-transform: uppercase; font-weight: 600; font-size: 14px; border: 0; font-family: Arial, 'helvetica neue', Helvetica, sans-serif; text-shadow: none; margin-right: 5px; border-radius: 3px; } input[type=submit].white, input[type=button].white, a.button.white, .button.white, a.button.white:hover, .button.white:hover, a.button.white:active, .button.white:active { background: #fff; color: #000 !important; border-color: #fff !important; } input[type=submit].primary, input[type=button].primary, input[type=button].primary:hover { color: #000; background: #fff; border: 1px solid #fff; } a.comment-reply-link { margin-top: 10px; float:right; color: #fff; } input[type=submit].medium, input[type=button].medium, a.button.medium { font-size: 15px; } input[type=submit].large, input[type=button].large, a.button.large { font-size: 17px; } #cancel-comment-reply-link { float: right; display: block; margin: 15px 20px 0 10px; font-size: 12px; text-transform: uppercase; } input[type=submit]:active, input[type=button]:active, .button:active { } input[type=submit].left, input[type=button].left, a.button.left { float: left; } input[type=submit].right, input[type=button].right, a.button.right { float: right; } input[type=submit].center, input[type=button].center, a.button.center { margin: auto; } .pagination { margin: 20px 0 0 0; float: left; } .pagination p a:first-child { float: left; } .pagination p a:last-child { float: right; } .pagination a, .pagination span { padding-left: 12px; padding-right: 12px; height: 30px; line-height: 30px; display: inline-block; text-align: center; color: #fff; background: #000; background: rgba(0,0,0,0.6); margin-left: 5px; border-radius: 3px; } .pagination span, .pagination a:hover { color: #fff; background: #ff0000; } .slideshow #thumbNav { position: relative; clear: both; top: 94%; } #thumbNav a{ display:block; width: 14px; height: 14px; background: url(../images/slider_bullet_nav.png) no-repeat 0 -14px; border:0; margin-right: 3px; float: left; cursor: pointer; position: relative; top: 140px; left: 0; padding-right: 4px; cursor: pointer; color: transparent; text-indent: -9999px; } .slideshow #thumbNav a { top: 0; } #thumbNav a:hover{ background-position: 0 0px; } #thumbNav a.cur{ background-position: 0 0; } .caption-left h3, .caption-right h3, .caption-bottom h3 { color: #b11623; line-height: 0.9em; text-transform: uppercase; font-size: 40px; padding-top: 25px; letter-spacing: -2px; display: none; } .caption-left p, .caption-right p, .caption-bottom p { color: #fff; margin: 10px 0 0 3px; } @-moz-document url-prefix() { .caption-left p, .caption-right p, .caption-bottom p { margin-top: 30px } } .caption-left { background: #000; width: 300px !important; position: relative; top: -200px; padding: 0 12px 20px 15px; z-index: 999; display: none; } .caption-right { width: 300px; background: transparent; position: relative; left: 612px; padding: 0 12px 20px 15px; top: -200px; z-index: 999; display: none; } #page_content_wrapper ul { margin: 15px 0 15px 40px; list-style-type: disc; } #page_content_wrapper ul.flickr { margin: 0 0 10px 0; } #page_content_wrapper ul.flickr li img { width: 65px; height: auto; } #page_content_wrapper .sidebar .content .posts.blog li img, #page_content_wrapper .posts.blog li img { float: left; margin: 0 10px 2px 0; padding: 3px; width: 55px; } #page_content_wrapper .sidebar .content .sidebar_widget, #page_content_wrapper .sidebar .content .posts.blog { list-style: none; margin-left: 0; margin-top: 0; padding: 0; } #page_content_wrapper .sidebar .content .posts.blog li { padding: 0 0 10px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li { margin: 30px 0 50px 0; padding: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li h2.widgettitle, h2.widgettitle { font-size: 16px; font-weight: 500; text-transform: uppercase; letter-spacing: 0px; display: block; text-align: left; color: #fff; } #page_content_wrapper .sidebar .content .sidebar_widget li:first-child { margin-top: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul { list-style: none; padding: 10px 0 0 0; margin: 0 0 15px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li ul.sub-menu { margin-left: 15px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li, #footer .sidebar_widget li ul li { padding: 0 0 10px 0; margin-top: 10px; margin-bottom: 10px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li ul li:first-child, #footer ul.sidebar_widget li .textwidget, #footer ul.sidebar_widget li .flickr { padding-top: 10px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li:first-child, #footer ul.sidebar_widget li ul.flickr li:first-child { border: 0; padding-top: 0; } #page_content_wrapper table#wp-calendar { border: 1px solid #888; margin-bottom: 30px; width: 100%; padding: 5px 0 5px 0; } #page_content_wrapper table#wp-calendar a { color: #fff; font-weight: bold; } #page_content_wrapper table#wp-calendar caption { font-size: 12px; font-weight: bold; letter-spacing: 1px; text-align: left; font-family: Arial, 'helvetica neue', Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 10px; } #page_content_wrapper table#wp-calendar tr th, #page_content_wrapper table#wp-calendar tr td { padding: 0; border-bottom: 0; text-align: center; } table#wp-calendar tr th { color: #fff; font-weight: bold; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr { list-style: none; margin: 5px 0 30px 0; float: left; display: block; padding: 15px 0 3px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li, #content_wrapper .sidebar .content .sidebar_widget li ul.flickr li a { display: block; float: left; margin: 0 10px 10px 0; padding: 0; border: 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr li img { width: 77px; height: auto; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter { margin: 0; margin-top: 15px; list-style:none; padding: 0 0 3px 0; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li { padding-left:32px; padding-bottom: 10px; background-image:url(../images/icon_twitter_bird.png); background-repeat:no-repeat; background-position:0px 0.3em; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.twitter li:first-child { background-position:0px 1.3em; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media { list-style: none; margin: 10px 0 15px 0; float: left; display: block; padding: 0 0 3px 0; margin-left: -5px; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.social_media li { display: block; float: left; margin: 0 5px 0 0; } ul.list { margin: 5px 0 0 20px; } .highlight_yellow { background: #ffc600; color: #000; text-shadow: -1px 0 1px #fff; } .highlight_black { background: #000; color: #fff; } #page_content_wrapper ul.twitter { margin: 0; list-style:none; } #page_content_wrapper ul.twitter li { padding-left:32px !important; padding-top: 0 !important; background-image:url(../images/icon_twitter_bird.png); background-repeat:no-repeat; background-position:0px 0.3em; padding-bottom: 2em; } #page_content_wrapper .sidebar .content .sidebar_widget li ul.flickr, ul.flickr { list-style: none; margin: 0 0 -10px 0; float: left; display: block; clear: both; } ul.flickr li { float: left; margin: 0 5px 0 0; } #page_content_wrapper ul.flickr li a, #page_content_wrapper ul.flickr li a:hover, #page_content_wrapper ul.flickr li a:active { background: transparent; } #page_content_wrapper .sidebar .content .posts.blog { list-style: none; margin-top: 15px; } #page_content_wrapper .sidebar .content .posts.blog li, #page_content_wrapper .posts.blog li { line-height: 1.7em; clear: both; border:0; background: none; } #page_content_wrapper .sidebar .content .posts.blog li { padding-top: 10px; } #page_content_wrapper .sidebar .content .posts.blog li strong.header, #page_content_wrapper .posts.blog li strong.header { font-weight: normal; } .gallery-caption { font-weight: bold; } #cover_content { position:fixed;top:20%;left:40px;z-index:9; } .tf_bg{ width:100%; height:100%; position:fixed; top:120px; left:0px; z-index:-1; } .tf_bg img{ position:absolute; top:0px; /*-482px; -(imgh/2 - wh/2) */ left:0px; /* calculate a negative value to center horizontally */ width:100%; /* windowwidth plus negative value of left */ /*height:1650px; /* windowheight plus negative value of top */ z-index: 1; display:none; } .tf_pattern{ position:absolute; width:100%; height:100%; background:transparent url(../images/flip/pattern.png) repeat top left; z-index:2; } .tf_content{ position:absolute; bottom:50px; left:50px; z-index:10; display:none; } .tf_content h2{ color:#fff; font-size:90px; padding:0; margin:0; font-family: 'Dancing Script', arial, serif; text-shadow:1px 1px 2px #000; } .tf_content p{ color:#fff; padding:0; margin:0; background:transparent url(../images/flip/bg_content.png) repeat top left; padding:40px; width:500px; font-family: 'PT Sans Narrow', arial, serif; font-size:20px; line-height:25px; text-transform:uppercase; text-shadow:2px 2px 1px #000; -moz-box-shadow:1px 1px 5px #202020; -webkit-box-shadow:1px 1px 5px #202020; box-shadow:1px 1px 5px #202020; border:4px solid #fff; } .tf_thumbs{ position:absolute; z-index:12; right:50px; top:80%; margin-top:-79px; border:4px solid #fff; -moz-box-shadow:1px 1px 5px #202020; -webkit-box-shadow:1px 1px 5px #202020; box-shadow:1px 1px 5px #202020; -webkit-box-reflect: below 5px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(rgb(18, 18, 18)) ); } .tf_thumbs img{ display:block; } .tf_loading{ position:fixed; top:50%; left:50%; margin:-30px 0px 0px -30px; width:60px; height:60px; background:#000000 url(../js/fullscreen/ajax-loader_dark.gif) no-repeat center center; z-index:999; } .tf_next, .tf_prev{ width:35px; height:14px; position:absolute; top:79%; right:240px; z-index:100; cursor:pointer; background:transparent url(../images/flip/nav.png) no-repeat top left; opacity:1; } .tf_next{ background-position:0px -14px; margin-top:80px; } .tf_prev{ background-position:0px 0px; margin-top:-55px; } .tf_next:hover, .tf_prev:hover{ opacity:0.9; } .tf_zoom, .tf_fullscreen{ width:20px; height:20px; position:absolute; top:6px; right:6px; cursor:pointer; z-index:100; opacity:0.6; background:transparent url(../images/flip/icons.png) no-repeat top left; } .tf_zoom{ background-position:0px -20px; } .tf_fullscreen{ background-position:0px 0px; } .tf_zoom:hover, .tf_fullscreen:hover{ opacity:0.9; } .continue { font-size: 16px; } #slidecaption { width: 100%; position: fixed; bottom: 150px; } #gallery_caption { color: #fff; z-index: 999; font-size: 14px; font-weight: 500; font-family: Arial, 'helvetica neue', Helvetica, sans-serif; margin: auto; width: 960px; text-align: right; } #gallery_caption h2 { font-size: 34px; font-weight: 400; line-height: 48px; font-family: 'Oswald', 'helvetica neue', Helvetica, Arial, sans-serif; display: inline-block; background: #fff; color: #000 !important; text-transform: uppercase; padding: 0 10px 0 10px; letter-spacing: 1px; clear: both; } #gallery_caption .gallery_desc { background: #000; background: rgba(0,0,0,0.6); font-size: 16px; line-height: 26px; color: #fff; display: inline-block; padding: 0 10px 0 10px; clear: both; } .jp-play, .jp-pause { position: fixed; top: 46.5%; left: 4px; width: 22px; height: 20px; background:transparent url(../images/sound_off.png) no-repeat left center; text-indent: -9999px; z-index: 99999; } .jp-pause { background:transparent url(../images/sound_on.png) no-repeat left center; } .social_wrapper { width: 35%; float: right; margin: 2px 0 0 0; } .social_wrapper ul { list-style: none; margin-left: 0 !important; } #page_content_wrapper .social_wrapper ul { list-style: none; margin-top: 12px; } .social_wrapper ul li { float: right; margin-right: 10px; } .social_wrapper ul li a { opacity: 0.4; } .social_wrapper ul li a:hover { opacity: 1; } #tray-button { display: none; } #page_content_wrapper .inner .sidebar_content#page_caption { text-align: center; margin-top: 10px; margin-bottom: 10px; } #page_caption h1 { color: #fff; padding: 0 15px 0 0; font-size: 30px; font-weight: 400; letter-spacing: 2px; } #page_caption h2 { color: #fff; padding: 0 0 12px 0; font-size: 24px; font-weight: 400; letter-spacing: 2px; } .page_control { position: fixed; bottom: 20px; left: 20px; text-align: center; z-index: 999; } .page_control img, .page_control_static img { width: 40px; height: 40px; } #page_maximize, #page_maximize:hover, #page_maximize:active { visibility: hidden; position: fixed; bottom: 120px; left: 20px; } .tubular-pause { position: fixed; bottom: 20px; left: 65px; } .page_control_static { position: fixed; bottom: 40px; left: 20px; text-align: center; z-index: 999; display: none !important; } .page_control_static #page_maximize, .page_control_static #page_maximize:hover, .page_control_static #page_maximize:active { visibility: hidden; position: fixed; bottom: 40px; left: 20px; } #page_content_wrapper .sidebar .content .tagcloud, #page_content_wrapper .sidebar .content .textwidget { margin-top: 10px; padding: 0 0 15px 0; } #option_btn { position: fixed; top: 200px; left:0; cursor:pointer; z-index: 999; } #option_wrapper { position: fixed; top: 180px; left:-245px; width: 240px; padding: 19px 0 23px 0; background: #fff url('../images/option_bg.png') repeat-x; z-index: 99999; color: #666; font-size: 11px; border: 1px solid #E1E1E1; border-bottom: 1px solid rgba(150, 150, 150, 0.2); -webkit-box-shadow: -4px -4px 0px 0px rgba(150, 150, 150, 0.1); -moz-box-shadow: -4px -4px 0px 0px rgba(150, 150, 150, 0.1); box-shadow: -4px -4px 0px 0px rgba(150, 150, 150, 0.1); } #option_wrapper .inner { width: 80%; margin:auto; } .colorpicker_preview { width: 100%; height: 30px; margin: 5px 0 0 0; } #option_wrapper select { width: 195px; } #jquery_jplayer_1 { display: none; } #logo_arrow_right, #logo_arrow_left { margin-left: 10px; } #kenburns { position: fixed; top: 0; left: 0; z-index: -2; } #kenburns_overlay { position: fixed; top: 0; left: 0; z-index: -1; } .portfolio_header h6 { color: #fff; margin: 10px 0 10px 0; font-size: 20px; font-weight: 200; } /* Recaptcha Style Captcha ======================= re-Captcha Style Captcha with php and jQuery Created By: Zeeshan Rasool URL : http://www.99Points.info Get JQuery, PHP, AJAX, Codeigniter and MYSQL Tutorials and Demos on Blog */ #captcha-wrap{ border:solid #870500 1px; width:270px; -webkit-border-radius: 10px; float:left; -moz-border-radius: 10px; border-radius: 10px; background:#870500; text-align:left; padding:3px; margin-top:3px; height:107px; } #captcha-wrap .captcha-box{ -webkit-border-radius: 7px; background:#fff; -moz-border-radius: 7px; border-radius: 7px; text-align:center; border:solid #fff 1px; } #captcha-wrap .text-box{ -webkit-border-radius: 7px; background:#ffdc73; -moz-border-radius: 7px; width:140px; height:43px; float:left; margin:4px; border-radius: 7px; text-align:center; border:solid #ffdc73 1px; } #captcha-wrap .text-box input{ width:120px; -webkit-appearance: textfield; padding: 1px; background-color: white; border: 2px inset; border-image: initial; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; float: none; margin-top: -2px; } #captcha-wrap .text-box label{ color:#000000; font-family: helvetica,sans-serif; font-size:11px; width:140px; padding-top:3px; padding-bottom:3px; margin: 0; font-weight: normal; } #captcha-wrap .captcha-action{ float:right; width:117px; background:url(../images/logos.jpg) top right no-repeat; height:44px; margin-top:3px; } #captcha-wrap img#captcha-refresh{ margin-top:9px; border:solid #333333 1px; margin-right:6px; cursor:pointer; } #menu_border_wrapper select { display: none !important; } .single_flow_wrapper { height: 500px; } #imageFlow { width: 100%; height: 100%; background: transparent; position: absolute; overflow: hidden; top: 12%; } #imageFlow.single_portfolio { position: absolute; height: 500px; top: 55px; } #imageFlow .diapo { position: absolute; left: -4000px; cursor: pointer; -ms-interpolation-mode: nearest-neighbor; } #imageFlow .link { margin-left: -1px; margin-bottom: -1px; } #imageFlow .text { position: absolute; left: 0px; width: 100%; bottom: 25%; text-align: center; z-index: 1000; color: #fff; z-index: 999; font-size: 14px; font-weight: 500; font-family: Arial, 'helvetica neue', Helvetica, sans-serif; } #imageFlow.collection .text { bottom: 60%; } #imageFlow .title { display: inline-block; color: #fff; padding: 0 10px 0 10px; } #imageFlow .legend { width: 50%; margin: auto; margin-top: 5px; color: #999; font-weight: 600; } #imageFlow .scrollbar { position: absolute; left: 30%; bottom: 27%; width: 40%; height: 16px; z-index: 1000; } #imageFlow .track { position: absolute; left: 1%; width: 98%; height: 10px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } #imageFlow .arrow-left { position: absolute; display: none; } #imageFlow .arrow-right { position: absolute; right: 0px; display: none; } #imageFlow .bar { position: absolute; height: 10px; left: 0; width: 100px; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; } .diapo { opacity: 1; } .diapo.current { opacity: 1; } .portfolio_desc { float: left; text-align: center } .portfolio_desc.last { float: right; } .portfolio_desc.portfolio2 { width: 450px; padding: 10px; margin-top: -20px; } .portfolio_desc.portfolio2.filterable { margin-top: -25px; } .portfolio_desc.portfolio2 h6 { color: #fff; } .portfolio_desc.portfolio3 { width: 290px; padding: 10px; margin-top: -15px; } .portfolio_desc.portfolio3.filterable { margin-top: -25px; } .portfolio_desc.portfolio4 { width: 208px; padding: 10px; margin-top: -5px; } .portfolio_desc.portfolio4.filterable { margin-top: -25px; } .gallery-main { display: none; } .mansory_thumbnail { float:left; margin: 8px 5px 8px 5px; overflow: hidden; width: 32%; height: auto; text-shadow: 1px 1px 1px #000; } .mansory_thumbnail.double_height { width: 32%; height: auto; } .mansory_thumbnail.double_width { width: 65%; height: auto; } .mansory_thumbnail img { display: block; } .mansory_thumbnail .mask { position: absolute; overflow: hidden; top: 0; left: 0; background: #ff0000; background-color: rgba(255,0,0, 0.7); -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; text-align: center; } .mansory_thumbnail h6 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-top: 25%; font-size: 14px !important; text-transform: uppercase; color: #fff; font-weight: bold; } .mansory_thumbnail.double_height h6 { margin-top: 57%; } .mansory_thumbnail.do
Просмотр 4 ответов — с 1 по 4 (всего 4)
Просмотр 4 ответов — с 1 по 4 (всего 4)
- Тема «Не могу поменять фон» закрыта для новых ответов.