From 65ff42aeaa163cd32fcd953c63f5843a6b966daf Mon Sep 17 00:00:00 2001 From: Michael Rasmussen Date: Thu, 25 Jun 2015 00:51:29 +0200 Subject: [PATCH] First upload of wblist page --- css/styles.css | 68 +++++++++++++++++++++++++++++++---------------- lib/utils.inc.php | 30 +++++++++++++++++++++ 2 files changed, 75 insertions(+), 23 deletions(-) diff --git a/css/styles.css b/css/styles.css index 9ef5969..f430232 100644 --- a/css/styles.css +++ b/css/styles.css @@ -40,27 +40,23 @@ td { } html body { -/* font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 0.9em; - color: #3D658C; - 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; + 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%; + 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 { @@ -78,7 +74,8 @@ nav ul li { transition: all 0.2s; } - nav > ul > li > a > .caret { + nav > ul > li > a > .caret, + nav > ul > li > div ul > li > a > .caret { border-top: 4px solid #aaa; border-right: 4px solid transparent; border-left: 4px solid transparent; @@ -94,6 +91,14 @@ nav ul li { transition: color 0.1s linear; } +nav > ul > li > div ul > li > a > .caret { + border-bottom: 4px solid transparent; + border-top: 4px solid transparent; + border-right: 4px solid transparent; + border-left: 4px solid #f2f2f2; + margin: 0 0 0 8px; +} + nav > ul > li > a { color: #aaa; display: block; @@ -114,7 +119,12 @@ nav > ul > li:hover > a > .caret { border-top-color: rgb( 255, 255, 255 ); } -nav > ul > li > div { +nav > ul > li > div ul > li:hover > a > .caret { + border-left-color: rgb(255,255,255); +} + +nav > ul > li > div, +nav > ul > li > div ul > li > div { background-color: rgb( 40, 44, 47 ); border-top: 0; border-radius: 0 0 4px 4px; @@ -134,17 +144,29 @@ nav > ul > li > div { -transition: opacity 0.2s; } -nav > ul > li:hover > div { +nav > ul > li > div ul > li > div { + background-color: rgb( 40, 44, 47 ); + border-radius: 0 4px 4px 4px; + box-shadow: inset 2px 0 5px rgba(0,0,0,.15); + margin-top: -42px; + right: -165px; +} + +nav > ul > li:hover > div, +nav > ul > li > div ul > li:hover > div { display: block; opacity: 1; visibility: visible; } -nav > ul > li > div ul > li { +nav > ul > li > div ul > li, +nav > ul > li > div ul > li > div ul > li { display: block; + position: relative; } -nav > ul > li > div ul > li > a { +nav > ul > li > div ul > li > a, +nav > ul > li > div ul > li > div ul > li > a { color: #fff; display: block; padding: 12px 24px; diff --git a/lib/utils.inc.php b/lib/utils.inc.php index 8f3175a..62c3be2 100644 --- a/lib/utils.inc.php +++ b/lib/utils.inc.php @@ -23,6 +23,7 @@ class Utils { __TITLE__ + +
'; private $footer = '