s/m.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
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114

html,body
{font:400 98% serif;
 background-color:#000900;
 background-image:url("../i/bg/dark.png");
 color:#EEBB99;
 height:100%;
 margin:0}

h1
{font-size:105%;
 color:#CC9977;
 display:inline;
 vertical-align:middle}
h2
{font-size:105%;
 color:#AA7755;
 padding-left:.8%}
h3
{font-size:105%;
 color:#847884;
 padding-left:1.2%}

a
{font-size:102%;
 color:#989888;
 text-decoration:none}
a:hover{color:#EEEEEE}

img
{margin-left:4%;
 margin-right:.8%}

#m
{min-height:100%;
 position:relative}

#h
{font:400 115% sans;
 color:#999000;
 padding:35pt 8% 35pt 8%}
#h img
{width:8%;
 border-radius:8%;
 margin-bottom:.8%;
 margin-left:.8%;
 vertical-align:middle}
#h a{font-size:83.5%}

#b{padding:0pt 5% 60pt 5%}
#f a{font-size:85%}

#f
{font-size:70%;
 color:#AA8855;
 position:absolute;
 text-align:center;
 bottom:0;
 width:100%}
#f a
{color:#878777;
 text-decoration:underline}

.sh
{font:400 78% mono;
 color:#EE9F00;
 border-left-style:solid;
 border-color:#847884;
 line-height:1.3em;
 padding-left:2%}

.tree
{font:400 82% mono;
 color:#EE9F00;
 border-color:#847884;
 line-height:1.3em;
 padding-left:5%}

@media(prefers-color-scheme:light)
{html,body
 {background-color:#F8F6E0;
  background-image:url("../i/bg/light.png");
  color:#000009}
 h1{color:#602000}
 h2{color:#704020}
 h3{color:#403060}
 #h{color:#555555}
 a{color:#006070}
 a:hover{color:#000000}
 #f{color:#55555F}
 #f a
 {color:#004050;
  text-decoration:underline}
 .sh,.tree
 {color:#000000;
  border-color:#403060}}

@media all and (min-width:0px)
{#h{padding:28pt 15% 28pt 12.5%}
 #b{padding:0pt 12% 60pt 12%}}
@media all and (min-width:800px)
{#h{padding:28pt 28% 28pt 20.5%}
 #b{padding:0pt 20% 60pt 20%}}
@media all and (min-width:1000px)
{#h{padding:28pt 25% 28pt 20.5%}
 #b{padding:0pt 20% 60pt 20%}}
@media all and (min-width:1200px)
{#h{padding:28pt 37% 28pt 30.5%}
 #b{padding:0pt 30% 60pt 30%}}
@media all and (min-width:1400px)
{#h{padding:28pt 32% 28pt 28.5%}
 #b{padding:0pt 28% 60pt 28%}}
@media all and (min-width:1600px)
{#h{padding:28pt 37% 28pt 32.5%}
 #b{padding:0pt 32% 60pt 32%}}