aboutsummaryrefslogtreecommitdiff
path: root/basicConfig/ms-connector/webcontent/css
diff options
context:
space:
mode:
authorThomas <>2022-06-03 16:02:01 +0200
committerThomas <>2022-06-03 16:02:01 +0200
commit9d1d6626032aa59eb169e310ed239b94c0bc5447 (patch)
tree4ecbdce1b177ae5380b0470555d4fb90297e26ff /basicConfig/ms-connector/webcontent/css
parent7f0a925a72dc9841280e66fcba1515af62b9efdf (diff)
downloadNational_eIDAS_Gateway-9d1d6626032aa59eb169e310ed239b94c0bc5447.tar.gz
National_eIDAS_Gateway-9d1d6626032aa59eb169e310ed239b94c0bc5447.tar.bz2
National_eIDAS_Gateway-9d1d6626032aa59eb169e310ed239b94c0bc5447.zip
chore(config): split default configuration into MS-Connector and MS-Proxy-Servie
Diffstat (limited to 'basicConfig/ms-connector/webcontent/css')
-rw-r--r--basicConfig/ms-connector/webcontent/css/common.css156
-rw-r--r--basicConfig/ms-connector/webcontent/css/css_country.css185
-rw-r--r--basicConfig/ms-connector/webcontent/css/css_error.css26
3 files changed, 367 insertions, 0 deletions
diff --git a/basicConfig/ms-connector/webcontent/css/common.css b/basicConfig/ms-connector/webcontent/css/common.css
new file mode 100644
index 00000000..14fe622d
--- /dev/null
+++ b/basicConfig/ms-connector/webcontent/css/common.css
@@ -0,0 +1,156 @@
+body {
+ background-image: none;
+ margin: 0px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+div.header {
+ background-color: #e9ecef;
+ padding-top: 28px;
+ padding-left: 137px;
+ padding-right: 137px;
+ padding-bottom: 12px;
+}
+div.titlebar {
+ padding: 0px;
+}
+div.titlebar div {
+}
+.hidden {
+ display: none;
+}
+ul.nav_oben {
+ padding: 0px;
+ margin: 0px;
+ text-align: right;
+ text-transform: uppercase;
+}
+li {
+ display: inline-block;
+}
+div.header a {
+ text-decoration: none;
+ color: black;
+}
+a {
+ text-decoration: none;
+ color: #a22c1c;
+}
+
+.block {
+ /* override country.css */
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ cursor: pointer;
+ text-decoration: none;
+ padding-right:2%;
+ width: 200px;
+ padding-bottom: 20px;
+}
+
+@media only screen and (min-width: 1000px) {
+ div.header {
+ padding-left: 137px;
+ padding-right: 137px;
+ }
+ .content {
+ padding-left: 137px;
+ padding-right: 137px;
+ }
+ footer {
+ padding-left: 137px;
+ padding-right: 137px;
+ }
+}
+@media only screen and (max-width: 999px) {
+ div.header {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ .content {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ footer {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+}
+
+div.subtitle h1 {
+ padding: 0px;
+ margin: 0px;
+ font-size: 130%;
+ align: right;
+}
+div.subtitle h2 {
+ padding: 0px;
+ margin: 0px;
+ font-size: 115%;
+}
+footer {
+ left: 0;
+ padding-top: 1em;
+ bottom: 0;
+ width: 100%;
+ height: 2em;
+ background-color: rgb(162,44,28);
+ color: white;
+}
+.float {
+ float: left;
+}
+.floatright {
+ float: right;
+}
+.copyright {
+ width: 66%;
+ font-size: 80%;
+}
+
+
+
+
+#countries {
+ padding-bottom: 40px;
+}
+
+#country {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ padding-bottom: 20px;
+}
+
+.countryimage {
+ width:50px;
+ height:50px;
+ padding-right: 2%;
+ padding-bottom: 4%;
+}
+
+input.cancel-button {
+}
+
+input[type=submit].country-button {
+ width: inherit;
+/* text-align: left; */
+}
+
+input[type=button], input[type=submit].country-button, input[type=reset] {
+ display:flex;
+ background-color:transparent;
+ border:none;
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+ /* center things like its 2019 (using display:flex) */
+ align-items: center;
+ justify-content: center;
+}
+
+form {
+ justify-content: center;
+}
diff --git a/basicConfig/ms-connector/webcontent/css/css_country.css b/basicConfig/ms-connector/webcontent/css/css_country.css
new file mode 100644
index 00000000..e193126c
--- /dev/null
+++ b/basicConfig/ms-connector/webcontent/css/css_country.css
@@ -0,0 +1,185 @@
+@charset "utf-8";
+body {
+ background-image: none;
+ margin: 0px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+#page {
+ padding-top: 2%;
+ padding-left: 10%;
+}
+
+#country {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+}
+
+#matchingError {
+ border: 2px solid rgb(162, 44, 28);
+ padding: 1em;
+ width: 80%;
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.block {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ cursor: pointer;
+ text-decoration: none;
+ padding-right: 2%;
+ width: 250px;
+ justify-content: center;
+}
+
+.countryimage {
+ width: 50px;
+ height: 50px;
+ padding-right: 2%;
+ padding-bottom: 4%;
+}
+
+input[type=button], input[type=submit], input[type=reset] {
+ display: flex;
+ background-color: transparent;
+ border: none;
+ color: black;
+ text-decoration: none;
+ cursor: pointer;
+}
+
+#testEnvironment {
+ border: none;
+ color: black;
+ padding: 10px 20px;
+ text-decoration: none;
+ margin: 4px 2px;
+ height: 3%;
+ display: inline-block;
+ vertical-align: middle;
+ width: 40%;
+}
+
+#button {
+ background-color: transparent;
+ border: none;
+}
+
+.primaryButton {
+ height: 4em;
+}
+
+.singleButton {
+ padding-left: 2em;
+}
+
+.mainDescription {
+ width: 80%;
+}
+
+
+div.mainDescription li {
+ display: list-item;
+
+}
+
+div.header {
+ background-color: #e9ecef;
+ padding-top: 28px;
+ padding-left: 137px;
+ padding-right: 137px;
+ padding-bottom: 12px;
+}
+
+div.titlebar {
+ padding: 0px;
+}
+
+div.titlebar div {
+}
+
+.hidden {
+ display: none;
+}
+
+ul.nav_oben {
+ padding: 0px;
+ margin: 0px;
+ text-align: right;
+ text-transform: uppercase;
+}
+
+li {
+ display: inline-block;
+}
+
+div.header a {
+ text-decoration: none;
+ color: black;
+}
+
+a {
+ text-decoration: none;
+ color: #a22c1c;
+}
+
+.content {
+ padding-left: 137px;
+ padding-right: 137px;
+}
+
+div.subtitle h1 {
+ padding: 0px;
+ margin: 0px;
+ font-size: 130%;
+ align: right;
+}
+
+div.subtitle h2 {
+ padding: 0px;
+ margin: 0px;
+ font-size: 115%;
+}
+
+footer {
+ position: fixed;
+ left: 0;
+ padding-left: 137px;
+ padding-right: 137px;
+ padding-top: 1em;
+ bottom: 0;
+ width: 100%;
+ height: 2em;
+ background-color: rgb(162, 44, 28);
+ color: white;
+}
+
+.float {
+ float: left;
+}
+
+.floatright {
+ float: right;
+}
+
+.copyright {
+ width: 66%;
+ font-size: 80%;
+}
+
+#countries, #country {
+ padding-bottom: 40px;
+}
+
+input[type=submit] {
+ width: inherit;
+ /* text-align: left; */
+}
+
+form {
+ justify-content: center;
+}
diff --git a/basicConfig/ms-connector/webcontent/css/css_error.css b/basicConfig/ms-connector/webcontent/css/css_error.css
new file mode 100644
index 00000000..d772df43
--- /dev/null
+++ b/basicConfig/ms-connector/webcontent/css/css_error.css
@@ -0,0 +1,26 @@
+@charset "utf-8";
+ body {
+ padding-left: 5%;
+ background-color: #F9F9F9;
+ }
+ #page {
+ padding-top: 2%;
+ padding-right: 10%;
+ padding-left: 5%;
+ }
+
+ .OA_header {
+ font-size: 2.1em;
+ padding-top:1%;
+ margin-bottom: 1%;
+ margin-top: 1%;
+
+ }
+
+ #alert_area {
+ float:left;
+ width: 100%;
+ }
+
+
+