-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcss.css
50 lines (48 loc) · 4.18 KB
/
css.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
:root {--body-bg:#99CCFF;--body-color:black;--main-inside-color:white;--link-color: #0000FF;}
@media (prefers-color-scheme: dark) {:root { --body-bg:#191b22;--body-color: #fcfcfc;--main-inside-color: #212529;--link-color: #3ca1f8;}}
body{font-sizs:1em;font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;background-color:var(--body-bg);color:var(--body-color);padding:0px;margin:0px;overflow:scroll;}
div.main{text-align:center;border:solid #777 1px;-khtml-border-radius:1.2em;-moz-border-radius:1.2em;-webkit-border-radius:1.2em;-webkit-box-shadow:2px 2px 6px var(--body-bg);-moz-box-shadow:2px 2px 6px var(--body-bg);-khtml-box-shadow:2px 2px 6px var(--body-bg);box-shadow:2px 2px 6px var(--body-bg);border-radius:1.2em;padding-bottom:20px;margin:4% 10% 1% 10%;background-color:var(--main-inside-color);behavior:url(/PIE.htc);min-width:450px;min-height:400px;}
div.main-inside{color:var(--body-color);background-color:var(--main-inside-color);padding:0 4% 1% 4%;text-align:justify;min-width:250px;max-width:90%;}
div.footer{text-align:center;font-family:Helvetica,sans-serif,Verdana,Tahoma,Arial;font-size:0.9em;color:white;padding-bottom:-20px;}
div.footer a{color:inherit;}
p.header{text-align:center;font-family:Helvetica,sans-serif,Verdana,Tahoma,Arial;font-size:0.9em;}
figure{text-align:center;display:table;max-width:30%;margin:10px auto;}
figcaption{text-align:center;font-size:0.8em;font-style:italic;}
.centeredcontent{text-align:center}
table{margin-left:auto;margin-right:auto;text-align:left;font-size:0.9em;}
p.smallquotes{font-size:0.9em;font-style : italic;}
td{padding:0px 6px 0px 6px;}
img{border:solid #777 1px;-khtml-border-radius:1.2em;-moz-border-radius:1.2em;-webkit-border-radius:1.2em;border-radius:1.2em;height:auto;}
.lazyload{border:solid #777 1px;-khtml-border-radius:1.2em;-moz-border-radius:1.2em;-webkit-border-radius:1.2em;border-radius:1.2em;opacity:0;-moz-transition:opacity 2s;-webkit-transition:opacity 2s;-o-transition:opacity 2s;transition:opacity 2s;}
h1{border:solid #777 0px;-khtml-border-radius:1.2em;-moz-border-radius:1.2em;-webkit-border-radius:1.2em;border-radius:1.2em;margin:50px 10px 50px 10px;padding-left:10px;max-width:400px;text-align:left;}
/*a:link,a:visited{text-decoration:none;color:#0000FF;}*/
a:link,a:visited{text-decoration:none;color:var(--link-color);}
a:hover,a:active{text-decoration:underline;}
#btn_up{position:fixed;bottom:1px;right:1px;cursor:pointer;display:none;}
#btn_up img{border:0;}
div.matronche{margin-top:-10px;margin-left:20px;font-size:3px;width:50px;font-family:monospace;position:absolute;}
div.blah{margin-left:150px;}
aside{margin-top:0;float:left;}
td.header{font-weight:bold;}
div#col1 {float:left;width:350px;margin-top:-20px;}
div#col2 {float:right;width:350px;margin-top:-20px;}
.quotes {font-style : italic;}
nav{position:absolute;text-align:center;margin-top:-50px;margin-bottom:0px;background-color:var(--main-inside-color);text-align:justify;width:70%;}
#header{position:fixed:margin-top:150px;}
p{margin: 4px;padding: 4px;}
.hide_mobile {display: none !important;}
@media (prefers-color-scheme: dark) only screen and (max-width:620px) {
:root { --body-bg:#191b22;--body-color: #fcfcfc;--main-inside-color: #212529;--link-color: #3ca1f8;}
/* For mobile phones: */
body{overflow:visible;background-color:var(--body-bg);color:var(--body-color);width:100%;}
nav { position:fixed; width:100%; }
div.main{text-align:center;border:none;margin:0;background-color:var(--body-bg);behavior:none;khtml-border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-webkit-box-shadow:0 0 0 #ffffff;-moz-box-shadow:0 0 0 #ffffff;-khtml-box-shadow:0px 0px 0px #ffffff;box-shadow:0px 0px 0px #ffffff;border-radius:0;padding-bottom:20px;min-width:0;}
div.main-inside{border:none;color:var(--body-color);background-color:var(--main-inside-color);padding:0 0 0 0; text-align:justify;max-width:100%;}
div#col1 {float:none;width:auto;margin-top:-20px;}
div#col2 {float:none;width:auto;margin-top:-20px;}
div.matronche{position:relative; margin-left: auto; margin-right: auto;}
aside{margin-top:0;float:none;}
div.blah{margin-left:0;}
div.footer{text-align:center;font-family:Helvetica,sans-serif,Verdana,Tahoma,Arial;font-size:0.9em;color:black;padding-bottom:-20px;}
div.footer a{color:#0000FF;}
}