From 512b2032b27aae41c867cad12c0f9e48579f2182 Mon Sep 17 00:00:00 2001 From: Aaron Griffith Date: Wed, 8 Jun 2011 19:58:18 -0400 Subject: [PATCH] finished styling controls --- web_assets/control-bg-active.png | Bin 0 -> 2802 bytes web_assets/control-bg.png | Bin 0 -> 2785 bytes web_assets/overviewer.css | 23 ++++++++++++++++++++--- web_assets/overviewer.js | 1 + 4 files changed, 21 insertions(+), 3 deletions(-) create mode 100644 web_assets/control-bg-active.png create mode 100644 web_assets/control-bg.png diff --git a/web_assets/control-bg-active.png b/web_assets/control-bg-active.png new file mode 100644 index 0000000000000000000000000000000000000000..67fb91521947a6ae70adf908e50327307ab1a885 GIT binary patch literal 2802 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 literal 0 HcmV?d00001 diff --git a/web_assets/control-bg.png b/web_assets/control-bg.png new file mode 100644 index 0000000000000000000000000000000000000000..b6387179b576930eb563c10e5ca33848ff62bbe5 GIT binary patch literal 2785 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 div.top:hover { + border: 1px solid #678AC7; +} + +.customControl > div.top-active { + color: white; + font-weight: bold; + padding: 0px 5px; + border: 1px solid #678AC7; + background-image: url('control-bg-active.png'); +} + .customControl > div.dropDown { - border: 1px solid #000; font-size: 12px; - background-color: #fff; + background-color: white; + + border: 1px solid #A9BBDF; + border-radius: 2px 2px; + box-shadow: rgba(0, 0, 0, 0.347656) 2px 2px 3px; + display: none; } diff --git a/web_assets/overviewer.js b/web_assets/overviewer.js index 615e78a..ceeb7dc 100644 --- a/web_assets/overviewer.js +++ b/web_assets/overviewer.js @@ -706,6 +706,7 @@ var overviewer = { // add the functionality to toggle visibility of the items $(controlText).click(function() { + $(controlBorder).toggleClass('top-active'); $(dropdownDiv).toggle(); });