added site folder for cross-browser and web font testing

1 files changed, 189 insertions, 189 deletions

diff --git a/bookmarklet/ffffallback.css b/bookmarklet/ffffallback.css
index 48c161e..476aa12 100644
--- a/bookmarklet/ffffallback.css
+++ b/bookmarklet/ffffallback.css
@@ -3,58 +3,58 @@
 }
 
 #ffffallback-content-container {
-  opacity:0.5;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  z-index: 999999;
+  opacity:0.5!important;
+  position: absolute!important;
+  left: 0!important;
+  top: 0!important;
+  width: 100%!important;
+  z-index: 999999!important;
 }
 
 #ffffallback-controller .ffffallback-more-values {
-  margin-left: 0px;
-  margin-top:0px;
-  width: 160px;
+  margin-left: 0px!important;
+  margin-top:0px!important;
+  width: 160px!important;
 }
 
 #ffffallback-controller .collapsed .ffffallback-more-values {
-  display: none;
+  display: none!important;
 }
 
 #ffffallback-controller .expanded .ffffallback-disclosure span{
-  -moz-transform: rotate(180deg);
-  -webkit-transform:rotate(180deg);
-  text-shadow:rgba(0,0,0,0.8) 0 1px 0;
-  position:relative;
-  top:6px;
+  -moz-transform: rotate(180deg)!important;
+  -webkit-transform:rotate(180deg)!important;
+  text-shadow:rgba(0,0,0,0.8) 0 1px 0!important;
+  position:relative!important;
+  top:6px!important;
 }
 #ffffallback-controller .ffffallback-disclosure {
-  display:inline-block;
-  margin-left:2px;
-  height:27px;
-  width:20px;
-  position:relative;
-  top:-7px;
-  -webkit-border-radius:  3px;
-  -moz-border-radius:     3px;
-  border-radius:          3px;
+  display:inline-block!important;
+  margin-left:2px!important;
+  height:27px!important;
+  width:20px!important;
+  position:relative!important;
+  top:-7px!important;
+  -webkit-border-radius:  3px!important;
+  -moz-border-radius:     3px!important;
+  border-radius:          3px!important;
 }
 #ffffallback-controller .ffffallback-disclosure:hover {
-  background:#111;
+  background:#111!important;
 }
 #ffffallback-controller .ffffallback-disclosure span{
-  color: #777;
-  display: inline-block;
-  font-size:12px;
-  position:relative;
-  left:4px;
-  top:7px;
-  text-decoration: none;
-  text-shadow:rgba(0,0,0,0.8) 0 -1px 0;
-  -moz-transition-property: -moz-transform;
-  -moz-transition-duration: 0.125s;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-duration: 0.25s;
+  color: #777!important;
+  display: inline-block!important;
+  font-size:12px!important;
+  position:relative!important;
+  left:4px!important;
+  top:7px!important;
+  text-decoration: none!important;
+  text-shadow:rgba(0,0,0,0.8) 0 -1px 0!important;
+  -moz-transition-property: -moz-transform!important;
+  -moz-transition-duration: 0.125s!important;
+  -webkit-transition-property: -webkit-transform!important;
+  -webkit-transition-duration: 0.25s!important;
 }
 
 #ffffallback-content-container * {
@@ -62,47 +62,47 @@
 }
 
 body.ffffallback-hide-fallback #ffffallback-content-container {
-  display: none;
+  display: none!important;
 }
 
 body.ffffallback-hide-original > * {
-  display: none;
+  display: none!important;
 }
 
 body.ffffallback-hide-original #ffffallback-content-container {
-  display: block;
-  opacity: 1;
+  display: block!important;
+  opacity: 1!important;
 }
 
 /* webkit scrollbar stuff from http://beautifulpixels.com/goodies/create-custom-webkit-scrollbar/ */
 #ffffallback-controller {
-  display: block;
-  position: fixed;
-  right: 0px;
-  top: 0px;
-  background:rgba(0,0,0,0.8);
-  -webkit-box-shadow: rgba(0,0,0,0.5) 0 0 3px;
-  color:rgba(255,255,255,0.9);
+  display: block!important;
+  position: fixed!important;
+  right: 0px!important;
+  top: 0px!important;
+  background:rgba(0,0,0,0.8)!important;
+  -webkit-box-shadow: rgba(0,0,0,0.5) 0 0 3px!important;
+  color:rgba(255,255,255,0.9)!important;
   font: 13px/1em normal helvetica, arial, sans-serif !important;
-  width: 220px;
-  height: 100%;
+  width: 220px!important;
+  height: 100%!important;
   text-align:left !important;
