60 lines
2.0 KiB
CSS
60 lines
2.0 KiB
CSS
body {
|
|
max-width: 700px;
|
|
font-family: sans-serif;
|
|
margin: 80px auto;
|
|
padding: 20px;
|
|
}
|
|
h2,h3,h4 { padding-top: 3ex; }
|
|
h3 b { font-size: 2em; }
|
|
nav {
|
|
position: fixed;
|
|
z-index: 2;
|
|
background: #222;
|
|
left: 0; right: 0; top: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
line-height: 2em;
|
|
}
|
|
nav a { padding: .5em .25em; color: #FFF; text-decoration: none; }
|
|
dt { font-weight: lighter; margin: .5em 0 }
|
|
dd span { display: block; color: #33F; }
|
|
table { width: 100%; }
|
|
td { text-align: center; font-size: 0.9em; }
|
|
h3 + table { margin-top: -4em; }
|
|
tr.rotate>th>div { width: 0px; height: 9em; word-break: keep-all; }
|
|
tr.rotate>th {
|
|
transform-origin: 0 100%;
|
|
transform: translateX(50%) translateX(9em) translateX(-1ex) rotate(-90deg);
|
|
padding-left: .5em;
|
|
}
|
|
.home {
|
|
display: inline-block;
|
|
background: url(./home.svg) no-repeat;
|
|
width: 1em;
|
|
margin-bottom: -2px;
|
|
}
|
|
.red { color: #A00; font-weight: bold; }
|
|
.small { font-size: 0.9em; }
|
|
.m0, .m1, .m2, .m3, .m4, .m5 { color: #000; }
|
|
.m6, .m7, .m8, .m9, .m10, .m11, .m12, .m13, .m14, .m15 { color: #FFF; }
|
|
.m0 { background: #ffffff; } .m1 { background: #e5e5ff; } .m2 { background: #ccccff; }
|
|
.m3 { background: #b2b2ff; } .m4 { background: #9999ff; } .m5 { background: #7f7fff; }
|
|
.m6 { background: #6666ff; } .m7 { background: #4c4cff; } .m8 { background: #3232ff; }
|
|
.m9 { background: #1919ff; } .m10 { background: #0000ff; }
|
|
.m11 { background: #0000e5; } .m12 { background: #0000cc; } .m13 { background: #0000b2; }
|
|
.m14 { background: #000099; } .m15 { background: #000033; }
|
|
|
|
.tabwidth>div { display: inline-block; width: 5em; text-align: left; }
|
|
.tabwidth>div>div { display: inline-block; width: 3em; text-align: right; }
|
|
.runelist>div { display: inline-block; padding-right: 2px; }
|
|
.ioc-list>div { display: inline-block; padding: 2px 5px; text-align: center; }
|
|
.ioc-list.one>div { width: .5em; }
|
|
.ioc-list.two>div { width: 1em; }
|
|
.ioc-list.four>div { width: 2em; }
|
|
.link-list a {
|
|
background: #222; color: #FFF;
|
|
padding: 6px 10px;
|
|
line-height: 2em;
|
|
text-decoration: none;
|
|
border-radius: 5px;
|
|
} |