Commit 972ff602 authored by sajolida's avatar sajolida
Browse files

Separate mac-dvd and dvd CSS selectors

We need a selector for /install/dvd only and one for /install/mac-dvd
only.  Since no other scenario than mac-dvd rely on DVD we can make them
completely separate.
parent f50e2b81
......@@ -107,7 +107,7 @@ Restart and activate the persistent storage
<div class="state-image debian expert">[[!img install/inc/infography/tails-usb-with-persistence.png link="no"]]</div>
<div class="state-image windows linux mac-usb clone">[[!img install/inc/infography/final-tails-with-persistence.png link="no"]]</div>
<div class="state-image dvd">[[!img install/inc/infography/tails-usb-with-persistence.png link="no"]]</div>
<div class="state-image mac-dvd">[[!img install/inc/infography/tails-usb-with-persistence.png link="no"]]</div>
<div class="trophy" id="recommendations">
......
<h1 class="debian expert install-clone mac-clone">Install Tails</h1>
<h1 class="windows linux mac-usb">Install the final Tails</h1>
<h1 class="dvd">Install Tails on a USB stick</h1>
<h1 class="mac-dvd">Install Tails on a USB stick</h1>
<h1 class="upgrade">Upgrade your Tails</h1>
<p class="debian windows linux mac expert">
......@@ -37,7 +37,7 @@
<div class="step-image">
[[!img install/inc/infography/plug-usb.png link="no" class="debian"]]
[[!img install/inc/infography/plug-second-usb.png link="no" class="windows linux mac-usb install-clone mac-clone"]]
[[!img install/inc/infography/plug-tails-usb.png link="no" class="dvd"]]
[[!img install/inc/infography/plug-tails-usb.png link="no" class="mac-dvd"]]
[[!img install/inc/infography/plug-upgraded-usb.png link="no" class="upgrade-clone upgrade-tails"]]
</div>
......@@ -45,7 +45,7 @@
<span class="windows linux mac-usb">the second</span>
<span class="install-clone mac-clone">the new</span>
<span class="upgrade">your Tails</span>
<span class="debian expert dvd">the</span>
<span class="debian expert mac-dvd">the</span>
USB stick in the computer.
1. <div class="windows linux mac upgrade install-clone"><p>
......@@ -78,7 +78,7 @@
<div class="step-image">
[[!img install/inc/infography/install-tails.png link="no" class="debian"]]
[[!img install/inc/infography/clone-intermediary-tails.png link="no" class="windows linux mac-usb clone upgrade-tails"]]
[[!img install/inc/infography/clone-dvd.png link="no" class="dvd"]]
[[!img install/inc/infography/clone-dvd.png link="no" class="mac-dvd"]]
</div>
1. <p class="debian expert">Click <span class="button">Browse</span>
......@@ -87,7 +87,7 @@
Choose
<span class="windows linux mac-usb">the second</span>
<span class="install-clone mac-clone">the new</span>
<span class="debian expert dvd upgrade-clone">your</span>
<span class="debian expert mac-dvd upgrade-clone">your</span>
USB stick in the <span class="guilabel">Target Device</span> drop-down list.
1. To start the
......
<h1 class="windows linux mac-usb upgrade-tails">Restart on the intermediary Tails</h1>
<h1 class="clone">Restart on the other Tails</h1>
<h1 class="dvd">Restart on the Tails DVD</h1>
<h1 class="mac-dvd">Restart on the Tails DVD</h1>
<div class="step-image">
[[!img install/inc/infography/plug-source-usb.png link="no" class="install-clone mac-clone"]]
[[!img install/inc/infography/plug-other-usb.png link="no" class="upgrade-clone"]]
[[!img install/inc/infography/restart-on-tails.png link="no" class="debian"]]
[[!img install/inc/infography/restart-on-intermediary-tails.png link="no" class="clone windows linux mac-usb"]]
[[!img install/inc/infography/restart-on-dvd.png link="no" class="dvd"]]
[[!img install/inc/infography/restart-on-dvd.png link="no" class="mac-dvd"]]
[[!img install/inc/infography/restart-on-upgrade-usb.png link="no" class="upgrade-tails"]]
</div>
......@@ -24,10 +24,10 @@ from a Tails DVD in a similar way.</p>
</div>
1. <p>
<span class="dvd">Make sure that the DVD is inserted in the computer.</span>
<span class="mac-dvd">Make sure that the DVD is inserted in the computer.</span>
<span class="usb">Shut down the computer while leaving the <span class="windows linux mac">first</span> USB stick plugged in.</span>
</p>
<p class="dvd clone upgrade-tails">Shut down the computer.</p>
<p class="mac-dvd clone upgrade-tails">Shut down the computer.</p>
<p class="clone">Plug in the other Tails USB stick that you want to
<span class="install-clone debian windows linux mac">install</span>
<span class="upgrade">upgrade</span>
......@@ -129,7 +129,7 @@ Now grab your second USB stick as it is time to install the final Tails on it.</
you to store some of your documents and configuration
and benefit from automatic security upgrades.</p>
<p class="clone dvd">This was a first but important step!
<p class="clone mac-dvd">This was a first but important step!
Now grab the <span class="clone">new</span> USB stick on which you want to install Tails.</p>
</div>
<h1 class="usb">Restart on the final Tails</h1>
<h1 class="clone">Restart on the other Tails</h1>
<h1 class="dvd">Restart on the Tails USB stick</h1>
<h1 class="mac-dvd">Restart on the Tails USB stick</h1>
1. Shut down the computer.
<div class="step-image">
[[!img install/inc/infography/restart-on-final-tails.png link="no" class="usb clone"]]
[[!img install/inc/infography/restart-on-tails-usb.png link="no" class="dvd"]]
[[!img install/inc/infography/restart-on-tails-usb.png link="no" class="mac-dvd"]]
</div>
1. <p class="usb clone">
......@@ -18,7 +18,7 @@
<span class="clone">new</span>
USB stick plugged in.
</p>
<p class="dvd">Eject the DVD and leave the USB stick plugged in.</p>
<p class="mac-dvd">Eject the DVD and leave the USB stick plugged in.</p>
1. Switch on the computer.
......@@ -41,10 +41,10 @@
<div class="bug mac-usb mac-dvd">
<p>If your computer fails to start on the
<span class="usb">final Tails,</span>
<span class="dvd">Tails USB stick,</span>
<span class="mac-dvd">Tails USB stick,</span>
you can continue using the
<span class="usb">intermediary Tails</span>
<span class="dvd">Tails DVD</span>.
<span class="mac-dvd">Tails DVD</span>.
<span class="usb">On this intermediary Tails you cannot benefit from
automatic upgrades or create an encrypted persistent storage.</span></p>
......
<div class="state-image debian expert dvd">[[!img install/inc/infography/tails-usb.png link="no"]]</div>
<div class="state-image debian expert mac-dvd">[[!img install/inc/infography/tails-usb.png link="no"]]</div>
<div class="state-image windows linux mac-usb">[[!img install/inc/infography/final-tails.png link="no"]]</div>
<div class="state-image install-clone mac-clone">[[!img install/inc/infography/new-tails.png link="no"]]</div>
......
span.dvd, a.dvd {
display: inline;
}
/* This stylesheet applies to /install/dvd only and not to /install/mac/dvd. */
div.dvd, img.dvd, p.dvd, h1.dvd {
display: block;
}
li.dvd {
display: list-item;
span.dvd {
display: inline;
}
@import url("mac.css");
@import url("dvd.css");
/* We're not importing "dvd.css" as it applies to /install/dvd only. */
span.mac-dvd, a.mac-dvd {
display: inline;
......
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