summaryrefslogtreecommitdiffstats
path: root/bookmarklet
diff options
context:
space:
mode:
authorJosh Brewer2011-04-04 09:12:03 -0700
committerJosh Brewer2011-04-04 09:12:03 -0700
commitffe5c55c7fa53ca38928c03e85ef63e2a01b7979 (patch)
tree3bf4110872e960fe54c91bb584114d3fe3f3ac28 /bookmarklet
parenteb87cc73b1d0d24c0c39933381a8396903368b9f (diff)
downloadffffallback-ffe5c55c7fa53ca38928c03e85ef63e2a01b7979.tar.bz2
tweaks to the toggle and styling field
Diffstat (limited to 'bookmarklet')
-rw-r--r--bookmarklet/ffffallback.css6
-rw-r--r--bookmarklet/ffffallback.js4
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>&#x25bc;</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>&#x25bc;</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)) {