Commit e4bab2a0 authored by Tails developers's avatar Tails developers
Browse files

CSS: Introduce number bullets

parent 01659172
......@@ -9,7 +9,7 @@ download it, use it and share it without restriction.</strong>
<div id="first_time_user">
<h1>1. First time user?</h1>
<h1 class="bullet-number-one">First time user?</h1>
<ul>
<li>If you don't know what a metadata or a man-in-the-middle attack
......@@ -27,7 +27,7 @@ download it, use it and share it without restriction.</strong>
<div id="download_the_image" class="container">
<h1>2. Download the ISO image</h1>
<h1 class="bullet-number-two">Download the ISO image</h1>
<div id="http">
......@@ -76,7 +76,7 @@ download it, use it and share it without restriction.</strong>
<div id="verify">
<h1>3. Verify the ISO image</h1>
<h1 class="bullet-number-three">Verify the ISO image</h1>
<p>It is important to check the [[!wikipedia Data_integrity
desc="integrity"]] of the ISO image you downloaded to make sure that the
......@@ -352,7 +352,7 @@ gpg: BAD signature from "T(A)ILS developers (signing key) &lt;amnesia@boum.org&g
<div id="support">
<h1>4. Burn a CD or install onto a USB stick</h1>
<h1 class="bullet-number-four">Burn a CD or install onto a USB stick</h1>
<p>Every ISO image we ship can be either burn on a CD or installed onto a USB stick.</p>
......@@ -400,7 +400,7 @@ gpg: BAD signature from "T(A)ILS developers (signing key) &lt;amnesia@boum.org&g
<div id="stay_tuned">
<h1>5. Stay tuned</h1>
<h1 class="bullet-number-five">Stay tuned</h1>
<p>
<strong>It's very important to keep your Tails version up-to-date, otherwise
......@@ -447,7 +447,7 @@ gpg: BAD signature from "T(A)ILS developers (signing key) &lt;amnesia@boum.org&g
<div id="boot">
<h1>6. Starting Tails!</h1>
<h1 class="bullet-number-six">Starting Tails!</h1>
<p>Now that you have a Tails CD or USB stick you can shutdown your
computer and start using Tails without altering your existing operating
......
......@@ -618,3 +618,24 @@ div.three-blocks {
div.three-blocks p, div.three-blocks ul {
text-align: left;
}
/* bullets */
.bullet-number-one, .bullet-number-two, .bullet-number-three,
.bullet-number-four, .bullet-number-five, .bullet-number-six,
.bullet-number-seven, .bullet-number-eight, .bullet-number-nine {
position: relative;
left: -20px;
padding-left: 60px;
min-height: 52px;
padding-top: 12px;
}
.bullet-number-one { background: url('lib/bullet/1.png') no-repeat top left; }
.bullet-number-two { background: url('lib/bullet/2.png') no-repeat top left; }
.bullet-number-three { background: url('lib/bullet/3.png') no-repeat top left; }
.bullet-number-four { background: url('lib/bullet/4.png') no-repeat top left; }
.bullet-number-five { background: url('lib/bullet/5.png') no-repeat top left; }
.bullet-number-six { background: url('lib/bullet/6.png') no-repeat top left; }
.bullet-number-seven { background: url('lib/bullet/7.png') no-repeat top left; }
.bullet-number-eight { background: url('lib/bullet/8.png') no-repeat top left; }
.bullet-number-nine { background: url('lib/bullet/9.png') no-repeat top left; }
.bullet-number-zero { background: url('lib/bullet/0.png') no-repeat top left; }
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