aboutsummaryrefslogtreecommitdiff
path: root/themes/monochrome/style.css
blob: e85f8abb55b4ce40e240a54e2105adeb6cb7eef3 (plain)
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
/*
 * monochrome - ikiwiki theme © Jon Dowland 2012
 * based on ikiwiki style.css and bits from jmtd.net at the time
 * License: GPL-2+
 */

@import url(http://fonts.googleapis.com/css?family=Lato&v2);

body {
	margin-left: auto;
	margin-right: auto;
	width: 48em;
	max-width: 95%;

	background: url(gradient.png) repeat-x white 0px -16px;
	margin-top: 48px; /* height of gradient.png that we want to see */

	color: #555;
	font-family: 'Lato', sans-serif;
}

.header {
	margin-bottom: 0.5em;
}
.pageheader .actions ul {
	border-bottom: 2px solid #c00040;
}

#pageinfo {
	border-top: 2px solid #c00040;
	text-align: center;
	color: #aaa;
}

/*
 * css3 external links stuff
 * thanks to <http://www.kryogenix.org/days/2002/08/30/external>
 */
#content a[href^="http:"]:after,
#content a[href^="https:"]:after,
#enclosure a[href^="http:"]:after,
#enclosure a[href^="https:"]:after {
  content: "↗";
}
/* you will want to replicate this for your own domain in local.css */
#content a[href^="http://localhost"]:after,
#content a[href^="http://ikiwiki.info"]:after,
#enclosure a[href^="http://localhost"]:after,
#enclosure a[href^="http://ikiwiki.info"]:after {
  content: none;
}

/* colouring */
a:link    { color: #c00040; font-weight: bold; text-decoration: none; }
a:hover   { color: #f01070; text-decoration: underline;}
a:active  { color: #c00040; }
a:visited { color: #c08080; font-weight: normal; font-style: italic; }
hr { border: none; border-top: 2px solid #c00040; clear: both; }