/**css/variabelen.css**/ /* Standaard hoogte button */ /*=PublicPageLayout ******************************************************/ /* Templates */ /* TemplateContentLeft */ /*asideposition : right;*/ /*contentposition: left;*/ /* TemplateContentRight */ /*asideposition : left;*/ /*contentposition: right;*/ /* TemplateContentTop */ /*asideposition: none;*/ /*contentposition: none;*/ /*asideposition: none;*/ /* Oranje Boven: eca676 Onder: d56b21 Border: ad5519 Hover Boven: ffb582 Onder: ff832b Border: e36f20 Blauw Boven: 87b8da Onder: 3b85ba Border: 2f6d97 Hover Boven: 97c7e8 Onder: 569fd4 Border: 4f8bb5 Grijs Boven: fafafa Onder: cbcbcb Border: 9b9b9b Hover Boven: fcfcfc Onder: e0e0e0 Border: c3c3c3 */ /**css/default-vars.css**/ /*=Default vars **************************************************************/ /**css/button-custom.css**/ div#content .button-orange { background: #fef135; border: 1px solid #fef135; color: #000000 !important; } /**css/buttons.css**/ .button-orange, .button-blue, .button-grey, .button-lightblue { /*REDESIGN*/ /*border: 1px solid;*/ border: none; font-weight: bold; /*text-shadow: rgba(0,0,0,.40) 0px -1px 1px;*/ } .button-orange, .button-blue, .button-lightblue { color: white !important; } .button-orange { /*REDESIGN*/ /*border-color: #ad5519;*/ /*background: #eda678; *//*Old browsers*/ background: #FF9933; } .ie6 .button-orange, .ie7 .button-orange, .ie8 .button-orange { filter: none !important; background: url(/edison/img/button-orange.png) top left repeat; } .ie9 .button-orange { filter: none !important; background: url(/edison/img/button-orange.svg) top left repeat; } /*.button-orange {*/ /*border-color: #ad5519;*/ /*background: #eda678; *//* Old browsers */ /*background: -moz-linear-gradient(top, #eda678 0%, #d6671f 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eda678), color-stop(100%,#d6671f)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #eda678 0%,#d6671f 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #eda678 0%,#d6671f 100%); *//* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #eda678 0%,#d6671f 100%); *//* IE10+ */ /*background: linear-gradient(top, #eda678 0%,#d6671f 100%); *//* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda678', endColorstr='#d6671f',GradientType=0 ); *//* IE6-9 */ /*}*/ /*.button-orange:hover { border-color: #e36f20; background: #FF832B; *//* Old browsers *//* background: -moz-linear-gradient(top, #FFB582 0%, #FF832B 100%); *//* FF3.6+ *//* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB582), color-stop(100%,#FF832B)); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(top, #FFB582 0%,#FF832B 100%); *//* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(top, #FFB582 0%,#FF832B 100%); *//* Opera11.10+ *//* background: -ms-linear-gradient(top, #FFB582 0%,#FF832B 100%); *//* IE10+ *//* *//*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb582', endColorstr='#ff832b',GradientType=0 ); *//**//* IE6-9 *//* background: linear-gradient(top, #FFB582 0%,#FF832B 100%); *//* W3C *//* }*/ /*.ie6 .button-orange:hover, .ie7 .button-orange:hover, .ie8 .button-orange:hover { filter: none !important; background: url(/edison/img/button-orange-hover.png) top left repeat; } .ie9 .button-orange:hover { filter: none !important; background: url(/edison/img/button-orange-hover.svg); }*/ .button-orange:active { background: #a54400; /* Old browsers */ border-color: #923e05; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1NDQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZjY1MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/ /*background: -moz-linear-gradient(top, #a54400 0%, #df6510 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a54400), color-stop(100%,#df6510)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #a54400 0%,#df6510 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #a54400 0%,#df6510 100%); *//* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #a54400 0%,#df6510 100%); *//* IE10+ */ /*background: linear-gradient(to bottom, #a54400 0%,#df6510 100%); *//* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a54400', endColorstr='#df6510',GradientType=0 ); *//* IE6-8 */ } .ie9 .button-orange:active { filter: none !important; background: url(/edison/img/button-orange-active.svg); } .button-orange.ui-button-disabled { /*color: black !important;*/ /*ToFix this can break stuff*/ /*background: #eda678; */ /*ToFix this can break stuff*/ } .button-blue { /*border-color: #33719c;*/ background: #567ebb; /* Old browsers */ /*background: -moz-linear-gradient(top, #84b6d9 0%, #3d87bc 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84b6d9), color-stop(100%,#3d87bc)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #84b6d9 0%,#3d87bc 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #84b6d9 0%,#3d87bc 100%); *//* Opera11.10+ */ /*background: -ms-linear-gradient(top, #84b6d9 0%,#3d87bc 100%); *//* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b6d9', endColorstr='#3d87bc',GradientType=0 ); *//* IE6-9 */ /*background: linear-gradient(top, #84b6d9 0%,#3d87bc 100%); *//* W3C */ } /* .ie6 .button-blue, .ie7 .button-blue, .ie8 .button-blue { filter: none !important; background: url(/edison/img/button-blue.png) top left repeat; } .ie9 .button-blue { filter: none !important; background: url(/edison/img/button-blue.svg) top left repeat; } .button-blue:hover { background: #9dc5e1; */ /* Old browsers *//* background: -moz-linear-gradient(top, #9dc5e1 0%, #649fc9 100%); */ /* FF3.6+ *//* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dc5e1), color-stop(100%,#649fc9)); */ /* Chrome,Safari4+ *//* background: -webkit-linear-gradient(top, #9dc5e1 0%,#649fc9 100%); */ /* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(top, #9dc5e1 0%,#649fc9 100%); */ /* Opera11.10+ *//* background: -ms-linear-gradient(top, #9dc5e1 0%,#649fc9 100%); */ /* IE10+ *//* */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc5e1', endColorstr='#649fc9',GradientType=0 ); *//* */ /* IE6-9 *//* background: linear-gradient(top, #9dc5e1 0%,#649fc9 100%); */ /* W3C *//* } .ie6 .button-blue:hover, .ie7 .button-blue:hover, .ie8 .button-blue:hover { filter: none !important; background: url(/edison/img/button-blue-hover.png) top left repeat; } .ie9 .button-blue:hover { filter: none !important; background: url(/edison/img/button-blue-hover.svg) top left repeat; } */ .button-blue.ui-button-disabled { color: black !important; background: #84b6d9; } .button-lightblue { /*border-color: #33719c;*/ background: #567ebb; /* Old browsers */ /*background: -moz-linear-gradient(top, #7ec1d4 0%, #3d9bb6 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ec1d4), color-stop(100%,#3d9bb6)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #7ec1d4 0%,#3d9bb6 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #7ec1d4 0%,#3d9bb6 100%); *//* Opera11.10+ */ /*background: -ms-linear-gradient(top, #7ec1d4 0%,#3d9bb6 100%); *//* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ec1d4', endColorstr='#3d9bb6',GradientType=0 ); IE6-9 */ /*background: linear-gradient(top, #7ec1d4 0%,#3d9bb6 100%); *//* W3C */ } /*.ie6 .button-lightblue,*/ /*.ie7 .button-lightblue,*/ /*.ie8 .button-lightblue {*/ /*filter: none !important;*/ /*background: url(/edison/img/button-lightblue.png) top left repeat;*/ /*}*/ /*.ie9 .button-lightblue {*/ /*filter: none !important;*/ /*background: url(/edison/img/button-lightblue.svg) top left repeat;*/ /*}*/ /*.button-lightblue:hover {*/ /*background: #90cada; *//* Old browsers */ /*background: -moz-linear-gradient(top, #90cada 0%, #58a9c0 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90cada), color-stop(100%,#58a9c0)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #90cada 0%,#58a9c0 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #90cada 0%,#58a9c0 100%); *//* Opera11.10+ */ /*background: -ms-linear-gradient(top, #90cada 0%,#58a9c0 100%); *//* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90cada', endColorstr='#58a9c0',GradientType=0 ); *//* IE6-9 */ /*background: linear-gradient(top, #90cada 0%,#58a9c0 100%); *//* W3C */ /*}*/ /*.ie6 .button-lightblue:hover,*/ /*.ie7 .button-lightblue:hover,*/ /*.ie8 .button-lightblue:hover {*/ /*filter: none !important;*/ /*background: url(/edison/img/button-lightblue-hover.png) top left repeat;*/ /*}*/ /*.ie9 .button-lightblue:hover {*/ /*filter: none !important;*/ /*background: url(/edison/img/button-lightblue-hover.svg) top left repeat;*/ /*}*/ .button-lightblue.ui-button-disabled { color: black !important; background: #33719c; } .button-grey { /*border-color: #9b9b9b;*/ /*background-image: none;*/ background: #FFF; /* Old browsers */ color: #000; /*background: -moz-linear-gradient(top, #FAFAFA 0%, #CBCBCB 100%); *//* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#CBCBCB)); *//* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #FAFAFA 0%,#CBCBCB 100%); *//* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #FAFAFA 0%,#CBCBCB 100%); *//* Opera11.10+ */ /*background: -ms-linear-gradient(top, #FAFAFA 0%,#CBCBCB 100%); *//* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#CBCBCB',GradientType=0 ); *//* IE6-9 */ /*background: linear-gradient(top, #FAFAFA 0%,#CBCBCB 100%); *//* W3C */ /*text-shadow: rgba(255,255,255,.55) 0px 1px 1px;*/ } /*.ie6 .button-grey, .ie7 .button-grey, .ie8 .button-grey { filter: none !important; background: url(/edison/img/button-grey.png) top left repeat; } .ie9 .button-grey { filter: none !important; background: url(/edison/img/button-grey.svg) top left repeat; }*/ a.button-grey { color: #7e7e7e !important; } /*.button-grey:hover { border-color: #c3c3c3; background: #E0E0E0; *//* Old browsers *//* background: -moz-linear-gradient(top, #FCFCFC 0%, #E0E0E0 100%); *//* FF3.6+ *//* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC), color-stop(100%,#E0E0E0)); *//* Chrome,Safari4+ *//* background: -webkit-linear-gradient(top, #FCFCFC 0%,#E0E0E0 100%); *//* Chrome10+,Safari5.1+ *//* background: -o-linear-gradient(top, #FCFCFC 0%,#E0E0E0 100%); *//* Opera11.10+ *//* background: -ms-linear-gradient(top, #FCFCFC 0%,#E0E0E0 100%); *//* IE10+ *//* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCFCFC', endColorstr='#E0E0E0',GradientType=0 ); *//* IE6-9 *//* background: linear-gradient(top, #FCFCFC 0%,#E0E0E0 100%); *//* W3C *//* }*/ /*.ie6 .button-grey:hover, .ie7 .button-grey:hover, .ie8 .button-grey:hover { filter: none !important; background: url(/edison/img/button-grey-hover.png) top left repeat; } .ie9 .button-grey:hover { filter: none !important; background: url(/edison/img/button-grey-hover.svg) top left repeat; }*/ .button-grey.ui-button-disabled { color: black !important; background: #9b9b9b; } .move-right { float: right; margin-top: 15px; } .formdone { background-color: #ff9933 ; } /**css/public-core.css**/ /*----------------------------------------------------------------------------- Edison - General - Typography - Buttons - Alerts - Notifications - Help - Logout | whoami - LanguageSelect - Branding - Registerform - MyRegistration - Login - Footer ***Beyond Here there be Dragons*** - LeftLayout - RightLayout - TopLayout -----------------------------------------------------------------------------*/ /* =General -----------------------------------------------------------------------------*/ .clear { clear: both; height: 1px; } a, a:visited, a:hover { color: #0068CA; text-decoration: none; } img { clear: both; margin: 10px 0; display: block; /*border: 1px solid #8c8c8c;*/ } /* =Typography -----------------------------------------------------------------------------*/ html { font: 62.5%/24px 'Open Sans', Helvetica, Verdana, Arial, sans-serif; } body { /*background: var(background-image) #FFFFFF;*/ background-color: #FFFFFF; margin: 0 auto; font-size: 12px; font-size: 1.2rem; color: #505050; } body div#content { color: #505050; font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif; font-size: 12px; } div#content h1, div#content article section h2, div#content #item h3 { font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif; font-size: 14px; font-weight: bold; color: #A0A0A0; margin-bottom: 20px; } #h2, #item h4 { font-style: normal; font-weight: normal; margin: 0 0 10px; } div#content h2, #item h4 { color: #A0A0A0; font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif; font-size: 12px; } div#content hgroup h1, div#content #item h1, div#content .error h1 { color: #567ebb; font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif; font-size: 20px; font-weight: normal; margin-bottom: 10px; } #item h1 { font-size: 16px; font-size: 1.6rem; font-weight: bold; } div#content hgroup h2, #item h2 { color: #505050; font-weight: bold; font-style: italic; font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif; font-size: 12px; margin-bottom: 20px; } aside p, #item p, .error p { margin: 0 0 20px; } p.what { padding-left: 20px; font-style: italic; color: red; } article p { /*margin-bottom: 20px;*/ /* EDISON-1127 Remove spacing in TinyMCE */ } article .actions { position: absolute; right: 0; top: 20px; } /* =Buttons -----------------------------------------------------------------------------*/ a.grey-button span.ui-button-text { color: #555555; text-shadow: rgba(255,255,255,.55) 0px 1px 1px; } a.white-button span.ui-button-text { background-color: #FFF; color: #555555; /*text-shadow: rgba(255,255,255,.55) 0px 1px 1px;*/ } a.return span.ui-button-text { background: url(/edison/img/icon_back_dark.png) left no-repeat; padding-left: 20px; margin-left: 5px; } a.maps { display: inline-block; margin-bottom: 20px; } a.maps span.ui-button-text { background: url(/edison/img/icon_maps_dark.png) left no-repeat; padding-left: 20px; margin-left: 5px; } aside section button { margin-bottom: 20px !important; } aside section a.maps span.ui-button-text { background: url(/edison/img/icon_maps_dark.png) left no-repeat; padding-left: 20px; margin-left: 5px; } .largeregistrationbutton, .total-amount { display: block; text-align: right; } .total-amount { border-bottom: 1px solid silver; border-top: 1px solid silver; font-weight: bold; margin: 20px 0 10px; padding: 10px 5px 10px 0; color: #505050; } .total-amount .total-amount-holder { color: #505050; } .total-amount-text { color: #505050; } p.largeregistrationbutton { margin-bottom: 0; margin-top: 10px; } .largeregistrationbutton .button, .largeregistrationbutton input[type=submit] { width: 35%; } .ui-button .ui-button-text { display: block; line-height: 18px; } .button { height: 25px; } .radioswitch { float: right; direction: ltr; } .radioswitch .ui-button { width: auto; } /* =Alerts -----------------------------------------------------------------------------*/ .ui-state-highlight, .ui-state-error { padding: 0.5em; margin-bottom: 0.5em; display: inline-block; } .ui-state-error p { margin: 0 0 0.5em 0; } .ui-state-highlight .ui-icon .ui-state-error .ui-icon { float: left; } .identifier.errors { display: block; } .ui-widget-overlay { background-image: none; opacity: 1; background: rgba(0, 0, 0, .65); } /* =Notifications -----------------------------------------------------------------------------*/ .notification { position: fixed; top: 0; right: 0; left: 0; width: 400px; margin: auto; color: black; padding: 0.5em 1em; /*border-style: solid;*/ /*border-width: 0 3px 3px;*/ } .notification.error { /*border-color: #eb5339;*/ background-color: #fccac2; } .notification.success { /*border-color: #88bc13;*/ background-color: #efffb9; } .notification.information, .notification.whatsnew { /*border-color: #418acc;*/ background-color: #d0e4f4; } .notification.warning { /*border-color: #ffeaa8;*/ background-color: #ffc237; } .notification a.close { float: right; color: #eb5339; background: url(/edison/img/icon_close_red.png) left no-repeat; padding-left: 15px; } .notification a.close:hover { text-decoration: underline; } .notification span { margin-left: 35px; display: block; } .notification .type { text-transform: uppercase; padding: 0 10px 0 35px; height: 27px; line-height: 27px; display: inline-block; font-weight: bold; margin-left: 0; } .inline-notification span { padding-left: 25px; height: 27px; line-height: 27px; display: inline-block; font-weight: bold; } .notification.error .type { background: url(/edison/img/icon_notification_red.jpg) left no-repeat; } .notification.success .type { background: url(/edison/img/icon_notification_green.jpg) left no-repeat; } .notification.warning .type { background: url(/edison/img/icon_notification_yellow.jpg) left no-repeat; } .notification.information .type, .notification.whatsnew .type { background: url(/edison/img/icon_notification_blue.jpg) left no-repeat; } span.error { background: url(/edison/img/error.png) left no-repeat; } span.success { background: url(/edison/img/accept.png) left no-repeat; } span.warning { /*background: url(/edison/img/accept.png) left no-repeat;*/ } span.information { /*background: url(/edison/img/accept.png) left no-repeat;*/ } /* =Help -----------------------------------------------------------------------------*/ p.help { font-size: 11.5px; font-size: 1.15rem; margin-left: 207px; width: 300px; white-space: pre-wrap; } /* =Logout | whoami -----------------------------------------------------------------------------*/ header h1 a img { margin: 0; } nav.user { float: right; } nav div.whoami { background-color: #567ebb; float: right; color: white; min-width: 12em; padding: 4px 10px; } nav div.whoami.ui-widget { font-size: 11.5px; font-size: 1.15rem; } nav span.switchmode { background: url(/edison/img/login_alert_white.png) 5px center no-repeat; display: inline-block; padding: 4px 10px 4px 25px; color: white; } .whoami ul { list-style: none; } .whoami ul li { background: url(/edison/img/small_arrow_sprite_5x42.png) right -34px no-repeat; padding-right: 10px; padding-left: 10px; float: left; } .whoami ul li:first-child { padding-left: 0; } .whoami ul ul { display: none; background-color: #567ebb; position: absolute; min-width: 100px; margin-left: -10px; } .whoami ul li:hover ul { display: inherit; } .whoami li li { background-image: none; height: 20px; line-height: 20px; margin-left: 10px; padding-left: 0; float: none; } .whoami a { color: white; } /* =Popup form -----------------------------------------------------------------------------*/ .form-dialog { background: none repeat scroll 0 0 #ECECEC; margin-top: 80px; padding: 0; } .form-dialog .ui-dialog-titlebar { background: none repeat scroll 0 0 transparent; border: medium none; padding: 0; } .ui-dialog .ui-dialog-content { background: none repeat scroll 0 0 transparent; border: 0 none; padding: 0.5em 1em; position: relative; } .edison-form h1 { font-size: 2.2rem; margin-top: 20px; } .edison-form p { margin: 10px 0; } .edison-form .finish { white-space: nowrap; } .form-dialog h1 { color: #567ebb; font-family: 'Open Sans', Helvetica, Verdana, Arial, sans-serif; font-weight: normal; } .edison-form input.ui-button { height: 30px; width: 170px; } .ui-widget, .ui-widget .ui-widget { font-size: 12px; font-size: 1.2rem; } .edison-form { margin: 0 30px 10px 30px; width: 345px; } /* =LanguageSelect -----------------------------------------------------------------------------*/ .language-selector { color: #505050; font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif; font-size: 12px; position: absolute; right: 35px; top: 5px; } .preview .language-selector { top: 65px; } .language-selector a { background-position: left; background-repeat: no-repeat; padding-left: 20px; margin: 0 5px; } .language-selector a.language-en { background-image: url(/edison/img/UK.png); } .language-selector a.language-nl { background-image: url(/edison/img/Netherlands.png); } .language-selector a.language-de { background-image: url(/edison/img/Germany.png); } .language-selector a.language-es { background-image: url(/edison/img/Spain.png); } .language-selector a.logoff { background-image: url(/edison/img/logout.png); } .language-selector a.active { color: #505050; font-weight: bold; } /* =Branding -----------------------------------------------------------------------------*/ body #innerwrapper > header { float: left; color: white; text-transform: uppercase; width: 120px; height: 26px; text-indent: -9000px; margin-right: 20px; } .preview header h1 img { border: none; } #innerwrapper { padding: 2em 1em 1em; margin: 0 auto; /*width: 950px;*/ position: relative; } .preview #innerwrapper { padding-top: 1em; } #innerwrapper.singlecolumn { width: 625px; } .singlecolumn article { float: none; } .error #innerwrapper { width: 500px; } div#content { border: 1px solid #8c8c8c; background-color: #FFFFFF; padding: 30px; position: relative; } .preview div#content { margin-top: 50px; } div#content header hgroup { padding-left: 0.5em; margin-bottom: 20px; } .singlecolumn div#content header hgroup { padding-left: 0; } header .organizer { float: left; } header .category { float: right; font-weight: bold; color: #036ba8; } #content header { display: block; float: var(headerposition); } .singlecolumn .eventintro, .singlecolumn .eventinfo { float: none; width: 100%; } aside { float: var(asideposition); } aside section { margin-bottom: 40px; } aside section p { line-height: 1.2em; } aside section img { /*height: auto;*/ max-height: 100%; max-width: 100%; /*width: auto;*/ } article { position: relative; text-align: justify; } article img { max-width: 100%; max-height: 100%; } article { line-height: 1.2em; } article section { border-top: 1px solid #8c8c8c; margin-top: 20px; padding-top: 20px; } article div.item { position: relative; /*width: 540px;*/ margin-top: 10px; font-size: 11.5px; font-size: 1.15rem; border: 1px solid silver; padding: 10px; } .register div.item { background-color: #FFFFFF; } article div.item:first-child, article div.disabled { margin-top: 0; } article div.item div.item-fieldsets { /*width: 540px;*/ } div#content article div.item h2 { border-bottom: 1px solid silver; clear: both; color: #505050; display: block; font-family: 'Open Sans', Helvetica,Verdana,Arial,sans-serif; font-size: 14px; font-weight: bold; height: 25px; line-height: 25px; margin: 0; position: relative; } .ie6 article div.item h2 { padding-top: 4px; height: 21px; } .item-info-container { font-size: 12px; font-size: 1.2rem; position: absolute; right: 0; top: 1px; } .payment-info, .availablity-info { display: inline-block; } .payment-info { margin-left: 20px; } .availablity-info { background: url(/edison/img/icon_status_alert_small.png) left no-repeat; padding-left: 20px; font-weight: normal; } .payment-info .total-amount-vat { font-weight: normal; } .registration .payment-info { right: 0; } .item-buttons { border-top: 1px solid silver; margin-top: -1px; height: 40px; clear: both; position: relative; } div.item h3 { margin: 15px 0; font-weight: normal; font-size: 12px; font-size: 1.2rem; } div.item a.registerbutton, div.item a.toggleinfo { color: white; position: absolute; right: 0; top: 10px; font-weight: bold; height: 25px; line-height: 25px; text-align: center; width: 120px; } div.item a.toggleinfo { left: 0; } div.item a.registered { color: red; font-weight: normal; } div.item.disabled { display: none; } div.item.disabled a:hover { cursor: default; } /* =Registerform -----------------------------------------------------------------------------*/ fieldset { position: relative; padding-top: 10px; margin-bottom: 20px; margin-top: 15px; } fieldset.item-amount { border-bottom: 1px solid silver; margin: 0; padding: 5px 0; } legend { color: #567ebb; font-weight: bold; padding-left: 10px; } label { width: 180px; font-weight: bold; display: inline-block; margin-left: 15px; vertical-align: top; margin-right: 10px; margin-top: 5px; text-align: left; } input:focus { outline: none; } .item-fieldsets input[type=text], .item-fieldsets input[type=file], .item-fieldsets textarea { width: 300px; margin-bottom: 2px; } .ie6 .textfield, .ie6 .textareafield, .ie6 .fileupload { width: 300px; margin-bottom: 2px; } .item-fieldsets select { margin-bottom: 2px; width: 306px; } .item-fieldsets .dateLists_container select { margin-left: 0px; } .item-fieldsets .dateLists_container .day_container .list, .item-fieldsets .dateLists_container .month_container .list { margin-right: 10px; width: 60px; } .item-fieldsets .dateLists_container .year_container .list { width: 70px; } .item-fieldsets .radios, .item-fieldsets .dateLists_container { display: inline-block; width: 306px; margin-bottom: 5px; } .ie6 .item-fieldsets .dateLists_container, .ie7 .item-fieldsets .dateLists_container { display: inline; } .item-fieldsets input.rRadioButtons { width: 10px; margin: 0; padding: 0; } .item-fieldsets .radios label { display: inline; margin: 0; padding: 2px 0 0; } .item-fieldsets .dateLists_container div { display: inline-block; } .ie6 .item-fieldsets .dateLists_container div, .ie7 .item-fieldsets .dateLists_container div { display: inline; } div.multifield-container { display: inline-block; } .ie7 div.multifield-container { display: inline; } .item-fieldsets textarea { height: 80px; } .item-fieldsets div.hasDatepicker { width: 306px; display: inline-block; } .ie6 .item-fieldsets div.hasDatepicker, .ie7 .item-fieldsets div.hasDatepicker { display: inline; } /* phone numbers */ .item-fieldsets select.phoneprefix { margin-right: 10px; width: 50px; } .item-fieldsets input.phonewithprefix { width: 240px; } ::-webkit-input-placeholder { font-size: 11.5px; font-size: 1.15rem; } :-moz-placeholder { font-size: 11.5px; font-size: 1.15rem; } span.invalid, span.valid { background: url(/edison/img/icon_alert.png) right no-repeat; width: 16px; height: 16px; margin-bottom: -2px; margin-left: 5px; display: inline-block; vertical-align: top; margin-top: 5px; } span.invalid-vouchercode, span.valid-vouchercode { width: 16px; height: 16px; margin-bottom: -2px; margin-left: 5px; display: inline-block !important; vertical-align: top; margin-top: 5px; } span.valid-vouchercode { background: url(/edison/img/accept.png) right no-repeat; } span.invalid-vouchercode { background: url(/edison/img/error.png) right no-repeat !important; } .ie9 span.invalid, .ie8 span.invalid { margin-top: 3px; } span.valid { background-image: none; display: none; } /* start qq uploader */ div.uploader { width: 300px; display: inline-block; } .ie6 div.uploader, .ie7 div.uploader { display: inline; } .qq-uploader { position: relative; width: 100%; } .qq-upload-button { display: inline-block; padding: 0.4em 1em; text-align: center; color: #7E7E7E; float: left; } .ie6 .qq-upload-button span, .ie7 .qq-upload-button span { margin-top: 0; display: block; } .qq-upload-button-focus { outline: 1px dotted black; } .qq-upload-drop-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 70px; z-index: 2; background: #FF9797; text-align: center; } .qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -8px; font-size: 16px; } .qq-upload-drop-area-active { background: #FF7171; } .qq-upload-list { margin: 5px 35px 0; padding: 0; list-style: disc; float: left; } .qq-upload-list li { margin: 0; padding: 0; line-height: 15px; font-size: 12px; } .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file { } .qq-upload-spinner { display: inline-block; background: url("/edison/img/fileupload-loading.gif"); width: 15px; height: 15px; vertical-align: text-bottom; } .qq-upload-size, .qq-upload-cancel { font-size: 11px; } .qq-upload-failed-text { display: none; } .qq-upload-fail .qq-upload-failed-text { display: inline; } /* end qq uploader */ .item-details { border-top: 1px solid silver; padding-left: 10px; margin-top: -1px; padding-top: 20px; padding-bottom: 20px; } /* =MyRegistration -----------------------------------------------------------------------------*/ p.mark { font-weight: bold; margin: 10px 20px; padding: 1em; background-color: #F4F4F4; } .registration div.item-fieldsets { width: 100%; } .registration h2 { font-weight: bold; margin-top: 20px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .registration div.item h2 { background-color: transparent; border: none; border-bottom: 1px solid silver; height: 25px; line-height: 25px; margin-top: 5px; position: relative; } .registration div.item h2 a.toggleinfo { margin-left: -20px; } .registration .item-fieldsets h3 { color: #567ebb; font-weight: bold; padding-left: 5px; margin-top: 10px; } .registration label { vertical-align: baseline; } .registration div.field-value { display: inline-block; width: 300px; } /* =Login -----------------------------------------------------------------------------*/ .singlecolumn form label { margin-left: 0; display: block; } .singlecolumn input { display: block; } .singlecolumn form .item-fieldsets label, .singlecolumn .item-fieldsets input, .singlecolumn .largeregistrationbutton input { display: inline-block; } .singlecolumn input { width: 250px; } .singlecolumn .login input { display: inline-block; } /* =Footer -----------------------------------------------------------------------------*/ footer { margin-top: 1em; height: 30px; } footer img { display: inline-block; vertical-align: middle; border: none; margin: 0; } footer .left { display: inline-block; float: left; line-height: 38px; } footer .right { line-height: 31px; display: inline-block; float: right; } /* =Misc -----------------------------------------------------------------------------*/ .toCreate, .toStyle { color: magenta; font-weight: bold; font-family: 'Lucida Casual', 'Comic Sans MS'; } .toCreate { background-color: lime; display: inline-block; padding: 0 0.5em; } .nu-ff-niet { display: none; } .fileupload-result { padding: 5px; border: 1px solid silver; border-radius: 5px; display: inline-block; width: 300px; } .fileupload-title { display: inline-block; width: 150px; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; } .fileupload-download { margin-left: 20px; } .fileupload-delete { margin-left: 20px; background: url(/edison/img/icon_remove_red.png) left center no-repeat; padding-left: 20px; } /* Beyond Here there be Dragons **********************************************/ /* JAVA */ /**css/template-top.css**/ /*=Template Top ************************************************************/ /* Template with context on the top, col at the bottom */ #innerwrapper { width: 650px; } .header {} .eventintro { margin-bottom: 20px; } .eventinfo h1 { margin-bottom: 10px; } .eventinfo aside { display: none; } .eventinfo-information { clear: both; } .buttons1 { position: relative; float: right; margin: -5px 0 13px; top: 0; right: 0; z-index: 1; } .buttons2 { clear: both; } body { background-color:#F5F5F5; color:#505050; background-attachment: fixed; font-size:1.2rem; margin:0 auto; overflow-y:scroll; background-image:url('http://www.eventmodelgeneration.com/wp-content/uploads/2017/05/Background-Edison.png'); background-size: cover; } h3 { font-size: 18pt; font-weight: bold; color: #3c88ab; padding-top: 10px; padding-bottom: 3px; } div#content { opacity: 0.95; box-shadow: grey 3px 3px 3px 3px; } footer { opacity: 0.95; } h1 { font-size: ! important 50px; }/**css/footer.css**/ footer { background: none repeat scroll 0 0 white !important; border: 1px solid silver !important; /*border-radius: 6px 6px 6px 6px;*/ display: inherit !important; height: 55px !important; margin: 1em 0 0 0 !important; padding: 1em !important; overflow: visible !important; position: relative !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; color: #505050 !important; /*background: url("/edison/img/edison.gif") no-repeat scroll 35% 0;*/ } footer img { margin-top: -13px !important; margin-left: 12px !important; }