blob: 4db71f6e897995a5c29613f56407b15e7f730a28 (
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
<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.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 href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/>
<desc>Override the theme which is used to display web pages.</desc>
</info>
<title>Custom 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>Open
<guiseq><gui style="menu">Web</gui><gui style="menuitem">Preferences</gui><gui style="tab">Fonts & Styles</gui></guiseq>.</p>
</item>
<item>
<p>Press <gui style="button">Edit Stylesheet</gui>.</p>
</item>
<item>
<p>Your default text editor will open. Add your custom CSS and save
the file.</p>
</item>
<item>
<p>Tick the <gui>Use custom stylesheet</gui> checkbox.</p>
</item>
</steps>
<comment>
<cite date="2013-07-06">Kat</cite>
<p>Maybe use a slightly more practical example.</p>
</comment>
<p>An example of a custom CSS:</p>
<code><![CDATA[
body{
/*Make everything upside-down*/
-webkit-transform: rotate(180deg);
}
]]></code>
<p>Your custom CSS will override the style sheet on pages which you visit
after you enable it..</p>
</page>
|
