diff options
| author | Josh Brewer | 2011-04-04 09:12:03 -0700 |
|---|---|---|
| committer | Josh Brewer | 2011-04-04 09:12:03 -0700 |
| commit | ffe5c55c7fa53ca38928c03e85ef63e2a01b7979 (patch) | |
| tree | 3bf4110872e960fe54c91bb584114d3fe3f3ac28 | |
| parent | eb87cc73b1d0d24c0c39933381a8396903368b9f (diff) | |
| download | ffffallback-ffe5c55c7fa53ca38928c03e85ef63e2a01b7979.tar.bz2 | |
tweaks to the toggle and styling field
| -rw-r--r-- | bookmarklet/ffffallback.css | 6 | ||||
| -rw-r--r-- | bookmarklet/ffffallback.js | 4 |
2 files changed, 7 insertions, 3 deletions
diff --git a/bookmarklet/ffffallback.css b/bookmarklet/ffffallback.css index 1437212..70bd992 100644 --- a/bookmarklet/ffffallback.css +++ b/bookmarklet/ffffallback.css @@ -13,6 +13,7 @@ #ffffallback-controller .ffffallback-more-values { margin-left: 0px; + margin-top:0px; width: 160px; } @@ -245,12 +246,15 @@ body.ffffallback-hide-original #ffffallback-content-container { background: rgb(102, 102, 102); border: 1px solid black; border-radius:4px; - color: rgb(204, 204, 204); + color: #eee; font:normal 13px/normal Arial, sans-serif; padding: 5px; width:160px; margin-top:10px; } +input[type=text]::-webkit-input-placeholder { + color:#a9a9a9; + } #ffffallback-update { padding:4px 9px; border-radius: 5px; diff --git a/bookmarklet/ffffallback.js b/bookmarklet/ffffallback.js index 6277faf..b75f593 100644 --- a/bookmarklet/ffffallback.js +++ b/bookmarklet/ffffallback.js @@ -215,7 +215,7 @@ $.each(cssObject, function(declarations, selector) { cssText += '#ffffallback-content-container ' + selector + ' {\n'; - cssText += 'color: magenta !important;'; + cssText += 'color: magenta'; $.each(declarations, function(value, key) { if(key === 'x-more') { cssText += ' ' + value + ';\n'; @@ -292,7 +292,7 @@ var fontClass, row; $.each($.getAllFontsInUse(document.body), function(font) { fontClass = $.getClassForFont(font); - row = $.createElementWithContent('li', '<b>' + font + '</b><input type="text" value="" placeholder="Fallback font" class="ffffallback-specify-font" data:font-class="' + fontClass + '" /><a href="#" class="ffffallback-disclosure"><span>▼</span></a><textarea class="ffffallback-more-values" placeholder="More CSS styles"></textarea>'); + row = $.createElementWithContent('li', '<b>' + font + '</b><input type="text" value="" placeholder="Fallback font. Ex. Verdana" class="ffffallback-specify-font" data:font-class="' + fontClass + '" /><a href="#" class="ffffallback-disclosure"><span>▼</span></a><textarea class="ffffallback-more-values" placeholder="Adjust styles. Ex. color:red;"></textarea>'); row.setAttribute('class', 'collapsed'); $.event(row.getElementsByClassName('ffffallback-disclosure')[0], 'click', function() { if($.isClassOnElement('collapsed', row)) { |