/* Stylesheet voor Scholierenverkiezingen */ * {padding:0px; margin: 0px; border: 0px;} body { background-color: /*#fafafa;*/#ffffff; /*our page does not have a fixed width, thus the top-menu is surrounded by white*/ background-image: url('/design/pv/images/bgimage.gif'); background-repeat: repeat-y; background-position: left ; color: rgb(0, 0, 0); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana,Arial,Helvetica,sans-serif; /* overflow hidden or overflow auto on — all contens is hidden. overflow visible on — the contents is visible but cannot be scrolled no scrollbars. testcase. overflow scroll on — invisible contents and the browser shows ghost scrollbars overflow declared on does work correctly, when the overflow property is not applied to the element. */ overflow: auto; } /* Layout */ /* container */ #container { /* overflow: hidden ; */ /* hide overflow:hidden from IE5/Mac */ /* \*/ overflow:visible; /*get rid of scroll bars in IE */ /* */ width: 796px; padding-left: 16px; padding-right: 16px; padding-top: 8px; background-color: #ffffff; } /* topmenu of banner */ #topmenu { position: relative; text-align: left; padding-bottom: 16px; margin: 0px; clear:both; } /* ----------outer and inner----------------- */ #outer{ border-left: solid 162px #EEE; /* color of the left column */ /*border-right: solid 162px #EEE;*/ /* color of the right column */ /* we don't use a right-menu */ background-color: #ffffff; /* color of the content column */ } #inner{ width:100%; } /* The ie/pc pecularity */ /* --------------left and right navi------------- */ #leftmenu { position:absolute; /* must be absolute to place it left of maincontents */ float:left; width:162px; margin-left:-162px; margin-right:1px; background-color: #EEE; } #rightmenu { position:relative; float:right; width:162px; margin-right:-162px; margin-left:1px; font-size: 11px; background-color: #EEE; } #maincontent { min-height: 500px; border-left: solid 162px #EEE; /* the maincontent now covers this, in stead of #outer */ margin-left: -162px; /* shove the grey border of the maincontents below the tracker. ! Note that, the leftmenu must now always be drawn áfter the maincontents */ padding-left: 16px; padding-right: 16px; font-size: 0.74em; line-height: 1.3em; position:absolute; /* REQUIRED TO SHOW TABLES RIGHT OF THE TRACKER */ width:618px; /*796-162-16*/ } .topmenu-tekstbar { padding-left: 6px; height: 20px; line-height: 20px; color: #ffffff; background-color: black; font-size: 14px; } .topic-toolbar { text-align: right; padding-left: 6px; height: 20px; line-height: 20px; background-color: white; font-size: 14px; } .leftmenu-item, .leftmenu-item-selected, .rightmenu-item { padding-bottom: 6px; padding-right: 8px; padding-top: 8px; } .leftmenu-item, .leftmenu-item-selected { font-size: 12px; color: #666666; } .leftmenu-item-selected { background-color: #ffffff; } .rightmenu-item { font-size: 11px; color: #111111; } .leftmenu-item a, .leftmenu-item-selected a, .rightmenu-item a, .leftmenu-text, .rightmenu-text { text-decoration: none; margin-left:6px; } .leftmenu-item a, .leftmenu-item-selected a, .rightmenu-item a { color: #000066 ; display: block; } .rightmenu-date { text-align: right; color: #666666; font-size: 9px; } .rightmenu-arrow { float: right; } #rightmenu p {margin-bottom: 0px; margin-right: 0px; border: 0;} .menu-bar-divider { margin: 0; padding: 0;border: 0; width: 100%; height: 1px; font-size:1px; background-color: #ffffff; background-image: url('/design/pv/images/dotted.gif'); background-repeat: repeat-x; background-position: left ; clear: both; } p {margin: 0; padding: 0; border: 0;} #maincontent p {margin-bottom: 8px } ul, ol { padding: 0; margin: 0.5em 0 0.75em 1.75em; } ul, ul ul { list-style-type: square; } a { text-decoration: none; } h1, h2,h3,h4 { text-decoration: none; } h1 { font-size: 1.2em; font-weight: bold; margin-top: 0px; margin-bottom: 10pt; border-bottom: 1px solid #000066 ; height: 1.6em; } h2 { font-size: 1.0em; font-weight: bold; margin-top: 10pt; margin-bottom: 10pt; } h3 { font-size: 1.0em; font-weight: bold; margin-top: 10pt; } h4 { font-size: 0.95em; font-weight: bold; margin-top: 8pt; } .align-right { float: right } .align-center { text-align:center; } .text-right { text-align: right } input.box, textarea.box, .box { width: 98%; background-color: #FFFFFF; border: 1px solid #aaa; } /* EMBEDDED TAGS IN XML FIELDS */ div.factbox, div.content-view-embed { width: 60%; border: 1px solid #aaa; } div.factbox-design, div.content-view-embed { padding: 0px; border: 1px solid #aaa; } div#maincontent div.factbox-design h2, div#maincontent div.content-view-embed h2 { font-size: 1em; margin-top: 0px; padding: 2px 0 3px 10px; } div#maincontent div.content-view-embed div.content-view-children, div.factbox-content, div#maincontent div.content-view-embed div.content-body { margin-top: 0; padding: 2px 10px 3px 3px; } div#maincontent-design div.content-view-embed h3 { font-size: 1em; margin: 0; text-decoration: underline; } blockquote { width: 14em; padding: 0px; } div.quote-begin { margin: 0 0.2em 0.2em 0; float: left; width: 16px; height: 16px; } div.quote-end { margin: 0.2em 0 0 0.2em; float: right; width: 16px; height: 16px; } div#maincontent-design blockquote p { font-weight: bold; width: 14em; display: inline; } div.object-right { margin: 3px; float: right; } div.object-left { margin: 3px; float: left; } div.object-center { /* float: center;*/ margin-left: auto; margin-right: auto; text-align: center; } div.factbox h3 { font-size: 1em; margin: 0px; } div.factbox div.attribute-file p { font-weight: normal; } /* list item styles */ /* div.content-view-listitem h3 { margin-top: 6px; } */ /* LIST ITEM IMAGE */ div.content-view-listitem div.class-image div.attribute-caption p { color: #666666; } input.button { margin: 1em 1em 0 0; } input.defaultbutton { margin-top: 10px; border: 1px solid #aaa; } .menu-bar-header { height: 30px; line-height: 30px; text-align: center; background-color: #FF0000; color: #fff; font-size: 2em; padding-left: 4px; } /* custom by IVS*/ input { padding: 1px; background-color: #FFFFFF; border: 1px solid #aaa; } select {/* not sure wether this is needed*/ padding: 1px; background-color: #FFFFFF; border: 1px solid #aaa; } .delItem { font-weight: bold; background-color: #FF826D; } .insertItem { background-color: #A9FF98; } .properror { font-family: Arial, Helvetica, sans-serif; color: #ff0000; } .propsuccess { /*font-family: Arial, Helvetica, sans-serif;*/ color: #00AB77;/*#36C100;*/ } .propnotification { font-family: Arial, Helvetica, sans-serif; color: #0000ff; } .propheader { font-size: 1.0em; font-weight: bold; margin-top: 10pt; border-bottom: solid 1px #eee; } .smallgrid{ /*font-family: Arial, Helvetica, sans-serif;*/ border: solid 1px #eee; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; } .selborder { background-color: rgb(0,0,0); } .selbody { /*font-size: 8pt;*/ /*font-family: Arial, Helvetica, sans-serif;*/ background-color: #ffffff; } p.help { font-size: 10pt; font-style: italic; font-family: Arial, Helvetica, sans-serif; } .sessioninfo { font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #000066 ; } .selectedverkiezing { font-weight: bold; } .messages { font-weight:bold; border: 1px solid #aaa; } td.proplabel{ padding-top:1px; padding-bottom:1px; } td.propvalue{ padding-top:1px; padding-bottom:1px; } td { padding-left:1px; } table.form { /*only used in uitsl_school*/ /* border: solid 1px #eee; border-top-width: 0px; border-bottom-width: 3px; border-left-width: 0px; border-right-width: 0px; background-color: white; */ } hr.form { border: solid 1px #eee; width: 100%; } .selhead { background-color: #eee; padding: 1px; border-top: solid 6px #ffffff; border-bottom: solid 3px #ffffff; /* we make it look like h3 */ font-size: 1.0em; font-weight: bold; margin-top: 10pt; } .groepform { border: dashed 1px rgb(0,0,0); background-color: #FFFDC6; padding-left:0px; }