From d62ae0c63a4574733604ecdd12e2112456e326e6 Mon Sep 17 00:00:00 2001 From: JC Brand Date: Thu, 5 Nov 2015 10:36:47 +0000 Subject: [PATCH] Fix some responsiveness and offset issues in the theme. --- css/theme.css | 35 ++++++---------------- index.html | 81 ++++++++++++++++++--------------------------------- 2 files changed, 38 insertions(+), 78 deletions(-) diff --git a/css/theme.css b/css/theme.css index 5bfd30a7c..6e196a49a 100644 --- a/css/theme.css +++ b/css/theme.css @@ -106,9 +106,7 @@ a:focus { .features-section, .outro, .intro { - display: table; width: 100%; - height: 100%; padding: 100px 0; text-align: center; color: #fff; @@ -130,12 +128,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 +142,7 @@ a:focus { padding: 0; } .brand-heading { - font-size: 100px; + font-size: 80px; } .intro-text { font-size: 25px; @@ -264,24 +260,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 +328,7 @@ ul.features { background: white; margin-left: -0.5px; } +.row { + margin-left: 0; + margin-right: 0; +} diff --git a/index.html b/index.html index 4790fec05..44c623462 100644 --- a/index.html +++ b/index.html @@ -74,30 +74,26 @@ -
-
-
-
-
-

Converse.js

-

A free and open-source XMPP chat client in your browser

-
- Learn More -
-
-
-
- +
+
+

Converse.js

+
+

A free and open-source XMPP chat client in your browser

+
+ Learn More
+
+ +
@@ -158,8 +154,8 @@
  • Messages appear in all connected chat clients (XEP 280)
  • Third person "/me" messages (XEP 245)
  • XMPP Ping (XEP 199)
    • -
  • Server-side archiving of messages (XEP 313)
    • A -
  • Client state indication (XEP 352)
    • A +
  • Server-side archiving of messages (XEP 313)
    • +
  • Client state indication (XEP 352)
  • Off-the-record encryption
  • Translated into 16 languages
    • @@ -193,38 +189,19 @@
    - - -
    -
    -
    -
    -
    -

    Contact

    - -
    +

    Contact

    +