diff --git a/assets/dsroot/css/default-styles.css b/assets/dsroot/css/default-styles.css index 568ae80..7fe0032 100644 --- a/assets/dsroot/css/default-styles.css +++ b/assets/dsroot/css/default-styles.css @@ -1,57 +1,60 @@ /* Copyright (c) 2014, SWITCH */ h1 { - font-family:Verdana, sans-serif; - font-size: 13px; - padding-bottom: 6px; - text-align: left; + font-family:Verdana, sans-serif; + font-size: 13px; + padding-bottom: 6px; + text-align: left; } p { - font-family:Verdana, sans-serif; - font-size: 12px; - text-align: left; + font-family:Verdana, sans-serif; + font-size: 12px; + text-align: left; } a { - color: #00247D; - text-decoration: underline; + color: #00247D; + text-decoration: underline; } a:visited { - color: #00247D; - text-decoration: underline; + color: #00247D; + text-decoration: underline; } a:focus, a:hover, a:active { - color: #F39800; - text-decoration: underline; + color: #F39800; + text-decoration: underline; } pre { - text-align: left; + text-align: left; } .promptMessage { - margin-top: 0; + margin-top: 0; + font-family:Verdana, sans-serif; + font-size: 12px; + color: #696969; } .selectOptions { - margin-bottom: 0; + margin-bottom: 0; } .box { - width: 720px; - text-align: center; - background-color: #FFFFFF; - box-shadow: 1px 1px 8px #999999; - border-radius: 13px; - -webkit-box-shadow: 1px 1px 8px #999999; - -webkit-border-radius: 13px; - -moz-box-shadow: 1px 1px 8px #999999; - -moz-border-radius: 13px; - padding: 10px 24px 10px 24px; + width: 920px; + text-align: center; + background-color: #FFFFFF; + box-shadow: 1px 1px 8px #999999; + border-radius: 13px; + -webkit-box-shadow: 1px 1px 8px #999999; + -webkit-border-radius: 13px; + -moz-box-shadow: 1px 1px 8px #999999; + -moz-border-radius: 13px; + padding: 10px 24px 10px 24px; } @@ -64,124 +67,131 @@ pre { /* IE 8 hack */ @media \0screen { - .box { border: 2px #969696 solid; } + .box { border: 2px #969696 solid; } } .menu { - width: 100%; - padding-left: 2px; - margin-top: 10px; - margin-left: 0; - float: left; - background: url("{$imageURL}/dual_line.png") repeat-x scroll 0 100% transparent; - font-family: Verdana, sans-serif; - font-size: 12px; - line-height: 45px; + width: 100%; + padding-left: 2px; + margin-top: 10px; + margin-left: 0; + float: left; + background: url("{$imageURL}/dual_line.png") repeat-x scroll 0 100% transparent; + font-family: Verdana, sans-serif; + font-size: 12px; + line-height: 45px; } .menu li { - float: left; - list-style:none; - line-height:35px; - margin-right:10px; + float: left; + list-style:none; + line-height:35px; + margin-right:10px; } .menu li.last { - background: url("{$imageURL}/separator.png") no-repeat scroll left center transparent; - padding-left: 8px; - float: left; - list-style:none; + background: url("{$imageURL}/separator.png") no-repeat scroll left center transparent; + padding-left: 8px; + float: left; + list-style:none; } .serviceName { - font-weight: bold; + font-weight: bold; } .hostName { - font-weight: bold; + font-weight: bold; } #container, .container { - position: absolute; - left: 50%; - top: 50%; - margin-left: -370px; - margin-top: -200px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -470px; + margin-top: -200px; } #content, .content { - width: 98%; + width: 98%; + font-family:Verdana, sans-serif; + font-size: 18px; + color: #696969; + text-align: left; } #header { - width: 100%; - display: inline-block; - text-align: left; + width: 100%; + display: inline-block; + text-align: left; + font-family: Verdana, sans-serif; + font-size: 30px; } #federationLogo { - border: 0; - float: left; + border: 0; + float: left; } #organisationLogo { - border: 0; - float: right; + border: 0; + float: right; } #userInputArea, .userInputArea { - width: 100%; - margin-left: auto; - margin-right: auto; - background-color: #F0F0F0; - border-color: #969696; - border-width: 1px; - border-style: solid; - padding: 6px; + width: 100%; + margin-left: auto; + margin-right: auto; + background-color: #F0F0F0; + border-color: #969696; + border-width: 1px; + border-style: solid; + padding: 6px; } #userIdPSelection, .userIdPSelection { - width: 480px; - font-size: 12px; + width: 480px; + font-size: 12px; } /* Device specific styles */ @media only screen and (max-device-width: 720px){ - .box { - width: auto; - box-shadow: none; - border-radius: 0; - -webkit-box-shadow: none; - -webkit-border-radius: 0; - -moz-box-shadow: none; - -moz-border-radius: 0; - padding: 0; - } - - #content, .content { - width: 96%; - } - - #container, .container { - width: 96%; - position: auto; - left: auto; - top: auto; - margin-left: 0; - margin-top: 0; - } - - #userIdPSelection, .userIdPSelection { - width: 60%; - } - - #userIdPSelection_iddwrap input { - width:90%!important; - } + .box { + width: auto; + box-shadow: none; + border-radius: 0; + -webkit-box-shadow: none; + -webkit-border-radius: 0; + -moz-box-shadow: none; + -moz-border-radius: 0; + padding: 0; + } + + #content, .content { + width: 96%; + } + + #container, .container { + width: 96%; + position: auto; + left: auto; + top: auto; + margin-left: 0; + margin-top: 0; + } + + #userIdPSelection, .userIdPSelection { + width: 60%; + } + + #userIdPSelection_iddwrap input { + width:90%!important; + } } html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } + diff --git a/assets/dsroot/custom-body.php b/assets/dsroot/custom-body.php index b24cb60..a34374d 100644 --- a/assets/dsroot/custom-body.php +++ b/assets/dsroot/custom-body.php @@ -2,33 +2,35 @@ // CAF 2016 ?> -
+