Merge branch 'during_authsource_refactoring' of gitlab.iaik.tugraz.at:afitzek/moa-idspss into during_authsource_refactoring

1 files changed, 244 insertions, 367 deletions

diff --git a/id/server/doc/handbook/common/MOA.css b/id/server/doc/handbook/common/MOA.css
index f76ea53d4..f8fd01d8c 100644
--- a/id/server/doc/handbook/common/MOA.css
+++ b/id/server/doc/handbook/common/MOA.css
@@ -1,353 +1,77 @@
+.container {
+	margin: auto;
+	max-width: 1000px;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+
 body
 { 
-  font-family: "Times New Roman", Times, serif;
+  font-family: "Roboto", sans-serif;
+
+  color: #000;
   font-size: medium;
-  font-weight: normal;
-  margin-left: 2.5em;
-  margin-right: 2.5em;
+  font-weight: 300;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-top: 0px;
   background-color: white;
-  text: #000000;
-  link: #990000;
-  vlink: #666666; 
-  alink: #cc9966;
-}
+  letter-spacing: 0.05em;
 
+}
 
+b{
+  font-weight: 500;   
+}
 
 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
-}
+  text-align: justify;
 
-.documentinfo
-{
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 100%;
 }
 
-.ol-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
+.centeredimage{
+    text-align: center;
+    width:100%;
 }
 
