/* ================================================================================ ===== CSS STYLES FOR ===== ===== Bargerpaske SKIN ===== ================================================================================ */ /* ================================================================================ GENERAL SETTINGS ================================================================================ */ #Body { background-color:#e7ebf2; } .MyBody { text-align:center; width: 100%; height: 100%; background-color:#e7ebf2; background-image:url(images/backgroundrepeat.png); background-position:top; background-repeat:repeat-x;} body, .Normal, .NormalTextBox, TH, TFOOT, THEAD, TD, SPAN, DIV, A, blockquote, { text-align: left; font-family: Verdana, Arial, Sans-Serif; font-size:12px; line-height: 150%; margin:0px; } /* HEADINGS */ H1, H2, H3, H4, H5 { font-family: Verdana, Arial, Sans-Serif; color:#254a84; font-weight: bold; } H1 {font-size:20px; } H2 {font-size:16px; } H3 {font-size:16px; } H4 {font-size:14px; } H5 {font-size:12px; } /* LINKS */ A:link {color: #254a84 text-decoration: none; } A:visited {color: #254a84; } A:hover {color: #254a84; text-decoration: underline; } A:active {color: #254a84; } /* DNN SPECIFIC */ .Head, .SubHead, .SubSubHead, .Normal, .NormalTextBox, .NormalRed, .NormalBold, .CommandButton { font-family: Verdana, Arial, Sans-Serif; } .Head { font-size: 14px; } /* style for module titles */ .SubHead {font-size: 13px; } /* style of item titles on edit and admin pages */ .SubSubHead { font-size: 12px; } /* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ .Normal { font-size: 12px; } /* text style used for most text rendered by modules */ .NormalTextBox { font-size: 12px; } /* text style used for textboxes in the admin and edit pages, for Nav compatibility */ .NormalRed { font-size: 12px; } .NormalBold { font-size: 12px; font-weight:bold; } .CommandButton { } /* text style for buttons and link buttons used in the portal admin pages */ A.CommandButton:link { } /* hyperlink style for buttons and link buttons used in the portal admin pages */ A.CommandButton:visited { } A.CommandButton:hover { } A.CommandButton:active { } .StandardButton { } /* button style for standard HTML buttons */ /* kalender */ .ThemeSmall .Event {width:182px !important; height:182px !important;} /* ================================================================================ MAIN LAYOUT ================================================================================ */ .ControlPanel { } #Wrapper { margin: 0px auto; width: 1000px; height:100%; border: 0px solid #CCCCCC; text-align: left; } .Wrappershadowtable { width:1000px; height:100%; background-image:url(images/backgroundtop.png); background-position:center top; background-repeat:no-repeat; } .Wrappershadowtablerow1TD1{ height:19px; width:24px; background-image:url(images/Wrappertableshadowrow1-1.png); background-repeat:no-repeat; background-position:bottom; } .Wrappershadowtablerow1TD2{ height:19px; width:962px; background-image:url(images/Wrappertableshadowrow1-3.png); background-repeat:repeat-x; background-position:bottom; } .Wrappershadowtablerow1TD3{ height:19px; width:14px; background-image:url(images/Wrappertableshadowrow1-5.png); background-repeat:no-repeat; background-position:bottom; } .Wrappershadowtablerow1TD2-2a{ height:19px; width:100%; background-image:url(images/Wrappertableshadowrow1-2.png); background-position: 0% 100%; background-repeat:no-repeat; } .Wrappershadowtablerow2TD1{ height:100%; width:24px; background-image:url(images/Wrappertableshadowrow2-1.png); background-repeat:repeat-y; vertical-align:top; } .Wrappershadowtablerow2TD2{ height:100%; width:962px; vertical-align:top; background-color:#FFFFFF; background-image:url(images/Wrappertableshadowrow2-2.png); background-position:0 0; background-repeat:no-repeat; } .Wrappershadowtablerow2TD3{ height:100%; width:14px; background-image:url(images/Wrappertableshadowrow2-3.png); background-repeat:repeat-y; background-position:bottom; vertical-align:top; } .Wrappershadowtablerow2TD1-1a{ height:100%; width:24px; background-image:url(images/Wrappertableshadowrow2-1a.png); background-position: top; background-repeat:no-repeat; } .Wrappershadowtablerow2TD1-1b{ height:100%; width:24px; background-image:url(images/Wrappertableshadowrow2-1b.png); background-position: bottom; background-repeat:no-repeat; } .Wrappershadowtablerow2TD3-1a{ height:100%; width:14px; background-image:url(images/Wrappertableshadowrow2-3a.png); background-position: top; background-repeat:no-repeat; } .Wrappershadowtablerow2TD3-1b{ height:100%; width:14px; background-image:url(images/Wrappertableshadowrow2-3b.png); background-position: bottom; background-repeat:no-repeat; } .Wrappershadowtablerow3TD1{ height:12px; width:24px; background-image:url(images/Wrappertableshadowrow3-1.png); background-repeat:no-repeat; background-position:bottom; } .Wrappershadowtablerow3TD2{ height:12px; width:962px; background-image:url(images/Wrappertableshadowrow3-3.png); background-repeat:repeat-x; background-position:bottom; } .Wrappershadowtablerow3TD3{ height:12px; width:14px; background-image:url(images/Wrappertableshadowrow3-5.png); background-repeat:no-repeat; background-position:bottom; } .Wrappershadowtablerow3TD2-2a{ height:12px; width:100%; background-image:url(images/Wrappertableshadowrow3-2.png); background-position: 0% 100%; background-repeat:no-repeat; } /* HEADER SECTION */ #Header { height:119px; background-image:url(images/header.png); background-position:left top; background-repeat:no-repeat; } #Login { height:19px; margin:auto 0px; text-align:right; } .SelectedTab, A.SelectedTab:link, A.SelectedTab:visited, A.SelectedTab:active, A.SelectedTab:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size: 9px; color: #ffffff; text-decoration: none; } #Logo { width: 761px; padding-left:6px;} .SearchTD { width:200px; height:25px; background-image:url(images/searchfield.gif); background-position:10px 0px; background-repeat:no-repeat; } #Search { width:190px; height:20px; padding: 0px 0px 5px 0px; text-align:right; } #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:18px; background: transparent; width: 140px; color: #000000; padding: 0px 0px 0px 0px; border: 0px solid #FFFFFF; cursor:text; } .Search { font-weight:normal; font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom:2px; } /* MENU SECTION */ #Menu { height:30px; background-color:#0c3676; } /* BREADCRUMB SECTION */ #Breadcrumb { height:20px; padding: 0px; text-align:right; } .Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active, A.Breadcrumb:hover { color: #C2CD23; font-size: 10px; text-decoration: none; } /* PANES SECTION */ #Panes { width:1000px; background-image:url(images/Contenttop.png); background-position:0 0; background-repeat:no-repeat; } .Contenttable { width:540px; vertical-align:top; padding: 20px 10px 20px 10px;} .TopPane { vertical-align:top; padding: 10px; } .LeftPane { width:182px; background-color:#f3f5d3; vertical-align:top; padding: 0px 10px 0px 10px; } .ContentPane { width:100%; vertical-align:top; padding: 0px; padding-top:10px; } .RightPane { width:160px; vertical-align:top; padding: 0px 10px 0px 10px; } .BottomPane { vertical-align:top; padding: 10px; } #NAW { width:182px; background-color:#c2cd23; background-image:url(images/NAW-top.gif); background-position:0 0; background-repeat:no-repeat; padding-top:5px; } .NAW { padding: 0px 6px 0px 10px; font-size:10px; } .NAWkop { padding: 0px 6px 0px 10px; font-size:12px; } .NAWlink, A.NAWlink:link, A.NAWlink:visited, A.NAWlink:active {font-size:10px; color:#ffffff;} #NAWbottom { width:182px; height:13px; background-image:url(images/NAW-bottom.gif); background-position:0% 100%; background-repeat:no-repeat; padding:0px; margin:0px; } .Scholen {width:160px; height:208px; background-image:url(images/menuitem.gif); background-position:0 0; background-repeat:repeat-y; } .Scholenitalic {color:#003a7a; font-style:italic; margin-left:9px; padding-top:10px; padding-bottom:3px; } .Lijstscholen, A.Lijstscholen:link, A.Lijstscholen:visited, A.Lijstscholen:active { color:#003a7a; font-size:12px; font-weight:bold; line-height:26px;padding-left:34px; } A.Lijstscholen:hover {color:#e1006e; text-decoration:none; } .ThemeSmall .EventDayEvents, .ThemeSmall A.EventDayEvents:link, .ThemeSmall A.EventDayEvents:visited, .ThemeSmall A.EventDayEvents:active, .ThemeSmall A.EventDayEvents:hover {font-size:9px; } /* FOOTER SECTION */ #Footer { height:11px;} /* ================================================================================ OTHER SETTINGS ================================================================================ */ .Lesscher RoleManagerContent { width:100%;} /* RADMENU */ .RadMenu_MainMenu { height:30px; z-index: 10;} .RadMenu_MainMenu .rmHorizontal { width:972px !important; } .RadMenu_MainMenu .rmVertical {} .RadMenu_MainMenu .rmText { text-decoration:none !important;} .RadMenu_MainMenu .rmRootGroup .rmItem { margin: 0px; padding: 0px; height:30px; width:107px !important; } .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink { margin: 0px; padding: 0px 0px; width:107px !important; cursor:pointer; text-decoration: none !important;} .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText { margin: 6px 0px 0px 0px; white-space: normal; color:#ffffff; font-weight:bold; font-size:12px; text-align:center; width:107px !important; } .RadMenu_MainMenu .rmGroup { margin: 0px; padding: 0px; width:200px !important; background-color:#e7ebf2; border: 1px solid #0c3676; } .RadMenu_MainMenu .rmGroup .rmItem { margin: 0px; padding: 0px; height:20px; width:200px !important;} .RadMenu_MainMenu .rmGroup .rmItem .rmLink { margin: 0px; padding: 0px; cursor:pointer; } .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText { margin: 5px; white-space: normal; color:#0c3676; font-weight:bold; font-size:10px; text-align:left; display:block; } /* voor het wijzigen selected en hover */ .RadMenu_MainMenu .rmRootGroup .rmItem .Selected .rmText { color:#c2cd23 !important;} /* .Selected ipv .rmLink --> deze overschrijft de standaard witte kleur */ .RadMenu_MainMenu .rmRootGroup .rmItem .rmLink .rmText:hover { color:#c2cd23 !important; text-decoration: none !important;} /* Hover effect */ .RadMenu_MainMenu .rmGroup .rmItem .Selected .rmText { color:#c2cd23 !important;} /* .Selected ipv .rmLink --> deze overschrijft de standaard witte kleur */ .RadMenu_MainMenu .rmGroup .rmItem .rmLink .rmText:hover { color:#c2cd23 !important; text-decoration: none !important;} /* Hover effect */ /* SubMenu Styles */ .RadMenu_SubMenu { background-color: #eeeeee; margin-bottom: 20px; } .RadMenu_SubMenu .rmVertical {} .RadMenu_SubMenu .rmRootGroup .rmItem { margin: 0px; padding: 0px; background-color: #eeeeee; } .RadMenu_SubMenu .rmRootGroup .rmItem .rmLink { margin: 0px; padding: 0px;} .RadMenu_SubMenu .rmRootGroup .rmItem .rmLink .rmText { margin: 0px; padding: 5px; display: block; white-space: normal; } .RadMenu_SubMenu .rmGroup .rmItem { margin: 0px; padding: 0px; background-color: #eeeeee; } .RadMenu_SubMenu .rmGroup .rmItem .rmLink { margin: 0px; padding: 0px; } .RadMenu_SubMenu .rmGroup .rmItem .rmLink .rmText { margin: 0px; padding: 5px; display: block; white-space: normal; } /* RADPANELBAR */ .RadPanelBar_AdminMenu { width:182px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; } .RadPanelBar_AdminMenu .rpRootGroup { margin: 0px !important; padding: 0px !important; border: 0px !important; } .RadPanelBar_AdminMenu .rpRootGroup .rpItem { margin: 0px !important; padding: 0px !important; border: 0px !important; } .RadPanelBar_AdminMenu .rpRootGroup .rpItem .rpLink { margin: 0px !important; padding: 0px !important; border: 0px !important; cursor:pointer; text-decoration: none !important; font-size:12px !important;} .RadPanelBar_AdminMenu .rpRootGroup .rpItem .rpLink .rpOut { margin: 0px !important; padding: 0px !important; border: 0px !important; display: block;} .RadPanelBar_AdminMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText { margin: 0px !important; padding: 0px 5px 0px 34px !important; border: 0px !important; display: block; white-space: normal; color:#0c3676; line-height: 26px !important; font-weight:bold;background-image:url(images/menuitem.gif); background-repeat:no-repeat; } /*Hover*/ .RadPanelBar_AdminMenu .rpRootGroup .rpItem .rpLink .rpOut .rpText:Hover { background-image:url(images/menitemselected.gif); color:#c2cd23; } /*Selected*/ .RadPanelBar_AdminMenu .rpRootGroup .rpItem .Selected .rpOut .rpText { background-image:url(images/menitemselected.gif); color:#c2cd23; } .RadPanelBar_AdminMenu .rpGroup { margin: 0px !important; padding: 0px !important; border: 0px !important; } .RadPanelBar_AdminMenu .rpGroup .rpItem { margin: 0px !important; padding: 0px !important; border: 0px !important; } .RadPanelBar_AdminMenu .rpGroup .rpItem .rpLink { margin: 0px !important; padding: 0px !important; border: 0px !important; cursor:pointer; text-decoration: none !important; font-size:11px !important;} .RadPanelBar_AdminMenu .rpGroup .rpItem .rpLink .rpOut { margin: 0px !important; padding: 0px !important; border: 0px !important; display: block;} .RadPanelBar_AdminMenu .rpGroup .rpItem .rpLink .rpOut .rpText { margin: 0px !important; padding: 0px 5px 0px 34px !important; border: 0px !important; display: block; white-space: normal; color:#c2cd23; line-height: 22px !important; font-weight:normal;font-size:11px;background-image:url(images/submenuitem.gif); background-repeat:no-repeat; } /*Hover*/ .RadPanelBar_AdminMenu .rpGroup .rpItem .rpLink .rpOut .rpText:Hover { background-image:url(images/submenuitemselected.gif); color:#0c3676; } /*Selected*/ .RadPanelBar_AdminMenu .rpGroup .rpItem .Selected .rpOut .rpText { background-image:url(images/submenuitemselected.gif); color:#0c3676; }