/** * Custom Print Stylesheet for FinishWeb Site www.leukerbad.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * bz Bernd Zumoberhaus, BAR Informatik AG * * Changes: * 22.11.2013 bz initial version * 29.11.2013 bz updates * 08.12.2013 bz updates * 10.12.2013 bz updates * 20.12.2013 bz final version * 23.04.2014 bz updates * 13.08.2014 bz updates */ /************************************************************************************************** * Default styling of HTML-tags **************************************************************************************************/ body { min-width:100%; font-family: Arial, Regular sans-serif; background:#FFF; } /************************************************************************************************** * Layout-styling **************************************************************************************************/ /******************************** * header-wrapper ********************************/ #header-wrapper { width:100%; height:160px; background:transparent; border-bottom:none; } /******************************** * header ********************************/ #header { display:none; } /******************************** * teaser ********************************/ #teaser { display:none; } /******************************** * additional-content-wrapper ********************************/ #additional-content-wrapper { top:40px; left:auto; } #additional-content-wrapper #center-wrapper { width:100%; margin:0; } #additional-content-wrapper #center-wrapper #additional-content { display:none; } #additional-content-wrapper #center-wrapper #logo { display:none; } #additional-content-wrapper #center-wrapper #logo-print { display:block; top:-62px; left:0; right:auto; } /******************************** * page ********************************/ #page { width:100%; position:relative; margin:0; } /******************************** * main ********************************/ /******************************** * leftcol ********************************/ #leftcol { display:none; } /******************************** * maincol ********************************/ #maincol { width:100%; overflow:visible; padding:0; margin:0; } /******************************** * rightcol ********************************/ #rightcol { display:none; } /******************************** * footer ********************************/ #footer { display:none; } /******************************** * promotion-links ********************************/ #promotion-links { display:none; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * header-wrapper ********************************/ /******************************** * header ********************************/ #header #websitetitle { font-family:Arial, Regular, sans-serif; color:#000; } /******************************** * teaser ********************************/ /******************************** * quickfinder-logo-wrapper ********************************/ /******************************** * page ********************************/ /******************************** * main ********************************/ /******************************** * leftcol ********************************/ #leftcol .fwelement { display:none !important; } #leftcol a { color:#000 !important; } #leftcol div, #leftcol table, #leftcol p {} /* mini-wetter */ #leftcol div.fwweather { display:block !important; background:transparent; } #leftcol div.fwweather div.item { background:none; } #leftcol div.fwweather div.item div.weather-lbl, #leftcol div.fwweather div.item div.weather-tem { color:#000; background:transparent; } /* wispo */ #leftcol div.fwwispo { display:block !important; } #leftcol div.fwwispo ul li { background:none; } #leftcol div.fwwispo ul li div.label { line-height:15px; color:#000; background:transparent; } #leftcol div.fwwispo ul li div { height:auto; } /* link */ #leftcol div.fwlink { display:none; } /******************************** * maincol ********************************/ #maincol div, #maincol table, #maincol p { font-family:Arial Regular, sans-serif !important; } /* position */ #maincol #position { width:100%; } /* contenttools */ #maincol #contenttools, #maincol #socialbookmarks { display:none; } /* titel */ #maincol div.fwtitle h1 { page-break-before:avoid; } /* mini-wetter */ #maincol div.fwweather div.item { height:100px !important; background:none; } #maincol div.fwweather div.item div.weather-img { text-align:left; top:0; padding-top:0; } #maincol div.fwweather div.item div.weather-tem { font-size:15px; bottom:0; } /* datalist, bild (variante kachel), webcam-preview */ #maincol div.fwsubmenu ul.datalist, #maincol div.fwweather { width:100%; } #maincol div.fwsubmenu ul.datalist li, #maincol div.fwpicture-group1 div.fwpicture, #maincol div.fwexternalimage-group div.fwexternalimage, #maincol div.fwweather div.item { height:202px; margin-bottom:0; } #maincol div.fwsubmenu ul.datalist li div, #maincol div.fwpicture-group1 div.fwpicture div, #maincol div.fwexternalimage-group div.fwexternalimage div, #maincol div.fwweather div.item div { color:#000; text-align:left; background-image:none; } #maincol div.fwsubmenu ul.datalist li div a, #maincol div.fwpicture-group1 a, #maincol div.fwexternalimage-group div.fwexternalimage div a, #maincol div.fwweather div.item div a { color:#000; } /* artikel, events, infrastruktur */ #maincol div.fweventcalendar div.search form, #maincol div.fwinfrastructure div.form { display:none; } #maincol div.fwarticlelist div.articles div.item a, #maincol .fweventcalendar .list .item a, #maincol div.fwinfrastructure .list li div a, #maincol div.fwarticlelist div.articles div.item div, #maincol .fweventcalendar .list .item div { color:#000; } #maincol div.fwarticlelist div.articles div.item div, #maincol .fweventcalendar .list .item div, #maincol div.fwinfrastructure .list li div { width:auto; clear:both; float:none; } #maincol div.fwarticlelist div.articles div.item, #maincol .fweventcalendar .list .item, #maincol div.fwinfrastructure .list li { height:auto; color:#000; } #maincol div.fwarticlelist div.articles div.item div.title, #maincol .fweventcalendar .list .item div.title { padding-top:0; } #maincol div.fwarticlelist div.articles div.item > div, #maincol .fweventcalendar .list .item > div, #maincol div.fwinfrastructure .list li > div {} #maincol div.fwarticlelist div.articles div.item div.lead, #maincol .fweventcalendar .list .item div.description { height:auto; } #maincol div.fwarticlelist div.articles div.item div.more, #maincol .fweventcalendar .list .item div.detailurl, #maincol div.fwinfrastructure .list li div.detailurl { display:none; } /* artikel, events */ #maincol div.fwarticlelist div.articles div.item div, #maincol .fweventcalendar .list .item div { text-align:left; background-image:none; } /* infrastruktur */ #maincol .fweventcalendar .list .item div.daterange { border-right:none; } #maincol div.fwinfrastructure .list li div.address { padding-right:0; } #maincol div.fwinfrastructure .list li div.category, #maincol div.fwinfrastructure .list li div.title, #maincol div.fwinfrastructure .list li div.address { width:auto; clear:both; float:none; } #maincol div.fwinfrastructure div.detail > div { clear:both; float:none; width:auto; } /* events */ #maincol div.fweventcalendar div.export, #maincol div.fweventcalendar div.search { display:none; } #maincol div.fweventcalendar div.detail div.additionallink { width:218px; height:auto; border:1px solid #000; } #maincol div.fweventcalendar div.detail div.additionallink div, #maincol div.fweventcalendar div.detail div.additionallink div a { position:static !important; } /* wispo */ #maincol div.fwwispo li.object { width:232px; } #maincol div.fwwispo li.object span.object, #maincol div.fwwispo .detail li div.title, #maincol div.fwwispo .detail li div.description, #maincol div.fwwispo .detail li div.openinghours, #maincol div.fwwispo .detail li div.price, #maincol div.fwwispo .detail li div.status { color:#000; border:1px solid #000; } #maincol div.fwwispo .detail li div.status { margin-top:3px; margin-bottom:3px; } #maincol div.fwwispo .list li.objecttype ul { -webkit-column-count: 1; -webkit-column-gap: initial; -moz-column-count: 1; -miz-column-gap: initial; column-count: 1; column-gap: initial; width: 100%; } #maincol div.fwwispo .list li.objecttype ul:after { clear: both; content: ""; display: table; } #maincol div.fwwispo .list li.objecttype ul li.object { clear: none; float: left; margin-left: 0; width: 50%; } #maincol div.fwwispo .list li.objecttype ul li.object span.object { width: 83%; width: -webkit-calc(100% - 79px); width: -moz-calc(100% - 79px); width: -ms-calc(100% - 79px); width: -o-calc(100% - 79px); width: calc(100% - 79px); } /******************************** * rightcol ********************************/ #rightcol .fwelement { display:none !important; } #rightcol div, #rightcol table, #rightcol p { font-family:Arial Regular, sans-serif !important; } #rightcol>div.fwelement:nth-child(1), #rightcol>div.fwelement:nth-child(2) { display:block !important; } /* titel */ /* variante überschrift 2 */ #rightcol div.fwtitle2:first-child { color:#000; background:transparent; padding:0; } /* text */ #rightcol div.fwtext { background:transparent; border:none; padding:0; } /******************************** * footer ********************************/ /******************************** * promotion-links ********************************/