/*DO NOT PUT UTF8 BOM HERE, NETSCAPE 4 WILL COMPLAIN */
@media screen and (max-width: 423px) { BODY { font-size: 9px; } .hidetext { display: none !important; } A { display: inline-block; margin-top: 12px; margin-bottom: 12px; } }
@media screen and (min-width: 423px) { BODY { font-size: 9px; } .hidetext { height: 11px; } A { display: inline-block; margin-top: 11px; margin-bottom: 0px; } }
@media screen and (min-width: 512px) { BODY { font-size: 10px; } .hidetext { height: 12px; } A { display: inline-block; margin-top: 10px; margin-bottom: 0px; } }
@media screen and (min-width: 600px) { BODY { font-size: 11px; } .hidetext { height: 13px; } A { display: inline-block; margin-top: 9px; margin-bottom: 0px; } }
@media screen and (min-width: 720px) { BODY { font-size: 13px; } .hidetext { height: 15px; } A { display: inline-block; margin-top: 6px; margin-bottom: 0px; } }
@media screen and (min-width: 768px) { BODY { font-size: 15px; } .hidetext { height: 18px; } A { display: inline-block; margin-top: 4px; margin-bottom: 0px; } }
@media screen and (min-width: 854px) { BODY { font-size: 16px; } .hidetext { height: 19px; } A { display: inline-block; margin-top: 2px; margin-bottom: 0px; } }
@media screen and (min-width: 960px) { BODY { font-size: 18px; } .hidetext { height: 21px; } A { display: inline-block; margin-top: 1px; margin-bottom: 0px; } }
@media screen and (min-width: 1600px) { BODY { font-size: 20px; } .hidetext { height: 24px; } A { display: inline-block; margin-top: 0px; margin-bottom: 0px; } }
/*@media screen and (max-width: 1280px) { A { display: inline-block; margin-top: 3px; margin-bottom: 2px; } }*/
BODY {
color: #bfbfbf;
background-color:black;
/*background-color: #050505;*/
/*MSIE 5 does not support the monospace generic font name, always include "Courier New" */
font-family: Hack, "Courier New", monospace;
margin-top: 1px; margin-bottom: 1px;
margin-left: 1px; margin-right: 1px;
}
PRE {
background-color: black;
/*width: 80ch;*/
max-width: 80ch;
overflow-x:auto;
margin-top: 0px;
font-family: Hack, "Courier New", monospace;
}
H1 {
text-align: center;
font-size: 100%;
font-weight: normal;
font-family: Hack, monospace;
margin-top: 0px; margin-bottom: 0px;
}
A:link { color: #00bf00; text-decoration: none } /* unvisited link */
A:visited { color: #99ddff; text-decoration: none } /* visited links */
A:active { color: #ffff40; text-decoration: none } /* active links */
.hidetext {
font-family: Hack, "Courier New", monospace;
display: inline-block;
/*width: 7ch;*/
width: 1050px;
height: 22px;
/*text-indent: -9999px;*/
margin: 0 0 0 -1000px;
}
table { border-spacing: 2px; }
div.list { max-width: 80ch; overflow-x:auto; }
td.n { width: 21ch; }
td.m { width: 21ch; }
td.s { width: 7ch; }
td.t { width: 11ch; }
.bin { background:url(//gopher.zcrayfish.soy/static/bin.gif) no-repeat 1030px center; }
.dir { background:url(//gopher.zcrayfish.soy/static/dir.gif) no-repeat 1030px center; }
.file { background:url(//gopher.zcrayfish.soy/static/file.gif) no-repeat 1030px center; }
.html { background: url(//gopher.zcrayfish.soy/static/html.gif) no-repeat 1030px center; }
.hqx { background: url(//gopher.zcrayfish.soy/static/hqx.gif) no-repeat 1030px center; }
.img { background: url(//gopher.zcrayfish.soy/static/img.gif) no-repeat 1030px center; }
.index { background: url(//gopher.zcrayfish.soy/static/index.gif) no-repeat 1030px center; }
.info { background: url(//gopher.zcrayfish.soy/static/null.gif) no-repeat 1030px center; height: 16px; }
.mov { background: url(//gopher.zcrayfish.soy/static/mov.gif) no-repeat 1030px center; }
.pdf { background: url(//gopher.zcrayfish.soy/static/pdf.gif) no-repeat 1030px center; }
.snd { background: url(//gopher.zcrayfish.soy/static/snd.gif) no-repeat 1030px center; }
.tel { background: url(//gopher.zcrayfish.soy/static/tel.gif) no-repeat 1030px center; }
.unkn { background: url(//gopher.zcrayfish.soy/static/unkn.gif) no-repeat 1030px center; }
.uue { background: url(//gopher.zcrayfish.soy/static/uue.gif) no-repeat 1030px center; }
A { vertical-align: bottom; }
Response:
text/plain