From b70a3d7456c935ce66ccdbfffea7a4179bb8a29b Mon Sep 17 00:00:00 2001 From: Michael Rasmussen Date: Wed, 24 Jun 2015 20:48:37 +0200 Subject: [PATCH] New menu --- css/styles.css | 114 +++++++++++++++++++++++++++++++++++++++++++++- lib/utils.inc.php | 19 +++++++- 2 files changed, 130 insertions(+), 3 deletions(-) diff --git a/css/styles.css b/css/styles.css index 5f450f6..82178e8 100644 --- a/css/styles.css +++ b/css/styles.css @@ -40,12 +40,122 @@ td { } html, body { - font-family: Verdana, Arial, Helvetica, sans-serif; +/* font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #3D658C; - background: white; + background: white;*/ + background-color: #EBE8E4; + color: #222; + font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + font-weight: 300; + font-size: 15px; +} + +nav { + background-color: #fff; + border: 1px solid #dedede; + border-radius: 4px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055); + color: #888; + display: block; + margin: 8px 22px 8px 22px; + overflow: hidden; + width: 90%; +} + +nav ul { + margin: 0; + padding: 0; +} + +nav ul li { + display: inline-block; + list-style-type: none; + webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; } + nav > ul > li > a > .caret { + border-top: 4px solid #aaa; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; + display: inline-block; + height: 0; + width: 0; + vertical-align: middle; + + -webkit-transition: color 0.1s linear; + -moz-transition: color 0.1s linear; + -o-transition: color 0.1s linear; + transition: color 0.1s linear; +} + +nav > ul > li > a { + color: #aaa; + display: block; + line-height: 56px; + padding: 0 24px; + text-decoration: none; +} + +nav > ul > li:hover { + background-color: rgb( 40, 44, 47 ); +} + +nav > ul > li:hover > a { + color: rgb( 255, 255, 255 ); +} + +nav > ul > li:hover > a > .caret { + border-top-color: rgb( 255, 255, 255 ); +} + +nav > ul > li > div { + background-color: rgb( 40, 44, 47 ); + border-top: 0; + border-radius: 0 0 4px 4px; + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055); + display: none; + margin: 0; + opacity: 0; + position: absolute; + width: 165px; + visibility: hidden; + z-index: 100; + + -webkit-transiton: opacity 0.2s; + -moz-transition: opacity 0.2s; + -ms-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -transition: opacity 0.2s; +} + +nav > ul > li:hover > div { + display: block; + opacity: 1; + visibility: visible; +} + +nav > ul > li > div ul > li { + display: block; +} + +nav > ul > li > div ul > li > a { + color: #fff; + display: block; + padding: 12px 24px; + text-decoration: none; +} + +nav > ul > li > div ul > li:hover > a { + background-color: rgba( 255, 255, 255, 0.1); +} + + .total-rows { color: red; font-size: 0.8em; diff --git a/lib/utils.inc.php b/lib/utils.inc.php index 6cea76e..a0e9717 100644 --- a/lib/utils.inc.php +++ b/lib/utils.inc.php @@ -22,7 +22,24 @@ class Utils { __TITLE__ -
'; + + +
'; private $footer = '
'; -- 2.39.2