Commit 8c444c7a authored by Tails developers's avatar Tails developers
Browse files

CSS: Replace <img tag with img directive

parent 1ed22b5b
...@@ -45,30 +45,30 @@ The **System** menu allows to customize the GNOME desktop or the system. ...@@ -45,30 +45,30 @@ The **System** menu allows to customize the GNOME desktop or the system.
Here are a few ones that you might want to check: Here are a few ones that you might want to check:
<div class="icon"> <div class="icon">
<div class="image"><img src="preferences-desktop-keyboard.png"/></div> [[!img preferences-desktop-keyboard.png link=no]]
<div class="text"><strong>Preferences → Keyboard</strong>: change the keyboard <div class="text"><strong>Preferences → Keyboard</strong>: change the keyboard
layout and other preferences</div> layout and other preferences</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="gnome-display-properties.png"/></div> [[!img gnome-display-properties.png link=no]]
<div class="text"><strong>Preferences → Monitors</strong>: change the resolution <div class="text"><strong>Preferences → Monitors</strong>: change the resolution
and position of the display</div> and position of the display</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="seahorse.png"/></div> [[!img seahorse.png link=no]]
<div class="text"><strong>Preferences → Passwords and Encryption Keys</strong>: <div class="text"><strong>Preferences → Passwords and Encryption Keys</strong>:
manage your OpenPGP keys</div> manage your OpenPGP keys</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="gnome-dev-printer.png"/></div> [[!img gnome-dev-printer.png link=no]]
<div class="text"><strong>System</strong> → <strong>Printing</strong>: configure printers</div> <div class="text"><strong>System</strong> → <strong>Printing</strong>: configure printers</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="synaptic.png"/></div> [[!img synaptic.png link=no]]
<div class="text"><strong>System</strong> → <strong>Synaptic Package Manager</strong>: install, <div class="text"><strong>System</strong> → <strong>Synaptic Package Manager</strong>: install,
remove and upgrade software packages</div> remove and upgrade software packages</div>
</div> </div>
...@@ -80,7 +80,7 @@ On the right of these three menu entries, a few shortcuts allow to ...@@ -80,7 +80,7 @@ On the right of these three menu entries, a few shortcuts allow to
launch the most frequently used applications. launch the most frequently used applications.
<div class="icon"> <div class="icon">
<div class="image"><img src="iceweasel.png"/></div> [[!img iceweasel.png link=no]]
<div class="text"> <div class="text">
<strong>Iceweasel</strong>: browser the World Wide Web<br/> <strong>Iceweasel</strong>: browser the World Wide Web<br/>
[[See the corresponding documentation|anonymous_internet/iceweasel]] [[See the corresponding documentation|anonymous_internet/iceweasel]]
...@@ -88,12 +88,12 @@ launch the most frequently used applications. ...@@ -88,12 +88,12 @@ launch the most frequently used applications.
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="claws-mail.png"/></div> [[!img claws-mail.png link=no]]
<div class="text"><strong>Claws Mail</strong>: email client</div> <div class="text"><strong>Claws Mail</strong>: email client</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="pidgin.png"/></div> [[!img pidgin.png link=no]]
<div class="text"> <div class="text">
<strong>Pidgin</strong>: instant messaging client<br/> <strong>Pidgin</strong>: instant messaging client<br/>
[[See the corresponding documentation|anonymous_internet/pidgin]] [[See the corresponding documentation|anonymous_internet/pidgin]]
...@@ -101,7 +101,7 @@ launch the most frequently used applications. ...@@ -101,7 +101,7 @@ launch the most frequently used applications.
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="gnome-terminal.png"/></div> [[!img gnome-terminal.png link=no]]
<div class="text"><strong>GNOME Terminal</strong>: use the command line</div> <div class="text"><strong>GNOME Terminal</strong>: use the command line</div>
</div> </div>
...@@ -113,12 +113,10 @@ an interface for some system feature or running application. You are encouraged ...@@ -113,12 +113,10 @@ an interface for some system feature or running application. You are encouraged
to check these icons out with the left and right mouse buttons. to check these icons out with the left and right mouse buttons.
<div class="icon"> <div class="icon">
<div class="image"> [[!img tor-on.png link=no]]
<img src="tor-on.png"/> [[!img tor-starting.png link=no]]
<img src="tor-starting.png"/> [[!img tor-stopping.png link=no]]
<img src="tor-stopping.png"/> [[!img tor-off.png link=no]]
<img src="tor-off.png"/>
</div>
<div class="text"> <div class="text">
<strong>Vidalia</strong>: graphical controller for Tor<br/> <strong>Vidalia</strong>: graphical controller for Tor<br/>
[[See the corresponding documentation|anonymous_internet/vidalia]] [[See the corresponding documentation|anonymous_internet/vidalia]]
...@@ -126,14 +124,15 @@ to check these icons out with the left and right mouse buttons. ...@@ -126,14 +124,15 @@ to check these icons out with the left and right mouse buttons.
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="gpgApplet-text.png"/><img src="gpgApplet.png"/></div> [[!img gpgApplet-text.png link=no]]
[[!img gpgApplet.png link=no]]
<div class="text"><strong>gpgApplet</strong>: encryption and decrypt the <div class="text"><strong>gpgApplet</strong>: encryption and decrypt the
clipboard using OpenPGP<br/> [[See the corresponding clipboard using OpenPGP<br/> [[See the corresponding
documentation|encryption_and_privacy/openpgp_passphrase_encryption]]</div> documentation|encryption_and_privacy/openpgp_passphrase_encryption]]</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="florence.png"/></div> [[!img florence.png link=no]]
<div class="text"> <div class="text">
<strong>Florence</strong>: virtual keyboard<br/> <strong>Florence</strong>: virtual keyboard<br/>
[[See the corresponding documentation|encryption_and_privacy/virtual_keyboard]] [[See the corresponding documentation|encryption_and_privacy/virtual_keyboard]]
...@@ -141,11 +140,9 @@ documentation|encryption_and_privacy/openpgp_passphrase_encryption]]</div> ...@@ -141,11 +140,9 @@ documentation|encryption_and_privacy/openpgp_passphrase_encryption]]</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"> [[!img network-idle.png link=no]]
<img src="network-idle.png"/> [[!img network-wired.png link=no]]
<img src="network-wired.png"/> [[!img network-wireless.png link=no]]
<img src="network-wireless.png"/>
</div>
<div class="text"> <div class="text">
<strong>Network Manager</strong>: handle your wireless or cabled network <strong>Network Manager</strong>: handle your wireless or cabled network
connection<br/> connection<br/>
...@@ -154,7 +151,7 @@ connection<br/> ...@@ -154,7 +151,7 @@ connection<br/>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="gnome-power-manager.png"/></div> [[!img gnome-power-manager.png link=no]]
<div class="text"> <div class="text">
<strong>Power Manager</strong>: information about your battery, if you are using <strong>Power Manager</strong>: information about your battery, if you are using
a laptop<br/> a laptop<br/>
...@@ -162,13 +159,13 @@ a laptop<br/> ...@@ -162,13 +159,13 @@ a laptop<br/>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="audio-volume-high.png"/></div> [[!img audio-volume-high.png link=no]]
<div class="text"><strong>Audio Volume</strong>: control the audio <div class="text"><strong>Audio Volume</strong>: control the audio
volume</div> volume</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="system-shutdown.png"/></div> [[!img system-shutdown.png link=no]]
<div class="text"><strong>System Shutdown</strong>: immediately shut down the <div class="text"><strong>System Shutdown</strong>: immediately shut down the
system</div> system</div>
</div> </div>
...@@ -179,7 +176,7 @@ Bottom panel ...@@ -179,7 +176,7 @@ Bottom panel
On the bottom of the screen is another panel. On the bottom of the screen is another panel.
<div class="icon"> <div class="icon">
<div class="image"><img src="desktop.png"/></div> [[!img desktop.png link=no]]
<div class="text"><strong>Desktop shortcut</strong>: allows to minimize all open <div class="text"><strong>Desktop shortcut</strong>: allows to minimize all open
windows to show the desktop.</div> windows to show the desktop.</div>
</div> </div>
...@@ -191,30 +188,30 @@ Desktop shortcuts ...@@ -191,30 +188,30 @@ Desktop shortcuts
================= =================
<div class="icon"> <div class="icon">
<div class="image"><img src="computer.png"/></div> [[!img computer.png link=no]]
<div class="text"><strong>Computer</strong>: access storage media</div> <div class="text"><strong>Computer</strong>: access storage media</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="user-home.png"/></div> [[!img user-home.png link=no]]
<div class="text"><strong>amnesia's Home</strong>: shortcut to the default <div class="text"><strong>amnesia's Home</strong>: shortcut to the default
user's folder</div> user's folder</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="emptytrash.png"/></div> [[!img emptytrash.png link=no]]
<div class="text"><strong>Trash</strong>: where the "deleted" files are <div class="text"><strong>Trash</strong>: where the "deleted" files are
moved</div> moved</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="system-help.png"/></div> [[!img system-help.png link=no]]
<div class="text"><strong>Tails documentation</strong>: open a local copy of <div class="text"><strong>Tails documentation</strong>: open a local copy of
Tails website and documentation</div> Tails website and documentation</div>
</div> </div>
<div class="icon"> <div class="icon">
<div class="image"><img src="whisperback.png"/></div> [[!img whisperback.png link=no]]
<div class="text"> <div class="text">
<strong>Report a bug</strong>: open a dedicated application to report bugs from <strong>Report a bug</strong>: open a dedicated application to report bugs from
inside Tails<br/> inside Tails<br/>
......
...@@ -65,7 +65,7 @@ remain on the persistent volume. ...@@ -65,7 +65,7 @@ remain on the persistent volume.
<a id="personal_data"></a> <a id="personal_data"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../stock_folder.png"/></div> [[!img stock_folder.png link=no]]
<div class="text"><h2>Personal Data</h2></div> <div class="text"><h2>Personal Data</h2></div>
</div> </div>
...@@ -81,7 +81,7 @@ To open the <span class="filename">Persistent</span> folder, choose ...@@ -81,7 +81,7 @@ To open the <span class="filename">Persistent</span> folder, choose
<a id="gnupg"></a> <a id="gnupg"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../seahorse-key.png"/></div> [[!img seahorse-key.png link=no]]
<div class="text"><h2>GnuPG</h2></div> <div class="text"><h2>GnuPG</h2></div>
</div> </div>
...@@ -98,7 +98,7 @@ weaken the encryption defaults or render GnuPG unusable. ...@@ -98,7 +98,7 @@ weaken the encryption defaults or render GnuPG unusable.
<a id="ssh_client"></a> <a id="ssh_client"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../seahorse-key-ssh.png"/></div> [[!img seahorse-key-ssh.png link=no]]
<div class="text"><h2>SSH Client</h2></div> <div class="text"><h2>SSH Client</h2></div>
</div> </div>
...@@ -120,7 +120,7 @@ encryption defaults or render SSH unusable. ...@@ -120,7 +120,7 @@ encryption defaults or render SSH unusable.
<a id="pidgin"></a> <a id="pidgin"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../pidgin.png"/></div> [[!img pidgin.png link=no]]
<div class="text"><h2>Pidgin</h2></div> <div class="text"><h2>Pidgin</h2></div>
</div> </div>
...@@ -139,7 +139,7 @@ is no need to manually edit or overwrite the configuration files. ...@@ -139,7 +139,7 @@ is no need to manually edit or overwrite the configuration files.
<a id="claws_mail"></a> <a id="claws_mail"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../claws-mail.png"/></div> [[!img claws-mail.png link=no]]
<div class="text"><h2>Claws Mail</h2></div> <div class="text"><h2>Claws Mail</h2></div>
</div> </div>
...@@ -153,7 +153,7 @@ is no need to manually edit or overwrite the configuration files. ...@@ -153,7 +153,7 @@ is no need to manually edit or overwrite the configuration files.
<a id="gnome_keyring"></a> <a id="gnome_keyring"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../seahorse-key-personal.png"/></div> [[!img seahorse-key-personal.png link=no]]
<div class="text"><h2>GNOME Keyring</h2></div> <div class="text"><h2>GNOME Keyring</h2></div>
</div> </div>
...@@ -169,7 +169,7 @@ the [official documentation](http://live.gnome.org/GnomeKeyring). ...@@ -169,7 +169,7 @@ the [official documentation](http://live.gnome.org/GnomeKeyring).
<a id="apt_packages"></a> <a id="apt_packages"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../synaptic.png"/></div> [[!img synaptic.png link=no]]
<div class="text"><h2>APT Packages</h2></div> <div class="text"><h2>APT Packages</h2></div>
</div> </div>
...@@ -187,7 +187,7 @@ If you activate this feature, it is recommended to activate the ...@@ -187,7 +187,7 @@ If you activate this feature, it is recommended to activate the
<a id="apt_lists"></a> <a id="apt_lists"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../synaptic.png"/></div> [[!img synaptic.png link=no]]
<div class="text"><h2>APT Lists</h2></div> <div class="text"><h2>APT Lists</h2></div>
</div> </div>
...@@ -207,7 +207,7 @@ you to reuse them during future working sessions, even offline. ...@@ -207,7 +207,7 @@ you to reuse them during future working sessions, even offline.
<a id="dotfiles"></a> <a id="dotfiles"></a>
<div class="icon"> <div class="icon">
<div class="image"><img src="../preferences-desktop.png"/></div> [[!img preferences-desktop.png link=no]]
<div class="text"><h2>Dotfiles</h2></div> <div class="text"><h2>Dotfiles</h2></div>
</div> </div>
......
...@@ -996,7 +996,7 @@ div.icon { ...@@ -996,7 +996,7 @@ div.icon {
position: relative; position: relative;
} }
div.icon div.image { div.icon img {
display: inline-block; display: inline-block;
} }
......
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