/* image calls only */ .MPU_ad { background: url("mpu_label.png") no-repeat 0 -10px } #comments .form_div a.FB_login { background-image: url("signin_facebook.png")} #pagetype_tags a.gplus_link { background: transparent url("gplus-24x24.png") no-repeat } .yui-calcontainer .calnavleft { background: url("cal_arrows.gif") no-repeat scroll 0 0 transparent} .yui-calcontainer .calnavright { background: url("cal_arrows.gif") no-repeat scroll -11px 0 transparent} #nearby #QLClosed { background: url("nearby_close.gif") no-repeat right top} #nearby #QLOpened { background: url("nearby_open.gif") no-repeat right top} .ui-autocomplete-loading { background: white url("animated_circle_16x16.gif") right center no-repeat; } .carousel.media nav a, .media-options a, .play, .carousel-slider-thumbs div.nav a { background-image: url("media_icons.png") } #cboxLoadingGraphic{background:url("animated_circle_32x32.gif") no-repeat center center } #cboxPrevious{ background:url("controls.png") no-repeat top left } #cboxNext{ background:url("controls.png") no-repeat top right } #cboxClose{ background:url("controls.png") no-repeat top center } .ui-widget-header .ui-datepicker-prev, .ui-widget-header .ui-datepicker-next { background: url("cal_arrows.png") no-repeat } .ui-widget-header .ui-datepicker-next { background-position: -10px 0 } input.get_directions_from.button.drive { background-image: url("driving.png") } input.get_directions_from.button.bike { background-image: url("cycling.png") } input.get_directions_from.button.walk { background-image: url("walking.png")} #rating p.rating_0 { background: url("rating_0.gif")} #rating p.rating_0_5 { background: url("rating_0_5.gif")} #rating p.rating_1 { background: url("rating_1.gif")} #rating p.rating_1_5 { background: url("rating_1_5.gif")} #rating p.rating_2 { background: url("rating_2.gif")} #rating p.rating_2_5 { background: url("rating_2_5.gif")} #rating p.rating_3 { background: url("rating_3.gif")} #rating p.rating_3_5 { background: url("rating_3_5.gif")} #rating p.rating_4 { background: url("rating_4.gif")} #rating p.rating_4_5 { background: url("rating_4_5.gif")} #rating p.rating_5 { background: url("rating_5.gif")} .chicklet.facebook { background-image: url("facebook-24x24.png"); background-repeat: no-repeat } .chicklet.flickr { background-image: url("flickr-24x24.png"); background-repeat: no-repeat } .chicklet.twitter { background-image: url("twitter-24x24.png"); background-repeat: no-repeat } .chicklet.youtube { background-image: url("youtube-24x24.png"); background-repeat: no-repeat } .chicklet.gplus { background-image: url("gplus-24x24.png"); background-repeat: no-repeat } .chicklet.linkedin { background-image: url("linkedin-24x24.png"); background-repeat: no-repeat } .chicklet.pinterest { background-image: url("pinterest-24x24.png"); background-repeat: no-repeat } .chicklet.instagram { background-image: url("instagram-24x24.png"); background-repeat: no-repeat } .chicklet.rss { background-image: url("rss-24x24.png"); background-repeat: no-repeat } #breadcrumbs { display: none } @media only screen and (max-width:48em) { #topnav a.pull { background: url("nav-icon.png") no-repeat 98% center; } }#topnav .mainnav { background: #ddd url("mainNav_bgd.png") left bottom repeat-x } .small_link { background: url("arrow.png") right center no-repeat } a.RSS_link { background: transparent url("rss_button.gif") no-repeat } p.infos { background: transparent url("arrow.png") 0 center no-repeat } p.next { background: transparent url("arrows_next.png") center right no-repeat } p.prev { background: transparent url("arrows_prev.png") center left no-repeat } .location_listing_result.featured, .sprocket_featured_listing li, .event_result.event_listing_featured { background-image: url("white_screen.png"); background-repeat: repeat; } .sprocket_video .more a { background: transparent url("more_video.gif") no-repeat } p.event_category{font-size:75%}#location_list_featured_div .location_listing_result.featured:before{color:#000000;font-size:80%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}p.sideinfos{font-size:85%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;background-color:#FFFFFF}#title h1{color:#FFFFFF;font-size:200%}#content h2{color:#FFFFFF}.entry{border-bottom-color:#EBEBEB}.entries h2{color:#000000;font-size:75%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;border-bottom-color:#FFFFFF}.roundup_marker{background:#818181}#eventinfos{border-color:#EBEBEB}.ui-datepicker .ui-state-active{background-color:#EBEBEB}.sprocket_featured_listing li{background-color:#000000}#bottomnav{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;font-weight:normal;font-style:normal}.featurette{border-color:#EBEBEB}.play_button{border-color:#EBEBEB}#bloginfo h3{color:#000000}#topnav .subnav_nested a{color:#EBEBEB;font-size:100%}#content .carousel-nav-paginated li a:hover{background-color:#EBEBEB}#form legend{color:#FFFFFF;font-size:100%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}.location_result{border-bottom-color:#EBEBEB}.sprocket{border-color:#EBEBEB}#content blockquote p{font-size:100%;line-height:"Arial","Helvetica Neue","Helvetica",sans-serif}p.tag-cloud-list{font-size:100%}.yui-calcontainer{background-color:#FFFFFF}.ui-datepicker .ui-state-default{color:#000000}input.button{background-color:#818181}.sprocket_manuallist li{border-bottom-color:#EBEBEB}.featurette li{color:#000000}#pag2{border-top-color:#EBEBEB}.yui-calendar td.calcell.selected{background-color:#FFFFFF}#category_list_div{border-color:#EBEBEB}#topnav .subnav_nested{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;background-color:#FFFFFF}p{font-size:100%;font-weight:normal;line-height:150%;font-style:normal}.ui-tabs .ui-tabs-nav li{background-color:#EBEBEB}.sprocket_eventcal a.event_title{color:#000000}#textnav{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;font-weight:normal;font-style:normal}.sprocket_eventcal h2.event_header{color:#000000}button{background-color:#818181}#tabs.ui-tabs .ui-tabs-nav li.ui-state-active{background-color:#000000}#content p{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}#blogcategories h3{color:#000000}.alpha_search a.on{background-color:#000000}.carousel.teaser nav li.carousel-active-page a{background-color:#000000}#sectionlead .lead{border-color:#FFFFFF;background-color:#FFFFFF}h3 a:visited{color:#000000}h2.event_header{font-size:75%}#page_next.paging_links{color:#000000}.carousel.teaser{border-color:#FFFFFF;background-color:#FFFFFF}#loctypes_list_div{border-color:#EBEBEB}#comments form{border-color:#EBEBEB}.yui-calendar td.calcell{border-color:#EBEBEB}input[type="submit"]{background-color:#818181}label{color:#000000;font-size:75%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}.calweekdaycell{background-color:#FFFFFF}.media-content p{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}.event_result{border-bottom-color:#EBEBEB}.sprocket_eventcal p.event_category{color:#818181;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}#tagcloud{border-color:#EBEBEB}#pag1{border-bottom-color:#EBEBEB}body{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}#topnav .subnav a{color:#EBEBEB;font-size:100%}.event_result.event_listing{background-color:#FFFFFF}.loc_feats pre{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}#topnav .subnav_nested a:hover{color:#FFFFFF}.gallery_slide:hover{background-color:#FFFFFF}#topnav .subnav a:hover{color:#FFFFFF}#roundup-location-list{border-color:#EBEBEB}p.status{background-color:#000000}#feedback p{font-size:130%}.event_result.event_listing_featured{background-color:#000000}#recentposts{border-color:#EBEBEB}.pagination a.next{border-color:#EBEBEB}#side_searchform{border-color:#EBEBEB}a.next_link:hover{background-color:#FFFFFF}#abouttag{border-color:#EBEBEB}.sectiontitle h1{font-size:95%;background-color:#818181}.comment-item h4{font-size:120%;font-weight:normal}#topnav .mainnav a{font-size:100%}#features h2{font-size:100%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;border-bottom-color:#EBEBEB}#tabs.ui-tabs .ui-tabs-nav li.ui-state-hover{background-color:#000000}.sprocket_eventcal ul.tabbernav li.tabberactive a{color:#000000;border-top-color:#000000;border-right-color:#000000;border-left-color:#000000}#form{background-color:#FFFFFF}.roundup-location .number{background:#818181}.sprocket_multiblog li{border-bottom-color:#EBEBEB}p.info{font-size:100%}a:visited{color:#000000}h2{font-weight:normal;font-size:135%;font-family:"Georgia","Times","Times New Roman",serif;font-style:normal}h3{font-weight:normal;font-size:130%;font-family:"Georgia","Times","Times New Roman",serif;font-style:normal}h1{font-weight:normal;font-size:150%;font-family:"Georgia","Times","Times New Roman",serif;font-style:normal}h4{font-weight:normal;font-size:130%;font-family:"Georgia","Times","Times New Roman",serif;font-style:normal}h5{color:#000000;font-size:75%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}#CSE input{border-color:#EBEBEB}#location_list_featured_div{border-color:#000000}a.toggle_view:hover{background-color:#818181}.foot a.search{background-color:#818181}.ui-datepicker td.ui-datepicker-today{border-color:#FFFFFF}#content li{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;line-height:150%}#topnav .mainnav{background-color:#000000}a.listing_but{background-color:#818181}#content a:visited{color:#000000}#topnav .subnav li.selected a{color:#FFFFFF}.carousel.teaser .carousel-item{border-color:#FFFFFF;background-color:#FFFFFF}#topnav a.pull{font-size:130%;background-color:#818181}.sprocket_eventcal div.tabbertab{border-color:#000000}a.prev_link:hover{background-color:#FFFFFF}.location_listing_result{background-color:#FFFFFF;border-bottom-color:#EBEBEB}.comment{border-bottom-color:#EBEBEB}#searchform{border-color:#EBEBEB}#topnav{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;font-weight:normal;font-style:normal}.ui-datepicker .ui-state-hover{background-color:#FFFFFF}p.credits{font-size:80%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}.pagination li a{border-color:#EBEBEB}.highlight{background-color:#FFFFFF}.sprocket_video .row{border-bottom-color:#EBEBEB}#topnav .mainnav > li.selected > a{background-color:#FFFFFF}a.view_more{background-color:#818181}.ui-menu-item:hover{background-color:#FFFFFF}.yui-calcontainer td.calcell.calcellhover{background-color:#000000}.carousel.teaser nav li a{background-color:#FFFFFF}h3 a:link{color:#000000}p.infos{font-size:85%}#googlemap .loc-marker-info span{font-family:"Georgia","Times","Times New Roman",serif;font-weight:normal}.carousel.teaser nav li a:hover{background-color:#000000}.results_loading{background-color:#FFFFFF}.comment-item.internal .comment{background-color:#FFFFFF}.yui-pg-current-page{color:#FFFFFF}#location_list_featured_right_div .location_listing_result.featured:before{color:#000000;font-size:80%;font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}#content .carousel-nav-paginated a{color:#FFFFFF}.feature{border-bottom-color:#EBEBEB}#topnav .subnav{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif;background-color:#FFFFFF}.foot a.submit{background-color:#818181}.sprocket_eventcal ul.tabbernav a:hover{color:#FFFFFF;background-color:#FFFFFF}#bottomnav .mainnav a{color:#FFFFFF;font-size:110%}#blogcategories{border-color:#EBEBEB}#content .carousel-nav-paginated li.carousel-active-page a{background-color:#EBEBEB}#tabs.ui-tabs .ui-tabs-nav li h2 a{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}.pagination a.prev{border-color:#EBEBEB}.sprocket_eventcal ul.tabbernav a{border-color:#FFFFFF}h3.sidebar-title{color:#FFFFFF;background-color:#000000}h3.sidebar-title a{color:#FFFFFF}.alpha_search a:hover{background-color:#818181}.media-content h2{font-family:"Georgia","Times","Times New Roman",serif}a.toggle_view{background-color:#000000}.location_listing_result.featured{background-color:#000000}p.lead{font-size:115%}#topnav .mainnav a:hover{background-color:#818181}#count{background-color:#EBEBEB}#page_previous.paging_links{color:#000000}#tagcloud h3{color:#000000}#categories{border-color:#EBEBEB}html{background-repeat:no-repeat;background-color:#EBEBEB}#feedback{background-color:#818181}#topnav .subnav_nested li.selected a{color:#FFFFFF}#comments a.FB_Link{color:#000000}.facet h3{color:#818181;font-size:120%}.sprocket_eventcal div.event_list li{border-top-color:#EBEBEB}#bloginfo{border-color:#EBEBEB}.sprocket_blog li{border-bottom-color:#EBEBEB}.yui-calendar td.calcell a{color:#000000}#addcomment{background-color:#FFFFFF}a{color:#000000}#textnav a{color:#000000;font-size:110%}.feats{font-family:"Arial","Helvetica Neue","Helvetica",sans-serif}.small_link{font-size:80%}.ui-datepicker table{border-color:#EBEBEB}#bottomnav .mainnav{background-color:#000000}#recentposts h3{color:#000000}a.coupon{background-color:#000000}@media only screen and (max-width:48em){.header_links{background:#000000}#logo .chicklets{background:#000000}p.lead{font-size:130%}}/* ------------------------------------------------------------ */ /* --------------- (c) 2014 EXBERLINER MAGAZINE --------------- */ /* -------------------- www.exberliner.com -------------------- */ /* ------------------------------------------------------------ */ /* -- FONT IMPORT -- */ @font-face { font-family: 'Average Sans'; font-style: normal; font-weight: 400; src: local('Average Sans'), local('AverageSans-Regular'), url(http://themes.googleusercontent.com/static/fonts/averagesans/v1/dnU3R-5A_43y5bIyLztPsZS3E-kSBmtLoNJPDtbj2Pk.ttf) format('truetype'); } /* -- BASICS -- */ html, body { margin: 0 0 0 0; padding: 0; text-align: left; background: #F6F6F6; } #body { width: 960px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #top { padding: 10px 0 0 0 !important } #top, #bottom, #side { margin: 0 } #main { margin: 0 0 0 10px } #pagetype_location #inline { float: right } /*#pagetype_article #main, #pagetype_event #main, #pagetype_video #main, #pagetype_comments #main, #pagetype_photos #main, #pagetype_tags #main, #pagetype_blog #main, #pagetype_locationsearch #main, #pagetype_eventsearch #main, #pagetype_tags #main, #pagetype_location #main { background: transparent}*/ /* -- FONTS FIX -- */ /* sans-serif */ #content p, p.lead, .feature, p.credits, p.caption, #bottompageinfos .date, .tags h4, .tags a, #pagetype_section #inline, h5, #contentnav h2, #comments h3, #teasers div.text, .sprocket_multiblog, div.sprocket_eventcal, div.sprocket_eventcal ul.tabbernav, div.sprocket_eventcal div.event_list li, div.sprocket_eventcal div.foot a, .sprocket_video, #pagetype_locationsearch #side, #pagetype_locationsearch #searchform select, #related li, div.related li, #contentnav li, .yui-calendar *, #comments li h4, #addcomment h3, #addcomment p, #addcomment input.submit, #pagetype_slideshow h3, #pagetype_slideshow .play_button, .scroll_buttons, div.location_listing_result, label.fsOptionLabel, label { font-family: Helvetica, Arial, "Lucida Grande", sans-serif; } /* serif */ #sectiontitle h1, .sectiontitle h1, h1, #pagetype_location h1, h2, h3, h4, #title h1, #inline h3.sidebar-title, .sprocket_multiblog h3, .sprocket_multiblog h4, .sprocket_multiblog a.blog_title, .sprocket_twitter li a.twitter_link, .sprocket_blog li h4, #pagetype_eventsubmit legend, #side h3, #pagetype_slideshow h1, #pagetype_slideshow h2, #listing_search_heading h2, #pagetype_locationsearch #location_list_featured_right_div:before { font-family: Georgia, "Times New Roman", serif; } h3 { font-size: 1.3em } /* special */ #topnav .mainnav, #bottomnav .mainnav, #topnav .subnav, #textnav { font-family: 'Average Sans', Arial, sans-serif; text-transform: uppercase} /* -- logo area -- */ #logo { background: #f6f6f6; overflow: visible } #logo .chicklets { top: 0; width: 24px } #logo .chicklet { margin-bottom: 5px } #CSE { top: 164px; right: 10px; z-index: 10 } /* -- NAVIGATION BARS -- */ #topnav .mainnav { font-size: 1em } #topnav .mainnav li { border-right: 1px solid #fff } /*#topnav .mainnav a:hover, #topnav .mainnav>li.selected>a, .mainnav>li.selected>a { background-color: #fc6c21 }*/ #topnav .subnav { background: transparent; border-bottom: 1px solid #000; border-top: 1px solid #fff } #topnav .subnav a { color: #333; } #topnav .subnav a:hover { color: #fff; text-decoration: none; background-color: #fc6c21 } /*#topnav .subnav>li.selected>a { color: #fc6c21; font-weight: 800; background-color: transparent }*/ #bottomnav { background: #000 } #bottomnav .mainnav { text-transform: uppercase; padding: 0; margin: 0 auto; width: 76% } #bottomnav .mainnav li { display: table-cell } #bottomnav .mainnav a { padding: 6px 15px; font-size: 1em; display: block; border-right: 1px solid #fff } #bottomnav .mainnav .menu_section_start a { border-left: 1px solid #fff } #textnav { border-bottom: 1px solid #000; padding: 15px 0 } #textnav li { border-left: 1px solid #666 } #textnav li:first-child { border-left: none } #textnav a { padding: 0 10px; font-size: 1em; color: #333 } /* ---- navigation bar & section colour coding ---- */ /* transition effect */ .mainnav a:hover, .subnav a:hover { -webkit-transition: all 0.2s ; -moz-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; transition: all 0.2s ;} /*.menu_section_whats-on a:hover, .menu_section_classifieds a:hover, .menu_section_shop a:hover, .menu_section_features a:hover, #section_features #topnav .subnav a:hover, .menu_section_food a:hover, #section_food #topnav .subnav a:hover, .menu_section_culture a:hover, #section_culture #topnav .subnav a:hover, .menu_section_visiting a:hover, #section_visiting #topnav .subnav a:hover, .menu_section_locations a:hover, #section_locations #topnav .subnav a:hover { -webkit-transition: all 0.2s ; -moz-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; transition: all 0.2s ;}*/ #topnav .menu_section_whats-on a:hover, .menu_section_whats-on a:hover { text-decoration: none; color: #fff; background-color: #74278f; } #topnav .menu_section_classifieds a:hover, .menu_section_classifieds a:hover, #topnav .menu_section_classifieds.selected a { text-decoration: none; color: #fff; background-color: #f6cb26; } #topnav .menu_section_shop a:hover, .menu_section_shop a:hover { text-decoration: none; color: #fff; background-color: #05bc28; } #topnav .menu_section_locations a:hover, .menu_section_locations a:hover, #section_locations #topnav .subnav a:hover { text-decoration: none; color: #fff; background-color: #1da1f9; } #section_locations #topnav li.selected a, li.menu_section_locations.selected a, #section_website #pagetype_locationsearch .toggle_view, #section_website #pagetype_locationsearch #alpha_search a:hover, #section_website #location_list_div .featured .address:before { color: #fff; background-color: #1da1f9; } ul.subnav_locations a:hover { color: #fff; background-color: #1da1f9 !important; } #topnav .menu_section_features a:hover, .menu_section_features a:hover, #section_features #topnav .subnav a:hover { text-decoration: none; color: #fff; background-color: #fc6c21; } #section_features #topnav li.selected a, li.menu_section_features.selected a, #section_features a.listing_but, #section_features #location .address a { color: #fff; background-color: #fc6c21; } #section_features .tags a:hover { background-color: #fc6c21; } #section_features #location p a, #section_features #content p a, #section_features .infos a, #section_features .author a, #section_features .comment .reply a, #section_features blockquote p:before { color: #fc6c21; font-weight: bold; } #section_features #topnav .subnav li.selected a { font-weight: bold; color: #fc6c21; background-color: transparent; } #section_features #related h5 { color: #fc6c21 !important; } #pagetype_homepage .feature .section a[href^="http://www.exberliner.com/features"] { font-weight: bold; color: #fff !important; background-color: #fc6c21 !important; padding: 0 2px; -webkit-border-radius: 5px; border-radius: 2px;} #topnav .menu_section_food a:hover, .menu_section_food a:hover, #section_food #topnav .subnav a:hover { text-decoration: none; color: #fff; background-color: #fc1819; } #section_food #topnav li.selected a, li.menu_section_food.selected a, #section_food a.listing_but, #section_food #location .address a { color: #fff; background-color: #fc1819; } #section_food .tags a:hover, #section_food #pagetype_locationsearch .toggle_view, #section_food #location_list_div .featured .address:before { background-color: #fc1819; } #section_food #location p a, #section_food #content p a, #section_food .infos a, #section_food .author a, #section_food .comment .reply a, #section_food blockquote p:before { color: #fc1819; font-weight: bold; } #section_food #topnav .subnav li.selected a { font-weight: bold; color: #fc1819; background-color: transparent; } #section_food #related h5 { color: #fc1819 !important; } #pagetype_homepage .feature .section a[href^="http://www.exberliner.com/food"] { font-weight: bold; color: #fff !important; background-color: #fc1819 !important; padding: 0 2px; -webkit-border-radius: 5px; border-radius: 2px;} #topnav .menu_section_culture a:hover, .menu_section_culture a:hover, #section_culture #topnav .subnav a:hover { text-decoration: none; color: #fff; background-color: #e60fe0; } #section_culture #topnav .mainnav li.selected a, li.menu_section_culture.selected a, #section_culture a.listing_but, #section_culture #location .address a { color: #fff; background-color: #e60fe0; } #section_culture .tags a:hover { background-color: #e60fe0; } #section_culture #location p a, #section_culture #content p a, #section_culture .infos a, #section_culture .author a, #section_culture .comment .reply a, #section_culture blockquote p:before { color: #e60fe0; font-weight: bold; } #section_culture #topnav .subnav li.selected a { font-weight: bold; color: #e60fe0; background-color: transparent; } #section_culture #related h5 { color: #e60fe0 !important; } #pagetype_homepage .feature .section a[href^="http://www.exberliner.com/culture"] { font-weight: bold; color: #fff !important; background-color: #e60fe0 !important; padding: 0 2px; -webkit-border-radius: 5px; border-radius: 2px;} #topnav .menu_section_visiting a:hover, .menu_section_visiting a:hover, #section_visiting #topnav .subnav a:hover { text-decoration: none; color: #fff; background-color: #3529ab; } #section_visiting #topnav .mainnav li.selected a, li.menu_section_visiting.selected a, #section_visiting a.listing_but, #section_visiting #location .address a { color: #fff; background-color: #3529ab; } #section_visiting .tags a:hover { background-color: #3529ab; } #section_visiting #location p a, #section_visiting #content p a, #section_visiting .infos a, #section_visiting .author a, #section_visiting .comment .reply a, #section_visiting blockquote p:before { color: #3529ab; font-weight: bold; } #section_visiting #topnav .subnav li.selected a { font-weight: bold !important; color: #3529ab; background-color: transparent !important} #section_visiting #related h5 { color: #3529ab !important; } #pagetype_homepage .feature .section a[href^="http://www.exberliner.com/visiting"] { font-weight: bold; color: #fff !important; background-color: #3529ab !important; padding: 0 2px; -webkit-border-radius: 5px; border-radius: 2px;} /* other transitions */ .tags a:hover, #tagcloud a:hover, a.more_link:hover, a#view_more:hover, #pagetype_location .loc_feats a[itemprop="url"]:hover, #pagetype_locationsearch #searchform button:hover { -webkit-transition: all 0.2s ; -moz-transition: all 0.2s ; -ms-transition: all 0.2s ; -o-transition: all 0.2s ; transition: all 0.2s ;} p.infos { background: transparent; padding: 0 } a.more_link, a#view_more { display: inline-block; font-weight: bold !important; background-color: #eee; padding: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; } a#view_more { clear: left; float: left; margin-top: 5px } a.more_link:hover, a#view_more:hover { background-color: #ccc; } .media-content p a { font-weight: bold; border-bottom: 1px solid #ccc; } /* -- CAROUSEL -- */ .carousel.teaser, .carousel.teaser .carousel-item, .carousel.teaser>div { background: #000; padding: 0; max-height: 300px } .carousel.teaser div.text * { color: #fff !important; } .carousel div.text h2 { line-height: 1.2em; margin-bottom: 10px; } .carousel.teaser div.text { font-size: 1.1em; padding: 10px 10px 0 20px } .carousel.teaser div.text p { line-height: 1.2em !important;} .carousel.teaser div.text a.more_link { background: transparent !important; padding: 0; } .carousel.teaser nav { width: 120px; height: 20px; overflow: hidden; position: absolute; bottom: 5px; left: 450px } .teaser nav ol li { float: right; list-style: none; } .carousel.teaser nav li a { height: 12px; width: 12px; background: #fff } .carousel.teaser nav li.carousel-active-page a { height: 14px; width: 14px; border-radius: 6px; background: #fff } .carousel.teaser .text { -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; word-wrap: normal !important } /* content & lead */ #content p, #lead p, .feature { font-size: 1.1em; line-height: 1.4em; padding: 0 0 10px 0; } #content p { margin: 0 } p.lead strong { font-size: 1.25em; font-weight: normal; font-style: normal !important;} #section_the-berlin-blog #lead p em, #pagetype_event #lead p em { font-size: 1em !important; font-style: italic !important; } #pagetype_homepage .infos { margin-top: 15px; color: #000;} /*---- pull quotes ---- */ blockquote { display: block; width: 70%; float: right; margin: 0 0 0 20px; font-size: 1.1em; } blockquote p { padding: 10px 0 20px 20px !important; margin: 0; line-height: 1.6em !important; font-style: normal !important; color: #000;} blockquote p em { font-style: normal !important;} blockquote p:before { content: "\201C"; font-size: 4em; font-family: Georgia, serif; color: #000; position: relative; top: 10px; display: block; float: left; margin: 0 10px 0 0; } blockquote p:after { content: "\201D" !important; font-size: 1.1em !important;} /* ---- content links ---- */ a { color: #000; text-decoration: none; } a.visited { color: #000; text-decoration: none; } a:hover { text-decoration: none } #content p a, p.lead a , #content ul a { border-bottom: 1px solid #ccc !important; font-weight: bold !important; } #content p a:hover, p.lead a:hover, #content ul a:hover { border-bottom: 1px solid #000 !important; } p.author a, p.author a:hover { font-weight: bold; color: #000; border: 0 !important; } #pageinfos p { color: #999999; } #pageinfos .author { display: inline; } #pageinfos .date { display: inline !important; padding-right: 5px; } #pageinfos .date:before { content: "on ";} .address, .event_info { -moz-hyphens: auto; hyphens: auto; word-wrap: break-word } #pagetype_homepage .infos a { font-weight: bold;} /* ---- content tags ---- */ .tags h4 { display: inline; font-size: 1.1em; font-weight: bold; } .tags h4:after { content: ":";} .tags a { display: inline-block; font-size: 0.9em; font-weight: bold; text-transform: lowercase; -webkit-border-radius: 2px; border-radius: 2px; padding: 1px 5px; color: #fff; background-color: #000; margin-bottom: 4px; } .tags a:hover { background-color: #666; } .tags a:visited { color: #fff !important; } .tags span>span { display: none; } .tags a:after { content: none !important; } #tagcloud a { border-bottom: 0 !important; padding: 0 5px; -webkit-border-radius: 3px; border-radius: 3px; } #tagcloud a:hover { background-color: #ddd; } #tagcloud .tag-cloud-list { text-align: center; } #comments { margin: 30px 0 10px; padding: 10px 0; border-top: 2px solid #000 } #comments p.nocomments { margin: 6px 0; font-style: italic; } #comments form { background: #efefef; clear: both } #comments form a.FB_login { background: url( http://www.exberliner.com/downloads/9365/download/login.png); width: 200px; height: 38px ; text-indent: -999px; font-weight: bold; text-decoration: underline; cursor: pointer !important; float: right; display: inline-block; position: relative;} #comments form .c_name { margin-bottom: 10px;} #comments form textarea { height: 100px !important;} #comments form .c_captchas { margin-bottom: 10px; } #comments form .c_captchas img { padding: 5px; } #comments form input.form_submit { background: #000 !important; color: #fff !important; width: 100px; height: 35px; font-weight: bold; padding: 5px; margin: 10px 500px 10px 0; display: inline-block; } .comment-item { clear: left; font-family: Helvetica, Arial, sans-serif } .comment { clear: left; float: left; padding: 10px 0; border-color: #000; width: 100% } .comment-item h4 { font-size: 1.1em; font-weight: bold; margin-bottom: 5px; font-family: Helvetica, Arial, sans-serif} .comment-item p.message { font-size: 1em; line-height: 1.4em; display: block !important; width: 80%; float: right; } .comment-item p.info { font-size: 0.8em; margin-top: 5px; float: left !important; display: block !important; width: 20%; } .comment-item .info .author { color: #000; font-size: 1.2em; font-weight: bold;margin-right: 5px; display: block; clear: both; } .comment-item .info .author img { width: 70px; padding: 5px; border: 1px solid #000; margin: 0 10px 5px 0; display: block } /* ---- section view ---- */ #sectiontitle h1, .sectiontitle h1, #title h1 {background: transparent; padding: 0; letter-spacing: 0; text-transform: none; color: #000000; font-size: 3.8em; line-height: 1.25em; } #sectiontitle a, .sectiontitle a { color: #000 } #sectionlead .lead { padding: 0; border: 0; width: 100%; background: #000 } #sectionlead .lead .text { padding: 10px } #pagetype_section #inline, #pagetype_subsection #inline { background: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px } .featurette { border: none } #sectionlead .text h2 a, #sectionlead .text p, .featurette h3, .featurette p, .featurette li, .featurette a { color: #fff } div.feature, div.entry { padding: 10px 0; margin-bottom: 8px; } div.feature h3, div.entry h3 { font-size: 1.2em; line-height: 1.4em } div.feature div.image, div.entry div.image { float: left; display: inline; padding: 0 10px 0 0; position: relative; width: 170px } div.feature div.image img { width: 170px; height: auto;} #section_food .section:before { content: "in "; } /* ---- content page elements ---- */ .sectionpaging { display: table; margin-bottom: 10px } #featureimage { margin-bottom: 10px } #contentnav li { margin: 0 0 0 10px; } #lead { margin: 5px 0; } .tools { width: 620px; margin: 10px 0; display: table } #facebook-like { display: none } .play { left:5px; top:5px; height: 25px; width: 25px;} #content pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } pre, code, tt, samp { font-family: monospace } sub { vertical-align: bottom; font-size: xx-small } sup { vertical-align: top; font-size: xx-small } #pagetype_review #content ul { margin: 0 0 20px 0 !important; padding: 0 !important;} #pagetype_review #content ul li { font-size: 1.1em !important; padding: 2px 0 !important; margin: 0 0 0 -15px !important; } #pagetype_article #content .content ul li { font-size: 1.05em; line-height: 1.5em; color: #333 !important; position: relative; left: 20px; margin: 10px 0; list-style-type: square; } #pagetype_article hr, #pagetype_review hr { display: block; margin: 15px auto 25px auto !important; width: 75% !important; border: 0 !important; height: 1px !important; background-color: #ddd !important; } #section_the-berlin-blog #pagetype_article h1 { font-size: 3em; width: 500px; } #section_the-berlin-blog #pagetype_article header #title { background: url(http://www.exberliner.com/downloads/9408/download/berlinblog.jpg) bottom right no-repeat; min-height: 75px; } #pagetype_article .pagination { text-align: right; margin-bottom: 20px; } #pagetype_article .pagination:before { font-weight: bold; font-size: 1.1em;} .pagination li a, .pagination a.prev, .pagination a.next { font-weight: bold; padding: 3px 6px; border: 1px solid #333; } #pagetype_location .share { padding-bottom: 3px;} #pagetype_location #side { margin-top: 90px;} #pagetype_location .box h2 { border-bottom: 3px solid #000 !important; padding-bottom: 10px; margin-bottom: 10px; } #pagetype_location #location { border-top: 3px solid #000 !important; padding-top: 10px;} #pagetype_location .sprocket_fb_like_box { padding-top: 40px;} #pagetype_location ul { margin-bottom: 30px;} #pagetype_location li { font-size: 15px !important; list-style-type: square !important; } #pagetype_location #tabs ul { border-bottom: 3px solid #000 !important; margin: 0 !important; padding-top: 20px; width: 620px; } #pagetype_location #tabs ul li h2 a { text-transform: uppercase; display: block; padding: 10px;} #pagetype_location img.loc_thumb { width: 150px; float: right;} #pagetype_location span[itemprop="address"] { font-weight: bold; font-size: 1.2em !important; margin-bottom: 10px !important;} #pagetype_location .tools { margin-top: 15px; border: 0 !important } #pagetype_location #location { border-top: 1px solid #ccc; } #pagetype_location .loc_feats a[itemprop="url"] { font-weight: bold; color: #000; background: #ddd; display: inline-block; margin-top: 9px; padding: 5px; text-transform: uppercase; } #pagetype_location #backlink { display: none; } #pagetype_location .loc_feats a[itemprop="url"]:hover { background: #ccc;} #pagetype_location .loc_feats label { letter-spacing: 0; font-size: 12px; background: #fff; color: #000; display: block; padding: 10px 0 0 0; border-bottom: 1px solid #ccc; margin: 5px 0 !important; } #pagetype_location .listing_photo img { width: 620px; height: auto;} #pagetype_location .closed { font-size: 2em; padding: 10px 25px; float: right; color: #fff; font-weight: bold; text-transform: uppercase; text-align: center; background: red; display: inline-block;} /* ---- sponsored locations ---- */ #location_list_div .featured .address:before { content: 'Sponsored'; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #fff; padding: 1px 3px 1px 3px; } #location_list_featured_div .location_listing_result.featured:before, #location_list_featured_right_div .location_listing_result.featured:before { font-size: 10px; font-weight: bold; color: #fff; padding: 1px 3px 1px 3px; margin-bottom: 5px; } .location_listing_result.featured { background: #fff !important;} .location_listing_result .loc_thumb img { width: 120px; } #location_list_div .featured .address h4 { margin-top: 5px; } #pagetype_location #content { margin-top: 20px; } #pagetype_location #location img.loc_thumb { width: auto !important; } #pagetype_location #listing_coupon h3 { display: none; } #pagetype_location #listing_coupon p { font-size: 1.1em; font-weight: bold; padding-top: 10px; } #pagetype_location #listing_coupon a.print_coupon { display: inline-block; background: #000; color: #fff; padding: 10px 15px; margin: 10px 0; text-align: center; font-weight: bold; font-size: 1.2em; } #pagetype_location #listing_coupon a.print_coupon:after { content: ' voucher';} #pagetype_location #tabs-images .listing_photos .listing_photo h4.title { display: none; } #pagetype_location .youtube-video { padding: 0 !important; margin: 0 !important; } #location_list_div a.coupon { color: #000; background: #fff; border: 1px dashed #000; font-weight: bold; font-size: 0.8em; text-transform: uppercase; } .sprocket_featured_listing:before { content: 'Sponsored'; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #fff; background: #ccc; padding: 1px 3px; float: right !important; position: relative; top: 25px;} .sprocket_featured_listing ul { display: inline-block; padding-bottom: 20px; width: 100%; } .sprocket_featured_listing h3 { border-bottom: 2px solid #000; font-size: 1.4em !important; } .sprocket_featured_listing ul li { width: 95%; padding: 10px 10px 10px 0; background: #fff; border-bottom: 1px solid #000; } .sprocket_featured_listing a.coupon { display: none; } .sprocket_featured_listing .loc_thumb img { width: 75px; } #location_list_featured_right_div .location_listing_result.featured, .sprocket_featured_listing li { background: transparent !important; margin: 0; padding: 0;} #location_list_featured_right_div .location_listing_result.featured { border-bottom: 1px solid #000; padding: 20px 0 10px 0; } /* ---- location roundups */ #pagetype_article #roundup-location-list { display: none !important; } #pagetype_article #googlemap { margin-top: 20px; } #roundup-locations li.roundup-location { position: relative; padding: 10px 0 25px } .roundup-location .thumb img { margin: 0 auto; width: 100%; display: block; } .roundup-location .number { background: #000; border: 2px solid #fff; font-weight: bold; } .roundup-location { margin-bottom: 25px !important; } .roundup-location .info h3 { margin-bottom: 15px !important; } #pagetype_article .roundup-location .info h3 a { border: 0 !important; font-weight: normal !important; font-size: 1.3em; } .roundup-location .info .address, .roundup-location .info .website, .roundup-location .info .phone { display: inline; font-size: 12px; font-weight: bold} .roundup-location .info .address:before { content: "\25BA"; } .roundup-location .info .address:before { content: "\25BA"; } .roundup-location .phone:before { content: " | Tel "; } .roundup-location .website:before { content :" |"; } .roundup_marker { background: #000; font-weight: bold; font-size: 1.1em; border: 2px solid #fff } .roundup-location .info .address { margin-top: 0; position: absolute; bottom: 0 } /* ---- location search ---- */ #pagetype_locationsearch .toggle_view, #pagetype_locationmap .toggle_view { font-size: 2em; padding: 10px !important; text-align: center; border-radius: 10px !important; float: right !important; display: block !important; margin: 10px !important;} @media only screen and (max-width:32em) { #pagetype_locationsearch .toggle_view, #pagetype_locationmap .toggle_view { font-size: 1em !important; float: left !important; margin: 5px 10px 5px 0 !important; padding: 3px 5px !important; border-radius: 0 !important; -moz-border-radius: 0 !important; } } #pagetype_locationsearch #location_ft_search, #pagetype_locationmap #location_ft_search { width: 140px; height: 25px; box-sizing: border-box; -moz-box-sizing: border-box !important; } #pagetype_locationsearch #location_ft_search_btn, #pagetype_locationmap #location_ft_search_btn { background: #000; border-radius: 0; height: 25px; box-sizing: border-box; -moz-box-sizing: border-box; } #pagetype_locationsearch #searchform .description select, #pagetype_locationmap #searchform .description select { display: none; border: 1px solid #000; height: 25px;} #categories .facet h3{ color: #000; font-size: 1.5em; } #pagetype_locationsearch .details .feats { font-size: 0.85em; font-weight: bold; font-style: normal !important; color: #000 !important; } #pagetype_locationsearch #searchform a.toggle_view, #pagetype_locationmap #searchform a.toggle_view { font-size: 12px !important; font-weight: bold; background: transparent; color: #000; float: right !important; clear: both !important; display: none !important; padding: 10px 0 0 0 !important; margin: 0 !important; } #pagetype_locationsearch #searchform p:nth-child(2), #pagetype_locationmap #searchform p:nth-child(2) { background-color: rgba(255,255,255,0.6) !important; position: absolute; top: 30px; left: 100px; z-index: 10; border: 1px solid #ccc; border-radius: 3px; width: auto; padding: 15px; width: 200px !important; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } #pagetype_locationmap #googlemap { height: 620px } #pagetype_locationsearch #searchform button, #pagetype_locationmap #searchform button { margin-top: 5px; font-weight: bold;} #searchform button:hover { background-color: #333;} #pagetype_locationsearch #searchform, #pagetype_locationmap #searchform { padding: 0 !important; margin: 0 !important; border: 0 !important } #pagetype_locationsearch #alpha_search { margin-top: 150px;} #pagetype_locationsearch #side script:nth-child(1), #pagetype_locationmap #side script:nth-child(1) { display: none; } #side #location_list_featured_right_div:before { content: 'Where to go *'; padding: 15px 0 10px 0 !important; font-size: 18px; border-bottom: 3px solid #000; display: block; width: 95%; font-family: Georgia, serif } #side #location_list_featured_right_div:after { content: '* Sponsored content'; font-style: italic; font-size: 10px; clear: both; display: block; padding-top: 10px; margin-bottom: 10px; } #pagetype_locationsearch #side #categories, #pagetype_locationmap #side #categories { border: 0; padding: 20px 0; } #pagetype_locationsearch #side #categories:before, #pagetype_locationmap #side #categories:before { content: 'Categories'; font-family: Georgia, serif; font-size: 20px; border-bottom: 3px solid #000; display: block; margin-bottom: 15px; padding-bottom: 10px; } #pagetype_locationsearch #side #categories .facet ul, #pagetype_locationmap #side #categories .facet ul { display: none; } #pagetype_locationsearch #side #categories .facet h3, #pagetype_locationmap #side #categories .facet h3 { margin-bottom: 10px !important; padding-bottom: 5px; cursor: pointer; font-size: 1.25em; border-bottom: 1px solid #ccc } #pagetype_locationsearch #side #categories .facet h3:after, #pagetype_locationmap #side #categories .facet h3:after { content: ' +'; font-weight: bold; font-size: 0.85em; color: #1da1f9; font-family: arial, sans-serif; } /* ---- event search ---- */ #pagetype_eventsearch #searchform p.description { font-family: georgia, "times new roman", serif; font-size: 3em; margin-bottom: 20px;} #pagetype_eventsearch #searchform select { display: none;} #pagetype_eventsearch #searchform { border-width: 0 0 1px 0; margin-bottom: 20px } #pagetype_eventsearch #searchform button { border-radius: 0; padding: 5px; background: #000; } #pagetype_eventsearch #searchform input#event_ft_search { border: 1px solid #000; width: 30%; margin-right: 5px; } #pagetype_eventsearch #searchform a.toggle_view { background: #000; float: none; padding: 5px; border-radius: 0; margin-left: 5px;} #pagetype_eventsearch p.event_date { margin-bottom: 10px; font-size: 0.85em; font-weight: bold; /* background: #e60fe0; color: #fff; */ display: inline-block; padding: 2px 5px; margin-bottom: 15px;} #pagetype_eventsearch p.cats { font-weight: bold; font-size: 0.85em; margin-top: 20px; display: block;} /*---- pull quotes ---- */ blockquote { display: block; width: 70%; float: right; margin: 0 0 0 20px; } #content blockquote p { padding: 0 0 0 10px; margin: 0; font-size: 1.3em !important; font-style: normal !important; color: #000;} blockquote p:before { content: "\201C"; font-size: 4em; font-family: Georgia, serif; position: relative; top: 10px; display: block; float: left; margin: 0 10px 0 0; } blockquote p:after { content: "\201D" !important; font-size: 1.1em !important;} /*---- article inlines ---- */ #related { background: #fff !important; border-top: 2px solid #000; padding-top: 20px;} #related h3 { color: #000 !important; margin-bottom: 15px !important; font-size: 1.5em; } #related h3:after { content: " / You might also like"; } article .carousel-nav { padding: 10px 0 30px 0;} article .carousel-pagination:before { content: 'Pages: '; font-weight: bold; font-size: 1.1em;} article .carousel-pagination a { box-sizing: border-box; -moz-box-sizing: border-box; color: #000 !important; border: 1px solid #000; font-size: 1.5em; padding: 5px 10px !important; } article .carousel-pagination li.carousel-active-page a { background: #000 !important; color: #fff !important; } #pagetype_article .credits { text-align: right; } #pagetype_article .inlinecredits, #pagetype_article sub { font-size: 11px; line-height: 14px; font-style: italic; } #pagetype_article time[itemprop="datePublished"] p.time, .tools .facebook-like { display: none; } #pagetype_article #content .media-carousel { border: 0; } #pagetype_article #content p.credits { font-size: 0.8em;} #main #view_more { font-size: 1.5em; margin: 20px 0 10px 200px !important; width: 25%; text-align: center; background: #fff; color: #000; border: 1px solid #000; padding: 10px; font-weight: normal !important; text-transform: uppercase; border-radius: 0; } /* ---- newsletter signup page ---- */ #content #mc_embed_signup .mc-field-group input#mce-EMAIL { box-sizing: border-box; border: 1px solid #000 !important; padding: 2px 5px !important; font-size: 16px !important; width: 485px !important; height: 40px !important; margin: 10px 0 5px 6px !important; color: #000 !important; background: #fff !important; font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; } #content #mc_embed_signup .mc-field-group input#mc-embedded-subscribe { box-sizing: border-box; border: 0 !important; padding: 2px !important; font-size: 16px !important; width: 100px ! important; height: 40px !important; margin: 2px 0 5px 4px !important; color: #fff !important; background: #581E37 !important; font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: bold; cursor: pointer; border-radius: 0; } #content #mc_embed_signup .mc-field-group .introtext { font: 14px/1.4em Helvetica, Arial, 'Lucida Grande', sans-serif; margin: 20px 0 10px 0; } #content #mc_embed_signup .input-group { font: 16px Helvetica, Arial; color: #000; padding: 0; margin: 0; } #content #mc_embed_signup .input-group small { font-size: 0.7em !important; display: inline-block; padding-top: 10px; } #content #mc_embed_signup .input-group ul { list-style-type: none !important; padding: 10px 0 10px 2px; margin: 0; font-weight: normal; } #content #mc_embed_signup .input-group ul li { margin-bottom: 5px; list-style-type: none !important; } #content #mc_embed_signup .input-group ul li label { margin-left: 10px; text-transform: none !important; letter-spacing: 0; font-weight: normal; font-size: 1em; display: inline; } #content #mc_embed_signup .input-group ul li label a { display: inline-block; text-align: center; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; background: #581E37; border-radius: 50%; width: 15px !important; height: 15px !important; } #content #mc_embed_signup .input-group ul li label .tooltip { display: inline-block; position: relative; } #content #mc_embed_signup .input-group ul li label .tooltip:hover:after { background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px; font-weight: normal !important } #content #mc_embed_signup .input-group ul li label .tooltip:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } /* event and review */ #eventinfos { background: #fff; margin: 0 0 10px 0; border: 0px solid #ccc; font-weight: bold; font-size: 1.2em } #eventinfos div.eventinfos { padding: 10px 10px 10px 0; } #eventinfos p.time span.value { display: none } #pagetype_event div.eventinfos a { color: #EF412A } #pageinfos p.date { display: none } #pagetype_event div.pageinfos p.date { display: none } #bottompageinfos p.date { color: #666 } #pagetype_article div.pageinfos span.time, #pagetype_review div.pageinfos span.time, #pagetype_video div.pageinfos span.time { display: none } #bottompageinfos p.author { display: none } #pagetype_event p.lead { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 0px dotted #ccc } #pagetype_event #location, #pagetype_article #location { margin: 0 0 10px 0; border: 1px solid #ccc; padding: 5px 10px; width: auto } #pagetype_event p.lead { padding: 0 10px 0 0 !important; } #eventinfos label { display: none } #pagetype_article #location { border: 0; background: #efefef; padding: 20px !important; margin-top: 20px; margin-bottom: 20px;} #pagetype_article #location p.address { font-weight: bold; margin-bottom: 20px;} #pagetype_article #location p.address a:before { content: "" ;} #pagetype_article #location p.address a, #pagetype_article #location .listing_but { position: absolute; width: 100px !important; padding: 5px; text-transform: uppercase; font-weight: normal; text-align: center; height: 16px; } #pagetype_article #location p.address a { top: 20px; right: 20px; z-index: 0; } #pagetype_article #location .listing_but { margin: 20px 0 0 0; position: absolute; top: 0; right: 20px; display: inline-block; text-transform: uppercase; font-weight: normal; z-index: 1; } #pagetype_article #location h3 { font-size: 2em; } #pagetype_article #location label { float: none !important; display: block !important; padding-right: 20px !important;} #pagetype_article #location p { margin-right: 40px; } #pagetype_article #location span[itemprop="addressLocality"] { padding-right: 10px; } #pagetype_event #pageinfos { display: block !important; } #pagetype_event #pageinfos p.date { display: none !important;} #pagetype_eventsubmit legend { color: #1D7DBE; font-weight: normal; font-size: 1.3em;} #feedback { background: #006eab; color: #fff; padding: 10px } #media-carousel { border: 0 !important; box-shadow: none !important; } /* -- HEADLINES -- */ /* hidden headlines & titles */ #section_living #sectiontitle h1, #section_living .sectiontitle h1 a, #section_food #sectiontitle h1, #section_food .sectiontitle h1 a, #section_culture #sectiontitle h1, #section_culture .sectiontitle h1 a, #section_nightlife #sectiontitle h1, #section_nightlife .sectiontitle h1 a, #section_visiting #sectiontitle h1, #section_visiting .sectiontitle h1 a, #section_features .sectiontitle h1, #pagetype_article #main div.sectiontitle, #pagetype_blog #main div.sectiontitle, #pagetype_entry #main div.sectiontitle, #pagetype_review #main div.sectiontitle, #pagetype_event #main div.sectiontitle, #pagetype_video #main div.sectiontitle, #pagetype_comments #main div.sectiontitle, #pagetype_photos #main div.sectiontitle, #pagetype_subsection #main div.sectiontitle, div.sprocket_eventcal h4, #features h2, #eventinfos h5 { display: none; } #pagetype_locationsearch .sectiontitle h1, #pagetype_locationmap .sectiontitle h1 { font-size: 3em } #pagetype_locationsearch .sectiontitle h1 a, #pagetype_locationmap .sectiontitle h1 a { color: #000} #searchform a.toggle_view { background: #3529ab; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 3px 6px; color: #fff } #pagetype_eventsubmit legend { color: #1D7DBE; font-weight: normal; font-size: 1.3em;} /* ---- blog ---- */ #recentposts, #blogcategories, #tagcloud { margin-bottom: 10px } #recentposts ul, #blogcategories ul, p.tag-cloud-list { margin: 5px 0; list-style-position: inside; } #recentposts ul li { margin: 5px 15px; list-style-type: disc} #blogcategories ul li { margin-right: 5px; display: inline; } /* ---- sprockets general ---- */ .sprocket, .sprocket_twitter, .sprocket_blog, .sprocket_multiblog, .sprocket_manuallist, .sprocket_exacttarget, .sprocket_comment, .sprocket_directory_search, .sprocket_location_search, .sprocket_video { border: 0; width: 290px; padding: 10px 5px; background: #fff; } h3.sidebar-title, h3.sidebar-title a { color: #000; text-decoration: none; background: transparent; text-align: left } .sprocket_twitter { border: 0 } /* ---- the berlin blog ---- */ .inline .sprocket_manuallist { position: relative !important; background: #fff !important; border: 0 !important; margin: 0 0 10px 15px !important; padding: 0 20px 20px 0 !important; } .inline .sprocket_manuallist li { margin: 15px 0; border-bottom: 1px solid #ddd; } .inline .sprocket_manuallist .title { width: 190px; height: 33px; background: url(http://www.exberliner.com/downloads/7963/download/website_static_blogsprocket.jpg) -2px 0 no-repeat; } .inline .sprocket_manuallist h3, .inline .sprocket_manuallist p.credits { display: none; font-size: 1.8em !important; font-weight: bold !important; color: #000 !important; background-color: #fff !important; padding: 5px 0 !important; text-transform: uppercase; } .inline .sprocket_manuallist h4 { font-size: 1.2em; margin-bottom: 5px; background: url(http://www.exberliner.com/downloads/7964/download/website_static_bubble.jpg) 1px 1px no-repeat; padding: 0; text-indent: 22px; } .inline.sprocket_manuallist h4 a { color: #ff4c4d;} .inline .sprocket_manuallist .thumb a { display: none; font-size: 1.2em; padding: 0; text-indent: 25px !important; float: none !important; font-weight: bold !important; color: #000 !important; padding: 0 3px 0 20px !important;} .inline .sprocket_manuallist .date { font-size: 0.85em !important; margin: 8px 0 0 0; padding: 5px 0 15px 0; } .inline .sprocket_manuallist .date a { display: block; clear: left; font-weight: bold; } /* shadow right */ .inline .sprocket_manuallist:after { content: "" !important; position: absolute !important; right: 0 !important; top: 0 !important; width: 4px !important; height: 100% !important; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4) !important; } /* -- what's on calendar sprocket -- */ div.sprocket_eventcal { background: #000 url(http://www.exberliner.com/downloads/7967/download/website_static_calendar.jpg) 8px 5px no-repeat; padding: 10px; border: 0; width: auto; text-transform: none; } div.sprocket_eventcal div.sprocket_eventcal_inner { margin: 40px 0 0 0; background: #fff; padding: 0 10px; } div.sprocket_eventcal h3.sidebar-title { display: none } div.sprocket_eventcal ul.tabbernav { margin: 5px 0 10px 0 !important; padding: 10px 0 0; border-bottom: 1px solid #000; text-align: left; font-size: .77em; font-weight: bold; } div.sprocket_eventcal ul.tabbernav li { list-style: none; display: inline; } div.sprocket_eventcal ul.tabbernav li a { -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; color: #000; background: transparent; margin: 0; text-decoration: none; padding: 3px 5px 2px; margin: 0 7px 0 0; text-transform: uppercase} div.sprocket_eventcal ul.tabbernav li a:hover { color: #e60fe0; background: transparent;text-decoration: none;} div.sprocket_eventcal ul.tabbernav li.tabberactive a { color: #fff; background: #000; border: 0 } div.sprocket_eventcal div.tabberlive div.tabbertabhide { display: none; } div.sprocket_eventcal h2.event_header { display: none } div.sprocket_eventcal div.tabbertab { padding: 0; border: 0 } div.sprocket_eventcal p.no_events { margin: 16px 0; font-style: italic; } div.sprocket_eventcal div.event_list li { border: 0; color: #000; font-size: .92em; text-align: left; margin: 10px 0; text-transform: none;} div.sprocket_eventcal div.event_list li a.event_title { color: #e60fe0; text-transform: uppercase;font-weight: bold } div.sprocket_eventcal div.event_list li p.event_location { display: inline } div.sprocket_eventcal div.event_list li p.event_location a { color: #000 } div.sprocket_eventcal p.event_date { font-weight: bold } div.sprocket_eventcal div.event_list li p.event_date, div.sprocket_eventcal div.event_list li p.event_category { display:none } div.sprocket_eventcal div.foot { border-top: 1px solid #ffffff;} div.sprocket_eventcal div.foot p { font-size: .92em; padding: 8px 0; text-align: left; } div.sprocket_eventcal div.foot a { text-transform: none; background: transparent; padding: 0; color: #000; margin: 0 5px 0 0 } /* ---- newsletter signup sprocket (mailchimp) ---- */ .sprocket #mc_embed_signup .mc-field-group input#mce-EMAIL { box-sizing: border-box !important; border: 1px solid #f8ff36 !important; padding: 2px 5px !important; font-size: 12px !important; width: 190px !important; height: 25px !important; margin: 10px 0 5px 6px !important; color: #f8ff36 !important; background: #000 !important; font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; } .sprocket #mc_embed_signup .mc-field-group input#mc-embedded-subscribe { border: 0 !important; border-radius: 0 !important; padding: 2px !important; font-size: 12px !important; width: 80px ! important; height: 25px !important; margin: 2px 0 5px 4px !important; color: #000 !important; background: #f8ff36 !important; font-family: Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: bold; cursor: pointer; } .sprocket #mc_embed_signup .input-group { font: 12px Helvetica, Arial; color: #fff !important; } .sprocket #mc_embed_signup .input-group ul { list-style-type: none; padding: 10px 0 10px 2px; margin: 0; font-weight: bold; } .sprocket #mc_embed_signup .input-group ul li label { margin-left: 10px; background-image:url(http://www.exberliner.com/downloads/9551/download/check.png); color: #fff !important; text-transform: none !important; font-size: 12px; letter-spacing: 0;} .sprocket #mc_embed_signup .input-group input[type=checkbox] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .sprocket #mc_embed_signup .input-group input[type=checkbox] + label { padding-left: 20px; height: 15px; display: inline-block; line-height: 15px; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; cursor: pointer; } .sprocket #mc_embed_signup .input-group input[type=checkbox]:checked + label { background-position: 0 -15px; } #mc_embed_signup .input-group ul li label a { display: inline-block; text-align: center; font-size: 10px; color: #000; text-decoration: none; font-weight: bold; background: #f8ff36; border-radius: 50%; width: 15px !important; height: 15px !important; } #mc_embed_signup .input-group ul li label .tooltip { display: inline-block; position: relative; } #mc_embed_signup .input-group ul li label .tooltip:hover:after { background: #eee; background: rgba(255,255,255,.8); border-radius: 5px; bottom: 26px; color: #000; content: attr(title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 100px; font-weight: normal !important; font-size: 12px !important; } #mc_embed_signup .input-group ul li label .tooltip:hover:before{ border: solid; border-color: #ddd transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99; } #mce-responses { padding: 10px !important; display: block; } #mce-responses .response, #mce-responses .response a { font-weight: bold !important; color: red !important; } #mce-responses .response a { text-decoration: underline; } /* ---- location search sprocket (berlin bites) ---- */ .sprocket_location_search .title img.thumbnail { width: 90%; height: auto; } .sprocket_location_search .description { font-weight: bold; display: none; } .sprocket_location_search fieldset label { float: none !important; width: 100%; font-weight: bold; } .sprocket_location_search fieldset select { float: none !important; margin-left: 0 !important; } .sprocket_location_search button.submit { width: 50% !important; margin: 0 0 0 70px !important; background-color: #ef412a; color: #fff; font-family: inherit; border: 0; height: 30px; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } .sprocket_location_search .search_title, .sprocket_location_search fieldset:first-of-type { display: none !important;} /* ---- video sprocket ---- */ .sprocket_video p.date { display: none } .sprocket_video .row { padding: 10px 0; border-top: 1px solid #ccc; color: #000 } .sprocket_video .row:hover { background: #eee; } .sprocket_video h4 { margin-bottom: 5px;} .sprocket_video .thumb { padding-right: 6px } /*#side .sprocket_video div.more { clear: left; background: url(more_video.gif) no-repeat 0 7px; padding-left: 20px; padding-top: 5px; }*/ /* ---- subscribe form ---- */ .fsForm label, .fsForm legend, span.fsLabel { font-family: helvetica, arial !important; letter-spacing: 0 !important; text-transform: none !important; } label.fsLabel { width: 100% !important; background: #eee !important; padding: 5px; } .fsForm input[type="text"], .fsForm select { border: 1px solid #000 !important; padding: 5px; margin: 5px 5px 0 0; box-sizing: border-box; -moz-box-sizing: border-box;} .fsForm input[type="radio"] { margin-right: 10px !important;} label.fsOptionLabel { display: inline; padding-left: 10px !important; text-transform: none; letter-spacing: 0 !important; font-size: 12px !important; font-weight: normal !important; } .fsForm input[type="submit"] { padding: 10px !important; background: #000 !important; font-weight: bold !important;} /* ---- quizzes ---- */ #slickQuiz { font: 14px/20px Arial, sans-serif !important; } .startQuiz, .nextQuestion, .backToQuestion, .questions li.question, .questions li.question .responses, .questions li.question .responses .correct, .questions li.question .responses .incorrect, .quizResults { display: none; } #slickQuiz label { font: normal 14px/20px Arial, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; } .nextQuestion.checkAnswer { display: block; } ol.questions, ul.answers, ul.responses, ol.questions li, ul.answers li, ul.responses li { list-style-type: none !important; } #slickQuiz input[type="radio"] { float: left !important; margin-right: 5px !important; } #slickQuiz .button { box-sizing: border-box; float: left; width: auto; padding: 5px 15px; margin: 20px 0 0 0; color:#ffffff; background-color: #000; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; font: bold 16px/20px Georgia, "Times New Roman", serif; text-align: center; } .incorrect, .correct { display: block; color: #fff !important; padding: 10px !important; margin: 20px 0 !important; font-size: 20px; line-height: 26px; } .incorrect { border: 3px solid red; } .incorrect span { color: red !important; } .correct { border: 3px solid green; } .correct span { color: green !important; } .incorrect span, .correct span { font-weight: bold; } .quizArea h1, .quizArea h2, .quizArea h3, .quizArea h4, .quizArea h5, .quizArea h6 { font-weight: bold !important; padding-bottom: 10px !important; } .quizScore { font-weight: bold !important; font-size: 20px !important; font-family: Arial, sans-serif !important; padding: 20px 0 !important;} .quizLevel { line-height: 18px !important; } .quizResultsCopy a.facebook, .quizResultsCopy a.twitter { display: inline-block; border: 0 !important; width: 32px; height: 32px; margin-left: 10px; } .quizResultsCopy a.facebook:hover, .quizResultsCopy a.twitter:hover { border: 0 !important; opacity: 0.9; -moz-opacity: 0.9} .quizResultsCopy a span { display: none; } .quizResultsCopy a.facebook { background: url(http://exflat.exberliner.net/files/quiz/facebook.png) top left no-repeat; } .quizResultsCopy a.twitter { background: url(http://exflat.exberliner.net/files/quiz/twitter.png) top left no-repeat; } .quizArea, .quizResults { zoom: 1; } .quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after { content: "\0020"; display: block; height: 0; visibility: hidden; font-size: 0; } .quizArea:after, .quizResults:after { clear: both; } .questionCount { font-size: 14px; font-style: italic; } .questionCount span { font-weight: bold; } ol.questions { margin-top: 20px; margin-left: 0; } ol.questions li { margin-left: 0; } ul.answers { margin-left: 20px; margin-bottom: 20px; } ul.responses li { margin: 10px 20px 20px; } .quizResults h3 { margin: 0; } .quizResults h3 span { font-weight: normal; font-style: italic; } .quizResultsCopy { clear: both; margin-top: 20px; } /* -- RESPONSIVENESS -- */ @media only screen and (max-width:62em) { #body {width: auto} #logo { overflow: hidden } #CSE { top: 100px; right: 0 } .carousel.teaser nav { left: auto; right: 10px; width: auto } .carousel.teaser div.text { padding: 10px 2px 0 20px } #main, #pagetype_homepage #main, #pagetype_section #main, #pagetype_subsection #main, #pagetype_blog #main, #pagetype_tags #main { width: 66%; margin-left: 10px } .sprocket, .sprocket_twitter, .sprocket_blog, .sprocket_multiblog, .sprocket_manuallist, .sprocket_exacttarget, .sprocket_comment, .sprocket_directory_search, .sprocket_location_search, .sprocket_video { width: auto } .sprocket_image, .sprocket_html { max-width: 300px } } @media only screen and (max-width:48em) { #logo .header_links a { display: inline } #main, #pagetype_homepage #main, #pagetype_section #main, #pagetype_subsection #main, #pagetype_blog #main, #pagetype_tags #main { width: auto; margin: 0 10px } .header_links { bottom: 0; left: 0; top: auto } .carousel.teaser, .carousel.teaser .carousel-item, .carousel.teaser>div { max-height: 100% } .carousel.teaser div.image { height: 300px } .carousel.teaser div.text { height: 100px; padding: 10px } #topads, #topads #topad1, #bottomads { display: block } #topads #topad2 { display: none } #side { margin: 0 10px } #bottomnav #textna li { border-left: 0 } #logo .chicklets { top: auto; width: auto } #pagetype_article .roundup-location .thumb { float: none !important; width: 100% !important; clear: both !important;} #pagetype_article .roundup-location .info { clear: both !important; float: none !important; width: 100% !important; display: inline !important;} } @media only screen and (max-width:32em) { .carousel.teaser div.image { height: auto } .carousel.teaser div.text { height: 160px } #topads, #topads #topad1, #bottomads { display: none } #CSE { display: none; position: absolute !important; top: 5px; right: 5px; } .inline .sprocket_manuallist { text-align: left !important; } }