Adjusted CSS for linkhints, help menu, text search, and bookmarks search UI elements. They should now be able to stand up to base element declarations created by a website.

Added comments to the linkhints css settings on the options page and set default properties that a user would change to make it clear where they should be modified.
Added a dropshadow to the linkhints to make them stand out better against similarly colored site backgrounds.

1 files changed, 26 insertions, 2 deletions

diff --git a/background_page.html b/background_page.html
index 73ffd77f..7ba2471d 100644
--- a/background_page.html
+++ b/background_page.html
@@ -30,7 +30,7 @@
     filterLinkHints: false,
     userDefinedLinkHintCss:
       ".vimiumHintMarker \n/* linkhint boxes */ {\nbackground-color:yellow;\nborder:1px solid #E3BE23;\n}\n\n" +
-      ".vimiumHintMarker span \n/* linkhints text */ {\ncolor: black;\nfont-weight: bold;\nfont-size: 12px;\n}\n\n" +
+      ".vimiumHintMarker span \n/* linkhint text */ {\ncolor: black;\nfont-weight: bold;\nfont-size: 12px;\n}\n\n" +
       ".vimiumHintMarker > .matchingCharacter {\n\n}",
     excludedUrls: "http*://mail.google.com/*\n" +
                   "http*://www.google.com/reader/*\n",
@@ -55,27 +55,51 @@
       'padding:0 1px;' +
       'margin: 0;' +
       'width:auto;' +
+      'height:auto;' +
       'display:block;' +
       'border:1px solid #E3BE23;' +
+      'opacity: 1;' +
       'z-index:99999999;' +
       'top:-1px;' +
       'left:-1px;' +
-      'white-space:nowrap;' +
+      'bottom: auto;' +
+      'right: auto;' +
+      'text-indent: 0;' +
+      // set font-size and line-height to ensure the box height adjust to the span height
+      'font-size: 0px;' +
+      'line-height: 100%;' +
+      // Add drop shadow in case the linkhint color is the same as the page color
+      'box-shadow: rgba(0, 0, 0, 0.3) 2px 2px;' +
+      'max-width: none;' +
+      'min-width: 0;' +
+      'max-height: none;' +
+      'min-height: 0;' +
     '}' +
     '.internalVimiumHintMarker span {' +
       'color: black;' +
+      'opacity: 1;' +
       'text-decoration: none;' +
       'font-weight: bold;' +
       'font-size: 12px;' +
+      'font-size-adjust: normal;' +
       'font-style: normal;' +
+      'font-width: normal;' +
       'letter-spacing: 0;' +
       'text-transform: none;' +
       'text-align: left;' +
       'text-indent: 0;' +
+      'text-shadow: none;' +
       'line-height: 100%;' +
       'font-family: "Helvetica Neue", "Helvetica", "Arial", "Sans";' +
       'padding: 0;' +
       'margin: 0;' +
+      'width: auto;' +
+      'height: auto;' +
+      'min-height: 0;' +
+      'max-height: none;' +
+      'min-width: 0;' +
+      'max-width: none;' +
+      'display: inline;' +
       'float: none;' +
       'border: none;' +
       'background: none;' +