/*************************************************************************************** Het Body-element bepaalt de eigenschappen van bepaalde elementen binnen de -tag van een webpagina. Onderstaande eigenschappen hebben betrekking op de achtergrondkleur en lettertypes. Dit is een standaard element dat automatisch wordt toegepast op alle -tags binnen een HTML pagina. ***************************************************************************************/ BODY { font-weight: normal; font-size: 0.8em; word-spacing: normal; text-transform: none; font-family: Lucida, Helvetica, sans-serif; letter-spacing: normal; background-color: white } /**************************************************************************************** Onderstaande elementen bepalen de eigenschappen van Tabel headers en footers en andere HTML header - tags Dit zijn standaardelementen die automatisch worden toegepast op alle headerelementen binnen een HTML pagina. ****************************************************************************************/ H1, H2, H3, H4, H5, TH, THEAD, TFOOT { COLOR: #003366; } H1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: 700; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; } H2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.75em; font-weight: 700; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; } H3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.58em; font-weight: bold; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; } H4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.33em; font-weight: 500; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; } H5, DT { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: 700; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; } H6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; font-weight: 700; font-style: normal; text-decoration: none; word-spacing: normal; letter-spacing: normal; text-transform: none; } TFOOT, THEAD { font-size: 1em; word-spacing: normal; letter-spacing: normal; text-transform: none; font-family: Arial, Helvetica, sans-serif; } /*****************************EINDE eigenschappen HTML headers***************************/ /*************************************************************************************** Onderstaande elementen beschrijven de eigenschappen van een internetlink. Deze worden autmatisch toegepast op alle internetlinks binnen een HTML pagina. ****************************************************************************************/ /*Eigenschappen voor een standaard internetlink*/ A:link { text-decoration: none; color: blue; } /*Eigenschappen voor een bezochte internetlink*/ A:visited { text-decoration: none; color: blue; } /*Eigenschappen voor een actieve internetlink*/ A:active { text-decoration: none; color: blue; } /*Eigenschappen voor een internetlink waar de muiscursor over heengaat*/ A:hover { text-decoration: underline; color: blue; } /*************************EINDE eigenschappen internetlinks***************************/ /************************************************************************************* Deze classes erven van de standaard CSS-elementen voor hyperlinks. Elke hyperlink waarbij de -tag class="menu" bevat krijgt deze eigenschappen Onderstaande worden in dit geval gebruikt voor de link in het hoofdmenu. **************************************************************************************/ A:link.menu { color:blue; font-weight:bold; } A:visited.menu { color:#FF0000; font-weight:bold; } A:hover.menu { color:black; font-weight:bold; text-decoration:none; } /*************************EINDE eigenschappen menulinks***************************/ /*Deze eigenschappen worden toegepast op een -tag (afbeelding) binnen een HTMLpagina*/ IMG { margin-top: 5px; margin-left: 12px; margin-right: 12px; } /********************************************************************************** Onderstaande elementen bepalen de eigenschappen van HTML tabellen. ***********************************************************************************/ /*Eigenschappen voor een standaard HTML tabel. Wordt toegepast op alle - tags binnen een HTML pagina. */ Table { border-right: black 1px solid; border-top: black 1px solid; font-size: 12px; border-left: black 1px solid; border-bottom: black 1px solid; border-collapse: collapse; background-color: #EFEBEF; color :black } /* Eigenschappen voor
- tags met class="main_layout" Class voor de hoofdstructuur van de pagina's */ Table.main_layout { border:none; background-color: white } /* Eigenschappen voor
- tags met class="link_overview" Class voor een tabel met een overzicht van hyperlinks */ Table.link_overview { border:none; width:150px; background-color: #003366 } /* Eigenschappen voor
- tags met class="menulisting" Class voor de tabel met de menulinks. */ Table.menulisting { border:solid 1px #FF0000; width:150px; background-color: white margin-right:5px; } /* Eigenschappen voor de tabelkolommen . Wordt toegepast op alle - tags binnen een HTML pagina. */ TR { vertical-align:top; } /* Eigenschappen voor een standaard HTML tabelheader
- tags binnen de tabellen met de class Menulisting */ Table.menulisting TD { padding:3px; } /* Eigenschappen voor de tabelkolommen - tags met class = "field_name", wordt toegepast op formulieren */ TD.field_name { font-weight:bold; padding:5px; width:100px; } /* Eigenschappen voor de tabelkolommen - tags met class = "field_name2", wordt toegepast op formulieren. */ TD.field_name2 { padding-right: 5px; border-top: red 1px solid; padding-left: 5px; font-weight: bold; padding-bottom: 5px; padding-top: 5px; border-bottom: red 1px solid; } /* Eigenschappen voor de tabelkolommen - tags met class = "field_value", wordt toegepast op formulieren. */ TD.field_value { padding:5px; width:300px; } /* Eigenschappen voor een standaard HTML tabelrij
. Wordt toegepast op alle - tags binnen een HTML pagina. */ th { font-size: 12px; background-color: white; text-align: center; font-weight:bold; } /* Eigenschappen voor de header van een ASP .NET datagrid met class = "dgrd_header" */ .dgrd_header { font-size: 11px; background-color: blue; text-align: center; font-weight:bold; } /* Eigenschappen voor een item - tag van een ASP .NET datagrid met class = "dgrd_item" */ .dgrd_item TD { padding:3px; margin:0px; text-align:center; border-collapse:collapse ; } /*************************EINDE eigenschappen HTML tabellen***************************/ /************************************************************************************** Eigenschappen voor verschillende HTML formulierelementen ***************************************************************************************/ /* Deze eigenschappen wroden toegepast op de HTML elementen met class="textfield". Het equivalent in een ASP .NET formulier is */ .textfield { font-size:12px; color:White width:200px; border-style:groove ; } /* Deze eigenschappen wroden toegepast op de HTML elementen met class="datefield" Het equivalent in een ASP .NET formulier is */ .datefield { font-size:12px; color:White width:30px; } .hyperlink { font-size:12px; color:blue; width:30px; } calendar { background-color : White } /* Deze eigenschappen worden toegepast op de HTML