/* File name : vaesoli-the-site.css Version : 1.2 Author : Patrick Boens Company : Lato Sensu Management Rue Bois des Mazuis, 47 5070 Vitrival (Fosses-La-Ville) Belgique Creation date : 2008-12-14 - 11:03 Last modification date : 17/02/2010 - 18:43 Last modified by : Patrick Boens Copyrights : (c) 2008 - Lato Sensu Management Purpose : Provides styles for the Vae Soli web site */ /* Call additional style sheets -- @import section */ @import url( headerANDfooter.css ); /* Inclusion of styles needed for header & footer */ @import url( sysmenu.css ); /* Inclusion of styles needed for the system menu */ @import url( calendar.css ); /* Inclusion of styles needed for the calendars */ @import url( rss.css ); /* Inclusion of styles needed for the RSS rendering */ @import url( calculator.css ); /* Inclusion of styles needed for the calculator */ @import url( vaesoli-overwrite.css ); /* Inclusion of styles needed to override VaeSoli defaults */ @import url( jobs.css ); /* Inclusion of styles needed to display job positions */ /* End of @import */ body { margin : 0; padding : 0; font-size : 101%; margin : 0; padding : 0; background : rgb(237,237,237); } body div#body { width : 1040px; margin : 0 auto 0 auto; padding : 0; color : rgb(80,80,80); background : rgb(237,237,237) url(/images/bg.jpg) center top repeat-y; } body div#body div#end { height : 16px; width : 1040px; background : url(/images/end-bg.jpg) left bottom repeat-x; margin : 0 auto; } body div#body div#wrapper { padding : 0; width : 1000px; margin : 0 auto; } body div#body div#wrapper div#columns { background : #fff; margin : 0; padding : 0; min-height : 300px; font : 0.7em/1.8em verdana,arial,sans-serif; } body div#body div#wrapper div#columns div#column1 { width : 199px; background : #fff; float : left; min-height : 300px; } body div#body div#wrapper div#columns div#column2 { width : 605px; background : #fff; float : left; min-height : 300px; } body div#body div#wrapper div#columns div#column3 { width : 175px; background : #fff; float : left; min-height : 300px; } p { margin : 10px; } .sep, .filler { height : 1px; overflow : hidden; clear : both; } .hide { display : none; } /* Headings */ body div#body div#wrapper div#columns div#column1 h2 { font : bold 1.7em/1.9em lucida,georgia,"times new roman",serif; letter-spacing : 3px; width : 98%; margin : 0 0 15px 0; padding : 5px; color : rgb(255,128,0); text-align : center; } body div#body div#wrapper div#columns div#column2 h1, body div#body div#wrapper div#columns div#column2 h2, body div#body div#wrapper div#columns div#column2 h3, body div#body div#wrapper div#columns div#column2 h4, body div#body div#wrapper div#columns div#column2 h5, body div#body div#wrapper div#columns div#column2 h6 { font : bold 1.7em/1.9em lucida,georgia,"times new roman",serif; letter-spacing : 3px; width : 98%; margin : 0 0 15px 0; padding : 5px; color : rgb(255,128,0); border-bottom : 1px solid #888; } body div#body div#wrapper div#columns div#column2 h1.block { background : rgb(186,107,41); display : block; height : 25px; overflow : hidden; } body div#body div#wrapper div#columns div#column2 h2 { font : bold 1.55em/1.55em lucida,georgia,"times new roman",serif; } body div#body div#wrapper div#columns div#column2 h2:before { content : counter(h2) ". "; counter-increment : h2; counter-reset : h3; } body div#body div#wrapper div#columns div#column2 h2 span.lupdate, body div#body div#wrapper div#columns div#column2 h3 span.lupdate { font-size : 0.6em; color : #777; } body div#body div#wrapper div#columns div#column2 h2 span.lupdate:before, body div#body div#wrapper div#columns div#column2 h3 span.lupdate:before { content : "("; } body div#body div#wrapper div#columns div#column2 h2 span.lupdate:after, body div#body div#wrapper div#columns div#column2 h3 span.lupdate:after { content : ")"; } body div#body div#wrapper div#columns div#column2 h3 { font : bold 1.4em/1.4em lucida,georgia,"times new roman",serif; } body div#body div#wrapper div#columns div#column2 h3:before { content : counter(h2) "." counter(h3) ". "; counter-increment : h3; /* counter-reset : sg; */ } body div#body div#wrapper div#columns div#column2 h4 { font : 1.3em/1.3em lucida,georgia,"times new roman",serif; } body div#body div#wrapper div#columns div#column2 h5 { font : 1.2em/1.2em lucida,georgia,"times new roman",serif; } body div#body div#wrapper div#columns div#column2 h6 { font : 1.1em/1.1em lucida,georgia,"times new roman",serif; } ul.sizeSwitchers { width : 106px; padding : 0; margin : 0 auto; display : block; background : rgb(67,34,9); float : right; height : 26px; line-height : 26px; vertical-align : middle; color : rgb(242,168,101); border-bottom : 1px solid rgb(242,168,101); overflow : hidden; list-style-type : none; font : 0.7em/1.8em verdana,arial,sans-serif; } ul.sizeSwitchers li { display : inline-block; width : 20px; text-align : center; margin : 0 6px 0 6px; } ul.sizeSwitchers li a { color : inherit; text-decoration : none; } ul.sizeSwitchers li a.small { font-size : 0.5em; } ul.sizeSwitchers li a.normal { font-size : 1em; } ul.sizeSwitchers li a.big { font-size : 1.5em; } div.download { width : 95%; margin : 0; padding : 10px; background : rgb(236,236,236); border : 1px solid rgb(210,210,210); } div.warning { width : 95%; margin : 0; padding : 10px; background : rgb(216,143,38) url(/images/warning.png) left top no-repeat; border : 1px solid #800; min-height : 80px; font-size : 1.2em; color : #800; } div.warning * { margin-left : 100px; } code { color : #800; } div.LS_VAESOLI_RSS_TOC { width : 250px; float : right; background : rgb(236,236,236); border : 1px solid rgb(210,210,210); border-top : none; padding : 0 20px 20px 20px; margin : 0 0 0 10px; min-height : 200px; } div.LS_VAESOLI_RSS_TOC span.toc { font : bold 1.7em/1.9em lucida,georgia,"times new roman",serif; letter-spacing : 3px; width : 98%; /*margin : 0 0 15px 0; padding : 5px; color : rgb(255,128,0); */ text-align : center; color : rgb(127,46,10); } strong { color : rgb(255,128,0); } pre { font-size : 11px; background : rgb(240,240,240); padding : 4px; border-left : 1px solid rgb(200,200,200); display : block; /* overflow : hidden; */ } pre strong { color : #f00; } div#PageH1, div#PageDesc { width : 500px; margin : 0; margin-left : 280px; min-height : 40px; position : absolute; top : 42px; text-align : center; font : 1.4em/1.9em lucida,georgia,"times new roman",serif; color : #fff; letter-spacing : 3px; } body.carnaval div#PageH1 { color : #090; } div#PageDesc { top : 120px; font : 1.2em/1.6em georgia,"times new roman",serif; } .center { text-align : center; } p.version { background : #d88f26; border : 1px solid #000; color : #400; padding : 5px; } *.warning { background : #f00; color : #fff; font-weight : bold; font-size : 1.2em; } body.bleach div#body div#wrapper div#header, body.bleach div#body div#wrapper div#footer { display : none; } body.bleach div#body div#wrapper div#columns div#column1, body.bleach div#body div#wrapper div#columns div#column3, body.bleach div#body img { visibility : hidden; } div.LS_VAESOLI_SHARE { width : 100%; margin : 10px 0 0 20px; height : 30px; padding : 0; } div.LS_VAESOLI_SHARE a, div.LS_VAESOLI_SHARE a:link, div.LS_VAESOLI_SHARE a:hover, div.LS_VAESOLI_SHARE a:visited, div.LS_VAESOLI_SHARE a:active { text-decoration : none !important; display : block !important; float : left !important; width : 18px !important; height : 20px !important; } div.LS_VAESOLI_SHARE a.facebook { background : url(/vaesoli/resources/icons/facebook-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.twitter { background : url(/vaesoli/resources/icons/twitter-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.digg { background : url(/vaesoli/resources/icons/digg-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.linkedin { background : url(/vaesoli/resources/icons/linkedin-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.delicious { background : url(/vaesoli/resources/icons/delicious-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.google { background : url(/vaesoli/resources/icons/google-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.quitus { background : url(/vaesoli/resources/icons/quitus-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.stumbleupon { background : url(/vaesoli/resources/icons/stumbleupon-small.png) left 2px no-repeat; margin-left : 2px !important; } div.LS_VAESOLI_SHARE a.wikio, div.LS_VAESOLI_SHARE a.wikio-fr { background : url(/vaesoli/resources/icons/wikio-small.png) left 2px no-repeat; margin-left : 2px !important; } form.LS_VAESOLI_TWEET { width : 100%; margin-top : 30px; border-top : 1px dashed #999; } form.LS_VAESOLI_TWEET textarea { width : 578px; } form.LS_VAESOLI_TWEET fieldset { border : 1px solid #999; } form.LS_VAESOLI_TWEET fieldset legend { color : #999; } form.LS_VAESOLI_TWEET fieldset legend span { color : #800; font-weight : bold; } form.LS_VAESOLI_TWEET input[type='submit'] { margin : 10px 0 5px 0; } ol.LS_VAESOLI_TWEETS { list-style-type : none; margin : 0; padding : 0; } ol.LS_VAESOLI_TWEETS li { border : 1px solid #999; margin : 5px 0 0 0; padding : 5px; background-color: rgb(240,240,240); min-height : 50px; } ol.LS_VAESOLI_TWEETS li.even { background-color: rgb(220,220,220); } ol.LS_VAESOLI_TWEETS li img { float : left; margin : 0 4px 4px 2px; } div.LS_VAESOLI_TWITTER_TWEEPLE_ODD, div.LS_VAESOLI_TWITTER_TWEEPLE_EVEN { border : 1px solid #999; margin : 10px 0; } div.LS_VAESOLI_TWITTER_FOLLOWERS_BOX { width : 180px; padding : 0; margin : 0; } div.LS_VAESOLI_TWITTER_FOLLOWERS_BOX div.LS_VAESOLI_TWITTER_TWEEPLE_ODD, div.LS_VAESOLI_TWITTER_FOLLOWERS_BOX div.LS_VAESOLI_TWITTER_TWEEPLE_EVEN { background : plum; border : none; width : 24px; height : 24px; margin : 3px; float : left; }