XMPP invitation landing page, without javascript
Update stylesheet
Rule for class img-center require some work
Schimon Jehuda 2022-05-29
parent b8ca2ec · commit 8263086
-rw-r--r--stylesheets/i.css29
1 files changed, 29 insertions, 0 deletions
diff --git a/stylesheets/i.css b/stylesheets/i.css
index 9843384..6abe1bf 100644
--- a/stylesheets/i.css
+++ b/stylesheets/i.css
@@ -4,6 +4,7 @@ body {
font-size: 1em;
font-family: sans-serif;
}
+
h3 {
font-size: 1.5em;
font-weight: 400;
@@ -28,22 +29,50 @@ li {
background: #252e3f;
color: #f2f2f2;
}
+
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background: #353e5f;
color: #b7c1d5;
box-shadow: none;
}
+
.btn-primary:active, .btn-primary.active {
background: #353e5f;
box-shadow: none;
}
+
.text-center {
text-align: center;
}
+
.hint {
font-size: 0.9em;
color: #444;
}
+
+.img-center {
+ display: flex;
+ /* FIXME Why margin: auto; is not equal on all sides?
+ margin-right: 8%;
+ margin-left: 8%; */
+ width: 3%;
+}
+
+.img-center > span {
+ font-size: 0.7em;
+ padding: 1.4em;
+ margin: 40%;
+}
+
+.img-center > span:hover {
+ border-radius: 4px;
+ background: rgb(230, 230, 230);
+}
+
+.img-center > span > a {
+ text-decoration: solid;
+}
+
.qrcode {
padding: 20px 5px 5px 5px;
width: 42.5%;