|
|
@@ -4,16 +4,31 @@ |
|
|
|
.btncontainer { |
|
|
|
display: inline-block; |
|
|
|
text-align: center; |
|
|
|
padding: 8px; |
|
|
|
color: white; |
|
|
|
} |
|
|
|
.btnimg { |
|
|
|
width: 64px; |
|
|
|
height: 64px; |
|
|
|
padding: 8px; |
|
|
|
} |
|
|
|
body { |
|
|
|
font-family: sans-serif; |
|
|
|
} |
|
|
|
.logo { |
|
|
|
right: 0px; |
|
|
|
bottom: 0px; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
.cpugraph { |
|
|
|
left: 0px; |
|
|
|
bottom: 0px; |
|
|
|
position: absolute; |
|
|
|
} |
|
|
|
@media screen and (min-width: 900px) { |
|
|
|
.cpugraph { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body bgcolor="#336698"> |
|
|
@@ -23,4 +38,5 @@ |
|
|
|
<a href="/graphs"><div class="btncontainer"><img class="btnimg" src="/img/graphs.png"></img><br>Stats</div></a> |
|
|
|
<a href="/services.html"><div class="btncontainer"><img class="btnimg" src="/img/services.png"></img><br>Services</div></a> |
|
|
|
<a href="/xmpp.html"><div class="btncontainer"><img class="btnimg" src="/img/xmpp.png"></img><br>XMPP</div></a> |
|
|
|
<img class="cpugraph" src="/graphs/cpu.png"></img> |
|
|
|
</body> |