aboutsummaryrefslogtreecommitdiff
path: root/basicConfig/webcontent/css
diff options
context:
space:
mode:
authorThomas <>2022-05-18 08:06:54 +0200
committerThomas <>2022-05-18 08:06:54 +0200
commit07a2590e874288f002c725ac279d0bc0587b8beb (patch)
treefb1708d718b60cff0c224a567f648440a59d9f9b /basicConfig/webcontent/css
parentac8b7edeefc1850fdcab859ee6f544aa4f614471 (diff)
downloadNational_eIDAS_Gateway-07a2590e874288f002c725ac279d0bc0587b8beb.tar.gz
National_eIDAS_Gateway-07a2590e874288f002c725ac279d0bc0587b8beb.tar.bz2
National_eIDAS_Gateway-07a2590e874288f002c725ac279d0bc0587b8beb.zip
chore(ux): merge GUI elements that are updated on BM.I side
Diffstat (limited to 'basicConfig/webcontent/css')
-rw-r--r--basicConfig/webcontent/css/common.css156
1 files changed, 156 insertions, 0 deletions
diff --git a/basicConfig/webcontent/css/common.css b/basicConfig/webcontent/css/common.css
new file mode 100644
index 00000000..14fe622d
--- /dev/null
+++ b/basicConfig/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;
+}