]> git.mxchange.org Git - friendica-addons.git/blobdiff - xmpp/converse/css/theme.css
XMPP: Update to Converse 0.10.0
[friendica-addons.git] / xmpp / converse / css / theme.css
index 5bfd30a7ce3ef2905ec3a64036ba76f6c927fd5e..20afb3a7a31688990a41fc209d21c8b82338997e 100644 (file)
@@ -103,12 +103,17 @@ a:focus {
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   }
 }
+@media (max-width: 480px) {
+    .navbar {
+        display: none;
+    }
+}
+
+
 .features-section,
 .outro,
 .intro {
-  display: table;
   width: 100%;
-  height: 100%;
   padding: 100px 0;
   text-align: center;
   color: #fff;
@@ -130,12 +135,10 @@ a:focus {
 .outro {
   background: url('images/bgtr.svg') top right no-repeat, url('images/bgbl.svg') bottom left no-repeat, url('images/overlay.png'), linear-gradient(45deg, #384955, #655361, #85505f);
 }
-.intro-body {
-  display: table-cell;
-  vertical-align: middle;
-}
 .brand-heading {
-  font-size: 40px;
+  font-size: 2em;
+  text-align: center;
+  margin-top: 3em;
 }
 .intro-text {
   font-size: 18px;
@@ -146,7 +149,7 @@ a:focus {
     padding: 0;
   }
   .brand-heading {
-    font-size: 100px;
+    font-size: 80px;
   }
   .intro-text {
     font-size: 25px;
@@ -264,24 +267,7 @@ a:focus {
   font-size: 26px;
 }
 .banner-social-buttons {
-  position: absolute;
-  bottom: 4em;
-  left: 0;
-}
-@media (max-width: 1199px) {
-  ul.banner-social-buttons {
-    margin-top: 15px;
-  }
-}
-@media (max-width: 767px) {
-  ul.banner-social-buttons > li {
-    display: block;
-    margin-bottom: 20px;
-    padding: 0;
-  }
-  ul.banner-social-buttons > li:last-child {
-    margin-bottom: 0;
-  }
+    padding-top: 7em;
 }
 ::-moz-selection {
   text-shadow: none;
@@ -349,3 +335,7 @@ ul.features {
   background: white;
   margin-left: -0.5px;
 }
+.row {
+    margin-left: 0;
+    margin-right: 0;
+}