style.css


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

* {
	font-family: Courier, monospace;
	color: #000000;
	margin: 0px; /*default margins get in the way*/
}
a {
	text-decoration: none; /*no underline*/
	color: #801040;
 
}
a:hover {
	color: #ffffff;
	background-color: #801040;
}
.content {
	/*the following works together to center the entire element*/
	position:relative; /* allows for translation*/
	left:50%; /* this shifts the element to the right by 50% of its parent*/
	display: inline-block; /* this makes the element only as wide as it needs to be*/
	transform:translatex(-50%);/*this shifts it to the left by half its own width*/
}
img {
	position: absolute; /*parent now ignores it's size when calculating size*/
	display: block;
	/*overrides not margin to center from bounds of the <pre> tag*/
	margin-left: auto;
	margin-right: auto;
	/*default width*/
	width: 100%;
	/*preserves aspect ratio*/
	height: auto;
}