-  z-index: 9999999;
+  z-index: 9999999!important;
 }
 
 #ffffallback-controller * {
-  font: inherit;
-  margin: 0;
+  font: inherit!important;
+  margin: 0!important;
 }
 
 #ffffallback-controller h1 {
-  color:#313131;
-  background-color: #cecece;
-  background-image: -moz-linear-gradient(0deg, #cecece, #b3b3b3);
-  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #cecece ), to( #b3b3b3 ));
-  border-bottom:1px solid rgba(0,0,0,0.2);
-  text-shadow:rgba(255,255,255,0.6) 0 1px 0;
-  font-weight: bold;
+  color:#313131!important;
+  background-color: #cecece!important;
+  background-image: -moz-linear-gradient(0deg, #cecece, #b3b3b3)!important;
+  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #cecece ), to( #b3b3b3 ))!important;
+  border-bottom:1px solid rgba(0,0,0,0.2)!important;
+  text-shadow:rgba(255,255,255,0.6) 0 1px 0!important;
+  font-weight: bold!important;
   margin:0 !important;
   padding: 0.5em 1em !important;
 }
@@ -116,194 +116,194 @@ body.ffffallback-hide-original #ffffallback-content-container {
   text-indent:-99999em !important;
 }
 #ffffallback-controller ul {
-  padding:0;
+  padding:0!important;
 }
 #ffffallback-controller #fb-font {
-  margin:0 0 0 1em;
-  padding:2px;
+  margin:0 0 0 1em!important;
+  padding:2px!important;
 }
 #ffffallback-controller li {
-  list-style-type:disc;
-  margin:0 0 10px 10px;
+  list-style-type:disc!important;
+  margin:0 0 10px 10px!important;
 }
 
 #ffffallback-radios {
-  background:#B3B3B3;
-  border-top:1px solid rgba(255,255,255,0.2);
-  margin:0px;
-  padding:4px 3px 4px 4px;
-  clear:both;
-  overflow:hidden;
+  background:#B3B3B3!important;
+  border-top:1px solid rgba(255,255,255,0.2)!important;
+  margin:0px!important;
+  padding:4px 3px 4px 4px!important;
+  clear:both!important;
+  overflow:hidden!important;
 }
 #ffffallback-radios label.radio-checked {
   background:#7C7C7C !important;
-  background-image: none;
+  background-image: none!important;
   color:#fff !important;
   text-shadow:rgba(0,0,0,0.5) 0 1px 0 !important;
-  -moz-box-shadow:    inset 0 1px 5px rgba(0,0,0,0.65);
-  -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.65);
-  -o-box-shadow:      inset 0 1px 5px rgba(0,0,0,0.65);
-  box-shadow:         inset 0 1px 5px rgba(0,0,0,0.65);
+  -moz-box-shadow:    inset 0 1px 5px rgba(0,0,0,0.65)!important;
+  -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.65)!important;
+  -o-box-shadow:      inset 0 1px 5px rgba(0,0,0,0.65)!important;
+  box-shadow:         inset 0 1px 5px rgba(0,0,0,0.65)!important;
 }
 #ffffallback-radios label {
