style.css

/* This file is part of RECAP for Chrome.
   Copyright 2013 Ka-Ping Yee <ping@zesty.ca>

   RECAP for Chrome is free software: you can redistribute it and/or modify it
   under the terms of the GNU General Public License as published by the Free
   Software Foundation, either version 3 of the License, or (at your option)
   any later version.  RECAP for Chrome is distributed in the hope that it will
   be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General
   Public License for more details.

   You should have received a copy of the GNU General Public License along with
   RECAP for Chrome.  If not, see: http://www.gnu.org/licenses/

   -------------------------------------------------------------------------
   CSS for styling content on PACER pages generated by the content script.
*/

.recap-banner, .recap-popup {
  font-family: helvetica, arial;
  font-size: 13px;
  background: #fff;
  padding: 6px;
  margin: 1em;
  border: 1px solid #aaa;
}
.recap-inline {
  padding: 0 0 0 4px;
}
.recap-banner img, .recap-inline img {
  margin: 0 0 -2px 0;
  width: 16px;
  height: 16px;
}
.recap-popup {
  padding: 12px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -6em 0 0 -15em;
  width: 30em;
  height: auto;
  box-shadow: 0 6px 8px rgba(0,0,0,0.2);
  z-index: 2;
}
#recap-shade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
  z-index: 1;
}
.recap-close-link {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 140%;
  float: right;
  vertical-align: top;
}
/* Gradient colours, shadow, and opacity imitate the Chrome PDF toolbar. */
#recap-download {
  font-family: helvetica, arial;
  font-size: 13px;
  position: absolute;
  padding: 16px 48px 48px 16px;
  opacity: 0;
  -webkit-transition: opacity 1000ms;
}
#recap-download.initial {
  opacity: 0.94;
}
#recap-download:hover {
  opacity: 0.94;
  -webkit-transition: opacity 150ms;
}
#recap-download a {
  display: block;
  margin-bottom: 8px;
  padding: 4px 8px;
  border: 1px solid #252525;
  border-radius: 4px;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
  background: -webkit-linear-gradient(top, #394d73, #0e1626);
  text-decoration: none;
}
#recap-download a:hover {
  background: -webkit-linear-gradient(top, #436094, #1b2e59);
}