blob: a431147a5aae6f0254855c0629a84f8cefe00f54 (
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
|
/* use local iokalant fontface */
@font-face {
font-family:
"iol";
src:
local('IOKALANT_STANT_FATENC');
unicode-range:
U+18900-189FF;
}
/*use hosted iokalant fontface */
@font-face {
font-family:
"io";
src:
url("fonts/IOKALANT_STANT_FATENC.ttf")format('truetype');
unicode-range:
U+18900-189FF;
}
* {
font-family: Console, iol, io, 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;
}
|