-  background-image: -moz-linear-gradient(-90deg, #fefefe , #b7b7b7 );
-  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fefefe ), to( #b7b7b7 ));
-  background-image: linear-gradient(top, #fefefe, #b7b7b7);
-  border: 1px solid #555;
-  border-width:1px 0 1px 1px;
-  color:#313131;
-  float:left;
-  margin:0;
-  padding:4px 0px;
-  text-align:center;
-  text-shadow:rgba(255,255,255,0.4) 0 1px 0;
-  width:68px;
-  -webkit-border-top-left-radius:   3px;
-  -webkit-border-bottom-left-radius:3px;
-  -moz-border-radius-topleft:       3px;
-  -moz-border-radius-bottomleft:    3px;
-  border-top-left-radius:           3px;
-  border-bottom-left-radius:        3px;
-  -webkit-box-shadow: rgba(225, 225, 225, 0.4) 0px 1px 0px;
+  background-image: -moz-linear-gradient(-90deg, #fefefe , #b7b7b7 )!important;
+  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fefefe ), to( #b7b7b7 ))!important;
+  background-image: linear-gradient(top, #fefefe, #b7b7b7)!important;
+  border: 1px solid #555!important;
+  border-width:1px 0 1px 1px!important;
+  color:#313131!important;
+  float:left!important;
+  margin:0!important;
+  padding:4px 0px!important;
+  text-align:center!important;
+  text-shadow:rgba(255,255,255,0.4) 0 1px 0!important;
+  width:68px!important;
+  -webkit-border-top-left-radius:   3px!important;
+  -webkit-border-bottom-left-radius:3px!important;
+  -moz-border-radius-topleft:       3px!important;
+  -moz-border-radius-bottomleft:    3px!important;
+  border-top-left-radius:           3px!important;
+  border-bottom-left-radius:        3px!important;
+  -webkit-box-shadow: rgba(225, 225, 225, 0.4) 0px 1px 0px!important;
 }
 
 #ffffallback-radios label+label {
-  border: 1px solid #555;
-  border-width: 1px;
-  -webkit-border-radius: 0;
-  -moz-border-radius: 0;
-  border-radius: 0;
+  border: 1px solid #555!important;
+  border-width: 1px!important;
+  -webkit-border-radius: 0!important;
+  -moz-border-radius: 0!important;
+  border-radius: 0!important;
 }
 #ffffallback-radios label+label+label {
-  border-width:1px 1px 1px 0px;
-  -webkit-border-top-right-radius:    3px;
-  -webkit-border-bottom-right-radius: 3px;
-  -moz-border-radius-topright:        3px;
-  -moz-border-radius-bottomright:     3px;
-  border-top-right-radius:            3px;
-  border-bottom-right-radius:         3px;
+  border-width:1px 1px 1px 0px!important;
+  -webkit-border-top-right-radius:    3px!important;
+  -webkit-border-bottom-right-radius: 3px!important;
+  -moz-border-radius-topright:        3px!important;
+  -moz-border-radius-bottomright:     3px!important;
+  border-top-right-radius:            3px!important;
+  border-bottom-right-radius:         3px!important;
 }
 #ffffallback-radios label:active, #ffffallback-update:active {
-  background-image: -moz-linear-gradient(-90deg, #b9b9b9 , #969696 );
-  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #b9b9b9 ), to( #969696 ));
-  background-image: linear-gradient(top, #b9b9b9, #969696);
-  -moz-box-shadow:    inset 0 1px 5px rgba(0,0,0,0.75);
-  -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.75);
-  -o-box-shadow:      inset 0 1px 5px rgba(0,0,0,0.75);
-  box-shadow:         inset 0 1px 5px rgba(0,0,0,0.75);
+  background-image: -moz-linear-gradient(-90deg, #b9b9b9 , #969696 )!important;
+  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #b9b9b9 ), to( #969696 ))!important;
+  background-image: linear-gradient(top, #b9b9b9, #969696)!important;
+  -moz-box-shadow:    inset 0 1px 5px rgba(0,0,0,0.75)!important;
+  -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.75)!important;
+  -o-box-shadow:      inset 0 1px 5px rgba(0,0,0,0.75)!important;
+  box-shadow:         inset 0 1px 5px rgba(0,0,0,0.75)!important;
 }
 #ffffallback-radios label input {
-  display:none;
+  display:none!important;
 }
 
 #ffffallback-instructions {
-  background:#B3B3B3;
+  background:#B3B3B3!important;
   
-  font-weight:bold;
-  padding:0.5em 1em;
+  font-weight:bold!important;
+  padding:0.5em 1em!important;
 }
 
 #ffffallback-fonts {
-  list-style: none;
-  margin-top: 0;
+  list-style: none!important;
+  margin-top: 0!important;
   height: 100% !important;
-  max-height: 500px;
-  overflow-y: auto;
-  -moz-box-shadow:    inset 0 2px 5px black;
-  -webkit-box-shadow: inset 0 2px 5px black;
-  -o-box-shadow:      inset 0 2px 5px black;
-  box-shadow:         inset 0 2px 5px black;
+  max-height: 500px!important;
+  overflow-y: auto!important;
+  -moz-box-shadow:    inset 0 2px 5px black!important;
+  -webkit-box-shadow: inset 0 2px 5px black!important;
+  -o-box-shadow:      inset 0 2px 5px black!important;
+  box-shadow:         inset 0 2px 5px black!important;
 }
 
 #ffffallback-controller ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 10px!important;
+  height: 10px!important;
 }
 
 #ffffallback-controller ::-webkit-scrollbar-track-piece  {
-  background-color: #3b3b3b;
-  -webkit-border-radius: 6px;
+  background-color: #3b3b3b!important;
+  -webkit-border-radius: 6px!important;
 }
 
 #ffffallback-controller ::-webkit-scrollbar-thumb:vertical {
-  height: 50px;
-  background-color: #666;
-  -webkit-border-radius: 6px;
+  height: 50px!important;
+  background-color: #666!important;
+  -webkit-border-radius: 6px!important;
 }
 
 #ffffallback-controller ::-webkit-scrollbar-button:start:decrement,
 #ffffallback-controller ::-webkit-scrollbar-button:end:increment  {
