moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

reduce split-titlestyle speciicity

Browse source
This commit is contained in:
Arvind Tiwari 2018-03-13 02:55:55 +05:30
parent a29a151453
commit 6b67cb815c
3 changed files with 41 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
datacenterlight/static/datacenterlight/css/landing-page.css
View file

@ -394,24 +394,22 @@ textarea {
color: #5A74AF; color: #5A74AF;
} }
.split-section .split-text .lead { .split-section h2 {
font-size: 21px; font-size: 34px;
color: #3a3a3a;
font-weight: 300 !important;
} }
.split-section .split-text h2 { .split-section .split-title-plain h2 {
font-size: 40px; font-size: 40px;
line-height: 50px; line-height: 50px;
color: #3a3a3a; color: #3a3a3a;
} }
.split-section .split-text .split-title { .split-section .split-title {
position: relative; position: relative;
margin-bottom: 25px; margin-bottom: 25px;
} }
.split-section .split-text .split-title h2 { .split-section .split-title h2 {
font-size: 50px; font-size: 50px;
padding-bottom: 25px; padding-bottom: 25px;
letter-spacing: 2px; letter-spacing: 2px;
@ -428,6 +426,14 @@ textarea {
margin-right: auto; margin-right: auto;
} }
.split-section .split-description .lead {
color: #3a3a3a;
}
.split-section .space .split-description .lead {
font-size: 20px;
}
.split-section.right .split-description { .split-section.right .split-description {
width: 90%; width: 90%;
margin-left: auto; margin-left: auto;
@ -440,15 +446,17 @@ textarea {
} }
.split-section.right .split-text ul, .split-section.right .split-text ul,
.split-section.left .split-text { .split-section.left .split-text,
.split-section.left .space {
text-align: left; text-align: left;
} }
.split-section.right .split-text { .split-section.right .split-text,
.split-section.right .space {
text-align: right; text-align: right;
} }
.split-section .split-text .split-title::before { .split-section .split-title::before {
content: ""; content: "";
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -458,11 +466,11 @@ textarea {
left: auto; left: auto;
} }
.split-section.right .split-text .split-title::before { .split-section.right .split-title::before {
right: 0; right: 0;
} }
.split-section.left .split-text .split-title::before { .split-section.left .split-title::before {
left: 0; left: 0;
} }
@ -934,11 +942,12 @@ textarea {
@media(max-width:991px) { @media(max-width:991px) {
.section-sm-center .split-text { .section-sm-center .split-text,
.section-sm-center .space {
text-align: center !important; text-align: center !important;
margin-bottom: 40px; margin-bottom: 40px;
} }
.section-sm-center .split-text .split-title::before { .section-sm-center .split-title::before {
left: 50% !important; left: 50% !important;
transform: translate(-50%, 0); transform: translate(-50%, 0);
} }
@ -1032,11 +1041,14 @@ textarea {
.split-section .icon-section i { .split-section .icon-section i {
font-size: 120px; font-size: 120px;
} }
.split-section .split-text h2 { .split-section h2 {
font-size: 28px;
}
.split-section .split-title-plain h2 {
font-size: 30px; font-size: 30px;
line-height: 35px; line-height: 35px;
} }
.split-section .split-text .split-title h2 { .split-section .split-title h2 {
font-size: 35px; font-size: 35px;
line-height: 35px; line-height: 35px;
} }

26
datacenterlight/templates/datacenterlight/cms/section.html
View file

@ -13,7 +13,7 @@
</div> </div>
<div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-pull-6{% endif %} split-text"> <div class="col-sm-6 {% if instance.text_direction == 'left' %}col-sm-pull-6{% endif %} split-text">
{% if instance.heading %} {% if instance.heading %}
<div class="{% if not instance.plain_heading %}split-title{% endif %}"> <div class="{% if not instance.plain_heading %}split-title{% else %}split-title-plain{% endif %}">
<h2>{{ instance.heading }}</h2> <h2>{{ instance.heading }}</h2>
</div> </div>
{% endif %} {% endif %}
@ -28,20 +28,18 @@
</div> </div>
{% else %} {% else %}
<div class="space"> <div class="space">
<div class="split-text"> {% if instance.heading %}
{% if instance.heading %} <div class="{% if not instance.plain_heading %}split-title{% endif %}">
<div class="{% if not instance.plain_heading %}split-title{% endif %}"> <h2>{{ instance.heading }}</h2>
<h2>{{ instance.heading }}</h2> </div>
{% endif %}
{% if instance.content %}
<div class="split-description">
<div class="lead">
{{ instance.content }}
</div> </div>
{% endif %} </div>
{% if instance.content %} {% endif %}
<div class="split-description">
<div class="lead">
{{ instance.content }}
</div>
</div>
{% endif %}
</div>
</div> </div>
{% endif %} {% endif %}
</div> </div>

2
datacenterlight/templates/datacenterlight/whydatacenterlight.html
View file

@ -78,7 +78,7 @@
</div> </div>
</div> </div>
<div class="col-sm-8 col-md-7 split-text"> <div class="col-sm-8 col-md-7 split-text">
<div> <div class="split-title-plain">
<h2>{% trans "We believe in giving back to the FOSS community." %}</h2> <h2>{% trans "We believe in giving back to the FOSS community." %}</h2>
</div> </div>
<div class="split-description"> <div class="split-description">