<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <!-- MOA-ID 2.x BKUSelection Layout CSS --> <style type="text/css"> @media screen and (min-width: 650px) { body { margin:0; padding:0; color : #000; background-color : #fff; text-align: center; background-color: #6B7B8B; } #page { display: block; border: 2px solid rgb(0,0,0); width: 650px; height: 460px; margin: 0 auto; margin-top: 5%; position: relative; border-radius: 25px; background: rgb(255,255,255); } #page1 { text-align: center; } #main { /* clear:both; */ position:relative; margin: 0 auto; width: 250px; text-align: center; } .OA_header { /* background-color: white;*/ font-size: 20pt; margin-bottom: 25px; margin-top: 25px; } #leftcontent { /*float:left; */ width:250px; margin-bottom: 25px; text-align: left; /*border: 1px solid rgb(0,0,0);*/ } #leftcontent { width: 300px; margin-top: 30px; } h2#tabheader{ font-size: 1.1em; padding-left: 2%; padding-right: 2%; position: relative; } .setAssertionButton_full { background: #efefef; cursor: pointer; margin-top: 15px; width: 100px; height: 30px } #leftbutton { width: 30%; float:left; margin-left: 40px; } #rightbutton { width: 30%; float:right; margin-right: 45px; text-align: right; } button { height: 25px; width: 75px; margin-bottom: 10px; } #validation { position: absolute; bottom: 0px; margin-left: 270px; padding-bottom: 10px; } } @media screen and (max-width: 205px) { #localBKU p { font-size: 0.6em; } #localBKU input { font-size: 0.6em; min-width: 60px; /* max-width: 65px; */ min-height: 1.0em; /* border-radius: 5px; */ } } @media screen and (max-width: 249px) and (min-width: 206px) { #localBKU p { font-size: 0.7em; } #localBKU input { font-size: 0.7em; min-width: 70px; /* max-width: 75px; */ min-height: 0.95em; /* border-radius: 6px; */ } } @media screen and (max-width: 299px) and (min-width: 250px) { #localBKU p { font-size: 0.9em; } #localBKU input { font-size: 0.8em; min-width: 70px; /* max-width: 75px; */ /* border-radius: 6px; */ } } @media screen and (max-width: 399px) and (min-width: 300px) { #localBKU p { font-size: 0.9em; } #localBKU input { font-size: 0.8em; min-width: 70px; /* max-width: 75px; */ /* border-radius: 6px; */ } } @media screen and (max-width: 649px) and (min-width: 400px) { #localBKU p { font-size: 0.9em; } #localBKU input { font-size: 0.8em; min-width: 70px; /* max-width: 80px; */ /* border-radius: 6px; */ } } @media screen and (max-width: 649px) { body { margin:0; padding:0; color : #000; text-align: center; font-size: 100%; background-color: #MAIN_BACKGOUNDCOLOR#; } #page { visibility: hidden; margin-top: 0%; } #page1 { visibility: hidden; } #main { visibility: hidden; } #validation { visibility: hidden; display: none; } .OA_header { margin-bottom: 0px; margin-top: 0px; font-size: 0pt; visibility: hidden; } #leftcontent { visibility: visible; margin-bottom: 0px; text-align: left; border:none; vertical-align: middle; min-height: 173px; min-width: 204px; } input[type=button] { /* height: 11%; */ width: 70%; } } * { margin: 0; padding: 0; font-family: #FONTTYPE#; } #selectArea { padding-top: 10px; padding-bottom: 55px; padding-left: 10px; } .setAssertionButton { background: #efefef; cursor: pointer; margin-top: 15px; width: 70px; height: 25px; } #leftbutton { width: 35%; float:left; margin-left: 15px; } #rightbutton { width: 35%; float:right; margin-right: 25px; text-align: right; } /* input[type=button], .sendButton { background: #BUTTON_BACKGROUNDCOLOR#; color: #BUTTON_COLOR#; /* border:1px solid #000; */ /* cursor: pointer; /* box-shadow: 3px 3px 3px #222222; */ /* } /* button:hover, button:focus, button:active, .sendButton:hover , .sendButton:focus, .sendButton:active, #mandateCheckBox:hover, #mandateCheckBox:focus, #mandateCheckBox:active { background: #BUTTON_BACKGROUNDCOLOR_FOCUS#; color: #BUTTON_COLOR#; /* border:1px solid #000; */ /* cursor: pointer; /* box-shadow: -1px -1px 3px #222222; */ /* } */ input { /*border:1px solid #000;*/ cursor: pointer; } #localBKU input { /* color: #BUTTON_COLOR#; */ border: 0px; display: inline-block; } #localBKU input:hover, #localBKU input:focus, #localBKU input:active { text-decoration: underline; } #installJava, #BrowserNOK { clear:both; font-size:0.8em; padding:4px; } .selectText{ } .selectTextHeader{ } .sendButton { width: 30%; margin-bottom: 1%; } #leftcontent a { text-decoration:none; color: #000; /* display:block;*/ padding:4px; } #leftcontent a:hover, #leftcontent a:focus, #leftcontent a:active { text-decoration:underline; color: #000; } .infobutton { background-color: #005a00; color: white; font-family: serif; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; font-weight: bold; } .hell { background-color : #MAIN_BACKGOUNDCOLOR#; color: #MAIN_COLOR#; } .dunkel { background-color: #HEADER_BACKGROUNDCOLOR#; color: #HEADER_COLOR#; } .main_header { color: black; font-size: 32pt; position: absolute; right: 10%; top: 40px; } #alert { margin: 100px 250px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: red; } .reqframe { /*display: none;*/ visibility: hidden; } </style> #if($timeoutURL) <script type="text/javascript"> function sloTimeOut() { window.location.href="$timeoutURL"; } function RestartAfterDelay() { var eDate = null; var MilliSekZeit = 0; var SysDatumJetzt = new Date(); var SysDatumJetztMilli = SysDatumJetzt.getTime(); do { eDate = new Date(); MilliSekZeit = eDate.getTime(); } while ((MilliSekZeit-SysDatumJetztMilli) < $timeout); sloTimeOut(); } </script> #end <title>Single LogOut Vorgang ... </title> </head> #if($timeoutURL) <body onload='setTimeout(sloTimeOut, $timeout);'> #else <body> #end <noscript> <p> <strong>Note:</strong> Since your browser does not support JavaScript, you must press the Continue button once to proceed. </p> </noscript> <div id="page"> <div id="page1" class="case selected-case" role="main"> <h2 class="OA_header" role="heading">MOA-ID Single LogOut Information</h2> <div id="main"> <div id="leftcontent" class="hell" role="application"> #if($errorMsg) <div class="alert"> <p>$errorMsg</p> </div> #end #if($successMsg) <div> <p>$successMsg</p> </div> #end #if($redirectURLs) <div> <p> Sie werden von allen Online-Applikationen abgemeldet. <br> Dieser Vorgang kann einige Zeit in Anspruch nehmen. </p> </div> #end </div> </div> </div> <div id="validation"> <a href="http://validator.w3.org/check?uri="> <img style="border: 0; width: 88px; height: 31px" src="$contextpath/img/valid-html5-blue.png" alt="HTML5 ist valide!" /> </a> <a href="http://jigsaw.w3.org/css-validator/"> <img style="border: 0; width: 88px; height: 31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS ist valide!" /> </a> </div> </div> #foreach( $el in $redirectURLs ) <iframe src=$el class="reqframe"></iframe> #end </body> </html>