-  height: 2px;
-  display: block;
-  background-color: transparent;
+  height: 2px!important;
+  display: block!important;
+  background-color: transparent!important;
 }
 
 #ffffallback-fonts li {
-  border-bottom:1px solid #222;
-  border-top:1px solid #444;
-  list-style: none;
-  margin: 0;
-  padding:0.5em 0 0.5em 1em;
+  border-bottom:1px solid #222!important;
+  border-top:1px solid #444!important;
+  list-style: none!important;
+  margin: 0!important;
+  padding:0.5em 0 0.5em 1em!important;
 }
 
 #ffffallback-fonts li b {
-  display: block;
-  font-size:14px;
-  text-shadow: #1a1a1a 0px 1px 0px;
+  display: block!important;
+  font-size:14px!important;
+  text-shadow: #1a1a1a 0px 1px 0px!important;
 }
 #ffffallback-fonts li b.global {
-  font-style:italic;
-  margin-top:5px;
-  position:relative;
+  font-style:italic!important;
+  margin-top:5px!important;
+  position:relative!important;
 }
 #ffffallback-fonts li b.global i {
-  background: #333;
-  color:#aaa;
-  font-size: 11px;
-  font-style: normal;
-  font-weight: bold;
-  left: 80px;
-  padding: 0px 5px;
-  position: absolute;
-  text-transform: uppercase;
-  top: -18px;
+  background: #333!important;
+  color:#aaa!important;
+  font-size: 11px!important;
+  font-style: normal!important;
+  font-weight: bold!important;
+  left: 80px!important;
+  padding: 0px 5px!important;
+  position: absolute!important;
+  text-transform: uppercase!important;
+  top: -18px!important;
 }
 
 #ffffallback-fonts li input, #ffffallback-fonts li textarea {
-  color: #f2f2f2;
-  display: inline-block;
-  -webkit-box-shadow: rgb(68, 68, 68) 0px 1px 0px;
-  background: rgb(102, 102, 102);
-  border: 1px solid black;
-  border-radius:4px;
-  font:normal 13px/1.125 Helvetica, sans-serif;
-  padding: 5px;
-  width:160px;
-  margin-top:10px;
+  color: #f2f2f2!important;
+  display: inline-block!important;
+  -webkit-box-shadow: rgb(68, 68, 68) 0px 1px 0px!important;
+  background: rgb(102, 102, 102)!important;
+  border: 1px solid black!important;
+  border-radius:4px!important;
+  font:normal 13px/1.125 Helvetica, sans-serif!important;
+  padding: 5px!important;
+  width:160px!important;
+  margin-top:10px!important;
 }
 input[type=text]::-webkit-input-placeholder {
-  color:#a9a9a9;
+  color:#a9a9a9!important;
  }
 #ffffallback-update {
-  padding:4px 9px;
-  border-radius: 5px;
-  border:0;
-  font: bold 12px/1.5 helvetica;
-  color:#444;
-  background-image: -moz-linear-gradient(-90deg, #fefefe , #b7b7b7 );
-  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fefefe ), to( #b7b7b7 ));
-  background-image: linear-gradient(top, #fefefe, #b7b7b7);
-  border: 1px solid #555;  border: 1px solid #3D3D3D;
-  color:#313131;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  text-shadow:;
-  width:64px;
-  -webkit-box-shadow: rgba(225, 225, 225, 0.4) 0px 1px 0px;
-  text-shadow:#fff 0 1px 0;
-  text-decoration:none;
-  position: relative;
-  right: -24px;
-  cursor:pointer;
+  padding:4px 9px!important;
+  border-radius: 5px!important;
+  border:0!important;
+  font: bold 12px/1.5 helvetica!important;
+  color:#444!important;
+  background-image: -moz-linear-gradient(-90deg, #fefefe , #b7b7b7 )!important;
+  background-image: -webkit-gradient(linear, 0 top, 0 bottom, from( #fefefe ), to( #b7b7b7 ))!important;
+  background-image: linear-gradient(top, #fefefe, #b7b7b7)!important;
+  border: 1px solid #555!important;  border: 1px solid #3D3D3D!important;
+  color:#313131!important;
+  -webkit-border-radius: 4px!important;
+  -moz-border-radius: 4px!important;
+  border-radius: 4px!important;
+  text-shadow:!important;
+  width:64px!important;
+  -webkit-box-shadow: rgba(225, 225, 225, 0.4) 0px 1px 0px!important;
+  text-shadow:#fff 0 1px 0!important;
+  text-decoration:none!important;
+  position: relative!important;
+  right: -24px!important;
+  cursor:pointer!important;
 }