Commit 35c61a61 authored by sajolida's avatar sajolida

Reuse 'blocks' class for #news and #security

This simplifies other bits of our CSS
parent dee188a6
[[!meta title="Privacy for anyone anywhere"]] [[!meta title="Privacy for anyone anywhere"]]
<div id="homepage">
<div id="intro"> <div id="intro">
<p> <p>
...@@ -37,7 +35,7 @@ It aims at preserving your <strong>privacy</strong> and ...@@ -37,7 +35,7 @@ It aims at preserving your <strong>privacy</strong> and
</div> <!-- #intro --> </div> <!-- #intro -->
<div id="news"> <div id="news" class="blocks three-blocks">
<h1>News</h1> <h1>News</h1>
...@@ -47,7 +45,7 @@ It aims at preserving your <strong>privacy</strong> and ...@@ -47,7 +45,7 @@ It aims at preserving your <strong>privacy</strong> and
</div> <!-- #news --> </div> <!-- #news -->
<div id="security"> <div id="security" class="blocks three-blocks">
<h1>Security</h1> <h1>Security</h1>
...@@ -57,6 +55,8 @@ It aims at preserving your <strong>privacy</strong> and ...@@ -57,6 +55,8 @@ It aims at preserving your <strong>privacy</strong> and
</div> <!-- #security --> </div> <!-- #security -->
<div id="debian-fs-tor">
<div class="blocks three-blocks bottom"> <div class="blocks three-blocks bottom">
<a href="https://www.debian.org/" class="noicon">[[!img lib/debian.png link="no"]]</a> <a href="https://www.debian.org/" class="noicon">[[!img lib/debian.png link="no"]]</a>
<p class="center">Tails is built upon <a href="https://www.debian.org/">Debian</a>.</p> <p class="center">Tails is built upon <a href="https://www.debian.org/">Debian</a>.</p>
...@@ -72,4 +72,4 @@ It aims at preserving your <strong>privacy</strong> and ...@@ -72,4 +72,4 @@ It aims at preserving your <strong>privacy</strong> and
<p class="center">Tails sends its traffic through <a href="https://torproject.org/">Tor</a>.</p> <p class="center">Tails sends its traffic through <a href="https://torproject.org/">Tor</a>.</p>
</div> </div>
</div> <!-- #homepage --> </div>
...@@ -265,7 +265,6 @@ span.title { ...@@ -265,7 +265,6 @@ span.title {
margin-left: -28px; margin-left: -28px;
} }
#homepage #news, #homepage #security,
#page-found_a_problem #bugs, #page-found_a_problem #wishlist, #page-found_a_problem #bugs, #page-found_a_problem #wishlist,
#page-download #bittorrent, #page-download #http { #page-download #bittorrent, #page-download #http {
display: inline-block; display: inline-block;
...@@ -277,7 +276,6 @@ span.title { ...@@ -277,7 +276,6 @@ span.title {
width: 40%; width: 40%;
} }
#homepage #news,
#page-found_a_problem #bugs, #page-found_a_problem #bugs,
#page-download #http #page-download #http
{ {
...@@ -669,11 +667,19 @@ div.three-blocks { ...@@ -669,11 +667,19 @@ div.three-blocks {
width: 28%; width: 28%;
} }
#homepage div.three-blocks { #news, #security {
width: 31%;
}
#security {
margin-right: 0;
}
#debian-fs-tor div.three-blocks {
margin-top: 5em; margin-top: 5em;
} }
div.blocks p, div.blocks ul { div.blocks p, div.blocks ul, div.blocks h1, div.blocks div {
text-align: left; text-align: left;
} }
......
...@@ -49,7 +49,7 @@ html[dir="rtl"] .pageheader #otherlanguages { ...@@ -49,7 +49,7 @@ html[dir="rtl"] .pageheader #otherlanguages {
width: 100%; width: 100%;
} }
html[dir="rtl"] #homepage #news, html[dir="rtl"] #page-found_a_problem #bugs, html[dir="rtl"] #page-download #http { html[dir="rtl"] #news, html[dir="rtl"] #page-found_a_problem #bugs, html[dir="rtl"] #page-download #http {
margin-right: 0; margin-right: 0;
margin-left: 2em; margin-left: 2em;
} }
......
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