/**** ========== PROWORKS CUSTOM STYLING ========== ****/ html body { font-size: 100% !important; color: #563828; font-family:Arial, Helvetica, sans-serif;} body.cms-index-index .main, body.cms-index-defaultindex .main {padding-top:0px;} .page-title h1 { font-size: 1.8em; } body h1, body h2, body h3, body h4, body h5 { font-family: "Bitter", georgia, serif; color: #563828;} body h1 { line-height: 1.25em; font-weight:normal;} body h2 { line-height: 1.25em; font-weight:normal;} h2 { font-size: 1.4em; } body ul, body ol { margin: 0px; padding: 0px; } /* ========== HEADER ==========*/ .header-primary a {color:white;} .main-container {position:relative;} .header .logo-wrapper { margin: 0px; } .free-shipping { float: right; position: relative; line-height: 3em; padding: 0 10px; } /* ========== CAROUSEL ==========*/ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { border-radius: 6px; overflow: hidden; } .the-slideshow-banners .banner:last-child img { border-radius: 0px 0px 6px 6px; } .the-slideshow-wrapper-outer { margin-bottom: 30px; } /* ========== MAIN ==========*/ .main.container, .nav.container.clearer.has-outline.show-bg {z-index: 2; position: relative; width:100%;} .main.container { /*-moz-box-shadow: 0px 4px 2px 1px rgba(52,32,21,0.2); -webkit-box-shadow: 0px 4px 2px 1px rgba(52,32,21,0.2); box-shadow: 0px 4px 2px 1px rgba(52,32,21,0.2);*/ border-radius: 4px; border: 2px dashed #f1ebd7; box-shadow: 0 0 0 4px #ffffff, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); } .main-before-top-container {display:block; position:absolute; top:-5px; height:13px; width:100%; background-image:url(../images/header_bottom_strip.jpg); background-repeat:repeat-x;} .category-title, .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color: #ccc19e; } .block .block-title, .section-title, .cart .crosssell h2, .cart .discount h2, .cart .shipping h2,.product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box, .giftcard h2 { border-bottom: 1px solid #ccc19e; } .feature.large span.icon { background-image: url(../images/pattern_yellowLeather.jpg); background-color:#f0bd0a; border: 2px dashed #ffffff; box-shadow: 0 0 0 4px #f0bd0a, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*-webkit-box-shadow: 1px 1px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 1px 1px 0px rgba(50, 50, 50, 0.5);box-shadow:1px 1px 0px rgba(50, 50, 50, 0.5);*/ } /* ========== TOP NAVIGATION ==========*/ .nav.container { margin-left: auto !important;/*-moz-box-shadow: 0px -3px 2px 1px rgba(52,32,21,0.2); -webkit-box-shadow: 0px -3px 2px 1px rgba(52,32,21,0.2); box-shadow: 0px -3px 2px 1px rgba(52,32,21,0.2);*/ border-radius:4px; border: 2px dashed #ffffff; box-shadow: 0 0 0 4px #ddd6bd, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); background-image: url(../images/pattern_lightTanLeather.jpg); background-repeat: repeat; background-color:#ddd6bd;} .nav.container.clearer.has-outline.show-bg { z-index: 3; position: relative; } ul#nav { border-radius: 4px; margin-top:.5%; margin-bottom:.5%;} li#nav-home a { border-radius: 4px 0px 0px 4px; } #nav li.level-top > a { font-size: 1.6em; font-family: 'Gentium Basic', serif; font-weight:lighter; text-transform:none;} #nav li li a { font-size: 1.2em; } #nav.classic .parent > ul.level0, #nav.classic .parent > ul.level1, #nav.classic .parent > .level0-wrapper { box-shadow: 0 2px 10px rgba(0,0,0, 0.5); transition: all 0.5s ease-in 0.2s !important; opacity:0; visibility:hidden; left:0px;} #nav ul.level0, #nav ul.level1, .header-nav-dropdown-wrapper { background-image: url(../images/pattern_lightTanLeather.jpg); background-repeat: repeat; background-color:#ddd6bd; border-radius:6px; border: 2px dashed #ffffff; box-shadow: 0 0 0 4px #ddd6bd, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);} #nav ul.level0 li, #nav ul.level1 li { margin-bottom: 5px; padding:10px 0px 10px 10px; border-bottom:1px solid #a69873;} #nav ul.level0 li:hover, #nav ul.level1 li:hover { background-color: #f0bd0a; } #nav ul.level0 li a:hover, #nav ul.level1 li a:hover { color: #ffffff;} #nav ul.level0 li a, #nav ul.level1 li a { color: #61106a; } li.level0.level-top.right a { border-radius: 0px 4px 4px 0px; } #mobnav { border-radius: 4px; overflow: hidden; margin:0px;} .nav.has-outline > .grid-full { margin-bottom: 0px; } .nav { margin-bottom: 0px; } #nav.classic li.level0:hover ul.level0, #nav.classic li.level0:hover .level0-wrapper { visibility:visible; opacity:1; transition: all 0.1s ease-in !important; } /* ========== HOME PAGE ==========*/ .handmadePatch {background-image: url("../images/handmade_patch.png"); background-repeat: no-repeat; margin-top:30px; width:100%; height:130px; background-position:top center;} .handmadePatch h3.hiddenTitle a{height:137px; display:block;} .hiddenTitle {text-indent: -9999px;} .polaroid { background-color: #ffffff; border: 1px solid #DBCCB3; padding: 6px; position: relative;} .polaroidShadow { background-image: url(../images/shadow_teaser.png); background-repeat: no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; width: 100%; height: 21px; } .purpleDisplayBtn { display:inline-block; padding:8px 20px; text-align:center; color:#f1ebd7; font-weight:bold; border-radius:4px; background-image: url(../images/pattern_purpleLeather.jpg); border: 2px dashed #a378d0; box-shadow: 0 0 0 4px #421e60, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);} .purpleDisplayBtn:hover { color:white; background-image: url(../images/pattern_yellowLeather.jpg); border: 2px dashed #ffffff; box-shadow: 0 0 0 4px #f0bd0a, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);} .icon.i-home-bw, .icon.i-home-w, .icon.i-cart, .feature-icon-hover:hover .icon.i-home-bw { background-image: url(../images/sprite_ssResponsive2.png); } .fanphoto h2, .homevideo h2, .homedyo h2 { font-size: 1.7em; position:absolute; bottom:0px; } .homeTitleWrap { position: relative; height:71px; } .owl-item .caption a { color: #563828; } /* ========== CATEGORY ==========*/ ul.products-grid { background-color: #ffffff; } .toolbar { border-top: 1px solid #ccc19e; border-bottom: 1px solid #ccc19e; } .toolbar .pager { border-top: 1px solid #ccc19e;} .accordion-style1 li a { border-bottom-color: #ccc19e; border-bottom: 1px solid #ccc19e; } .category-image img { border-radius: 4px; } .category-image { overflow: visible; } /* ========== PRODUCT ==========*/ .gen-tabs .tabs a { border-radius: 4px 4px 0px 0px; margin-right:5px;} /*.gen-tabs-style1 .tabs-panels { border-top: 1px solid #ccc19e; } .gen-tabs-style1 .tabs a.current { border-color: #ccc19e;}*/ .product-name h1 { font-size: 1.8em; } .product-view .product-shop .product-name { margin: 0px 0px 10px 0px; } a.sizingLink { background-image: url(../images/icon_ruler.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; height: 30px; display: block; width: 119px; text-decoration: none; font-size: 1.2em; line-height:1.6em; margin-bottom:10px;} .v-centered-content .v-center { vertical-align: bottom!important; } .cart-right-column button.btn-checkout span span { padding: 5px 25px; font-size: 1.8em; font-weight:bold; text-shadow: 1px 1px 3px rgba(0,0,0, 0.5);} .title-buttons button.btn-checkout span span { padding: 5px 25px; font-size: 1.8em; font-weight:bold; text-shadow: 1px 1px 3px rgba(0,0,0, 0.5);} .action-box ul.add-to-links { display: none; } button#product-addtocart-button { font-weight: bold; } .product-view .btn-cart span span {font-size: 1.5em; } .product-view .form-add .data-table { max-width: 176px; } .product-view .form-add .form-list { margin-top: 15px; } .product-view .form-add .buttons-set { margin-left: 0px; margin-right: 0px; } .product-view .form-add .buttons-set { float: left; } /*.product-view .box-up-sell .product-name, .product-view .box-up-sell .price-box { display: none; }*/ .product-options .dd { float: none; } .product-options dt label {margin-bottom:0px;} .product-options .dd .ddTitle { margin-bottom: 10px; } .product-options p.required { top: 0px; } .product-shop .product-type-data .availability { display: none; } #giftcard_amount_box p.notice span:first-child { margin-left: 15px; } /* ========== DYO ==========*/ .product-options dd .qty-holder.dyo-option-qty {display:none;} .dyo-product .product-options dd { margin: 0px 0 15px; } .product-options dt { height: 21px; } .dyo-product .product-shop .product-type-data { display: none; } .product-dyo-inspiration { margin-top: 30px; } .product-dyo-inspiration ul li.polaroid { float: left; margin: 0px 11px 11px; padding: 0px; } .dyo-product .product-options-bottom .price-box { float: none; } a.dyo-upsell-link { display: block; float: right; background-image: url(../images/icon_palette.png); background-repeat: no-repeat; background-position: right center; padding-right: 38px; height: 30px; font-size: 1.2em; line-height: 1.6em; margin-bottom: 10px; } /* ========== BOOTSTRAP BATTLE ==========*/ #root-wrapper .nav { margin-bottom: 0px; } .header p { margin: 0px; } #root-wrapper .dropdown .caret { margin-top: 0px; margin-left: 0px; vertical-align: middle; border-style: solid solid none; border-width: 4px 4px 0; border-color: #333 transparent transparent; } #root-wrapper label { font-size: inherit; line-height: inherit; } #root-wrapper .dropdown-menu { margin: 0px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* ========== CHECKOUT ==========*/ .opc .allow .step-title { background:#ddd6bd;} .opc .allow .step-title:hover { background-color: #bfb593; } .sp-methods label[for="p_method_authorizenet"] { background-image: url(../images/credit_card_logos_2.gif); background-position: left bottom; background-repeat: no-repeat; padding-left: 130px; padding-top: 23px; margin-top: 20px; } ul#payment_form_authorizenet { background-image: url(../images/icon_lock_big.png); background-position: right 20px; background-repeat: no-repeat; } .verifiedIcon { background-image: url(../images/logo_authnet.png); width: 102px; height: 79px; background-repeat: no-repeat; } .verifiedIcon a{ display:block; width: 102px; height: 79px; } .block .belowProgressIcon { margin: auto; text-align: center; padding-bottom: 10px; } .belowCartIcon { float: left; } .belowCartIcon.sslCertIcon img { height: 83px; padding-left: 12px; } .giftcard .buttons-set button.button { float: left; } .giftcard .buttons-set { margin: 10px 0px; } .giftcard h2 { padding-top: 7px; padding-bottom: 7px; font-weight: normal; font-size: 1.5em; line-height: 1.2222em; } #opc-login h3 { font-size:1.2em;} #flickrgallery .caption { position: relative; margin:0px;} #flickrgallery div.content { float: left; margin-right:30px; } #flickrgallery #controls { margin-bottom: 15px; } .cart-left-column input.input-text, .cart-left-column select, .cart-left-column textarea { border: 1px solid #5d5d5d; } .sp-methods { margin-top: 25px; } #co-payment-form textarea#checkout_notes { height: 3em; width: 100%; } #checkout_notification_block { float: right; width: 50%; font-style: italic; color: #575757; border-bottom: 1px solid #cccccc; padding-bottom: 15px; } /* ========== FORM ELEMENTS ==========*/ .button { -webkit-border-radius: 4px; border-radius:4px; /*border: 1px dashed #ffffff!important; box-shadow: 0 0 0 4px #512d75, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);*/ box-shadow: 1px 1px 3px 0px rgba(10, 10, 0, 0.5); } @-moz-document url-prefix() { button.button { overflow: hidden; } } .button.btn-cart span, .buttons-set .button span, .cart-table .button span { background-image: url(../images/pattern_purpleLeather.jpg); background-repeat: repeat; background-color:#633787; color:white;} .button.btn-cart:hover { /*border: 1px dashed #ffffff!important; box-shadow: 0 0 0 4px #f0bd0a, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);*/ } .button.btn-cart:hover span, .buttons-set .button:hover span, .cart-table .button:hover span { background-image: url(../images/pattern_yellowLeather.jpg); background-color:#f0bd0a;} /*#shopping-cart-table .button.btn-continue span {background-image: url(../images/pattern_lightTanLeather.jpg); color: #563828; font-size:1.2em;}*/ .cart .button.btn-update, #giftcard-form .button, #discount-coupon-form .button {box-shadow:none;} .cart .button.btn-update span, #giftcard-form .button span, #discount-coupon-form .button span {background-image: none; background-color:transparent; color: #0065a4; font-family: Arial, Helvetica, sans-serif; font-size:16px;} .cart .button.btn-update:hover span, #giftcard-form .button:hover span, #discount-coupon-form .button:hover span {color:#3ec2df;} #giftcard-form .button span, #discount-coupon-form .button span {padding: 0 25px 0 0;} .cart button.btn-proceed-checkout span {background-image: url(../images/pattern_purpleLeather.jpg);} .cart button.btn-proceed-checkout:hover span { background-image: url(../images/pattern_yellowLeather.jpg);} .cart .discount .discount-form label {margin-bottom:0px;} /* ========== FOOTER ==========*/ /*.footer-container { background-image: url(../images/star-strip_slice.png); background-repeat:repeat-x; background-position:top left;}*/ .footer-top-container { display:none; /*background-image: url(../images/star-strip_slice.png); background-repeat: repeat-x; height: 55px; position: relative; z-index: 5; margin-bottom: -8px;*/ } .footer-primary-container { /*background-image: url(../images/pattern_brownLeather.jpg);*/ background-image: url(../images/bgPattern.jpg); background-repeat:repeat;} .footer-secondary-container { display:none; /*background-image: url(../images/small_strip_slice.png); background-repeat:repeat-x; background-position:top left; padding-top:30px;*/} .footer-bottom-container { background-image: url(../images/bgPattern.jpg); background-repeat: repeat; } .footer-top .section { padding: 6px 0px; } .footer-primary { border-radius:4px; background-image: url(../images/pattern_brownLeather_dark.jpg); background-repeat: repeat; border: 2px dashed #f1ebd7; box-shadow: 0 0 0 4px #5b4d3f, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); } .footer .feature span.icon { background-color: #28211b; } .footer-secondary ul.bullet li { color: #ffffff; } .footer .feature { overflow: hidden; } #mc_embed_signup { } #mc_embed_signup input#mce-EMAIL { display: block; width: 75%; float: left; margin-top:10px; height:40px;} #mc_embed_signup button.newsletterBtn { float: right; margin-top:10px;} /* ========== BLOG ================*/ ul#wp-archive-list ul { padding-left: 10px; } ul#wp-archive-list li.more ul { display: block; } ul#wp-archive-list li.less ul { display: none; } .post-list ul li { margin-bottom:30px; padding-bottom:30px; border-bottom: 1px solid #ccc19e;} .entry .featured-image.left { margin: 0px 25px 25px 0px; } .entry .featured-image.right { margin: 0px 0px 25px 25px; } .post-list p.on { margin-bottom: 10px; } .post-view p.details { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc19e; } .post-view p.when { margin-bottom: 15px; font-weight:bold; font-style:italic;} .comment-list li {margin-bottom:15px; padding-bottom:15px; border-bottom: 1px solid #ccc19e; } .comment-list .gravatar { float: left; margin-right: 15px; } img[class*="align"], img[class*="wp-image-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full { max-width: 97.5%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } /* ========== RESPONSIVE ==========*/ @media only screen and (max-width: 767px) and (min-width: 480px) { #fanphotocontest .polaroid, #fanphotocontest .polaroidShadow, .homedyo .polaroidShadow, #dyoshoeofweek { max-width: 50%; margin:auto;} .col-main .grid12-4 { margin-bottom: 30px; border-bottom:1px solid #ccc19e; padding-bottom:30px;} } @media only screen and (max-width: 767px) { .product-dyo-inspiration { display: none; } body { padding-right: 0px; padding-left:0px;} } @media only screen and (min-width: 768px) { .dyo-product .img-box .more-images { display: none; } } @media only screen and (max-width: 479px) { body .container { width: 90%; } #fanphotocontest .polaroid, #fanphotocontest .polaroidShadow, .homedyo .polaroidShadow, #dyoshoeofweek { max-width: 100%; margin:auto;} .col-main .grid12-4 { margin-bottom: 30px; border-bottom:1px solid #ccc19e; padding-bottom:30px;} #mc_embed_signup input#mce-EMAIL { width: 65%; } ul#payment_form_authorizenet { background-size: 15%; background-position: right 0px; padding: 10px 0px 10px 0px;} } @media only screen and (min-width: 976px) { li#link-help { display: none; } .dyo-product .product-options dd { width:70%; } .dyo-product .product-options p.required { right: 174px; } } .social-links.icon-wrapper-square { width: auto !important; height: auto !important; background-image: none !important; } .main-container { height: auto !important; } #canvas_wrapper { height: 650px !important; border-top: none; } #product-canvas { width: 588px !important; border-top: 1px solid #ccc; } #left-options-panel { border-top: 1px solid #ccc; } .form-search label { display: none !important; } /*=== Custom Responsive====*/ /* 1280px <= width */ body {padding-right:0px!important; padding-left:0px!important;} @media only screen and (min-width: 1280px) { .container {width: 100% !important;} } /* 960px <= width < 1280px */ @media only screen and (min-width: 970px) and (max-width: 1279px) { } /* width < 960px */ @media only screen and (max-width: 969px) { body .container {width: 100%;} #left-primary-panel {width:50px !important;} #left-secondary-panel {width:120px !important;} #product-canvas {width: 522px !important;} #preview_customization {width: 100% !important;} /*.footer-primary {width: 90% !important;}*/ } /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 969px) { } /* 768px <= width */ @media only screen and (min-width: 768px) { #price_wrapper #add-to-cart {width:100% !important; padding-left:0px !important; padding-right:0px !important;} } /* width < 768px */ @media only screen and (max-width: 767px) { } /* end: width < 768px */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* end: 480px <= width < 768px */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { #left-primary-panel {width:42px !important;} #left-secondary-panel {width:82px !important;} #product-canvas {width: 420px !important;} #preview_customization {width: 100% !important;} #preview-base .option-layer {width: 422px !important;} #preview-stage {background-size: contain;} #price_wrapper #add-to-cart {width:100% !important; padding-left:0px !important; padding-right:0px !important;} } /* width < 640px */ @media only screen and (max-width: 639px) { .page-title button.btn-checkout { display: none; } } /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { #left-primary-panel {width:42px !important;} #left-secondary-panel {width:80px !important;} #product-canvas {width: 248px !important;} #preview_customization {width: 100% !important;} #preview-base .option-layer {width: 248px !important;} #preview-stage {background-size: contain; height: 46% !important;} #price_wrapper #add-to-cart {width:100% !important; padding-left:0px !important; padding-right:0px !important;} #canvas_wrapper {height: 330px !important;} #left-options-panel .intro_text {margin-top:10px !important;} .main.container{width: 90% !important;} } /* width < 480px */ @media only screen and (max-width: 479px) { #left-primary-panel {width:32px !important;} #left-secondary-panel {width:54px !important;} #product-canvas {width: 192px !important;} #preview_customization {width: 100% !important;} #preview-base .option-layer {width: 192px !important;} #preview-stage {background-size: contain; height: 46% !important;} #price_wrapper #add-to-cart {width:100% !important; padding-left:0px !important; padding-right:0px !important;} #canvas_wrapper {height: 300px !important;} #left-options-panel .intro_text {margin-top:10px !important;} #left-primary-panel > ul > li .left-menu-text {font-size: 10px;padding: 15px 0px;} #left-secondary-panel .optionWrapper .option-caption {font-size: 10px;} #canvas_wrapper h2,#canvas_wrapper h3 {font-size:12px;} .footer-primary {width: 90% !important;} .nav.container.clearer.has-outline.show-bg {width: 90% !important;} .search-wrapper-mobile .form-search {width: 94% !important;} .main.container{width: 90% !important;} .lightbox {min-width: initial !important;} body .container { width: 100%; } } @media only screen and (max-width: 345px) { #left-primary-panel {width:32px !important;} #left-secondary-panel {width:54px !important;} #product-canvas {width: 154px !important;} #preview_customization {width: 100% !important;} #preview-base .option-layer {width: 154px !important;} #preview-stage {background-size: contain; height: 46% !important;} #price_wrapper #add-to-cart {width:100% !important; padding-left:0px !important; padding-right:0px !important;} #canvas_wrapper {height: 300px !important;} #left-options-panel .intro_text {margin-top:10px !important;} #left-primary-panel > ul > li .left-menu-text {font-size: 10px;padding: 15px 0px;} #left-secondary-panel .optionWrapper .option-caption {font-size: 10px;} #canvas_wrapper h2,#canvas_wrapper h3 {font-size:12px;} .nav.container {width: 90% !important;} .search-wrapper-mobile .form-search {width: 94% !important;} .main.container{width: 90% !important;} .lightbox {min-width: initial !important;} } /* width < 320px */ @media only screen and (max-width: 325px) { #left-primary-panel {width:32px !important;} #left-secondary-panel {width:54px !important;} #product-canvas {width: 126px !important;} #preview_customization {width: 100% !important;} #preview-base .option-layer {width: 126px !important;} #preview-stage {background-size: contain; height: 46% !important;} #price_wrapper #add-to-cart {width:100% !important; padding-left:0px !important; padding-right:0px !important;} #canvas_wrapper {height: 300px !important;} #left-options-panel .intro_text {margin-top:10px !important;} #left-primary-panel > ul > li .left-menu-text {font-size: 10px;padding: 15px 0px;} #left-secondary-panel .optionWrapper .option-caption {font-size: 10px;} #canvas_wrapper h2,#canvas_wrapper h3 {font-size:12px;} .nav.container {width: 90% !important;} .search-wrapper-mobile .form-search {width: 94% !important;} .main.container{width: 90% !important;} .lightbox {min-width: initial !important;} } /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { } /* width < 240px */ @media only screen and (max-width: 239px) { } /*=== Image Color Change on Hover ====*/ .imghov { display: inline-block; margin: 7px; background-color: #fff; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.13ss linear; transition: all 0.3s linear; } .imghov img { opacity: 1; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .imghov:hover { background-color: indigo; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .imghov:hover, .imghov:hover img { opacity: 0.6; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; }