blob: f191cedf4c72f363867e0fb6c8d5dedde4a27049 (
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
html,body{
font:400 98% serif;
background-color:#000900;
color:#EEBB99;
height:100%;
margin:0
}
.main{
min-height:100%;
position:relative
}
.head{
font:400 120% sans;
color:#999000;
padding:35pt 15% 35pt 15%
}
.body{padding:0pt 5% 60pt 5%}
.foot{
font-size:70%;
position:absolute;
text-align:center;
bottom:0;
width:100%;
padding-top:9pt;
padding-bottom:9pt
}
h1{
font-size:120%;
color:#CC9977;
padding-left:2%
}
h2{
font-size:115%;
color:#AA7755;
padding-left:1.2%
}
h3{
font-size:110%;
color:#847884;
padding-left:.3%
}
a{
font-size:105%;
color:#989888;
text-decoration:none
}
a:hover{color:#EEEEEE}
img{margin-left:4%}
.sh{
font:400 78% mono;
padding-left:3%
}
@media(prefers-color-scheme:light){
html,body{
background-color:#F8F6E0;
color:#000009
}
.head{color:#555555}
h1{color:#602000}
h2{color:#704020}
h3{color:#403060}
a{color:#006070}
a:hover{color:#000000}
}
@media all and (min-width:0px){
.head{padding:28pt 15% 28pt 15%}
.body{padding:0pt 12% 60pt 12%}
}
@media all and (min-width:800px){
.head{padding:28pt 28% 28pt 28%}
.body{padding:0pt 20% 60pt 20%}
}
@media all and (min-width:1000px){
.head{padding:28pt 25% 28pt 25%}
.body{padding:0pt 20% 60pt 20%}
}
@media all and (min-width:1200px){
.head{padding:28pt 37% 28pt 37%}
.body{padding:0pt 30% 60pt 30%}
}
@media all and (min-width:1400px){
.head{padding:28pt 32% 28pt 32%}
.body{padding:0pt 28% 60pt 28%}
}
@media all and (min-width:1600px){
.head{padding:28pt 37% 28pt 37%}
.body{padding:0pt 32% 60pt 32%}
}
|
