aboutsummaryrefslogtreecommitdiffstats
path: root/help/C/pref-css.page
blob: 745ec18760ad517c7cc635f92229bb2bebbf1ad6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<page xmlns="http://projectmallard.org/1.0/"
      xmlns:its="http://www.w3.org/2005/11/its"
      type="topic" style="task"
      id="pref-css">

  <info>
    <link type="guide" xref="index#pref"/>
    <link type="guide" xref="pref"/>
    <revision pkgversion="3.9" version="0.1" date="2013-04-12" status="review"/>

    <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></name>
      <email its:translate="no"></email>
      <years></years>
    </credit>

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

    <desc>Set a custom CSS.</desc>
  </info>

  <title>Display theme</title>

  <p>Epiphany allows custom CSS to change the look and feel of every web page you visit.</p>

  <steps>
    <item>
      <p>With <app>Epiphany</app> in focus, open the <app>Web</app> <gui>Application menu</gui> and click on <gui>preferences</gui>.</p>
    </item>
    <item>
      <p>Check the box marked <gui>Use custom stylesheet</gui> and then <gui>Edit Stylesheet</gui>.</p>
    </item>
    <item>
      <p>Type your custom CSS into the <app>Gedit</app> window that appears and save the file.</p>
    </item>
  </steps>
  <p>An example of custom CSS:</p>
  <code><![CDATA[
body{
    /*Make everything upside-down*/
    -webkit-transform: rotate(180deg);
}
]]></code>
  <p>Every page load beyond this point will take your custom CSS into consideration.</p>

</page>