Commit 4b11ec60 authored by Maxime's avatar Maxime
Browse files

styling: hero mobile title & twitter #24 #23

parent 02174600
......@@ -2300,24 +2300,26 @@ Signature de l'appel
width: 100%;
}
}
#home .home-title h1, #home .home-title h2, #home .home-title p, #home-xr .home-title h1, #home-xr .home-title h2, #home-xr .home-title p {
color: white;
}
#home .home-title h1, #home .home-title h2, #home-xr .home-title h1, #home-xr .home-title h2 {
font-size: 46px;
margin: auto;
margin: auto;
}
@media only screen and (max-width: 1000px) {
#home .home-title h1, #home .home-title h2, #home-xr .home-title h1, #home-xr .home-title h2 {
font-size: 18px;
#home .home-title h1, #home-xr .home-title h1 {
font-size: 22px;
}
}
#home .home-title h2, #home-xr .home-title h2 {
color: white;
}
#home .home-title p, #home-xr .home-title p {
font-weight: bold;
width: 80%;
margin: 1rem auto;
}
@media only screen and (max-width: 1000px) {
#home .home-title p, #home-xr .home-title p {
width: 100%;
color: #0B4DB8;
font-weight: 900;
}
}
#home .home-title a, #home-xr .home-title a {
text-decoration: none;
}
......@@ -10180,6 +10182,11 @@ Main CSS done in the EO email file, here css mainly for the tab display
width: 80%;
margin: auto;
}
@media only screen and (max-width: 768px) {
#twitter-multiple-choices .tabs, #twitter-multiple-choices .gov-tabs, #twitter-multiple-choices step2-tabs, #representative-email-sent .tabs, #representative-email-sent .gov-tabs, #representative-email-sent step2-tabs, #twitter-custom-targets .tabs, #twitter-custom-targets .gov-tabs, #twitter-custom-targets step2-tabs, #twitter-Step2 .tabs, #twitter-Step2 .gov-tabs, #twitter-Step2 step2-tabs {
display: flex;
}
}
#twitter-multiple-choices ul.tabs-nav, #twitter-multiple-choices ul.tabs-gov-nav, #twitter-multiple-choices ul.tabs-step2-nav, #representative-email-sent ul.tabs-nav, #representative-email-sent ul.tabs-gov-nav, #representative-email-sent ul.tabs-step2-nav, #twitter-custom-targets ul.tabs-nav, #twitter-custom-targets ul.tabs-gov-nav, #twitter-custom-targets ul.tabs-step2-nav, #twitter-Step2 ul.tabs-nav, #twitter-Step2 ul.tabs-gov-nav, #twitter-Step2 ul.tabs-step2-nav {
display: flex;
flex-direction: row;
......@@ -10190,7 +10197,7 @@ Main CSS done in the EO email file, here css mainly for the tab display
}
@media only screen and (max-width: 768px) {
#twitter-multiple-choices ul.tabs-nav, #twitter-multiple-choices ul.tabs-gov-nav, #twitter-multiple-choices ul.tabs-step2-nav, #representative-email-sent ul.tabs-nav, #representative-email-sent ul.tabs-gov-nav, #representative-email-sent ul.tabs-step2-nav, #twitter-custom-targets ul.tabs-nav, #twitter-custom-targets ul.tabs-gov-nav, #twitter-custom-targets ul.tabs-step2-nav, #twitter-Step2 ul.tabs-nav, #twitter-Step2 ul.tabs-gov-nav, #twitter-Step2 ul.tabs-step2-nav {
flex-direction: column;
margin: 1rem 0 0 0;
}
}
#twitter-multiple-choices .tabs-nav li, #twitter-multiple-choices .tabs-gov-nav li, #twitter-multiple-choices .tabs-step2-nav li, #representative-email-sent .tabs-nav li, #representative-email-sent .tabs-gov-nav li, #representative-email-sent .tabs-step2-nav li, #twitter-custom-targets .tabs-nav li, #twitter-custom-targets .tabs-gov-nav li, #twitter-custom-targets .tabs-step2-nav li, #twitter-Step2 .tabs-nav li, #twitter-Step2 .tabs-gov-nav li, #twitter-Step2 .tabs-step2-nav li {
......@@ -10262,6 +10269,15 @@ Main CSS done in the EO email file, here css mainly for the tab display
position: relative;
top: -1px;
}
@media only screen and (max-width: 768px) {
#twitter-multiple-choices .tabs-stage, #twitter-multiple-choices .tabs-stage-gov, #twitter-multiple-choices .tabs-stage-step2, #representative-email-sent .tabs-stage, #representative-email-sent .tabs-stage-gov, #representative-email-sent .tabs-stage-step2, #twitter-custom-targets .tabs-stage, #twitter-custom-targets .tabs-stage-gov, #twitter-custom-targets .tabs-stage-step2, #twitter-Step2 .tabs-stage, #twitter-Step2 .tabs-stage-gov, #twitter-Step2 .tabs-stage-step2 {
display: flex;
align-items: center;
margin: 1rem 0 0;
padding: 0.3rem 0.8rem;
border-top: 1px solid #FF9D00;
}
}
#twitter-multiple-choices .tabs-stage-gov, #representative-email-sent .tabs-stage-gov, #twitter-custom-targets .tabs-stage-gov, #twitter-Step2 .tabs-stage-gov {
min-height: 150px;
}
......
......@@ -73,21 +73,23 @@
padding: 0px;
width: 100%;
}
h1,h2,p{
color: $light-text-color;
}
h1,h2{
font-size: 46px;
margin: auto;
margin: auto;
h1{
@media only screen and (max-width: $small-screen-max) {
font-size: 18px;
font-size: 22px;
}
}
h2{
color: $light-text-color;
}
p{
font-weight: bold;
width: 80%;
margin: 1rem auto;
@media only screen and (max-width: $small-screen-max) {
width: 100%;
color: $second-color;
font-weight: 900;
}
}
a{
text-decoration: none;
......
......@@ -8,7 +8,10 @@ Main CSS done in the EO email file, here css mainly for the tab display
#twitter-multiple-choices,#representative-email-sent,#twitter-custom-targets,#twitter-Step2{
.tabs,.gov-tabs,step2-tabs {
width: 80%;
margin: auto;
margin: auto;
@media only screen and (max-width: 768px) {
display: flex
}
}
ul.tabs-nav,ul.tabs-gov-nav,ul.tabs-step2-nav{
display: flex;
......@@ -18,7 +21,8 @@ Main CSS done in the EO email file, here css mainly for the tab display
margin: 20px 0 0 0;
flex-wrap: wrap;
@media only screen and (max-width: 768px) {
flex-direction: column;
//flex-direction: column;
margin: 1rem 0 0 0;
}
}
......@@ -91,7 +95,14 @@ Main CSS done in the EO email file, here css mainly for the tab display
clear: both;
padding: 24px 30px;
position: relative;
top: -1px;
top: -1px;
@media only screen and (max-width: 768px) {
display: flex;
align-items: center;
margin: 1rem 0 0;
padding: 0.3rem 0.8rem;
border-top: 1px solid $main-color;
}
}
/*customisation just for gov tab on home page*/
.tabs-stage-gov{
......
......@@ -3,7 +3,8 @@
<div id="home" hidden>
<section class="banner">
<div class="home-title center">
<h1>{% trans 'homeBannerTitle' context "FREE THE TREE.ORG : UNE PLATEFORME CITOYENNE POUR LÉGALISER LE CANNABIS" %}</h1>
<h2>{% trans 'homeBannerSiteName' context "FREE THE TREE.ORG" %}</h2>
<h1>{% trans 'homeBannerTitle' context "UNE PLATEFORME CITOYENNE POUR LÉGALISER LE CANNABIS" %}</h1>
<p>{% trans 'homeBannerSubTitle' context "Free-the-tree.org est une plateforme de lobbying citoyen qui vous permet d'interpeller vos élus pour accélérer le processus de réforme des politiques du cannabis" %}
</p>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment