bd3fdf5939c5a7754f7c08b1885ad8301e7b825e
[ikiwiki.git] / themes / monochrome / style.css
1 /*
2  * monochrome - ikiwiki theme © Jon Dowland 2012
3  * based on ikiwiki style.css and bits from jmtd.net at the time
4  * License: GPL-2+
5  */
6
7 @import url(http://fonts.googleapis.com/css?family=Lato&v2);
8
9 body {
10         margin-left: auto;
11         margin-right: auto;
12         width: 48em;
13
14         background: url(gradient.png) repeat-x white 0px -16px;
15         margin-top: 48px; /* height of gradient.png that we want to see */
16
17         color: #555;
18         font-family: 'Lato', sans-serif;
19 }
20
21 .header {
22         margin-bottom: 0.5em;
23 }
24 .pageheader .actions ul {
25         border-bottom: 2px solid #c00040;
26 }
27
28 #pageinfo {
29         border-top: 2px solid #c00040;
30         text-align: center;
31         color: #aaa;
32 }
33
34 /*
35  * css3 external links stuff
36  * thanks to <http://www.kryogenix.org/days/2002/08/30/external>
37  */
38 #content a[href^="http:"]:after,
39 #content a[href^="https:"]:after,
40 #enclosure a[href^="http:"]:after,
41 #enclosure a[href^="https:"]:after {
42   content: "↗";
43 }
44 /* you will want to replicate this for your own domain in local.css */
45 #content a[href^="http://localhost"]:after,
46 #content a[href^="http://ikiwiki.info"]:after,
47 #enclosure a[href^="http://localhost"]:after,
48 #enclosure a[href^="http://ikiwiki.info"]:after {
49   content: none;
50 }
51
52 /* colouring */
53 a:link    { color: #c00040; font-weight: bold; text-decoration: none; }
54 a:hover   { color: #f01070; text-decoration: underline;}
55 a:active  { color: #c00040; }
56 a:visited { color: #c08080; font-weight: normal; font-style: italic; }
57 hr { border: none; border-top: 2px solid #c00040; clear: both; }