diff options
| author | Thomas Lenz <tlenz@iaik.tugraz.at> | 2013-09-09 15:22:52 +0200 |
|---|---|---|
| committer | Thomas Lenz <tlenz@iaik.tugraz.at> | 2013-09-09 15:22:52 +0200 |
| commit | dfd1a56545a4099ae1a38fb51d62058b0e252135 (patch) | |
| tree | 4f1da27cd82d8480d39a4dc0d20570050efe18c7 /id/server/auth/src/main/webapp/css | |
| parent | 00c5eb776e18c64e8ff31b65bd2e3f73f8c46131 (diff) | |
| download | moa-id-spss-dfd1a56545a4099ae1a38fb51d62058b0e252135.tar.gz moa-id-spss-dfd1a56545a4099ae1a38fb51d62058b0e252135.tar.bz2 moa-id-spss-dfd1a56545a4099ae1a38fb51d62058b0e252135.zip | |
MOA-ID 1.9.951.9.95-SNAPSHOT
--change BKU selection templates and SendAssertion Templates to responsive design. Therefore, OA parameter "useIframe" is not required anymore.
Diffstat (limited to 'id/server/auth/src/main/webapp/css')
| -rw-r--r-- | id/server/auth/src/main/webapp/css/index.css | 220 |
1 files changed, 149 insertions, 71 deletions
diff --git a/id/server/auth/src/main/webapp/css/index.css b/id/server/auth/src/main/webapp/css/index.css index 2af88f24a..e57bcc99a 100644 --- a/id/server/auth/src/main/webapp/css/index.css +++ b/id/server/auth/src/main/webapp/css/index.css @@ -1,19 +1,158 @@ @charset "utf-8";
+@media screen and (min-width: 650px) {
+
+ body {
+ margin:0;
+ padding:0;
+ color : #000;
+ background-color : #fff;
+ font-family : Verdana, Geneva, Arial, sans-serif;
+ font-size:76%;
+ text-align: center;
+ background-color: #6B7B8B;
+ }
+
+ #page {
+ display: block;
+ border: 2px solid rgb(0,0,0);
+ width: 650px;
+ height: 440px;
+ 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);
+ }
+
+ h2#tabheader.full {
+ padding:5px;
+ font-size:20px;
+ color:#fff;
+ border-bottom:2px solid #fff;
+ }
+
+ #selectArea.full {
+ font-size: 15px;
+ padding-bottom: 65px;
+ }
+
+ #leftcontent.full {
+ width: 400px;
+ margin-top: 30px;
+ }
+
+ #main.full {
+ width: 400px;
+ }
+
+ .setAssertionButton_full {
+ background: #efefef;
+ cursor: pointer;
+ margin-top: 15px;
+ width: 100px;
+ height: 30px
+ }
+
+ #leftbutton.full {
+ width: 30%;
+ float:left;
+ margin-left: 40px;
+ }
+
+ #rightbutton.full {
+ width: 30%;
+ float:right;
+ margin-right: 45px;
+ text-align: right;
+ }
+
+}
+
+@media screen and (max-width: 649px) {
+
+ body {
+ margin:0;
+ padding:0;
+ color : #000;
+ background-color : #fff;
+ font-family : Verdana, Geneva, Arial, sans-serif;
+ font-size:76%;
+ text-align: center;
+ background-color: #FFFFFF;
+ }
+
+ #page {
+ visibility: hidden;
+ margin-top: 0%;
+
+ }
+
+ #page1 {
+ visibility: hidden;
+ }
+
+ #main {
+ visibility: hidden;
+ }
+
+ .OA_header {
+ margin-bottom: 0px;
+ margin-top: 0px;
+ font-size: 0pt;
+ visibility: hidden;
+ }
+
+ #leftcontent {
+ visibility: visible;
+ margin-bottom: 0px;
+ text-align: left;
+ border:none;
+ width:250px;
+ }
+
+ .setAssertionButton_full {
+ background: #efefef;
+ cursor: pointer;
+ margin-top: 15px;
+ width: 70px;
+ height: 25px;
+ }
+}
+
* {
margin:0;
padding:0;
border:0;
}
-body {
- margin:0;
- padding:0;
- color : #000;
- background-color : #fff;
- font-family : Verdana, Geneva, Arial, sans-serif;
- font-size:76%;
-}
/* skiplink */
@@ -73,20 +212,8 @@ p#skiplinks a:active { float:right;
}
-#main {
- clear:both;
- position:relative;
- margin-left: 45%;
-}
-
/* left */
-#leftcontent {
- float:left;
- width:250px;
- margin-bottom: 25px;
-}
-
.iframebkuselection {
text-align: center;
padding-bottom: 25px;
@@ -103,33 +230,12 @@ h2#tabheader, h2#contentheader { border-bottom:2px solid #fff;
}
-h2#tabheader.full {
- padding:5px;
- font-size:20px;
- color:#fff;
- border-bottom:2px solid #fff;
-}
-
#selectArea {
padding-top: 10px;
padding-bottom: 55px;
padding-left: 10px;
}
-#selectArea.full {
- font-size: 15px;
- padding-bottom: 65px;
-}
-
-#leftcontent.full {
- width: 400px;
- margin-top: 30px;
-}
-
-#main.full {
- margin-left: 35%;
-}
-
.setAssertionButton {
background: #efefef;
cursor: pointer;
@@ -138,14 +244,6 @@ h2#tabheader.full { height: 25px;
}
-.setAssertionButton_full {
- background: #efefef;
- cursor: pointer;
- margin-top: 15px;
- width: 100px;
- height: 30px
-}
-
#leftbutton {
width: 35%;
float:left;
@@ -159,19 +257,6 @@ h2#tabheader.full { text-align: right;
}
-#leftbutton.full {
- width: 30%;
- float:left;
- margin-left: 40px;
-}
-
-#rightbutton.full {
- width: 30%;
- float:right;
- margin-right: 45px;
- text-align: right;
-}
-
#stork {
margin-bottom: 10px;
margin-top: 5px;
@@ -273,7 +358,8 @@ input { }
iframe {
- width:220px;
+ width:250px;
+ height: 180px
}
/* right */
@@ -347,14 +433,6 @@ p { color: white;
}
-.OA_header {
- background-color: white;
- font-size: 20pt;
- margin-bottom: 25px;
- margin-left: 25%;
- margin-top: 25px;
-}
-
.main_header {
color: black;
font-size: 32pt;
|