SIDP-475 (again). IE doesn't understand max-height and max-width. Make sizing more...
authorrdw <rdw@ab3bd59b-922f-494d-bb5f-6f0a3c29deca>
Sun, 10 Apr 2011 11:10:55 +0000 (11:10 +0000)
committerrdw <rdw@ab3bd59b-922f-494d-bb5f-6f0a3c29deca>
Sun, 10 Apr 2011 11:10:55 +0000 (11:10 +0000)
git-svn-id: https://subversion.switch.ch/svn/shibboleth/java-idp/branches/REL_2@3011 ab3bd59b-922f-494d-bb5f-6f0a3c29deca

src/main/webapp/login.css
src/main/webapp/login.jsp

index 41a94ab..b0e86cf 100644 (file)
@@ -6,7 +6,7 @@ div.loginbox {
 }\r
 \r
 div.loginbox div.leftpane {\r
-    border: 2px #344B83 solid;\r
+    border: 2px #A40000 solid;\r
     position: absolute;\r
     top: 10px;\r
     left: 10px;\r
@@ -15,7 +15,7 @@ div.loginbox div.leftpane {
 }\r
 \r
 div.loginbox div.rightpane {\r
-    border: 2px #344B83 solid;\r
+       border: 2px #A40000 solid;\r
     position: absolute;\r
     top: 10px;\r
     right: 10px;\r
@@ -30,17 +30,18 @@ div.loginbox div.content{
     padding-left: 7px;\r
     padding-right: 7px;\r
     margin:auto;\r
-    width:100%;\r
 }\r
 \r
 div.loginbox #splogo{\r
-    max-width: 95%;\r
-    max-height: 80%;\r
 }\r
 \r
-div.loginbox #clippedsplogo{\r
-    max-width: 95%;\r
-    max-height: 160px;\r
+\r
+div.loginbox #clippedsplogoX {\r
+    width: 350px;\r
+}\r
+\r
+div.loginbox #clippedsplogoY {\r
+    height: 147px;\r
 }\r
 \r
 div.loginbox #spName{\r
index f7d20ae..91b1100 100644 (file)
@@ -9,7 +9,7 @@
     <img src="<%= request.getContextPath()%>/images/logo.jpg" />\r
     <h1>Example Login Page</h1>\r
     <p>This login page is an example and should be customized.  Refer to the \r
-       <a href="https://wiki.shibboleth.net/confluence/display/SHIB2/IdPAuthUserPassLoginPage" target="_blank"> documentation</a>.\r
+       <a href="https://spaces.internet2.edu/display/SHIB2/IdPAuthUserPassLoginPage" target="_blank"> documentation</a>.\r
     </p>\r
 \r
     <div class="loginbox">\r
        <div class="rightpane">\r
          <div class="content">\r
            <div id="spName"><mdui:serviceName/></div>\r
-           <mdui:serviceLogo  minWidth="50" minHeight="160" cssId="clippedsplogo">\r
-             <mdui:serviceLogo maxWidth="338" minWidth="50" cssId="splogo"/>\r
+           <!-- pick the logo.  If its between 64 & max width/height display it\r
+                If its too high but OK wide clip by height\r
+                If its too wide clip by width.\r
+                We should not clip by height and width since that skews the image.  Too high an image will just show the top.\r
+            -->\r
+           <mdui:serviceLogo  minWidth="64" minHeight="64" maxWidth="350" maxHeight="147" cssId="splogo">\r
+              <mdui:serviceLogo  minWidth="64" minHeight="64" maxWidth="350" cssId="clippedsplogoY">\r
+                  <mdui:serviceLogo  minWidth="64" minHeight="64" cssId="clippedsplogoX"/>\r
+              </mdui:serviceLogo>\r
            </mdui:serviceLogo>\r
            <div id="spDescription">\r
              <mdui:serviceDescription>You have asked to login to <mdui:serviceName/></mdui:serviceDescription>\r
@@ -44,4 +51,4 @@
       </div>\r
     </div>\r
   </body>\r
-</html>
\ No newline at end of file
+</html>\r