/*********** General Stuff ***********/ html, html a { -webkit-font-smoothing: antialiased !important; } body { background: #fff; background-attachment: fixed; font-family: Georgia, "Times New Roman", serif; font-size: 13px; line-height: 18px; color: #333; position: relative; -webkit-font-smoothing: antialiased; } .container {padding-top: 0;} /*homepage 300x250*/li.widget#adrotate_widgets-8 div object { height: 250px; display: block;margin: 0 auto } /*post page 300x600*/li.widget#adrotate_widgets-2 div object { height: 600px; display: block;margin: 0 auto } object[id*="sm_takeover"] {height:100%; width:100% !important} a,a:visited {color: #333;text-decoration: none;} a:hover,a:active {color: #e5892a;text-decoration: none;} .clear{clear: both;} .row {max-width: 1140px;background: #fff;} /* Nav Changes */.row.top.bar nav.top.bar {padding: 5px 10px;} .columns.top.bar {padding-bottom: 5px;background-color: #eee;} .menu-main-menu-container h1 {margin-bottom: 0;} h1.header {float: left;font-family: 'Lobster', cursive;font-weight: 100;font-size: 4.3em;line-height: 1.0;margin-bottom: 0;margin-top: 0;} h1.header a {text-decoration: none;} h3.tagline {text-transform: none;font-size: 1.2em;color: #999 !important;font-family: Georgia,'Times New Roman',serif;font-style:italic;} img.logo {float: right;margin-top: 18px;height: 34px;width: auto;} h1.header, img.logo {padding: 8px 0px 0;} .nav-bar {margin: 36px 0 0 28px;border: none;height: 20px;clear: none;float: left;} .nav-bar li a, .nav-bar li.current-menu-item.menu-item-type-custom a {color: #606060;font-family: Helvetica,Arial,sans-serif;font-size: 1.2rem;text-transform: uppercase;text-decoration: none;} .nav-bar li a:hover, .nav-bar li.current-menu-item.menu-item-type-custom a:hover, .nav-bar li.current-menu-item a {color: #e5892a;} .nav-bar > li {border-right: none;line-height: 1px;margin-top: 34px;} .nav-bar > li > a {padding: 0 2.6em;} .nav-bar > li.has-flyout > a::after {content: none;} .nav-bar>li.has-flyout>a {padding-right: 0.7em;padding-left: 0.7em;} nav form {float: right;clear: none;margin: 0px 0 4px 0;} .flyout {background: white;margin: 0;padding: 5px 20px 5px 20px;border: 1px solid #DDD;position: absolute;top: 20px;left: -1px;width: 95px;z-index: 10000;} .nav-bar > li li {margin-bottom: 0;} .nav-bar > li li a {padding: 0.65em 0;display: inline-block;width: 100%;} form.nice div.form-field input, form.nice input.input-text, form.nice textarea {border-radius: 0;-webkit-border-radius: 0;} .nav.row {padding: 0;border-bottom: 0px solid #606060;} /* FOLLOW */.follow {float: left;padding-top: 7px;} .follow div, .follow h4{margin-right: 5px;color: #606060;font-family: Helvetica,Arial,sans-serif;font-size: 13px;text-transform: uppercase;} .follow h4{padding-top: 2px;margin-right: 5px;} .fb_edge_widget_with_comment{clear: none;float: left;} .twtr-follow{clear: none;float: left;} .follow a {text-decoration: none;} .rss-follow, .rss-follow a{float: left;width: 18px;height: 18px;background-image:url('images/rss.png');display: block;} .instagram-follow, .youtube-follow{float: left;width: 18px;height: 18px;} a.followgrambutton{width: 18px;height: 18px;display: block;background-image:url('images/instagram.png');} .ig-b- { display: inline-block; } .ig-b- img { visibility: hidden; } .ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; } .ig-b-16 { width: 16px; height: 16px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-16.png) no-repeat 0 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.ig-b-16 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-16@2x.png); background-size: 60px 178px; } } a.youtubebutton {width: 18px;height: 18px;display: block;background-image:url('images/youtube.png');} .tumblr-follow{float: left;clear: none;height: 18px;width: 18px;overflow: hidden;} /* SEARCH */.search {padding-top: 10px;float: right;} .search input{width: 210px;margin-left: 24px;height: 20px;} /*********** Homepage changes ***********/.home .row.main {padding-top: 4px;padding-top: .4rem;} .row.daily, .row.social {border-top: 2px solid #606060;} .twitter-feed {margin: 10px;} /* Article List */.thumbs:first-cild {display: block;} .homepage li {margin-bottom: 8px;width: 116%;} .homepage li a, #php_widget-3 li a {font-family: Helvetica, Arial sans-serif;font-size: 1.8rem;line-height: 2.0rem;color: #fff;background-color: #606060;padding:10px 2px; height: 40px;display: block;text-decoration: none;text-transform: uppercase;font-weight: 300;overflow-y: hidden;} #php_widget-3 li {margin: 0 0 8px 0;} #php_widget-3 li a {height: 18px;font-size: 1.3rem;line-height: 1.8rem;padding: 4px;} #php_widget-3 li a:hover {background-color: #e5892a;} .homepage li a.long {font-size: 1.6rem;} .homepage li a, .homepage li a.selected {/* Fallback for web browsers that doesn't support RGBa */background: rgb(0, 0, 0);/* RGBa with 0.6 opacity */background: rgba(0, 0, 0, 0.6);/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000FF, endColorstr=#000000FF);/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000FF, endColorstr=#000000FF)";} .homepage{width:100%; max-width:640px; margin:0 auto} .three.columns{width:70%} .homepage li.more{height: 55px;background: #606060; float:left;} .homepage li.more a {height: 35px;line-height: 36px;background: #606060 url(images/menu-arrow-right.png) no-repeat right top;} .homepage li.more .next {text-align: center;} .homepage li.more a.next {padding-right: 29px;} .homepage li.more .prev {background: #606060 url(images/menu-arrow-left.png) no-repeat left top;float: left;padding-left: 29px;} .homepage li.more a:hover{text-decoration: none;color: #e5892a;} .homepage li a.selected {width: 116%;background: #e5892a;position: relative;z-index: 9999;font-size: 2.2rem;} .homepage li a.selected.long {font-size: 2.0rem;} /* Article Text */article.homepage {position: relative;display: none;width: 490px;height: 600px;overflow: hidden;} article.group {overflow: hidden;margin-bottom: 30px;margin-top: 30px;} .homepage-excerpt {position: absolute;bottom: 0;right: 0;background: #e5892a;font-size: 14px;font-family: "helvetica", "Arial", sans-serif;width: 80%;padding: 12px 12px 14px 12px;color: #000;} .homepage-excerpt {/* Fallback for web browsers that doesn't support RGBa */background: rgb(229, 137, 42);/* RGBa with 0.6 opacity */background: rgba(229, 137, 42, .6);/* For IE 5.5 - 7*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000FF, endColorstr=#000000FF);/* For IE 8*/-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000FF, endColorstr=#000000FF)";} .homepage-excerpt p.meta {font-family:Helvetica,Arial,sans-serif;margin: 10px 0 0 0;} .homepage-excerpt p.meta a:hover {color: #000;} /* Single articles and pages */.entry {margin-top: 16px;} .entry ul {list-style-type: disc;margin-left: 20px;} .row.main {padding-top: .5rem;padding-top:5px;} .single h2, .page h2, h3, h9 {font-family: Helvetica, Arial sans-serif;font-size: 17px;font-size: 1.7rem;line-height: 17px;line-height: 1.7rem;text-transform: uppercase;font-weight: 600;text-align: center;} p > span > strong, p > strong > span{font-weight:bold; color:#000;} .menu-main-menu-container h3 {color: #999 !important;float: left;text-align: left;clear: none;font-size: 13px;font-size: 1.3rem;vertical-align: baseline;margin-top: 36px;font-style: oblique;text-transform: lowercase;} .single h2, .page h2 {display: block;font-size: 24px;font-size: 2.0rem;line-height: 2.2rem;margin: 12px auto 12px auto;text-align: center;} /* Pagination */ul.pagination {margin: 0 auto;padding: 0 10px;} ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus {border-bottom: solid 2px #e5892a;} ul.pagination li a {font-family: Helvetica,Arial,Sans-serif;text-decoration: none;} /*********** Widgets ***********/.widget > * {margin-left: 4px !important;margin-right: 4px !important;} .widget h4, h4.subheader, .inspirator h4, .page-template-archive-news-php h2.entry-title, article.daily h2.entry-title, .search h2.entry-title, .archive h2.entry-title, #related-posts h4, .single-post h4.entry-title {padding: 6px 0 0 6px;color: #606060;font-family: Helvetica,Arial,sans-serif;font-size: 1.2rem;font-size: 12px;border-bottom: 0px solid #ccc;margin-bottom: 4px;text-transform: uppercase;font-weight: normal;} .page-template-archive-news-php h2.entry-title, article.daily h2.entry-title, .search h2.entry-title, .archive h2.entry-title, .single-post h4.entry-title {font-size: 2.0rem;padding-top: 1px;font-weight: bold;text-align: left;margin-top: 6px;} .single-post h4.entry-title {font-size: 1.6rem;font-weight: normal;} .single-post h4.entry-title a:hover {color: #999;} .page-template-archive-news-php h3 a, article.daily h3 a, .search h3 a, .archive h3 a, h2.entry-title.daily {text-decoration: none;} h2.entry-title.daily {border: none;font-size: 1.7rem;font-size: 17px;font-weight: 300;font-family: Helvetica,Arial,sans-serif;padding-bottom: 10px;} .page-template-archive-news-php article.group, article.group.daily, body.category article.group {border-bottom: 1px #ccc solid;} article.group.daily.last {border-bottom: none;} article.group.social {margin: 0;} ul.social li {margin-bottom: 0;} .page-template-archive-news-php span.meta, article.daily span.meta, .daily.meta, body.category span.meta, li.product span.meta {font-family: Helvetica,Arial,sans-serif;font-weight: normal;font-size: 1.2rem;font-size: 12px;font-style: italic;display: block;text-align: center;width: 100%;} .daily div.meta {margin-top: 16px;} article.daily {height: 350px;max-height: 350px;overflow: hidden;margin: 10px;} ul.block-grid.four-up.daily {margin-left: 0;margin-top: 10px;} ul.block-grid.four-up.daily li {border-right: 1px #ccc solid;margin: 0;padding-left: 0.75%;padding-right: 0.75%;} ul.block-grid.four-up.daily li.last {border: none;} .widget h3 {font-size: 1.6rem;font-size: 16px;float: left;clear: both;} h4 a {color: #e5892a;text-decoration: none;} h4 a:hover {color: #fff;} h4.subheader {} .widget h4 a {color: #606060;} .widget h4 a:hover {color: #e5892a;} .widget h4.orange {border-bottom: 1px solid #ccc;} h4.orange a {color: #333;} .widget li {list-style: none;clear: both;margin-top: 2px;} .widget_feacpost_featuredcategorypostswidget p a {display: block;} span.title {display: inline;clear: left;font-size: 1.2rem;color: #777;text-transform: uppercase;font-style: oblique;font-weight: bold;} .in-category{margin-bottom:20px;} .in-category a{font-family:helvetica; font-size:1em; color:#e5892a; text-transform:uppercase;} .home-content-sectional.active .in-category a{font-family:helvetica; font-size:1em; color:#e5892a; text-transform:uppercase;} .article-content-sectional{float:left;height:auto;border-top:0px solid #A0A0A0;padding-top:10px;margin:0 13.5%} .jspContainer{overflow: hidden;position: relative;} .jspPane{position: absolute;} .jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: red;} .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;} .jspVerticalBar *,.jspHorizontalBar *{margin: 0;padding: 0;} .jspCap{display: none;} .jspHorizontalBar .jspCap{float: left;} .jspTrack{background: #dde;position: relative;} .jspDrag{background: #bbd;position: relative;top: 0;left: 0;cursor: pointer;} .jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float: left;height: 100%;} .jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;} .jspArrow.jspDisabled{cursor: default;background: #80808d;} .jspVerticalBar .jspArrow{height: 16px;} .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus{outline: none;} .jspCorner{background: #eeeef4;float: left;height: 100%;} /* Yuk! CSS Hack for IE6 3 pixel bug :( */* html .jspCorner{margin: 0 -3px 0 0;} .jspVerticalBar{width: 8px;background: red;} .jspTrack{background: #FDC799;position: relative;} .jspDrag{background: #FA7300;} /*********** Inspirator *********/.inspirator h4 {width: 112%;font-size: 2.9rem;} #inspirator-outfits {min-height: 600px;} #inspirator-outfits p {padding-top: 72px;color: #FA7300;font-size: 2.2rem;margin: 0 auto;text-align: center;font-family: Helvetica,Arial,sans-serif;} .inspirator dt a {width: 108%;display: block;padding: 10px;margin: 6px 0;background-color: #606060;font-size: 1.6rem;font-family: Helvetica,Arial,Sans-serif;text-decoration: none;color: #fff;background-image: url('../images/arrow_closed.png');background-repeat: no-repeat;background-position: 98%;} .inspirator dt a.open {background-image: url('../images/arrow_open.png');background-repeat: no-repeat;background-position: 98%;margin-bottom: 0;} #inspirator li.parent {background-image: url('../images/parent_arrow_closed.png');background-repeat: no-repeat;background-position: 2%;cursor: pointer;} #inspirator li.parent.open {background-image: url('../images/parent_arrow_open.png');background-repeat: no-repeat;background-position: 2%;} #inspirator ul {margin-bottom: 0;padding-bottom: 0;} #inspirator ul li {background-color: #F5F5F5;list-style-type: none;padding: 2px 0 2px 20px;margin: 0;} #inspirator li.odd {background-color: #DCDCDC;} #inspirator label {margin: 0;padding: 0;} #inspirator ul li.parent {font-family: Helvetica,Arial,sans-serif;text-transform: uppercase;padding-left: 26px;} #inspirator ul li.parent:hover {color: #ccc;} #inspirator ul li:hover, #inspirator ul li.parent {background-color: #999;color: #fff;} #inspirator ul li:active {background-color: #FA7300;color: #333;} #inspirator ul ul li {padding-left: 28px;} #inspirator input[type=checkbox] {display: none;} #inspirator li.checked, #inspirator li.checked:hover {background: #FA7300;} #inspirator dd{width: 287px;max-height: 200px;overflow: auto;-webkit-margin-start: 0;margin-start: 0;outline: 0;} #inspirator .horizontal-only{height: auto;max-height: 200px;} #inspirator .under-items {display: none;margin-left: 30px;} #inspirator dt a:hover {color: #FA7300;} #inspirator dt.under-items a {background-color: #999;} #inspirator dt.under-items a:hover {color: #333;} #inspirator dd.under-items {margin-left: 30px;width: 255px;display: none;} .row.inspirator {background-image: url('../images/tsb_large_transparent.png');background-repeat: no-repeat;background-position: center right;} #inspirator-outfits img {max-width: 178px;height: auto;} .inspirator-outfit {display: inline;float: left;margin: 10px;} #inspirator-outfits .loader img {margin: 0 auto;text-align: center;} #inspirator-outfits .loader {margin: 0 auto;text-align: center;margin-top: 100px;} .style-guide-outfit-nav{width:150px; background:#fff; padding:23px 0; height:auto; border-bottom:1px solid #black;} .style-guide-outfit-nav dl{width:150px; height: auto; float:left; text-align:left; font-weight:bold;} .style-guide-outfit-nav dl dt{float:left; width:auto; line-height:18px; font-weight:normal;text-align:left;} .style-guide-outfit-nav dl dt dl{width:auto;float:none; font-weight:normal; height:auto; text-align:left; padding:0 0px; margin-bottom:4px} .style-guide-outfit-nav dl dt dl dt {float:none;text-decoration:none; font-weight:normal; margin-bottom:0px; line-height:15px;} dt a{height: auto !important; line-height:16px !important; padding:0px !important; font-size:12px !important;} dl a{height: auto !important; line-height:16px !important; font-size:12px !important;} .season-links {text-align:center !important;} .season-links a{padding:0 14px !important;} #sticky_navigation {background:url("http://www.tsbmen.com/images/fabric_plaid.png") repeat scroll 0 0 rgba(0, 0, 0, 0);border-bottom: 2px solid #818181;height: 50px;width: 100%; z-index:1; margin:0 auto;opacity:0.9;} #sticky_navigation_wrapper {width: 100%;height: 50px;} .navnav, .navnav ul, .navnav li, .navnav a {margin: 0;padding: 0;border: none;outline: none;} .navnav {height: 50px;width: auto;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .navnav li {position: relative;list-style: none;float: left;display: block;height: 50px;} .navnav li a {color: #000000;display: block;font-family: Helvetica,Arial,sans-serif;font-size: 15px;font-weight: normal;line-height: 41px;margin: 6px 5px;padding: 0 14px;text-decoration: none;transition: color 0.2s ease-in-out 0s;} .navnav li:first-child a { border-left: none; } .navnav li:last-child a{ border-right: none; } .navnav li:hover > a { color: #e5892a; } .navnav ul { background: none repeat scroll 0 0 #FFFFFF; border-radius: 0 0 5px 5px; left: 0; opacity: 0; position: static; top: 0px; transition: opacity 0.25s ease 0.1s; margin-top:-10px; height:0; } .navnav li:hover > ul { opacity: 1; } .navnav ul li {background:#fff;height: 0;overflow: hidden;padding: 0;-webkit-transition: height .25s ease .1s;-moz-transition: height .25s ease .1s;-o-transition: height .25s ease .1s;-ms-transition: height .25s ease .1s;transition: height .25s ease .1s;} .navnav li:hover > ul li {height: 36px;overflow: visible;padding: 0;} .navnav ul li a {width: 170px;padding: 4px 0 4px 0px;margin: 0;border: none;} .navnav ul li:last-child a { border: none; } .style-guide-outfit-nav{width:150px; background:#fff; padding:23px 0; font-family:Helvetica; float:left;} .style-guide-outfit-nav ul{width:600px; height: 500px; float:left; text-align:center; font-weight:bold;} .style-guide-outfit-nav ul li{float:left; width:auto; line-height:18px; font-weight:normal;text-align:left;} .style-guide-outfit-nav ul li ul{width:auto;float:none; font-weight:normal; height:auto; text-align:left; padding:0 23px;} .style-guide-outfit-nav ul li ul li {float:none;text-decoration:none; font-weight:normal; margin-bottom:2px;} .entry h3{color:#000 !important; width: 100%; z-index:999; text-align:center;position:;margin-top:0px; margin-bottom:0px;} .entry h9{color:#000 !important; width: 100%; z-index:999; text-align:center;position:;margin-top:-20px;} .mobile-menu-system {display:none;} .alignnone.size-large {margin-top: 22px;} p img {margin: 22px 0 0 !important;} .markerly-share-btn.markerly-share-markerly {display: none;} .markerly-image-wrapper {z-index:995 !important} .inspirator-welcome-message > img {border: medium none !important;height: 550px !important;margin: 25px;max-width: 550px !important;width: 550px !important;} .inspirator-welcome-message .markerly-image-wrapper {display:none !important; } .AlpinePhotoTiles-link {float:left; width:50% !important;} .igram li {list-style:none !important;padding-top:42px !important;} h10 {font-family: helvetica;font-size: 20px;font-weight: bold;line-height: 32px;text-align: center; display:inherit;} h6 {font-size: 20px !important;font-weight: bold !important;line-height: 32px !important;text-align: center !important; display:inherit !important; border-bottom:1px solid #d4d4d4 !important; border-top:1px solid #d4d4d4 !important;} .inspirator-welcome-message { min-height: 2000px; } #topNav span {color: #FFFFFF;} .styleguide-ad {border: none !important;margin: 20px auto;width: 600px;} .styleguide-ad img {max-width:575px !important; height:auto;} #lightbox-pinterest-btn, #lightbox-twitter-btn {display:none;} #disqus_thread {padding: 15px;} .entry a{color:#e5892a;} .entry h1 a {color: #000000 !important;} .entry a:hover{text-decoration:underline;} header .markerly-image-wrapper .markerly-share-btn markerly-share-fb, header .markerly-image-wrapper .markerly-share-btn markerly-share-tw, header .markerly-image-wrapper .markerly-share-btn markerly-share-pn, .main-menu-logo .markerly-image-wrapper {display:none !important;} #rps {float: left;position: relative; margin-top:30px;} #rps .window {overflow: hidden; position: relative;} #rps .slider {position: absolute;top: 0; left: 0;font-size:12px;font-family: Arial, Verdana;} #rps .slider div{float:left;} .rps-clr{clear:both;} #rps .slider div .col{float:left;padding:5px 0px;} #rps .col p{font-size:12px;padding:0px 10px;margin:0px;} #rps .col img{-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;background-color: white;padding:0px;} #rps .col p.post-title{position:relative;padding:0px;margin:0;height:40px;} #rps .col p.post-title span {font-size:13px;font-weight:bold; margin:0px;padding:0px 10px;height:40px;overflow:hidden;position:absolute;color:#666;text-decoration:none;line-height:18px;} #rps .col p.post-title a{text-decoration:none;} #rps .col p.post-title span:hover {height:auto;overflow:auto;z-index:100;padding-bottom:3px;color:#000;} #rps .col p.post-title a:hover {color:#000;} #rps .col p.slider-content{position:relative;} #rps .col p.slider-content-img{position:relative;margin:0px;padding:0px;border:0px;text-align:center;} #rps .col p.slider-content-both{position:relative;margin:0px;padding:0px;border:0px;text-align:left;line-height:17px;margin-right:5px;margin-left:10px;} #rps .col p.slider-content-both img{margin-right:10px;background-color: white;padding:1px;} #rps .paging {background: none repeat scroll 0 0 #000000;bottom: 10px;display: none;font-size: 11px;opacity: 0.7;padding: 4px 0;position: absolute;right: 0;text-align: center;width: 100%;z-index: 100;} #rps .paging a {padding:0px 5px;text-decoration: none;color: #e5892a;font-weight: bold; } #rps .paging a.active {background:#4b4646;color: #fff;} #rps .paging a:hover {color:#000;} #rps .post-date{position:absolute;margin-left:5px;margin-right:5px;z-index:1000px;background:#F7F5F5;filter:alpha(opacity=60);opacity:0.6;color:#000;font-weight:bold;padding-left:3px;} #rps img { width: 100%; height: auto; width: auto9; /* ie8 */ } .main-stuff span { color: #FFFFFF; font-size: 35px; line-height: 44px; } .main-stuff { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.42); bottom: 0; margin-bottom: 250px; padding: 20px 40px; position: absolute; width: 13%; } #OCCASION { margin-bottom: 15px; } .inspirator-category1{background: none repeat scroll 0 0 #838383;color: #FFFFFF;float: left;font-weight: 600; margin-bottom: 2px; padding: 4px 5px 3px 10px !important;width: 135px; margin-left:0 !important;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px} .arrow{background:url(images/left-arrow.jpg) no-repeat left top; padding-left:15px;} .arrow1{background:url(images/down-arrow.jpg) no-repeat left top; padding-left:15px;} .inspirator-category{margin-left:0px;} .inspirator-category{padding-left:10px;} .inspirator-category2 {background: none repeat scroll 0 0 #FFFFFF;border-radius:0px;color: #4F4F4F;float: left;font-weight: normal;margin-bottom: 2px;margin-left: 0 !important;padding: 3px 5px 3px 0 !important;width: 135px; border-bottom:1px solid #bfbfbf;} .list{margin:0 0 0 15px !important; padding:0; list-style:none; height:auto !important;} .list li{ display: block !important; float: none !important; line-height: 26px !important; margin-bottom: 0 !important;} #SEASON{margin-bottom:15px;} .style-sidebar-omit .style-guide-sidebar{display:none;} .yarpp-related { margin-top: 80px !important; } #ssba > a { margin-right: 2%; position:relative !important; } .entry > div { margin: 20px 0; } .ssba img { margin: 0 10px; width: 40px; } .ssba { width: 340px; } #ssba { margin-left: -5px !important; width:350px; position:; } /*New addition 26-05-2014*/ div.credits_tag {border-bottom: 1px solid #D4D4D4;margin-bottom: 32px;padding: 0 0 20px;text-align: center;} ul.credits_tag {margin: 0;padding: 0;display: inline;clear: right;} ul.credits_tag li {font-family: Helvetica,Arial,sans-serif;list-style: none;font-size: 1.3rem;display: inline;color: #777;font-style: oblique;} ul.credits_tag li a {color: #e5892a;} ul.credits_tag li a:hover { text-decoration:underline;} ul.credits_tag li:after { content: " // "; } ul.credits_tag li:last-child:after { content: "."; } #hideAll { position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: white; z-index: 99; /* Higher than anything else in the document */ } .da-img > img { width: 100% !important; } .yesshow{display:inline;} .noshow{display:none;} div.before { float: left; position: relative; width: 50%; } .before .inline-edit-col { float: left; width: 70%; } .inline-edit-group { float: left; } .inline-edit-group { float: left; width: 100%; } .inline-edit-group em.alignleft { margin: 18px 10px !important; } .inline-edit-group label.alignleft.inline-edit-private { margin: 19px 0 0; } td.colspanchange .content { display: block; float: left; width: 50%; } /**************Styles hassi***************/ .side_search { display: block; float: left; width: 20%; min-width: 300px; } .side_search > form { padding: 40px; } .side_srch_bg { margin: 10px 0; font-size: 22px; } #reset button { background: none repeat scroll 0 0 orange; border: medium none; color: #fff; display: block; font-family: oswald; font-size: 22px; padding: 3px; text-align: center; text-transform: uppercase; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: pointer; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .side_search #inspirator dt.under-items.side_srch_bg { margin: 10px 0 0; } .side_search #inspirator dt.under-items.side_srch_bg a { background-color: transparent; } .side_search #inspirator dt.under-items.side_srch_bg a:hover{ color: #fa7300; } #reset button:hover { background-color: #404040; } .side_search form dt a { color: #fff; font-family: oswald; } .tabs_phils ul { border-bottom: 1px solid #404040; display: block; float: left; margin: 10px 0; width: 100%; } .tabs_phils ul li a { font-family: lato; font-size: 16px; padding: 10px; text-transform: uppercase; } .tabs_phils ul li:first-child a { padding-left: 0; } #post { display: block; float: left; width: 65%; margin-top: 34px; } .content_styleGuide { display: block; float: none; margin: 0 auto; width: 95%; } .content_styleGuide .large-4 { display: block; float: left; min-width: 280px; width: 20%; } .content_styleGuide .large-8 { display: block; float: left; min-width: 600px; width: 80%; } .tabs_phils { display: block; float: left; width: 100%; } .tabs_phils ul li { float: left; } .side_search #inspirator ul li { background-color: #fff; font-family: lato; position: relative; } .side_search #inspirator ul li:hover { color: #000; } /*.side_search #inspirator ul li:before { background-color: #fff; content: ""; height: 2px; left: 3px; position: absolute; top: 10px; width: 8px; z-index: 1; } .side_search #inspirator ul li:after { background-color: #000; content: ""; border-radius: 50%; height: 14px; left: 0; position: absolute; top: 4px; width: 14px; z-index: 0; } */ .side_search #inspirator ul.color.no_before li:before { display: none; } .side_search #inspirator ul.color.no_before li:after { display: none; } .side_search #inspirator ul li:before { background-color: #fff; content: ""; height: 2px; left: 4px; position: absolute; top: 11px; width: 9px; z-index: 1; } .side_search #inspirator ul li:after { background-color: #000; border-radius: 50%; content: ""; height: 17px; left: 0; position: absolute; top: 4px; width: 17px; z-index: 0; } .side_search #inspirator ul li:before { background-color: #fff; content: ""; height: 2px; left: 4px; position: absolute; top: 11px; width: 9px; z-index: 1; } .side_search #inspirator ul li:after { background-color: #000; border-radius: 50%; content: ""; height: 17px; left: 0; position: absolute; top: 4px; width: 17px; z-index: 0; } .side_search #inspirator ul li.child { cursor: pointer; } .child span.horizontal { background-color: #fff; display: block; float: left; height: 10px; margin-left: -12px; margin-top: 5px; position: absolute; width: 1px; z-index: 99999; } .child span.verticle { background-color: #fff; display: block; float: left; height: 2px; left: 4px; position: absolute; top: 11px; width: 10px; z-index: 999; } .sub_child span.horizontal { background-color: #fff; display: block; float: left; height: 10px; margin-left: -20px; margin-top: 5px; position: absolute; width: 1px; z-index: 99999; } .side_search #inspirator ul.color.no_before li.color_child { border: 1px solid #e4e4e4; display: inline-block; height: 16px; margin: 0 2px 2px 0; padding: 1px; width: 16px; } .side_search #inspirator ul.color.no_before li.color_child div { background-color: black; display: inline-block; float: left; height: 16px; width: 100%; cursor:pointer; } ul.color.no_before { padding: 10px 20px; width: 65%; } ul.color.no_before li.color_child div.Brown { background-color: brown !important; } ul.color.no_before li.color_child div.Red { background-color: red !important; } ul.color.no_before li.color_child div.Beige { background-color: beige !important; } ul.color.no_before li.color_child div.Black { background-color: black !important; } ul.color.no_before li.color_child div.Grey { background-color: gray !important; } ul.color.no_before li.color_child div.Blue { background-color: blue !important; } ul.color.no_before li.color_child div.Green { background-color: green !important; } ul.color.no_before li.color_child div.Yellow { background-color: yellow !important; } .side_search #inspirator dd { height: auto; max-height: 100%; } .wp-post-image { border: 3px solid #fff; margin: 0 20px 20px 0; min-width: 0px; width: 100%; vertical-align: top; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .wp-post-image-styleguide { border: 3px solid #fff; margin: 0 1% 20px; min-width: 0px; width: 30%; vertical-align: top; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .wp-post-image:hover { border: 3px solid #717171; } .wp-post-image-styleguide:hover { border: 3px solid #717171; } #inspirator ul li { list-style-type: none; } #inspirator input[type=checkbox] { display: none; } #inspirator li.checked { background-color: red; } #inspirator dd { width: 100% !important; height: 200px; overflow: auto; -webkit-margin-start: 0; margin-start: 0; } #inspirator .horizontal-only { height: auto; max-height: 200px; } #inspirator .under-items { display: block; } .childs{ display : none; } .color { display : none; } .data-desc { display: none; } .side_search #inspirator ul li a:focus { color: #333; } .side_search #inspirator ul.childs { margin: 0 0 0 17px; } .side_search #inspirator ul.occasions li:before, .side_search #inspirator ul.occasions li:after, .side_search #inspirator ul.seasons li:before, .side_search #inspirator ul.seasons li:after{ display: none; } body .side_search #inspirator ul.color.no_before li.color_child.disabled { pointer-events: none; } body .side_search #inspirator ul.color.no_before li.color_child.disabled div { background-color: gray !important; } .active { font-size: 13px; font-weight: bold; color:#000; } .divv-color { margin-left: -25px; } .color_active { border : 3px solid #000000; margin: -3px; } // Light // light ul.color.no_before li.color_child div.Yellow { background-color: yellow !important; } ul.color.no_before li.color_child div.AliceBlue { background-color: #F0F8FF !important; } ul.color.no_before li.color_child div.AntiqueWhite { background-color: #FAEBD7 !important; } ul.color.no_before li.color_child div.Aqua { background-color: #00FFFF !important; } ul.color.no_before li.color_child div.Aquamarine { background-color: #7FFFD4 !important; } ul.color.no_before li.color_child div.Azure { background-color: #F0FFFF !important; } ul.color.no_before li.color_child div.Beige { background-color: #F5F5DC !important; } ul.color.no_before li.color_child div.Bisque { background-color: #FFE4C4 !important; } ul.color.no_before li.color_child div.Black { background-color: #000 !important; } ul.color.no_before li.color_child div.Blue { background-color: #00f !important; } ul.color.no_before li.color_child div.Brown { background-color: #A52A2A !important; } ul.color.no_before li.color_child div.Chocolate { background-color: #D2691E !important; } ul.color.no_before li.color_child div.Cyan { background-color: #00FFFF !important; } ul.color.no_before li.color_child div.DarkBlue { background-color: #00008B !important; } ul.color.no_before li.color_child div.DarkGray { background-color: #A9A9A9 !important; } ul.color.no_before li.color_child div.DarkGray { background-color: #A9A9A9 !important; } ul.color.no_before li.color_child div.DarkGreen { background-color: #006400 !important; } ul.color.no_before li.color_child div.DarkGreen { background-color: #006400 !important; } ul.color.no_before li.color_child div.DarkRed { background-color: #8B0000 !important; } ul.color.no_before li.color_child div.DarkViolet { background-color: #9400D3 !important; } ul.color.no_before li.color_child div.Fuchsia{ background-color: #FF00FF !important; } ul.color.no_before li.color_child div.Gold { background-color: #FFD700 !important; } ul.color.no_before li.color_child div.Gray { background-color: #808080 !important; } ul.color.no_before li.color_child div.Green{ background-color: #008000 !important; } ul.color.no_before li.color_child div.Indigo{ background-color: #4B0082 !important; } ul.color.no_before li.color_child div.Ivory{ background-color: #FFFFF0 !important; } ul.color.no_before li.color_child div.Khaki{ background-color: #F0E68C !important; } ul.color.no_before li.color_child div.Lavender { background-color: #E6E6FA !important; } ul.color.no_before li.color_child div.Lime { background-color: #00FF00 !important; } ul.color.no_before li.color_child div.Linen { background-color: #FAF0E6 !important; } ul.color.no_before li.color_child div.Magenta { background-color: #FF00FF !important; } ul.color.no_before li.color_child div.Maroon { background-color: #800000 !important; } ul.color.no_before li.color_child div.Moccasin { background-color: #FFE4B5 !important; } ul.color.no_before li.color_child div.Navy { background-color: #000080 !important; } ul.color.no_before li.color_child div.Olive { background-color: #808000 !important; } ul.color.no_before li.color_child div.Orange { background-color:#FFA500 !important; } ul.color.no_before li.color_child div.Orchid { background-color:#DA70D6 !important; } ul.color.no_before li.color_child div.PeachPuff { background-color:#FFDAB9 !important; } ul.color.no_before li.color_child div.Peru { background-color:#CD853F !important; } ul.color.no_before li.color_child div.Pink { background-color:#FFC0CB !important; } ul.color.no_before li.color_child div.Plum { background-color:#DDA0DD !important; } ul.color.no_before li.color_child div.Purple { background-color:#800080 !important; } ul.color.no_before li.color_child div.Red { background-color: #FF0000 !important; } ul.color.no_before li.color_child div.Salmon { background-color: #FA8072 !important; } ul.color.no_before li.color_child div.Sienna { background-color: #A0522D !important; } ul.color.no_before li.color_child div.Silver { background-color: #C0C0C0 !important; } ul.color.no_before li.color_child div.Snow { background-color: #FFFAFA !important; } ul.color.no_before li.color_child div.Tan { background-color: #D2B48C !important; } ul.color.no_before li.color_child div.Teal { background-color: #008080 !important; } ul.color.no_before li.color_child div.Thistle { background-color: #D8BFD8 !important; } ul.color.no_before li.color_child div.Tomato { background-color: #FF6347 !important; } ul.color.no_before li.color_child div.Turquoise { background-color: #40E0D0 !important; } ul.color.no_before li.color_child div.Violet { background-color: #EE82EE !important; } ul.color.no_before li.color_child div.Wheat { background-color: #F5DEB3 !important; } ul.color.no_before li.color_child div.White { background-color: #fff !important; } ul.color.no_before li.color_child div.Yellow { background-color: #FFFF00 !important; } /**********Responsive Media quries ********** ============================================*/ @media screen and (max-width: 460px){ body .wp-post-image { min-width: 100%; width: 100% !important; } } @media screen and (max-width: 767px){ body .wp-post-image { min-width: 190px; width: 100% !important; } body #post { margin-top: 0; width: 100%; } body .side_search { min-width:100%; } body .side_search > form { padding: 10px !important; } body .tabs_phils ul li { display: inline-block; float: none; } body .tabs_phils ul { text-align: center; } } @media screen and (min-width: 768px) and (max-width: 992px){ body .side_search { min-width: 200px; } body .side_search > form { padding: 10px; } body .content_styleGuide { width: 100%; } body #post { width: 70%; } body #post .wp-post-image { min-width: 126px !important; width: 100% !important; } } @media screen and (min-width: 1000px) and (max-width: 1400px){ body #post .wp-post-image { min-width: 126px !important; width: 100% !important; } } /////////////for filter search page ///////////////////// .sticky-wrapper { float: left; width: 25%; } #post { display: block; float: right; margin-top: 34px; padding-right: 120px; width: 65%; } .scrolled{ margin-left: 25%; } .fixed2{ position: fixed; }