From 1d3307043e06235709c009a103ce43f0687e1bad Mon Sep 17 00:00:00 2001 From: Arvind Tiwari Date: Wed, 29 Nov 2017 01:30:50 +0530 Subject: [PATCH] mobile text size and alignment fix --- .../static/digitalglarus/css/agency.css | 23 ------ .../static/digitalglarus/css/agency1.css | 23 ------ .../static/ungleich_page/css/agency.css | 82 +++++++++++-------- .../static/ungleich_page/css/ungleich.css | 18 ++-- .../ungleich_page/includes/_contact_us.html | 8 +- .../ungleich_page/includes/_portfolio.html | 12 +-- .../ungleich_page/includes/_services.html | 4 +- 7 files changed, 69 insertions(+), 101 deletions(-) diff --git a/digitalglarus/static/digitalglarus/css/agency.css b/digitalglarus/static/digitalglarus/css/agency.css index 1ce961ba..4ac531c2 100755 --- a/digitalglarus/static/digitalglarus/css/agency.css +++ b/digitalglarus/static/digitalglarus/css/agency.css @@ -964,29 +964,6 @@ section h3.section-comment { color: #494949; } -small-comment { - font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - margin-bottom: none; - font-transform: none; - font-size:10px; - font-weight:400; - color: #777 -} - -logo-image { - z-index: 100; - position: absolute; - left: 0; - width: 80px; - height: 80px; - margin-left: 0; - border: 7px solid #f1f1f1; - border-radius: 100%; - text-align: center; - color: #fff; - background-color: #a1cfd7; -} - .intro-small { font-family: 'Montserrat' ,'Raleway', "Open Sans Bold", Helvetica, Arial, "Arial Bold", sans-serif; font-size: 20px; diff --git a/digitalglarus/static/digitalglarus/css/agency1.css b/digitalglarus/static/digitalglarus/css/agency1.css index 40507f78..6178630c 100755 --- a/digitalglarus/static/digitalglarus/css/agency1.css +++ b/digitalglarus/static/digitalglarus/css/agency1.css @@ -960,29 +960,6 @@ section h3.section-comment { color: #494949; } -small-comment { - font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - margin-bottom: none; - font-transform: none; - font-size:10px; - font-weight:400; - color: #777 -} - -logo-image { - z-index: 100; - position: absolute; - left: 0; - width: 80px; - height: 80px; - margin-left: 0; - border: 7px solid #f1f1f1; - border-radius: 100%; - text-align: center; - color: #fff; - background-color: #a1cfd7; -} - .intro-small { font-family: 'Montserrat' ,'Raleway', "Open Sans Bold", Helvetica, Arial, "Arial Bold", sans-serif; font-size: 20px; diff --git a/ungleich_page/static/ungleich_page/css/agency.css b/ungleich_page/static/ungleich_page/css/agency.css index eb485f78..e5d30bc0 100755 --- a/ungleich_page/static/ungleich_page/css/agency.css +++ b/ungleich_page/static/ungleich_page/css/agency.css @@ -345,15 +345,15 @@ section { section h2.section-heading { margin-top: 0; margin-bottom: 15px; - font-size: 24px; + font-size: 18px; color: #494949; } section h3.section-subheading { - margin-bottom: 75px; + margin-bottom: 50px; text-transform: none; font-family: 'Raleway', "Helvetica Neue", "Open Sans", "Droid Serif", Helvetica, Arial, sans-serif; - font-size: 18px; + font-size: 16px; font-weight: 400; color: #494949; line-height: 1.4; @@ -366,6 +366,10 @@ section h3.section-subheading { section h2.section-heading { font-size: 40px; } + section h3.section-subheading { + font-size: 18px; + margin-bottom: 75px; + } } .service-heading { @@ -431,7 +435,7 @@ section h3.section-subheading { } #portfolio .portfolio-item .portfolio-caption h4 { - margin: 0 0 20px; + margin: 0 0 17px; text-transform: none; color: #494949; } @@ -450,7 +454,7 @@ section h3.section-subheading { display: inline-block } -@media(min-width:767px) { +@media(min-width:768px) { #portfolio .portfolio-item { margin: 0 0 30px; } @@ -560,6 +564,10 @@ section h3.section-subheading { color: inherit; } +.timeline .timeline-heading h4 { + margin-bottom: 0; +} + .timeline .timeline-heading h4.subheading { text-transform: none; } @@ -657,7 +665,7 @@ section h3.section-subheading { } .team-member { - margin-bottom: 50px; + margin-bottom: 25px; text-align: center; } @@ -667,11 +675,27 @@ section h3.section-subheading { } .team-member h4 { - margin-top: 20px; - margin-bottom: 20px; + margin-top: 10px; + margin-bottom: 10px; text-transform: none; } +@media(max-width:767px) { + .team-member .team-member-caption p { + line-height: 1.5; + } +} + +@media(min-width:768px) { + .team-member { + margin-bottom: 50px; + } + .team-member h4 { + margin-top: 20px; + margin-bottom: 20px; + } +} + .team-member p { margin-top: 0; } @@ -692,6 +716,15 @@ section#contact .section-heading { font-size: 32px; } +@media(max-width:767px) { + section#contact .section-heading { + font-size: 20px; + } + section#contact .intro-smallcap { + font-size: 18px; + } +} + section#contact .form-group { color:white; margin-bottom: 25px; @@ -903,36 +936,15 @@ section h3.section-comment { color: #494949; } -small-comment { - font-family: "Open Sans", "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif; - margin-bottom: none; - font-transform: none; - font-size:10px; - font-weight:400; - color: #777 -} - -logo-image { - z-index: 100; - position: absolute; - left: 0; - width: 80px; - height: 80px; - margin-left: 0; - border: 7px solid #f1f1f1; - border-radius: 100%; - text-align: center; - color: #fff; - background-color: #fed136; -} - .carousel-indicators li.active, .text-carousel .carousel-indicators li.active { border: 0; background-color: #fed136; } -@media (min-width: 740px) -.carousel-inner, .text-carousel .carousel-inner { - min-height: 225px; + +@media (min-width: 740px) { + .carousel-inner, .text-carousel .carousel-inner { + min-height: 225px; + } } .carousel-text { @@ -943,4 +955,4 @@ logo-image { lign-heignt: 2px; color : #666; text-align : center; -} +} \ No newline at end of file diff --git a/ungleich_page/static/ungleich_page/css/ungleich.css b/ungleich_page/static/ungleich_page/css/ungleich.css index d8c6e8b5..623060b3 100644 --- a/ungleich_page/static/ungleich_page/css/ungleich.css +++ b/ungleich_page/static/ungleich_page/css/ungleich.css @@ -120,15 +120,11 @@ } @media (max-width: 767px) { - .portfolio-item .portfolio-caption p, - section h2.section-heading, - section h3.section-subheading, - #portfolio .portfolio-item .portfolio-caption h4 { - text-align: left; - } - section h2.section-heading, - section h3.section-subheading { + .intro-smallcap.sm_left, + .section-heading.sm_left, + .section-subheading.sm_left { padding-left: 15px; + padding-right: 15px; } } @@ -251,6 +247,12 @@ padding-bottom: 0; } +@media (max-width: 767px) { + .sm_left { + text-align: left !important; + } +} + @media (min-width: 768px) and (max-width: 991px) { .timeline>li .timeline-panel { diff --git a/ungleich_page/templates/ungleich_page/includes/_contact_us.html b/ungleich_page/templates/ungleich_page/includes/_contact_us.html index 6078ae4b..2a2ef246 100644 --- a/ungleich_page/templates/ungleich_page/includes/_contact_us.html +++ b/ungleich_page/templates/ungleich_page/includes/_contact_us.html @@ -12,16 +12,16 @@ {{ message }} {% endfor %} -

{% trans "Contact Us" %}

-

+

{% trans "Contact Us" %}

+

{% trans "Join us at" %} {% trans "Digital Glarus" %}, {% trans "a great co-working space in the middle of Alps!" %}
{% trans "You can contact us at" %}

-

+

info@ungleich.ch

-

(044) 534-66-22

+

(044) 534-66-22

diff --git a/ungleich_page/templates/ungleich_page/includes/_portfolio.html b/ungleich_page/templates/ungleich_page/includes/_portfolio.html index b195ead8..db5ce56e 100644 --- a/ungleich_page/templates/ungleich_page/includes/_portfolio.html +++ b/ungleich_page/templates/ungleich_page/includes/_portfolio.html @@ -4,27 +4,27 @@
-

{% trans "Our Products" %}

-

{% blocktrans %}Our products include an innovative datacenter,
affordable VM hosting, and high speed fiber internet for canton Glarus.{% endblocktrans %}

+

{% trans "Our Products" %}

+

{% blocktrans %}Our products include an innovative datacenter,
affordable VM hosting, and high speed fiber internet for canton Glarus.{% endblocktrans %}

-
+

{% trans "Data Center Light" %}

-

{% trans "We offer the most affordable hosting in Switzerland. Data Center Light has full FOSS stack, 100% IPv6 and 100% SSD. Choose any configuration among CentOS, Debian, Ubuntu, Devuan, and FreeBSD." %}

+

{% trans "We offer the most affordable hosting in Switzerland. Data Center Light has full FOSS stack, 100% IPv6 and 100% SSD. Choose any configuration among CentOS, Debian, Ubuntu, Devuan, and FreeBSD." %}

-
+

{% trans "Rails Hosting" %}

{% trans "Ready to go live with your Ruby on Rails application? We offer you ready-to-deploy virtual machines or configure your existing infrastructure for Ruby on Rails." %}

-
+

{% trans "High Speed Internet" %}

{% trans "We offer high speed fiber internet in Glarus Süd, Glarus and Glarus Nord. Experience 100 Mbit/s and see how speed can change everything." %}

diff --git a/ungleich_page/templates/ungleich_page/includes/_services.html b/ungleich_page/templates/ungleich_page/includes/_services.html index 37140629..55db52f1 100644 --- a/ungleich_page/templates/ungleich_page/includes/_services.html +++ b/ungleich_page/templates/ungleich_page/includes/_services.html @@ -4,8 +4,8 @@
-

{% trans "our services" %}

-

+

{% trans "our services" %}

+

{% trans "We support our clients in all areas of Unix infrastructure." %}
{% trans "Our top notch configuration management is refreshingly simple and reliable." %}