/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ /* * Custom Style Sheet - Use this file to style your content */ /* This is to make the SEARCH BOX in line with the rest of the menu (4 Feb 2012)*/ #search{max-width:240px;} /*#toolbar{margin-bottom:20px;}*/ form#searchbox{float:right; margin-bottom: 0px; margin-top: 5px; border-bottom: 1px solid #fff; padding-left:30px;} /*was -left 20px*/ #searchbox input {height: 30px;color: #333;font-size: 14px; line-height:17px; font-family: Georgia, "Times New Roman", Times, serif; color: #b2b2b2; text-transform: uppercase;} #searchbox .results {color:#fff;} /*change to blush search results*/ #searchbox { width: 185px; height: 30px; padding: 0 25px 0 10px; background: #f9efef; } /*change to blush dropdown menu */ .menu-dropdown a.level1.active > span, .menu-dropdown span.level1 > span { color: #000 !important; font-weight: lighter; } /*change to white top menu */ .menu-line li a { color: #b2b2b2; } .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span { height: 35px; padding: 0 15px; line-height: 35px; border-bottom: 1px solid #ffffff; display: inline; color: #b2b2b2 !important; } #menubar{float:left; position:relative;bottom: 0.1em;} /* Fix to invisible map error from widgetkit .wk-map.wk-map-default {min-height:0px;} */ /* Banner under the logo fixing the position if it is in toolbar-l position*/ /*div#toolbar.bfc-o{overflow:visible; margin-bottom:0px;} a#logo{margin-bottom:10px;}*/ /* This removes the unwanted star rating in the modules */ /* Banner in the "search" module position making it left aligned to sit with the search box div.bannergroupleaderboard{margin:10px 10px 5px 0px; float:left;} form#searchbox{margin-top:70px;}*/ /* Jomsocial removing rounded corners */ #community-wrap .community-status .creator.active, #community-wrap .community-status .status-creator, #community-wrap .cModule { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-image: none; } /* Removing the margin of the toolbar to align the menu right under the logo */ #toolbar, #headerbar { margin-bottom:0px; } /* Jomsocial fixing the status tabs */ #community-wrap .community-status .creators {margin:0 0 -6px 0;} /*hide 2nd level menu items*/ a.menustylecity {display:none;} /* This is what makes the dropdown background color red - menu items */ .menu-dropdown li.level2 {background:#000;text-align:left;} /*was #ff2229*/ .menu-dropdown .dropdown-bg > div {background:#000; margin:none; box-shadow:none;opacity:0.9} /*was #ff2229 or #aba48f*/ /*to make color of in menu 2nd level menu item from black to grey or red */ .menu-dropdown a.current.level2 {color:#f9efef;} .menu-dropdown a.level2, .menu-dropdown span.level2 {color:#fff;} /* To fix Twitter overflow */ .wk-twitter-single .content {overflow:hidden;} /*Aligning the menu*/ #menu{float:left;padding-left:20px;width: auto;} /*was padding 60*/ /* This is the class that controls the Spotlights to have no white border around them */ .module .teaserimage { margin: -20px -20px 20px -20px; display: block; } .module .teaserimage > img { width: 100%; } .module .module-title + .teaserimage { margin-top: 0; margin-bottom: -20px;} div.slideshow {margin-top: 10px; margin-bottom: 0px; width:100%; } /*.componentheading{font-size:50px; font-family: "Arial";}*/ .fullwidthslideshow{width:100%; background-color:#000;} .fullslideshow{width: 100%; margin: 0 auto; padding:0px; text-align:center;overflow:hidden;} div.module deepest{width: 100%; overflow:hidden; height:auto;} .fullwidth{width:100%; background-color:#f9efef;} /*mel white*/ #header{margin:0 auto; width:1110px;background-color: #f9efef;} #footer{margin:0 auto; width:1110px; background-color: #f9efef; background-image:none;} /*#toolbar{margin-bottom:20px;}*/ form#searchbox{float:right; margin-bottom: 0px;padding-left:px;} /*was -left 20px*/ #menubar{float:left; position:relative;bottom: 0.1em;} /* Mosets Tree Listings. Name of Business */ #listing h2{font-size:3.5em;margin-bottom: 20px;} /*Mosets Tree listings. Listing in Detail */ #listing .fields .caption{padding:0.35em;font-size:1.1em;border-bottom:1px solid #ffffff;} /* Editing the menu colors */ /* Level 1 */ .menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span { float: left; z-index: 1000 !important; } .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span { height: 35px; padding: 0 15px; line-height: 35px; border-bottom:1px solid #ffffff; display: inline; color: #fff; /*Editing the Hover for Menu */ } .menu-dropdown a.level1 > span:hover {background-color: #ffffff;color: #0a0a0a;} /* Editing headlines for articles */ #system .title a {background: #000000;color: #FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size: 0.4em;padding: 0.2em;text-transform:uppercase;} /* Editing Search Box Colors #searchbox { width: 185px; height: 30px; padding: 0 25px 0 10px; background: #000; } #searchbox input { height: 30px; color: #333; font-size: 12px; } */ /* Editing the Video Plugin style */ .avPlayerWrapper { display:block; text-align:center; clear:both; margin: 0px; padding: 0px;} .avPlayerWrapper .avPlayerContainer { display:block; padding:0px; margin:0px auto; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:none; } div.avPlayerWrapper{padding:0px; margin:0px;} .avPlayerWrapper .avPlayerContainer .avPlayerBlock {padding:0px; margin:0px;} /* Local Spotter Module Style with no boax around it */ .module.style-spotter {margin: 5px 5px 10px 5px; padding: 0px; background:none;} .module.style-white {margin: 5px; padding-top: 30px; background:#ffffff;} .module.style-spotter1 {margin: 5px; padding: 30px 0px 30px 0px; background:none;} .module.style-theman {margin: 20px 5px 20px 5px; padding: 0px; background:none;} .module.style-article {margin: 35px 5px 15px 5px; padding: 0px; background:none;} /* Local button-amomentfor- Module Style with no boax around it */ .module.style-button {margin-top: -20px; margin-bottom:15px; padding: 0px; background:none;} .module.style-buttoncred {margin-top: -20px;margin-bottom:15px; padding: 0px; background:none;} .module.style-buttonedits {margin-top: -20px;margin-bottom: 25px; padding: 0px; background:none;} /* Local Spotter Module only for headline les reportages/edits on home */ div.module.style-headline {margin-left: 5px; margin-right: 5px; margin-bottom: -2px; margin-top: 25px; padding: 0px; background:#none;text-align:center} /* Local Spotter Module only for bubble 'discover and share' */ div.module.style-bubble {margin-left: 20px; margin-right: 0px; margin-bottom: 15px; margin-top: -35px; padding: 0px; background:#none;} /* Local Spotter Module Style with no boax around it - only for style cred / les reportages */ div.module.style-cred {margin-top: 20px;margin-bottom: 5px;margin-left: 5px;margin-right: 5px; padding: 0px; background:#none;padding-top:5px;} /* Local Style-Module fashion with black/red deco */ div.module.style-fashion {margin: 3px;padding: 0px;background: none; color:#000; border-top-width: 1.2em;border-top-style: inset;border-top-color: #000; border-bottom-width: 1.2em;border-bottom-style: solid;border-bottom-color: #b2b2b2;} /* Local Style-Module fashion only for video spots with black/red deco */ div.module.style-fashionvideo {margin: 20px 3px 20px 3px;padding: 0px;background: none; color:#000; border-top-width: 1.2em;border-top-style: inset;border-top-color: #000; border-bottom-width: 1.2em;border-bottom-style: solid;border-bottom-color: #b2b2b2;} div.module.style-contributors {margin: 20px 3px 20px 3px;padding: 0px;background: none; color:#000; border-top-width: 1em;border-top-style: inset;border-top-color: #000; border-bottom-width: 1em;border-bottom-style: solid;border-bottom-color: #b2b2b2;} div.module.style-xmas {margin: 0px 0px 0px 0px;padding: 0px 5px 0px 0px;background: none; color:#000; border-top-width: 1.2em;border-top-style: inset;border-top-color: #000; border-bottom-width: 1.2em;border-bottom-style: solid;border-bottom-color: #FF2229;} /* Local Style-Module fashionsection with black/red deco */ div.module.style-fashionsection {margin: 5px;padding: 5px;background: none; color:#000; border-top-width: 1.2em;border-top-style: inset;border-top-color: #000; border-bottom-width: 1.2em;border-bottom-style: solid;border-bottom-color: #b2b2b2;} /* Local Style-Module simple with black only */ div.module.style-simple {margin: 20px 5px 20px 5px; padding: 5px 5px 10px 5px; background:#ffffff;border-top-width: 10px;border-top-style: solid;border-top-color: #000;border-bottom-width: 10px;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;color:#000;font-size:0.8em;border-right-style: double;border-right-color: #000;border-left-style: double;border-left-color: #000;} div.module.style-simplefb {margin: 30px 5px 20px 5px; padding: 5px 5px 10px 5px; background:#ffffff;border-top-width: 10px;border-top-style: solid;border-top-color: #000; border-bottom-width: 10px;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;color:#000;font-size:0.8em;border-right-style: double;border-right-color: #000;border-left-style: double;border-left-color: #000;} /* Local Style-Module simple for spotted only */ div.module.style-spotted {margin: 5px; padding: 0px; background:#ffffff;border-top-width: 10px;border-top-style: solid;border-top-color:#000;border-bottom-width: 10px;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;color:#000;font-size:0.8em;border-right-style: solid;border-right-color: #000;border-left-style: solid;border-left-color: #000;} /*local style module same as simple but not white bkgr*/ div.module.style-simpleneutral {margin: 5px; padding: 5px; border-top-width: 10px;border-top-style: solid;border-top-color: #000; border-bottom-width: 10px;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;color:#000;font-size:0.8em;border-right-style: double;border-right-color: #000;border-left-style: double;border-left-color: #000;text-align:center; } .module .module-title {text-align:center;font-family: Didot, "Times New Roman", Times, serif;} /* Local Style-Module simple for featured whatsup cities gallery at bottom */ div.module.style-gallery {margin: 20px 5px 20px 5px; padding: 5px 5px 20px 5px; background:#ffffff;border-top-width: 10px;border-top-style: solid;border-top-color: #000; border-bottom-width: 10px;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;color:#000;font-size:0.8em;} /* Local Style-Module simple for menu styles cities spotted and whatsup */ div.module.style-whatsup {margin: 20px 5px 20px 5px; padding: 5px 5px 20px 5px; background:#ffffff;border-top-width: 10px;border-top-style: solid;border-top-color: #000; border-bottom-width: 10px;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;color:#000;font-size:0.8em;border-right-style: double;border-right-color: #000;border-left-style: double;border-left-color: #000;} div.module.style-gallerythin {margin: 20px 5px 20px 5px; padding: 5px 5px 20px 5px; background:#ffffff;border-top-width: 7px;border-top-style: solid;border-top-color: #000; border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;color:#000;font-size:0.8em;} /* Local Style-Module simple for light styles */ div.module.style-grey {margin: 20px 5px 20px 5px; padding: 15px 5px 20px 5px; background:#ffffff;border-top-style: double;border-top-color: #777777; border-bottom-style: double;border-bottom-color: #777777;text-transform:uppercase;color:#000;font-size:0.8em;} div.module.style-citynotes {margin: 20px 5px 20px 5px; padding: 15px 5px 20px 5px; background:#ffffff;border-top-style: double;border-top-color: #777777;border-bottom-style: double;border-bottom-color: #777777;color:#000;font-size:0.8em;} /* Local Style-Module simple with red */ div.module.style-red {margin: 20px 5px 20px 5px; padding-left: 10px;padding-right: 2px;padding-bottom: 12px;padding-top:2px; background:#ffffff;border-top-width: 10px;border-top-style: solid;border-top-color: #FF2229;border-bottom-width: 0.2em;border-bottom-style: solid;border-bottom-color: #000;text-transform:uppercase;font-size:0.8em;border-right-style: double;border-right-color: #000;border-left-style: double;border-left-color: #000;text-align:center;} /* Local Style-Module simple with quote */ div.module.style-quote {margin: 20px 5px 20px 5px; padding: 0px 1px 0px 1px; background:#ffffff;border-top-width:0.2em;border-top-style: solid;border-top-color: #000;border-bottom-width: 0.2em;border-bottom-style: solid;border-bottom-color: #000;border-right-style: double;border-right-color: #000;border-left-style: double;border-left-color: #000;text-align:center;font-size:1em;} .module .module-title {padding-bottom:8px;} /* import google font handwriting font */ @import url(//fonts.googleapis.com/css?family=Reenie+Beanie); /* import google font handwriting font */ @import url(//fonts.googleapis.com/css?family=GFS+Didot); /* Styling how the categories fonts look in J Reviews */ div.jr_pgContainer .contentDiv a {background: #f6f6f6; font-color:#fff; font-style:regular;} /* top menu */ .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span { font-size: 10px; padding-left: 15px; /* was 15px */ padding-right: 15px; /* was 15px */ font-family:arial;} /*change hover*/ div.module.style-simplespotted a:hover, a:active {color: #fff;} div.module.style-whatsup a:hover, a:active {color: #fff;} /*added mel*/ /*was: div.module.style-simple a:link, a:visited {text-transform:uppercase;}*/ div.module.style-simple a:hover, a:active {color: #777;} div.module.style-red a:hover, a:active {color: #777;} /*added mel*/ .menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span, .menu-dropdown a.level2 > span, .menu-dropdown span.level2 > span, .menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {font-size:14px;letter-spacing:2px;font-weight: lighter;font-style: italic;} /*this is to create active menu items 1st level - so that people can see where they are*/ .menu-dropdown a.level1.active > span, .menu-dropdown span.level1 > span {color:#777;font-weight:lighter} /*wasaba48f */ /*this makes menu on 2nd level thinner and smaller*/ .menu-dropdown a.level2 > span, .menu-dropdown span.level2 {line-height:17px; font-size:12px;} .menu-dropdown a.level2:hover > span, .menu-dropdown span.level2:hover {color:#777;} /*mel turn hover of normal links to red */ a, a:hover { text-decoration: none;color:#777; } /*this is to change login/register to make small link bold or different - but changes all article links*/ #content.grid-block a:link {font-style:;text-transform:} /* .mb { color: #FF2229; font-size: 2em; float: left; margin: -4px 8px -18px 0; line-height: 2em; display: inline-block; }*/ /*styling jreviews */ div.jr_blogview div.contentTitle, div.jr_blogview div.contentTitle a {font-size: 1.5em;} .fn {font-size:1.5em;font-family: Georgia, "Times New Roman", Times, serif;font-weight: lighter;line-height: 0.9em;text-transform: uppercase;} div.fieldGroup div.fieldLabel {font-family:Georgia,"Times New Roman",Times, serif;background-color: black;font-size:0.9em;font-style: italic;text-transform: uppercase;color: white;font-weight: normal;width:85px;padding-top:0.3em;padding-right:15px;padding-bottom:0.3em;padding-left:0.3em; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px;} div.fieldGroup div.fieldRow {margin-bottom:1px;} div.jr_thumbview .contentTitle {font-size: 13px;line-height:1em;} .fieldGroupTitle, h3.fieldGroupTitle {font-size:18px;;color:#ed1c24;} h4.jr_reviewTitle {font-size: 20px;text-transform:uppercase;} .jr_form .ui-optionsDiv a { background: none repeat scroll 0 0 #777;text-transform:uppercase;} .jrButton, .jr_form input.jrButton {font-weight:bold} /*styling blog layouts*/ #system .items .item:first-child {} /*border-bottom:solid 5px;*/ #system .item > header .title {} /*border-top:solid 1.2px;*/ #system .items .item {border-top: none} /*system was #solid 1px #ddddd*/ #system .items .item {border-top:solid 1px;border-color:#000;} /*border-top:solid 1.2px; was medium none*/ /* Styling the forum */ #Kunena #ktab a{ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #000000 !important; } #Kunena #ktab ul.menu li.active a, #Kunena #ktab li#current.selected a { background-color: #777 !important;} /* Kunena Custom CSS */ #Kunena div.kblock > div.kheader,#Kunena .kblock div.kheader { background: #FF2229 !important; } #Kunena #ktop { border-color: #FF2229; } #Kunena #ktop span.ktoggler { background: #FF2229; } #Kunena #ktab a:hover, #Kunena #ktab li.Kunena-item-active a { background-color: #FF2229; } #Kunena #ktab ul.menu li.active a { background-color: #FF2229; } #Kunena a:link, #Kunena a:visited, #Kunena a:active {color: #FF2229;} #Kunena a:focus {outline: none;} #Kunena a:hover {color: #FF2229;} #Kunena a:link, #Kunena a:visited, #Kunena a:active {color: #FF2229;} #Kunena a:focus {outline: none;} #Kunena div.kannouncement div.kheader { background: #999999 !important; } #Kunena div#kannouncement .kanndesc { background: #ffdbdb; } #Kunena div.kfrontstats div.kheader { background: #000000 !important; } #Kunena div.kwhoisonline div.kheader { background: #FC0000 !important; } #Kunena #ktab a { background-color: #000000 !important; } #Kunena #ktab ul.menu li.active a,#Kunena #ktab li#current.selected a { background-color: #FF2229 !important; } #Kunena #ktab a:hover { background-color: #FF2229 !important; } #Kunena #ktop { border-color: #000000 !important; } #Kunena #ktab a span { color: #FFFFFF !important; } #Kunena #ktab #current a span { color: #FFFFFF !important; } #Kunena #ktop span.ktoggler { background-color: #FF2229 !important; } /* End of Kunena Custom CSS */ /*style footer */ a.menustyleitalic {font-size:1.8em;padding-right:25px;font-weight:bold;font-style:italic;} a.menustyle {font-size:1.5em;padding-right:25px;font-weight:bold;} a.menustylesmall {font-size:1.5em;padding-right:25px;font-style:italic;font-weight:bold;} a.menustylebold {font-size:1.3em;padding-right:25px;font-weight:bold;} a.menustyletiny {font-size:11px;letter-spacing:1px;font-family:Arial, Helvetica, sans-serif;padding-right:0px;} a.menustylelinks {font-size:11px;letter-spacing:1.5px;} #footer .menu-line {margin-bottom: 15px;} #footer .module {text-align:center;} /*style jomsocial */ #community-wrap .cModule h3 {color: #000;text-transform:uppercase;font-size:1em;font-family:Arial, Helvetica, sans-serif;} #community-wrap .componentheading {text-transform:uppercase;font-style:italic;} .app-box .actor-link {text-transform:uppercase;font-size:1em;font-family:Arial, Helvetica, sans-serif;} body #community-wrap .cFeed-item .newsfeed-content-top, .cFeed-item .newsfeed-content-top {font-size:12px;text-align:left;color:#cc3333;font-family:Arial, Helvetica, sans-serif;} #community-wrap .group-menus li a {color:#000;font-family:Arial, Helvetica, sans-serif;} #community-wrap .event-menus li a {color:#000;font-family:Arial, Helvetica, sans-serif;} #community-wrap .cModule h3 {color:#000;} ul, ol, dl {color:#000;} #community-wrap .cSubmenu li a {color: #000;} #community-wrap .cDetailList .detailWrap {text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px} #community-wrap .cFeed-item .newsfeed-content-hidden, .cFeed-item .newsfeed-content-hidden {text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px} #community-wrap .cFeed-item .cComment {text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px} #community-wrap .cFeed-item .newsfeed-content, .cFeed-item .newsfeed-content {font-family:Arial, Helvetica, sans-serif;font-size:12px} /*adjust toolbar top jomsocial*/ #jsMenu .jsMenuBar {margin-top:-5px;} #jsMenu .jsMenuBar a {background: none repeat scroll 0 0 #000;letter-spacing:0.5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:lighter;} #jsMenu .jsIr {background-color: #fff;} #jsMenu .jsMenuBar li a.active {background: #ff2229; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2229',endColorstr='#ff2229'); background: -webkit-gradient(linear,left top,left bottom,from(#ff2229),to(#ff2229)); background: -moz-linear-gradient(top,#ff2229,#ff2229);} #jsMenu .jsMenuBar li ul {display: none;background: #ff2229;border: none;} #jsMenu .jsIr.isActive {background-color: #ff2229;} #jsMenu .jsMenuBar li li {border-top: 1px solid #fff;} body #community-wrap div.greybox div div div h1 {text-transform:uppercase;} #community-wrap .innerpgbar, .innerpgbar {background-color:none;border: none; background: #000;border: none;border-radius: 0px 0px 0px 0px; box-shadow: none;border: none; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style:solid; border-top-color: none; border-right-color: none; border-bottom-color:none; border-left-color: none;} /*style body articles */ body {line-height: 150%;color:#0a0a0a;} /*black module*/ .mod-black {background: #000;} /*Social media icons*/ /*login*/ form.short > div {color:#999;} .menu, .menu ul {color:#999;} .menu a {color:#999;} /*overlay shadow over images*/ .spotlight .overlay > div { padding: 30px;font-size: 16px;line-height:20px;font-weight:bold}