-.li-contents
-{
-  font-size: 100%;
-  margin-top: 0.0em;
-  margin-bottom: 0.0em;
+.index{
+    padding-left: 0;   
 }
-
-.logoTitle 
-{ 
-  text-align: center;
-  font-size: 200%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
+.index a{
+    color: #666;
 }
-
-.logoTable 
-{ 
-  margin-bottom: 0px;
-  margin-left: 0px
-}
-
-.superscript
-{ 
-  vertical-align: super;
-  font-size: 66%;
-}
-
-.term
-{ 
-  font-style: italic; 
-}
-
-.strongerterm
-{ 
-  font-style: italic;
-  font-weight: 600; 
-}
-
-
-.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
+.index a:hover
 {
-  color: #999999;
-  text-decoration: line-through
-; background-color: #f8f0ff
+    color:#E10319;  
 }
-
-.rfc2119Keyword 
-{ 
-  font-variant: small-caps;
-  font-style: normal;
+.index ul{
+    list-style-type: none;
 }
-
-.remark {  font-style: italic}
-
-li.faq
-{
-  margin-top: 1.5em;
-  margin-bottom: 1.5em;
+.index li{
+    list-style-type: none;
 }
 
-.faq-question
-{ 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
-  margin-bottom: 0.4em;
+td{
+ font-weight: 300;   
 }
 
 
-/*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;
+  background-color: #DDD;
   color: #000000;
   margin-left:1.5%;
   margin-right:1.5%;
   margin-top: 1em;
   margin-bottom: 1em;
   border: #008000 none;
+  white-space: pre-wrap;
 }
 
 hr 
@@ -365,9 +89,8 @@ table.fixedWidth
   margin-right:1.5%;
   margin-top: 1em;
   margin-bottom: 1em;
+  color:#404040;
 }
-
-
 table.varWidth
 {
   margin-left:1.5%;
@@ -375,86 +98,114 @@ table.varWidth
   margin-bottom: 1em;
 }
 
+table.configtable{
+    width:100%;
+    border-collapse: collapse;
+    border-style:solid;
+    border-color: #404040;
+    border-width: 2px;
+    font-family: "Roboto",sans-serif
+}
+table.configtable th{
+    border-style:solid;
+    border-color: #404040;
+    border-width: 2px;
+    padding:3px;
+}
+table.configtable th{
+    font-weight: 300;  
+    font-size: 120%;
+}
+table.configtable td{
+    border-style:solid;
+    border-color: #404040;
+    border-width: 1px;
+    border-left-width: 2px;
+    border-right-width: 2px;
+    padding:3px;
+    font-weight: 300;
+}
+
+
 th
 {
   text-align: left;
+  
 }
 
 h1
-{ 
-  color: #000080; 
-  text-align: left;
-  font-size: 167%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
+{
+  font-size: 220%;
+  font-weight: 400;
 }
 
 h2
 { 
-  color: #000080;
-  font-size: 150%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
+  letter-spacing: 1px;
+  font-size: 170%;
+  font-weight: 300;
+    
 }
 
 h3
 { 
-  color: #000080;
-  font-size: 133%; 
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
+  letter-spacing: 1px;
+  font-size: 160%;
+  font-weight: 300;
 }
 
 h4
 {
-  color: #000080;
-  font-size: 116%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
+  letter-spacing: 1px;
+  font-size: 150%;
+  font-weight: 300;
+
 }
 
 h5
 { 
-  color: #000080;
-  font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
+  letter-spacing: 1px;
+  font-size: 140%;
+  font-weight: 300;
 }
 
 h6
 { 
-  color: #000080;
-  font-size: 83%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal
+  letter-spacing: 1px;
+  font-size: 130%;
+  font-weight: 300;
 }
 
 code
 {
-  font-family: "Courier New", Courier, monospace;
+  font-family: "Roboto","Courier New", Courier, monospace;
   font-size: 90%;
-  color: #000000
+  font-weight: 400;
+  color: #000000;
 }
 
 dd
 {
   margin-top: 0.8em;
   margin-bottom: 0.8em;
-  text-align: justify
+  text-align: justify;
 
 }
 
 dt 
 {
   margin-top: 0.8em;
-  font-family: Arial, Helvetica, sans-serif;
-  color: #000080
+  color: #E10319;
+}
+dt a{
+    text-decoration:none;
 }
 
 ol
 {
   margin-top: 0.5em;
-  margin-bottom: 0.5em
+  margin-bottom: 0.5em;
+  padding-left:0.8em;
 }
 
 ol.alpha
@@ -466,31 +217,35 @@ li
 {
   margin-top: 0.25em;
   margin-bottom: 0.25em;
-  text-align: justify
+  text-align: justify;
 }
 
 a:hover
 {
-  color: #990000
+    color: #E10319;
+}
+a{
+    color: #666;
+    text-decoration: none;
 }
 
 
 .title
 {
   text-align: left;
-  font-size: 167%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
+  font-size: 200%;
+  color: #000000;
+  font-family: "Roboto", sans-serif;
   margin-top: 0.4em;
-  margin-bottom: 0.4em
+  margin-bottom: 0.4em;
 }
 
 .subtitle 
 {  
   text-align: left;
   font-size: 133%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
+  color: #000000;
+  font-family: "Roboto", sans-serif;
   margin-top: 0.4em;
   margin-bottom: 0.4em
 }
@@ -503,7 +258,7 @@ a:hover
 
 .example
 { 
-  font-family: "Courier New", monospace;
+  font-family: "Roboto", sans-serif;
   background-color: #CCFFFF;
   color: #000000;
   margin: 0pt 0pt;
@@ -521,7 +276,7 @@ a:hover
 
 .documentinfo
 {
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: "Roboto", sans-serif;
   font-size: 100%;
 }
 
@@ -542,19 +297,21 @@ a:hover
 .logoTitle 
 { 
   text-align: center;
-  font-size: 133%;
-  color: #000080;
-  font-family: Arial, Helvetica, sans-serif;
+  font-size: 200%;
 }
 
 .logoTable 
 { 
   margin-bottom: 0px;
-  margin-left: 0px
+  margin-left: 0px;
+  background: linear-gradient(#FAFAFA, #F5F5F5);
+  border-bottom: 1px solid #EEE;
+  border-color: #818286;
+
 }
 
 .superscript
-{ 
+{
   vertical-align: super;
   font-size: 66%;
 }
@@ -564,6 +321,13 @@ a:hover
   font-style: italic; 
 }
 
+.strongerterm
+{ 
+  font-style: italic;
+  font-weight: 500; 
+}
+
+
 .comment
 {
   color: #000000;
@@ -588,8 +352,8 @@ a:hover
 .added12
 {  
   color: #FF0000; 
-  text-decoration: underline
-; background-color: #F8F0FF
+  text-decoration: underline;
+ background-color: #F8F0FF;
 }
 
 .deleted12
@@ -617,8 +381,121 @@ li.faq
 { 
   color: #000080;
   font-size: 100%;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: normal;
+  font-family: "Roboto", sans-serif;
+  font-weight: 300;
   margin-bottom: 0.4em;
 }
-*/
+/*********************************/
+@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;
+    }
+    
+    .smallImgDiv{
+        width:50%; 
+        margin:auto;
+        margin-bottom:40px;
+        margin-top:20px;
+    }
+    .smallImgDiv img{
+        max-width: 100%;
+        max-height: 100%;
+        margin:auto;
+        display: block;
+    }
+    .largeImgDiv{
+        width:100%;
+        margin: auto;
+        margin-bottom:40px;
+        margin-top:20px;
+    }
+    .largeImgDiv img{
+        max-width: 100%;
+        max-height: 100%;
+        margin:auto;
+        display: block;
+    }
+}
+/*****************************/
+@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;
+    }
+    #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;
+    }
+        #headline h1 {
+        color: #404040;
+        padding: 0;
+        margin-bottom: 0;
+        margin-top: 0;
+        text-align: center;
+    }
+    .smallImgDiv{
+        width:100%; 
+        margin:auto;
+        margin-bottom:40px;
+        margin-top:20px;
+    }
+    .smallImgDiv img{
+        max-width: 100%;
+        max-height: 100%;
+        margin:auto;
+        display: block;
+    }
+    .largeImgDiv{
+        width:100%;
+        margin: auto;
+        margin-bottom:40px;
+        margin-top:20px;
+    }
+    .largeImgDiv img{
+        max-width: 100%;
+        max-height: 100%;
+        margin:auto;
+        display: block;
+    }
+}
+
+