Commit 3e80ee71 authored by Tails developers's avatar Tails developers
Browse files

CSS: Improve the toggleable sections

parent 426ebcba
......@@ -134,6 +134,9 @@ download it, use it and share it without restriction.</strong>
</ul>
[[!toggleable id="verify_the_iso_image_using_gnome" text="""
<span class="hide">[[!toggle id="verify_the_iso_image_using_gnome"
text="Hide"]]</span>
<h2>Using Linux with Gnome: Ubuntu, Debian, Tails, Fedora, etc.</h2>
<p>You need to have the <code>seahorse-plugins</code> package
......@@ -153,12 +156,13 @@ sudo apt-get install seahorse-plugins
collection of OpenPGP keys you already imported:</p>
<p>[[!img download/import_key.png alt="What should Iceweasel do with
this file? Open with: Import Key (default)"]]</p>
this file? Open with: Import Key (default)" link="no"]]</p>
<p>You will get notified will the following message:</p>
<p>[[!img download/key_imported.png alt="Key Imported. Imported a key
for Tails developers (signing key) &lt;tails@boum.org&gt;"]]</p>
for Tails developers (signing key) &lt;tails@boum.org&gt;"
link="no"]]</p>
<p>Now, download the cryptographic signature corresponding to the ISO
image you want to verify:</p>
......@@ -172,26 +176,30 @@ sudo apt-get install seahorse-plugins
Choose this action to start the cryptographic verification:</p>
<p>[[!img download/verify_signature.png alt="What should Iceweasel do
with this file? Open with: Verify Signature (default)"]]</p>
with this file? Open with: Verify Signature (default)" link="no"]]</p>
<p>Browse your files to select the Tails ISO image you want to verify.
Then, the verification will start. It can take several minutes:</p>
<p>[[!img download/verifying.png alt="Verifying"]]</p>
<p>[[!img download/verifying.png alt="Verifying" link="no"]]</p>
<p><strong>If the ISO image is correct</strong> you will get a
notification telling you that the signature is good:</p>
<p>[[!img download/good_signature.png alt="Goog Signature"]]</p>
<p>[[!img download/good_signature.png alt="Goog Signature"
link="no"]]</p>
<p><strong>If the ISO image is not correct</strong> you will get a
notification telling you that the signature is bad:</p>
<p>[[!img download/bad_signature.png alt="Bad Signature: Bad or forged
signature."]]</p>
signature." link="no"]]</p>
"""]]
[[!toggleable id="verify_the_iso_image_using_the_command_line" text="""
<span class="hide">[[!toggle id="verify_the_iso_image_using_the_command_line"
text="Hide"]]</span>
<h2>Using Linux with the command line</h2>
<p>You need to have GnuPG installed. GnuPG is the common OpenPGP
......@@ -263,6 +271,9 @@ gpg: BAD signature from "Tails developers (signing key) &lt;tails@boum.org&gt;"
"""]]
[[!toggleable id="verify_the_iso_image_using_other_operating_systems" text="""
<span class="hide">[[!toggle id="verify_the_iso_image_using_other_operating_systems"
text="Hide"]]</span>
<h2>Using other operating systems</h2>
<h3>Using Firefox</h3>
......@@ -282,7 +293,8 @@ gpg: BAD signature from "Tails developers (signing key) &lt;tails@boum.org&gt;"
<p>Right-click on it and choose "Selected hash (SHA256)" from the
contextual menu:</p>
<p>[[!img download/selected_hash.png alt="Selected hash (SHA256)"]]</p>
<p>[[!img download/selected_hash.png alt="Selected hash (SHA256)"
link="no"]]</p>
<p>From the dialog box that shows up, open the ISO image. Then wait for
the checksum to compute. This will take several seconds during which
......@@ -292,13 +304,13 @@ gpg: BAD signature from "Tails developers (signing key) &lt;tails@boum.org&gt;"
notification saying that the checksums match:</p>
<p>[[!img download/checksums_match.png alt="CheckIt: SHA256 checksums
match!"]]</p>
match!" link="no"]]</p>
<p><strong>If the ISO image is not correct</strong> you will get a
notification telling you that the checksums do not match:</p>
<p>[[!img download/checksums_do_not_match.png alt="SHA256 checksums do
not match!"]]</p>
not match!" link="no"]]</p>
<h3>Using the cryptographic signature</h3>
......
......@@ -665,6 +665,8 @@ div.three-blocks p, div.three-blocks ul {
.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; }
/* download buttons */
#pagebody a#download-file, #pagebody a#download-signature {
font-size: 17px;
font-family: "Avant Garde", sans-serif;
......@@ -687,3 +689,26 @@ div.three-blocks p, div.three-blocks ul {
#pagebody a#download-signature {
background: #0a0 url('lib/download-signature.png') no-repeat scroll right center;
}
/* toggleable */
#pagebody div.toggleable {
background: #f3edf9;
border-top: solid 5px black;
border-bottom: solid 5px black;
padding: 0em 2em;
margin: 2em 0;
}
#pagebody div.toggleable span.hide {
width: 100%;
display: block;
text-align: right;
}
#pagebody div.toggleable span.hide a.toggle {
font-size: 1.429em; /* 14×1.429=20px */
font-family: "Avant Garde", sans-serif;
border-bottom: none;
color: black;
}
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