From 8621eae6aa5fcdba0a60f0a5f1136412c61999ec Mon Sep 17 00:00:00 2001 From: piernov Date: Sat, 7 May 2016 13:31:49 +0200 Subject: UI improvements --- css/craftmine.css | 54 +++++++++++++++++++++++++++-- index.xhtml | 100 +++++++++++++++++++++++++++++------------------------- js/gui.js | 4 +-- 3 files changed, 107 insertions(+), 51 deletions(-) diff --git a/css/craftmine.css b/css/craftmine.css index c459baa..fa42bd9 100644 --- a/css/craftmine.css +++ b/css/craftmine.css @@ -15,7 +15,57 @@ } .item-icon { display:inline-block; - width: 1em; - font-size: 3em; + font-size: 4em; font-family: "Symbola"; } +.list-group-item > .label { + float:right; +} +#tab2 > ul > li > button { + width: 9em; + height: 9em; +} +.label { + font-size: 1.2em; +} +.list-group > button { + border-radius: 0; +} +a { + color: #5cb85c; +} +/* color: hotpink; +} +.label-success { + background-color: hotpink; +} + +.btn-success { + background-color: hotpink; + border-color: deeppink; +} +.btn-success:hover { + background-color: pink; + border-color: hotpink; +} +.btn-success.active.focus, .btn-success.active:focus, +.btn-success.active:hover, .btn-success.focus:active, +.btn-success:active:focus, .btn-success:active:hover, +.btn-success.focus, .btn-success:focus { + background-color: deeppink; + border-color: magenta; +} +.panel-success { + border-color: lightpink; +} +.panel-success > .panel-heading { + background-color: pink; + color: deeppink; + border-color: lightpink; +} +.alert-success { + color: deeppink; + border-color: lightpink; + background-color: pink; +} +*/ diff --git a/index.xhtml b/index.xhtml index 0760aeb..dcfdc69 100644 --- a/index.xhtml +++ b/index.xhtml @@ -18,44 +18,46 @@
-

CraftMine

-
-
-
+ +
-
- 0 - 0 -

Miners : 0

- -
    -
    • -
    • -
+
+
+
+

Stats

+
+
+
    +
  • Mine14
    • +
  • Gold14
    • +
  • Miners14
    • +
+ +
+ + +
+
+
-