/** * Custom Stylesheet for FinishWeb Site www.raess-metzgerei.ch * * Copyright: * BAR Informatik AG * Brig-Glis, Switzerland * * Path: * [finishwebroot]/layout/[Layout]/style.css * * Authors: * et Etienne Tscherry, BAR Informatik AG * bz Bernd Zumoberhaus, BAR Informatik AG * * Changes: * 05.10.2009 et initial version * 23.10.2009 bz final version */ /************************************************************************************************** * Import base stylesheet for FinishWeb sites: base.css **************************************************************************************************/ @import url("base.css"); /************************************************************************************************** * Default styling of HTML-tags **************************************************************************************************/ * { margin: 0; padding: 0; } html { height: 101%; } body { font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-size: 13px; line-height: 15px; } /************************************************************************************************** * Custom classes **************************************************************************************************/ /* Floating */ .float-left { float: left; } .float-right { float: right; } .clear { clear: both; } .clear-left { clear: left; } .clear-right { clear: right; } /************************************************************************************************** * Default styling of FinishWeb elements **************************************************************************************************/ .fwelement { } /* fwtitle, h1, h2, h3... */ /* color, line-height */ h1, h2, h3, .fwelement h1, .fwelement h2, .fwelement h3 { } /* font-size, font-weight */ h1, .fwelement h1 { } h2, .fwelement h2 { } h3, .fwelement h3 { } /* fw... ... */ /************************************************************************************************** * Layout-styling **************************************************************************************************/ /******************************** * page ********************************/ #page { margin: auto; width: 805px; /*height: 100%;*/ } /******************************** * header ********************************/ #header { height: 100px; margin-top:11px; } /******************************** * main ********************************/ #main { margin-top: 50px; } /******************************** * leftcol ********************************/ #leftcol { width: 155px; float: left; } /* menü (level 1 + 2) */ /* level 1 */ #leftcol ul.menu1items { list-style-type: none; padding-left: 10px; } #leftcol ul.menu1items li.menu1 { font-size: 13px; padding-top:10px; } #leftcol ul.menu1items li.menu1 a { text-decoration: none; color: #06c; font-weight: bold; line-height: 16px; } #leftcol ul.menu1items li.menu1 a:hover { text-decoration: none; color: #C0E5E9; } #leftcol ul.menu1items li.menu1 a:active { } #leftcol ul.menu1items li.menu1 a:visited { } #leftcol ul.menu1items li.menusel1 { } #leftcol ul.menu1items li.menusel1 a { color: #f00; } #leftcol ul.menu1items li.menusel1 a:hover { color: #f00; } #leftcol ul.menu1items li.menusel1 a:active { } #leftcol ul.menu1items li.menusel1 a:visited { } #leftcol ul.menu1items li.menu1 img { } /* level 2 */ #leftcol ul.menu2items { list-style-type: none; font-size: 12px; padding: 5px 0 0 20px; line-height:20px; } #leftcol ul.menu2items li.menu2 { text-align: left; } #leftcol ul.menu2items li.menu2 a { text-decoration: none; color: #06c; line-height: 16px; } #leftcol ul.menu2items li.menu2 a:hover { text-decoration: none; color: #C0E5E9; } #leftcol ul.menu2items li.menu2 a:active { } #leftcol ul.menu2items li.menusel2 { } #leftcol ul.menu2items li.menusel2 a { color: #f00; } #leftcol ul.menu2items li.menusel2 a:hover { color: #f00; } #leftcol ul.menu2items li.menusel2 a:visited { } #leftcol ul.menu1items li.menu2 img { } /******************************** * maincol ********************************/ #maincol { width:650px; float: left; } /******************************** * maincontent ********************************/ #maincontent { width: 650px; } /******************************** * footer ********************************/ #footer { clear: both; width: 650px; border-top: 1px solid #000; margin-top: 10px; margin-bottom:20px; } /************************************************************************************************** * Layout-defined styling of Finishweb elements **************************************************************************************************/ /******************************** * page ********************************/ /******************************** * header ********************************/ /******************************** * main ********************************/ /******************************** * maincontent ********************************/ #maincol .fwelement { margin-left:0px; margin-right:0px; margin-bottom:14px; padding-bottom:0px; } #maincol .fwelement p { margin:0 0 14px 0; line-height:20px; } #maincol .fwelement th p, #maincol .fwelement td p { margin:0px; } #maincol .fwelement ul { margin-top:0px; margin-bottom:0px; line-height:20px; } #maincol .fwelement a { color:#0066CC; font-weight: bold; text-decoration:underline; } #maincol .fwelement a:hover { color:#C0E5E9; font-weight: bold; text-decoration:underline; } /* titel */ #maincontent div.fwtitle1 {} #maincontent div.fwtitle h1 { font-size: 13px; font-weight: bold; margin-bottom: 10px; } #maincontent div.fwtitle div.picture {} #maincontent div.fwtitle div.picture-left {} #maincontent div.fwtitle div.picture-right {} #maincontent div.fwtitle img.titleasimage {} /* text */ #maincontent div.fwtext {} /* bild */ #maincontent div.fwpicture-group {} #maincontent div.fwpicture-group div.fwpicture {} #maincontent div.fwpicture-group div.fwpicture div.picture {} #maincontent div.fwpicture-group div.fwpicture div.text {} /* abschnitt */ #maincontent div.fwparagraph {} #maincontent div.fwparagraph p {} #maincontent div.fwparagraph p.title {} #maincontent div.fwparagraph div.picture { width: 210px; text-align: center; } /* link */ #maincontent div.fwlink {} #maincontent div.fwlink div.image {} /* linkliste */ #maincol div.fwlinklist {} #maincol div.fwlinklist ul.list { list-style-type: none; margin: 0; padding: 0; } #maincol div.fwlinklist ul.list li { clear:both; overflow:hidden; text-align:left; } #maincol div.fwlinklist ul.list li a { height:20px; } #maincol div.fwlinklist ul.list li a:hover { } /* tabelle */ #maincontent table.fwtable { border: 0px solid #fff; width: 650px; margin-top: 15px; margin-bottom: 15px; } #maincontent table.fwtable td { border: 0px solid #fff; width: 180px; height: 17px; margin: 0; padding: 2px; } #maincontent table.fwtable td.i1 { border: 0px solid #fff; background-color: #E0E0E0; margin: 0; padding: 2px; } #maincontent table.fwtable td.i0 { border: 0px solid #fff; background-color: #fff; margin: 0; padding: 2px; } #maincontent table.fwtable th { height: 17px; border: 0px solid #fff; background-color: #fff; font-weight: bold; margin: 0; padding: 2px; } #maincontent table.fwtable td.f { width: 155px; } /* tabelle mit grosser erster spalte */ #maincontent table.fwtable1 { border: 0px solid #fff; width: 650px; margin-top: 15px; } #maincontent table.fwtable1 td { border: 0px solid #fff; width: 54px; height: 17px; margin: 0; padding: 2px; } #maincontent table.fwtable1 td.i1 { border: 0px solid #fff; background-color: #E0E0E0; margin: 0; padding: 2px; } #maincontent table.fwtable1 td.i0 { border: 0px solid #fff; background-color: #fff; margin: 0; padding: 2px; } #maincontent table.fwtable1 th { height: 17px; border: 0px solid #fff; background-color: #fff; font-weight: bold; margin: 0; padding: 2px; } #maincontent table.fwtable1 td.f { width: 488px; } /* dateiliste */ #maincol div.fwfilelist { } #maincol div.fwfilelist div.fwnavigation { } #maincol div.fwfilelist table.fwfilelist td { padding-left:0px; background-color:#FFFFFF; } #maincol div.fwfilelist table.fwfilelist td a {} #maincol div.fwfilelist table.fwfilelist td a:hover {} #maincol div.fwfilelist table.fwfilelist td.icon, #maincol div.fwfilelist table.fwfilelist td.date, #maincol div.fwfilelist table.fwfilelist td.size, #maincol div.fwfilelist table.fwfilelist td.empty, #maincol div.fwfilelist table.fwfilelist td.description {} /* redirect */ #maincol div.fwredirect { height:20px; border-bottom:1px solid #000000; width:100%; } #maincol div.fwredirect a { text-decoration:none; display:block; height:20px; background-color:#FFFFFF; padding:0px 3px 0px 3px; } #maincol div.fwredirect a:hover { text-decoration:none; font-weight:bold; background-color:#D9D9D9; } /* formular-zu-email */ #maincol div.fwformtomail { padding: 0; border: none; } #maincol div.fwformtomail span.mail-frm-success { color: #00ff00; } #maincol div.fwformtomail span.mail-frm-err { color: #ff0000; } #maincol div.fwformtomail table.mail-tbl { margin: 0; } #maincol div.fwformtomail table.mail-tbl form.mail-frm .mail-tbl-but { margin: 0; } #maincol div.fwformtomail table.mail-tbl form.mail-frm table { border-collapse:collapse; } /* galerie */ #maincol div.fwgallery { width: 100%; clear: both; } #maincol div.fwgallery a img { border: none; } #maincol div.fwgallery table.fwgallery { clear: both; } #maincol div.fwgallery table.fwgallery td.item { text-align: center; } #maincol div.fwgallery table.fwgallery td.thumbnail { padding: 0.5em; width: 300px; height: 10em; vertical-align: middle; text-align: center; border: none; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.first { visibility: hidden; } #maincol div.fwgallery div.fwnavigation table.datanavigation td.last { visibility: hidden; } #maincol div.fwgallery div.navigationitem { } #maincol div.fwgallery-popup * { margin: 0; padding: 0; } #maincol div.fwgallery-popup { height: 100%; width: 100%; font-size: 13px; margin: 0; } #maincol div.fwgallery-popup #image { display: block; margin: 0 auto; cursor: pointer; } #maincol div.fwgallery-popup div.fwnavigation { display: none; } #maincol div.fwgallery-popup div.navigationitem { display: block;} #maincol div.fwgallery-popup div.navigationitem table.datanavigation { margin: 0 auto; } #maincol div.fwgallery-popup div.fwnavigation table.datanavigation td.first { visibility: hidden; } #maincol div.fwgallery-popup div.fwnavigation table.datanavigation td.last { visibility: hidden; } /* mitteilungen (db, formular-zu-email) */ #maincol div.message { line-height:20px; } #maincol div.okmessage { color: #00ff00; } #maincol div.nokmessage { color: #ff0000; } /******************************** * footer ********************************/ #footer .fwelement { margin: 0; padding: 0; } #footer .fwelement p { font-size: 12px; color: #f00; /*line-height: 11px;*/ } #footer .fwelement a { font-size: 12px; color: #06c; font-weight: bold; text-decoration: underline; } #footer .fwelement a:hover { font-size: 12px; color: #C0E5E9; font-weight: bold; text-decoration: underline; }