<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="topic" style="task" id="pref-css" xml:lang="de">

  <info>
    <link type="guide" xref="index#pref"/>
    <link type="guide" xref="pref"/>
    <revision pkgversion="3.10" date="2013-07-06" status="candidate"/>

    <credit type="author copyright">
      <name>Gordon Hill</name>
      <email its:translate="no">caseyweederman@gmail.com</email>
      <years>2013</years>
    </credit>
    <credit type="copyright editor">
      <name>Ekaterina Gerasimova</name>
      <email its:translate="no">kittykat3756@gmail.com</email>
      <years>2013</years>
    </credit>

    <include xmlns="http://www.w3.org/2001/XInclude" href="legal.xml"/>

    <desc>Das Thema überschreiben, mit dem Internetseiten dargestellt werden.</desc>
  
    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">
      <mal:name>Christian Kirbach</mal:name>
      <mal:email>christian.kirbach@gmail.com</mal:email>
      <mal:years>2013</mal:years>
    </mal:credit>
  </info>

  <title>Benutzerdefiniertes CSS</title>

  <p>Epiphany allows you to set a custom CSS to change the look and feel of
  every web page that you visit. You may want to do this to set a preferred
  font size or colour scheme.</p>

  <steps>
    <item>
      <p>Öffnen Sie <guiseq><gui style="menu">Web</gui><gui style="menuitem">Einstellungen</gui><gui style="tab">Schriften und Stile</gui></guiseq>.</p>
    </item>
    <item>
      <p>Klicken Sie auf <gui style="button">Stilvorlage bearbeiten</gui>.</p>
    </item>
    <item>
      <p>Ihr bevorzugter Texteditor öffnet sich. Fügen Sie ihr eigenes CSS hinzu und speichern Sie die Datei.</p>
    </item>
    <item>
      <p>Wählen Sie das Ankreuzfeld <gui>Eigene Stilvorlage verwenden</gui> an.</p>
    </item>
  </steps>

  <comment>
    <cite date="2013-07-06">Kat</cite>
    <p>Maybe use a slightly more practical example.</p>
  </comment>

  <p>Ein Beispiel eines angepassten CSS:</p>
  <code>
body{
    /*Alles auf den Kopf stellen*/
    -webkit-transform: rotate(180deg);
}
</code>

  <p>Ihr eigenes CSS wird die Stilvorlage der Seiten überschreiben, die Sie nach der Aktivierung besuchen.</p>

</page>
