modified moa-id auth start page

3 files changed, 253 insertions, 617 deletions

diff --git a/id/server/auth/src/main/webapp/common/MOA.css b/id/server/auth/src/main/webapp/common/MOA.css
deleted file mode 100644
index b7a2b9280..000000000
--- a/id/server/auth/src/main/webapp/common/MOA.css
+++ /dev/null
@@ -1,617 +0,0 @@
-body
-{ 
-  font-family: "Times New Roman", Times, serif;
-  font-size: medium;
-  font-weight: normal;
-  margin-left: 2.5em;
-  margin-right: 2.5em;
-  background-color: white;
-  text: #000000;
-  link: #990000;
-  vlink: #666666; 
-  alink: #cc9966;
-}
-
-
-
-p
-{ 
-  margin-top: 0pt;
-  margin-bottom: 0.5em;
-  text-align: justify
-}
-
-pre 
-{ 
-  font-family: "Courier New", monospace;
-  font-size: 90%;
-  background-color: #cccccc;
-  color: #000000;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  border: #008000 none;
-}
-
-hr 
-{
-  color: #000080;
-  background-color: #000080;
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-table.fixedWidth
-{
-  width: 97%;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-
-table.varWidth
-{
-  margin-left:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-th
-{
-  text-align: left;
-}
-
-h1
-{ 
-  color: #000000; 
-  text-align: left;
-  font-size: 167%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h2
-{ 
-  color: #000000;
-  font-size: 150%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h3
-{ 
-  color: #000000;
-  font-size: 133%; 
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h4
-{
-  color: #000000;
-  font-size: 116%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h5
-{ 
-  color: #000000;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-h6
-{ 
-  color: #000000;
-  font-size: 83%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  background-color:#999;
-}
-
-code
-{
-  font-family: "Courier New", Courier, monospace;
-  font-size: 90%;
-  color: #000000
-}
-
-dd
-{
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-  text-align: justify
-
-}
-
-dt 
-{
-  margin-top: 0.8em;
-  font-family: Arial, Helvetica, sans-serif;
-  color: #000080
-}
-
-ol
-{
-  margin-top: 0.5em;
-  margin-bottom: 0.5em
-}
-
-ol.alpha
-{
-  list-style-type: lower-alpha
-}
-
-li
-{
-  margin-top: 0.25em;
-  margin-bottom: 0.25em;
-  text-align: justify
-}
-
-a:hover
-{
-  color: #990000
-}
-
-
-.title
-{
-  text-align: left;
-  font-size: 200%;
-  color: #000000;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em;
-  background-color:#999;
-}
-
-.subtitle 
-{  
-  text-align: left;
-  font-size: 133%;
-  color: #000000;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em
-}
-
-.glossaryTerm 
-{  
-  font-style: italic;
-  color: #006699
-}
-
-.example
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #CCFFFF;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.schema
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #FFFFCC;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.documentinfo
-{
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 100%;
-}
-
-.ol-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.li-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.logoTitle 
-{ 
-  text-align: center;
-  font-size: 200%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-.logoTable 
-{ 
-  margin-bottom: 0px;
-  margin-left: 0px
-}
-
-.superscript
-{ 
-  vertical-align: super;
-  font-size: 66%;
-}
-
-.term
-{ 
-  font-style: italic; 
-}
-
-.comment
-{
-  color: #000000;
-  background: #ffff00;
-  font-style: italic
-}
-
-.addedErrata12
-{  
-  color: #FF0000; 
-  background-color: #FFEEEE;
-  text-decoration: underline
-}
-
-.deletedErrata12
-{
-  color: #999999;
-  background-color: #EEEEEE;
-  text-decoration: line-through
-}
-
-.added12
-{  
-  color: #FF0000; 
-  text-decoration: underline
-; background-color: #F8F0FF
-}
-
-.deleted12
-{
-  color: #999999;
-  text-decoration: line-through
-; background-color: #f8f0ff
-}
-
-.rfc2119Keyword 
-{ 
-  font-variant: small-caps;
-  font-style: normal;
-}
-
-.remark {  font-style: italic}
-
-li.faq
-{
-  margin-top: 1.5em;
-  margin-bottom: 1.5em;
-}
-
-.faq-question
-{ 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  margin-bottom: 0.4em;
-}
-
-
-/*body
-{ 
-  font-family: "Times New Roman", Times, serif;
-  font-size: medium;
-  font-weight: normal;
-  margin-left: 2.5em;
-  margin-right: 2.5em;
-}
-
-p
-{ 
-  margin-top: 0pt;
-  margin-bottom: 0.5em;
-  text-align: justify
-}
-
-pre 
-{ 
-  font-family: "Courier New", monospace;
-  font-size: 90%;
-  background-color: #cccccc;
-  color: #000000;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  border: #008000 none;
-}
-
-hr 
-{
-  color: #000080;
-  background-color: #000080;
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-table.fixedWidth
-{
-  width: 97%;
-  margin-left:1.5%;
-  margin-right:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-
-table.varWidth
-{
-  margin-left:1.5%;
-  margin-top: 1em;
-  margin-bottom: 1em;
-}
-
-th
-{
-  text-align: left;
-}
-
-h1
-{ 
-  color: #000080; 
-  text-align: left;
-  font-size: 167%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h2
-{ 
-  color: #000080;
-  font-size: 150%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h3
-{ 
-  color: #000080;
-  font-size: 133%; 
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h4
-{
-  color: #000080;
-  font-size: 116%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h5
-{ 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-h6
-{ 
-  color: #000080;
-  font-size: 83%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
-}
-
-code
-{
-  font-family: "Courier New", Courier, monospace;
-  font-size: 90%;
-  color: #000000
-}
-
-dd
-{
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-  text-align: justify
-
-}
-
-dt 
-{
-  margin-top: 0.8em;
-  font-family: Arial, Helvetica, sans-serif;
-  color: #000080
-}
-
-ol
-{
-  margin-top: 0.5em;
-  margin-bottom: 0.5em
-}
-
-ol.alpha
-{
-  list-style-type: lower-alpha
-}
-
-li
-{
-  margin-top: 0.25em;
-  margin-bottom: 0.25em;
-  text-align: justify
-}
-
-a:hover
-{
-  color: #990000
-}
-
-
-.title
-{
-  text-align: left;
-  font-size: 167%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em
-}
-
-.subtitle 
-{  
-  text-align: left;
-  font-size: 133%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-  margin-top: 0.4em;
-  margin-bottom: 0.4em
-}
-
-.glossaryTerm 
-{  
-  font-style: italic;
-  color: #006699
-}
-
-.example
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #CCFFFF;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.schema
-{ 
-  font-family: "Courier New", monospace;
-  background-color: #FFFFCC;
-  color: #000000;
-  margin: 0pt 0pt;
-  border: #008000 none
-}
-
-.documentinfo
-{
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 100%;
-}
-
-.ol-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.li-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
-}
-
-.logoTitle 
-{ 
-  text-align: center;
-  font-size: 133%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
-}
-
-.logoTable 
-{ 
-  margin-bottom: 0px;
-  margin-left: 0px
-}
-
-.superscript
-{ 
-  vertical-align: super;
-  font-size: 66%;
-}
-
-.term
-{ 
-  font-style: italic; 
-}
-
-.comment
-{
-  color: #000000;
-  background: #ffff00;
-  font-style: italic
-}
-
-.addedErrata12
-{  
-  color: #FF0000; 
-  background-color: #FFEEEE;
-  text-decoration: underline
-}
-
-.deletedErrata12
-{
-  color: #999999;
-  background-color: #EEEEEE;
-  text-decoration: line-through
-}
-
-.added12
-{  
-  color: #FF0000; 
-  text-decoration: underline
-; background-color: #F8F0FF
-}
-
-.deleted12
-{
-  color: #999999;
-  text-decoration: line-through
-; background-color: #f8f0ff
-}
-
-.rfc2119Keyword 
-{ 
-  font-variant: small-caps;
-  font-style: normal;
-}
-
-.remark {  font-style: italic}
-
-li.faq
-{
-  margin-top: 1.5em;
-  margin-bottom: 1.5em;
-}
-
-.faq-question
-{ 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  margin-bottom: 0.4em;
-}
-*/
\ No newline at end of file
diff --git a/id/server/auth/src/main/webapp/common/logo_digAT.png b/id/server/auth/src/main/webapp/common/logo_digAT.png
new file mode 100644
index 000000000..4f36681e2
--- /dev/null
+++ b/id/server/auth/src/main/webapp/common/logo_digAT.png
diff --git a/id/server/auth/src/main/webapp/common/main.css b/id/server/auth/src/main/webapp/common/main.css
new file mode 100644
index 000000000..6bd964346
--- /dev/null
+++ b/id/server/auth/src/main/webapp/common/main.css
@@ -0,0 +1,253 @@
+html {
+	font-family: "Roboto", sans-serif;
+	color: #000;
+    font-weight:300;
+}
+
+.container {
+	margin: auto;
+	max-width: 1000px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
+body {
+	margin: 0;
+	padding: 0;
+	letter-spacing: 0.05em;
+}
+
+h1
+{
+font-family: "Roboto", sans-serif;
+}
+
+#headline {
+	/*background: linear-gradient(center top , #FAFAFA, #F5F5F5) repeat scroll 0% 0% transparent;*/
+	background: linear-gradient(#FAFAFA, #F5F5F5);
+	border-bottom: 1px solid #EEE;
+}
+
+#headline br {
+	clear: both;
+}
+
+#headline h1 {
+		color: #404040;
+		padding-right: 1em;
+		padding-top: 0.3em;
+		margin-bottom: 0;
+		float: right;
+          font-size: 220%;
+  font-weight: 400;
+	}
+#headline img {
+        width: 300px;
+        padding-left: 0;
+        padding-top: 35px;
+        padding-bottom:20px;
+    }
+
+#description {
+	text-align: justify;
+}
+
+#maincontent {
+	height: 13em;
+}
+
+#demologin p {
+	padding-left: 10px;
+	padding-right: 10px;
+	text-align: justify;
+	font-size: 100%;
+	color: #000;
+    padding-top:20px;
+    
+}
+
+#demologin a{
+    
+}
+
+.button {
+	border-radius: 5px;
+	/*background-color: rgb(41,127,184); */
+	background-color: #E10319;
+	text-decoration: none;
+	text-transform: uppercase;
+	padding: 10px 80px 10px 80px;
+	letter-spacing: 1.5px;
+	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
+	color: WHITE;
+	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
+	margin-left: 10px;
+}
+
+.button:hover {
+	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.8);
+	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);
+}
+
+#singlelogout {
+	clear: both;
+	width: 100%;
+	box-sizing: border-box;
+
+}
+a{
+	text-decoration: none;
+    font-size:100%;
+    color: #666;
+}
+a:hover{
+	text-decoration: none;
+    font-size:100%;
+    color: #E10319;
+}
+
+/*****************************/
+@media ( max-width :599px) {
+	  #headline {
+        /*background: linear-gradient(center top , #FAFAFA, #F5F5F5) repeat scroll 0% 0% transparent;*/
+        background: linear-gradient(#FAFAFA, #F5F5F5);
+        border-bottom: 1px solid #EEE;
+    }   
+
+    #headline img {
+        width: 150px;
+        padding-left: 0;
+        padding-top: 0.5em;
+        padding-bottom:0.5em;
+    }
+    #headline br {
+        clear: both;
+    }
+    #headline h1 {font-family: "Roboto", sans-serif;
+        color: #404040;
+        padding: 0;
+        margin-bottom: 0;
+        margin-top: 0;
+        text-align: center;
+    }
+	nav {
+		display: block;
+		width: 100%;
+        text-align: center;
+		box-sizing: border-box;
+		color: WHITE;
+		margin: 0px 0px 0px 0px;
+		overflow: hidden;
+
+	}
+	nav ul {
+		margin: 0;
+		padding: 0;
+	}
+	nav ul li {
+		list-style-type: none;
+		padding-top: 2px;
+        padding-bottom: 2px;
+	}
+	nav>ul>li>a {
+		color: #666;
+		display: block;
+		text-decoration: none;
+	}
+	nav>ul>li:hover {
+		color: #404040;
+	}
+	nav>ul>li:hover>a {
+		color: #404040;
+	}
+	nav>ul>li:active>a {
+		color: #404040;
+	}
+	#demologin {
+		width: 100%;
+		box-sizing: border-box;
+		border: 1px solid;
+		border-radius: 1px;
+		border-color: #818286;
+		background: #F5F5F5;
+		height: 182px;
+		width: 242px;
+		margin-top: 18px;
+        padding-left:0;
+	}
+}
+/*****************************/
+@media ( min-width :600px) {
+    #headline {
+	/*background: linear-gradient(center top , #FAFAFA, #F5F5F5) repeat scroll 0% 0% transparent;*/
+	background: linear-gradient(#FAFAFA, #F5F5F5);
+	border-bottom: 1px solid #EEE;
+
+    }
+	#headline br {
+		clear: both;
+	}
+
+	#headline h1 {
+        color: #404040;
+		padding-right: 1em;
+		padding-top: 0.15em;
+		margin-bottom: 0;
+		float: right;
+	}
+    #headline img {
+        width: 300px;
+        padding-left: 0;
+        padding-top: 35px;
+        padding-bottom:20px;
+    }
+	nav {
+		display: block;
+		float: left;
+		width: 30%;
+		box-sizing: border-box;
+		background-color: #fff;
+		color: #888;
+		margin: 8px 0px 8px 0px;
+		overflow: hidden;
+	}
+	nav ul {
+		margin: 0;
+		padding: 0;
+	}
+	nav ul li {
+		list-style-type: none;
+		padding-top: 15px;
+	}
+	nav>ul>li>a {
+		color: #666;
+		display: block;
+		text-decoration: none;
+	}
+	nav>ul>li:hover {
+		color: #E10319;
+	}
+	nav>ul>li:hover>a {
+		color: #E10319;
+	}
+	nav>ul>li:active>a {
+		color: #E10319;
+	}
+	#demologin {
+		float: right;
+		width: 50%;
+		box-sizing: border-box;
+		border: 1px solid;
+		border-radius: 1px;
+		border-color: #818286;
+		background: #F5F5F5;
+		height: 282px;
+		width: 342px;
+		margin-right: 150px;
+		margin-top: 18px;
+        padding-left:0;
+	}
+    #demologin a:hover{
+        color:white;
+    }
+}
\ No newline at end of file