/*** NATEX LAYOUT ***/ /*** GLOBAL ELEMENTS ***/ body, html, div, ul, li, img, a h1, h2, h3, h4 { margin:0;padding:0;border:none; } html { background:#121212; } body { font-family:Arial, Verdana, sans-serif;text-align:left; } a { outline: none;text-decoration:none; } ul { list-style:none; } select { max-width:800px; } /*** CLASSES ***/ .center { width:1000px;margin:0 auto; } .floatleft { float:left; } .floatright { float:right; } .clear { clear:both; } .column_left { float:left;width:48%; } .column_right { float:right;width:48%; } .star { background:url('/images/icons/icon_yellow_star.png') no-repeat left center;color:#E7DFA0;padding-left:15px;font-size:80%;display:block;margin:10px 0 10px 10px; } .top { top:0; } .bottom { bottom:0; } .left { left:0; } .right { right:0; } .clickable { cursor:pointer; } .white { background:#F9F9F9; } .no_margin { margin:0; } .info { background:url('/images/icons/help.png') no-repeat left center;padding-left:25px;margin:10px; } .smaller { width:600px;margin:auto; } /*** BUTTONS ***/ a.button_02 { float:left;display:block;height:28px;background:url('/images/button_02_left.png') no-repeat; padding-left:20px; } a.button_02 span { display:block;height:21px;background:url('/images/button_02_right.png') no-repeat right top; padding-right:20px;color:#FFFFFF;padding-top:7px;font-size:70%; } a.button_01 { float:left;display:block;height:26px;background:url('/images/button_01_left.png') no-repeat; padding-left:20px; } a.button_01 span { display:block;height:20px;background:url('/images/button_01_right.png') no-repeat right top; padding-right:20px;color:#FAF0C2;padding-top:6px;font-size:70%; } /*** HEADER ***/ div#header { background:url('/images/bg_header.png') repeat top center;height:131px;overflow:hidden; } div#header h1 { width:230px;height:80px;background:url('/images/logo.png') no-repeat bottom left;text-indent:-9999px; } div#header h1 a { display:block;height:108px; } div#header .center { width:1100px; } div#header div#login { max-width:790px;margin-top:20px;background:url('/images/bg_login_left.png') no-repeat top left;height:76px;padding-left:25px; } div#header div#login h2 { font-weight:normal;color:#F3F3F3;padding:0 5px 0 30px;;background:url('/images/icons/icon_login.png') no-repeat left center; } div#header div#login div.authed a.button_01 { margin-left:15px; } div#header div#login div.authed h2 { float:left; } div#header div#login div.authed, div#header div#login form { padding-top:22px;background:url('/images/bg_login_right.png') no-repeat top right; height:76px; padding-right:25px; } div#header div#login form input { float:left;height:15px;margin-left:10px;background:#536135;border:1px solid #D6D6D6;padding:5px 3px;color:#FFFFFF; } div#header div#login form input[type=submit] { width:54px;height:26px;background:url('/images/button_01.png') no-repeat;border:none;color:#FAF0C2;font-size:60%;cursor:pointer; } /*** NAVIGATION ***/ div#navigation { border-bottom:1px solid #a3b183;border-top:1px solid black;min-height:35px;background:#000 url('/images/bg_navigation.png') repeat-x; } /*** MAIN MENU ***/ div#navigation ul#menu { list-style-type:none;height:32px; } div#navigation ul#menu li { display:block;float:left;height:32px;background:url('/images/menu_seperator.png') no-repeat right center; } div#navigation ul#menu li:hover, div#navigation ul#menu li.last { background:none; } div#navigation ul#menu li a { display:block;height:32px;float:left;padding:0 0 0 25px;margin-right:2px; } div#navigation ul#menu li a span { display:block;height:24px;padding:8px 25px 0 0;color:#F2F2F2;font-size:13px;font-weight:bold; } div#navigation ul#menu li a.active, div#navigation ul#menu li a:hover { background:url('/images/tab_left.png') no-repeat; } div#navigation ul#menu li a.active span, div#navigation ul#menu li a:hover span { background:url('/images/tab_right.png') no-repeat right top; } /*** SUB MENU ***/ div#navigation ul#submenu { list-style-type: none;min-height:32px;margin-left:40px; } div#navigation ul#submenu:after { clear:both; } div#navigation ul#submenu li { display:block;float:left;height:22px;margin:5px 15px 0 0;border-right:1px solid #383838; } div#navigation ul#submenu li a { color:#E2F1D9;font-size:12px;margin-right:15px; } div#navigation ul#submenu li a.active, div#navigation ul#submenu li a:hover { text-decoration:underline; } /*** FOOTER ***/ div#footer { font-size:12px;height:82px;background:url('/images/bg_footer.png') repeat-x;padding-top:25px; } div#footer ul { margin-bottom:15px; } div#footer ul li { display:inline; } div#footer ul li a { color:#B3AC8B;padding-right:15px;margin-right:15px;border-right:1px solid #B3AC8B; } div#footer ul li a:hover, div#footer ul li a.active { text-decoration:underline; } div#footer ul li a.last { border:none; } div#footer p { color:#706933;margin:3px 0; } div#footer a { color:#E7DFA0; } /*** CONTENT ***/ div#content { background:#F2F2F2;color:#2D3324; } div#content_header { background:#F2F2F2;padding:20px 0;color:#2d3324; } div.secure_page#content_header { background:#cfd5ca; } div#content_header img.solarpanel { margin:25px 0 25px 15px; } div#content_header div.left { margin-right:370px; } div#content_header h2, div#content_header h1 { color:#082733;border-bottom:1px dotted #848A4B;font-weight:normal;margin-bottom:25px; } div#content_header fieldset { margin-top:10px; } div#content_header fieldset h2 { background:#EAF2E2; } div#content_header h3 { background:#EAF2E2;padding:5px; } div#content_header a { color:#868e75; } div#content_header ul.directorylisting a { color:black; } div#content_header a:hover { text-decoration:underline; } div#content_header a.lightwindow { display:block;color:#2d3324; } div#content_header a.lightwindow:hover, div#content_header a.lightwindow:hover div { background:#DAE1CA;text-decoration:none; } div#content_footer { background:#59673A url('/images/bg_content.png') repeat-x;padding:40px 0 20px; } div#content_footer h1 { color:#E0E0D2;border-bottom:1px dotted #E0E0D2;font-weight:normal; } div#content_footer div.right { margin-left:300px; } div#content_footer p { color:#E7DFA0;line-height:1.4em; font-size:80%; } div#content_footer p span { color:#080807;font-size:150%; } div.indexblock { font-size:80%;margin-bottom:15px; } div.indexblock img { margin:0 5px;border:none; } div.indexblock p { line-height:1.4em; } div.indexblock h2 { background:#EAF2E2;padding:2px 0 2px 25px;font-size:100%;margin-bottom:10px; } div.indexblock h2.icon_questionmark { background:#EAF2E2 url('/images/icons/icon_black_questionmark.png') no-repeat 5px center; } div.indexblock h2.icon_lamp { background:#EAF2E2 url('/images/icons/icon_black_lamp.png') no-repeat 5px center; } div.indexblock h2.icon_magnifier { background:#EAF2E2 url('/images/icons/icon_black_magnifier.png') no-repeat 5px center; } div.indexblock h2.icon_square { background:#EAF2E2 url('/images/icons/icon_black_square.png') no-repeat 5px center; } div.indexblock ul { list-style-type:none; } div.indexblock ul li { background:url('/images/icons/list_style_arrow.png') no-repeat left 7px;padding:3px 0 3px 15px; } div.indexblock ul li a { color:#2d3324; } div.indexblock ul li a span { font-weight:bold; } div.workingplan { background:#1D1C18;position:relative;width:244px;height:229px; } div.workingplan img { border:2px solid #6D7046;position:absolute;float:none; } /*** GENERATOR ***/ /*** symfony gebruikt 3 css'en voor admin generator dus hier gewoon paar regels overschrijven ***/ div#sf_admin_container { width:1000px;margin:0 auto;padding:25px 0; } div#sf_admin_container h1 { color:#082733;border-bottom:1px dotted #848A4B;font-weight:normal;margin:0 0 25px 0; } div#sf_admin_container th { background:#EFF6E7; } div#sf_admin_container th a { color:#000000; } div#sf_admin_container .sf_admin_form_row img { max-width:150px;max-height:150px; } div.sf_admin_list table { width:100%; } div#sf_admin_bar { float:none;margin:0; } div#sf_admin_bar table { width:100%; } div#sf_admin_bar table tr td:first-child { background:#EFF6E7; } div#sf_admin_bar table tr td label { font-weight:bold !important;} /*** dbDocumentPlugin ***/ ul.checkbox_list li { display:inline; } /*** googlemaps ***/ div#map { height:500px;padding:0;margin:25px 5px;border:1px solid #DBDADA; } /*** Pagination ***/ ul.pagination { padding:5px;list-style:none;text-align:center;border:1px solid #DBDADA; } ul.pagination li { display:inline;padding:5px; } ul.pagination li span { color:#868E75;text-decoration:underline; } ul.pagination li img { vertical-align:middle; } /*** View Actions ***/ ul.view_actions { list-style:none;padding:5px; } ul.view_actions li { margin-right:10px;display:inline; } ul.view_actions li a { padding-left:20px; } ul.view_actions li.sf_admin_action_edit, ul.view_actions li.view_edit a { background:url('/sfPropelPlugin/images/edit.png') no-repeat left center; } ul.view_actions li.sf_admin_action_delete, ul.view_actions li.view_delete a { background:url('/sfPropelPlugin/images/delete.png') no-repeat left center; } ul.view_actions li.view_close a { background:url('/images/icons/tick.png') no-repeat left center; } #sample_form .required { margin-left:5px;width:10px;height:10px;background-image:url('/images/icons/asterix_red.png'); background-repeat:no-repeat;background-position:left 3px; } #sample_form select[multiple="multiple"] { height:100px; } #registration_form th { width:22%; } #registration_form h2 { color:#93c693 !important;border:none !important; } #registration_form h3 { color:#795e50;background:none !important;padding-left:0 !important; } #registration_form .radio_list li { display:inline; } #registration_form input[type="text"] { background:#edf5ed;border:1px solid #DDD;font-size:1.2em;padding:5px; }