From 8d0c99b5d032a68befcc497bcadd5f18fd36d660 Mon Sep 17 00:00:00 2001 From: luk3yx Date: Wed, 13 Feb 2019 17:07:47 +1300 Subject: [PATCH] Add nicer CSS MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit • Add more whitespace around everything. • Change the fonts. • Change the colours/colors. • Add a shadow around the mods/flags/etc lists. --- static/index.html | 3 --- static/style.css | 39 +++++++++++++++++++++++++++++++++------ 2 files changed, 33 insertions(+), 9 deletions(-) diff --git a/static/index.html b/static/index.html index d77a7bb..28baa4c 100644 --- a/static/index.html +++ b/static/index.html @@ -3,9 +3,6 @@ Minetest server list -
diff --git a/static/style.css b/static/style.css index e33f470..64e322d 100644 --- a/static/style.css +++ b/static/style.css @@ -1,3 +1,7 @@ +#server_list { + font-family: Roboto, Ubuntu, "Segoe UI", sans; +} + #server_list .total { font-weight: bold; } @@ -12,25 +16,48 @@ } #server_list td, #server_list th { - border: 1px solid gray; + border: 1px solid #2A3132; + padding: 5px; } #server_list thead { - background-color: #FFA; + background-color: #2A3132; + border-bottom: 5px solid #336B87; + color: white; + font-size: 1.1em; } #server_list tbody tr:nth-child(even) { - background-color: #F1F1F1; + background-color: #F3F3F3; +} + +#server_list a { + color: #336B87; +} + +#server_list a:visited { + color: #336BA1; +} + +#server_list .clients, #server_list .uptime, #server_list .ping { + text-align: center; } .mts_hover_list { display: none; - border: 1px solid #88F; - border-radius: 4px; - background-color: white; + border: 1px solid #336B87; + border-radius: 10px; + background-color: #FAFAFA; position: absolute; z-index: 100; padding: 0.5em; + box-shadow: 1px 1px 5px 3px rgba(0, 0, 0, 0.25); +} + +.mts_hover_list b { + display: inline-block; + font-size: 1.1em; + padding-bottom: 2px; } td:hover .mts_hover_list {