1
0
Fork 0
mirror of https://github.com/evilhero/mylar synced 2025-03-10 05:52:48 +00:00
mylar/data/interfaces/default/css/style.css
evilhero 6085c9f993 FIX: When retrieving feeds from 32p and in Auth mode, personal notification feeds contained some invalid html entries that weren't removed properly resulting in no results when attempting to match for downloading, FIX: When searching 32P, if title had a '/' within the title - Mylar would mistakingly skip it due to some previous exceptions that were made for CBT, FIX: Main page would quickly display & hide the have% column instead of always being hidden, FIX: Adjusted some incorrect spacing for non-alphanumeric characters when comparing search results (should result in better matching hopefully), FIX: When adding a series and the most recent issue was present on the weekly-pull list, it would sometimes not mark it as Wanted and auto-attempt to search for it (if auto mark Upcoming enabled), FIX: Added Test Connection button for 32P where it will test logon credentials as well as if Captcha is present, IMP: If captcha is enabled for 32p and signon is required because keys are stale, will not send authentication information and will just bypass as a provider, IMP: Test Connection button added for SABnzbd, IMP: Added ability to directly add torrents to rtorrent and apply label + download directory options (config.ini only atm), FIX: If a search result had a 'vol.' label in it, depending on how the format of the label was mylar would refuse to remove the volume which resulted in failed matches (also fixed a similar issue with failing to remove the volume label when comparing search results), FIX: When filechecking, if a series had a - in the title, will now account for it properly, IMP: Completely redid the filecheck module which allows for integration into other modules as well as more detailed failure logs, IMP: Added Dynamic handder integration into filechecker and subsequent modules that use it which allows for special characters to be replaced with any other type of character, IMP: Manual post-processing speed improved greatly due to new usage of filecheck module, IMP: Importer backend code redone to include new filecheck module, IMP: Added status/counter to import process, IMP: Added force unlock option to importer for failed imports, IMP: Added new status to Import labelled as 'Manual Intervention' for imports that need the user to manually select an option from an available list, FIX: When import said there were search results to view, but none available - would blank screen, IMP: Added a failure log entry showing all the failed files that weren't able to be scanned in during an import (will be in GUI eventually), IMP: if only partial metadata is available during import, Mylar will attempt to use what's available from the metatagging instead of picking all of one/other, IMP: Better grouping of series/volumes when viewing the import results page as well as now indicating if annuals are present within the files, IMP: Added a file-icon beside each imported item on the import result page which allows the user to view the files that are associated with the given series grouping, IMP: Added a blacklisted_publishers option to config.ini which will blacklist specific publishers from being returned during search / import results, FIX: If duplicate dump folder had a value, but duplicate dump wasn't enabled - would still use the duplicate dump folder during post-processing runs, FIX: (#1194) Patch to allow for fixed H1 elements for title (thnx chazlarson), FIX: Removed UnRAR dependency checks in cmtagmylar since not being used anymore, FIX: Fixed a problem with non-ascii characters being recognized during a file-check in certain cases, IMP: Attmept by Mylar to grab an alternate jpg from file when viewing the issue details if it complies with the naming conventions, FIX: Fixed some metatagging issues with ComicBookLover tags not being handled properly if they didn't exist, IMP: Dupecheck now has a failback if it's comparing a cbr/cbr, cbz/cbz and cbr/cbz-priority is enabled, FIX: Quick check added for when adding/refreshing a comic that if a cover already existed, it would delete the cover prior to the attempt to retrieve it, IMP: Added some additional handling for when searching/adding fails, FIX: If a story arc didn't have proper issue dates (or invalid ones) would error out on loading the story arc main page - usually when arcs were imported using a cbl file.
2016-04-07 13:09:06 -04:00

1900 lines
42 KiB
CSS
Executable file

/* Variables *//* Mixins */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
color: #343434;
font-size: 12px;
line-height: 1.5;
}
body {
background: #fff;
color: #343434;
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
margin: 0;
overflow-y: scroll;
padding: 0;
}
a {
color: #4183c4;
text-decoration: none;
outline: none;
}
a:hover {
color: #8B8B8B;
}
a.blue {
color: blue;
}
a .ui-icon {
display: inline-block;
position: relative;
top: 2px;
}
.links a {
color: #666666;
clear: both;
display: inline-block;
float: left;
}
.links a:hover {
color: #4183c4;
}
.links a .ui-icon {
float: left;
margin-right: 5px;
margin-top: 3px;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 16px;
}
p.center {
text-align: center;
}
p.tab {
margin-left: 40px;
}
hr {
border: 0;
border-top: 1px solid #cccccc;
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
}
small {
font-size: 85%;
}
norm {
font-size: 115%;
}
big {
font-size: 135%;
}
td.thickborder {
border: solid #000 3px;
}
img.albumArt {
float: left;
min-height: 100%;
min-width: 100%;
max-width: 300px;
max-height: 300px;
position: relative;
}
img.editArt {
float: left;
min-height: 50%;
min-width: 50%;
max-width: 300px;
max-height: 300px;
position: relative;
}
.className {
width: 500px;
height: 400px;
overflow: scroll;
}
.title {
margin-bottom: 20px;
margin-top: 10px;
}
.title h1 img {
float: left;
margin-right: 5px;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table th {
background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
background-image: linear-gradient(#fafafa, #eaeaea) !important;
background-image: -webkit-linear-gradient(#fafafa, #eaeaea) !important;
background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
border-left: 1px solid #E0E0E0;
-moz-box-shadow: 1px 0 0 #fafafa;
-webkit-box-shadow: 1px 0 0 #fafafa;
-o-box-shadow: 1px 0 0 #fafafa;
box-shadow: 1px 0 0 #fafafa;
text-shadow: 1px 1px 0 #FFFFFF ;
}
table th input[type="checkbox"] {
vertical-align: middle;
}
table th:first-child {
border-left: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
table th.sorting_desc,
table th.sorting_asc {
background-image: -moz-linear-gradient(#fafbfd, #dce6ef) !important;
background-image: linear-gradient(#fafbfd, #dce6ef) !important;
background-image: -webkit-linear-gradient(#fafbfd, #dce6ef) !important;
background-image: -o-linear-gradient(#fafbfd, #dce6ef) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
color: #4183c4;
}
table td {
vertical-align: top;
}
table td a {
color: #666666;
}
select,
input,
textarea,
button {
font: 99%;
}
textarea {
overflow: auto;
}
input {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
input:invalid,
textarea:invalid {
-moz-box-shadow: 0 0 5px #ff0000;
-webkit-box-shadow: 0 0 5px #ff0000;
-o-box-shadow: 0 0 5px #ff0000;
box-shadow: 0 0 5px #ff0000;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
input[type="checkbox"] {
vertical-align: bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor: pointer;
}
button,
input,
select,
textarea {
margin: 0;
}
button {
overflow: visible;
width: auto;
}
input,
select,
form .checkbox input,
.configtable td#middle,
#series_table td#have {
vertical-align: middle;
}
input[type="radio"] {
vertical-align: text-bottom;
}
::-moz-selection,
::selection {
background: grey;
color: #fff;
text-shadow: none;
}
input[type=submit],
input[type=button] {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #222222 url("../images/button.png") repeat-x;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
color: #fff;
cursor: pointer;
display: inline-block;
margin-right: 3px;
padding: 4px 10px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
form legend,
form h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
form table {
width: 100%;
}
form fieldset {
margin-bottom: 20px;
}
form fieldset small.heading {
color: #666;
display: block;
font-style: italic;
margin-bottom: 10px;
margin-top: -15px;
}
form .fieldset-auto-width {
display: inline-block;
}
form .row {
font-family: Helvetica, Arial;
margin-bottom: 10px;
}
form .row label {
display: block;
float: left;
font-size: 12px;
line-height: normal;
padding-top: 7px;
width: 175px;
}
form .row input {
margin-right: 5px;
}
form .row input[type=text],
form .row input[type=password] {
border: 1px solid #DDD;
border-top: 1px solid #CDCDCD;
-moz-box-shadow: 0 1px 0 #f1f1f1;
-webkit-box-shadow: 0 1px 0 #f1f1f1;
-o-box-shadow: 0 1px 0 #f1f1f1;
box-shadow: 0 1px 0 #f1f1f1;
-moz-box-shadow: inset 0 1px 1px #e0e0e0;
-webkit-box-shadow: inset 0 1px 1px #e0e0e0;
-o-box-shadow: inset 0 1px 1px #e0e0e0;
box-shadow: inset 0 1px 1px #e0e0e0;
color: #343434;
font-size: 14px;
height: auto;
line-height: normal;
max-width: 230px;
margin-right: 5px;
padding: 3px 5px;
}
form .row small {
color: #999;
display: block;
font-size: 9px;
line-height: 12px;
margin-left: 175px;
margin-top: 3px;
}
form .left label {
float: none;
line-height: normal;
margin-bottom: 10px;
padding-top: 1px;
width: auto;
}
form .left input {
float: left;
margin-bottom: 10px;
}
form .radio label {
float: none;
line-height: normal;
margin-bottom: 10px;
padding-top: 1px;
width: auto;
}
form .radio input {
float: left;
margin-bottom: 10px;
}
form .radio small {
display: inline !important;
line-height: normal !important;
margin: 0 !important;
width: auto;
}
form .checkbox small {
display: inline !important;
line-height: normal !important;
margin: 0 !important;
width: auto;
}
ul,
ol {
margin-left: 2em;
}
ol {
list-style-type: decimal;
}
nav ul,
nav li {
list-style: none;
list-style-image: none;
margin: 0;
}
ul#nav {
float: right;
margin: 0;
padding: 0 0 0 10px;
border-left: 1px solid #FAFAFA;
-moz-box-shadow: -1px 0 0 #e0e0e0;
-webkit-box-shadow: -1px 0 0 #e0e0e0;
-o-box-shadow: -1px 0 0 #e0e0e0;
box-shadow: -1px 0 0 #e0e0e0;
height: 58px;
}
ul#nav li {
display: block;
float: left;
font-size: 18px;
font-weight: bold;
margin: 8px 0 0 0;
text-align: center;
}
ul#nav li a {
color: #343434;
display: block;
padding: 7px 15px;
text-shadow: 1px 1px 0px #FFF;
text-transform: capitalize;
border: 1px solid transparent;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
ul#nav li a:hover {
background-image: -moz-linear-gradient(#f1f1f1, #e0e0e0) !important;
background-image: linear-gradient(#f1f1f1, #e0e0e0) !important;
background-image: -webkit-linear-gradient(#f1f1f1, #e0e0e0) !important;
background-image: -o-linear-gradient(#f1f1f1, #e0e0e0) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
border: 1px solid #DDDDDD;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 #fafafa;
-webkit-box-shadow: 0 1px 0 #fafafa;
-o-box-shadow: 0 1px 0 #fafafa;
box-shadow: 0 1px 0 #fafafa;
-moz-box-shadow: 0 1px 0 #fafafa inset;
-webkit-box-shadow: 0 1px 0 #fafafa inset;
-o-box-shadow: 0 1px 0 #fafafa inset;
box-shadow: 0 1px 0 #fafafa inset;
-webkit-transition: color 0.2s ease-in;
-moz-transition: color 0.2s ease-in;
-o-transition: color 0.2s ease-in;
transition: color 0.2s ease-in;
}
ul#nav li a.config {
height: 28px;
width: 10px;
}
ul#nav li a.config img {
position: relative;
top: -7px;
left: -7px;
}
ul#nav li a.log {
font-size: 13px;
padding: 10px 15px 11px;
}
header {
background-image: -moz-linear-gradient(#fafafa, #eaeaea) !important;
background-image: linear-gradient(#fafafa, #eaeaea) !important;
background-image: -webkit-linear-gradient(#fafafa, #eaeaea) !important;
background-image: -o-linear-gradient(#fafafa, #eaeaea) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
border-bottom: 1px solid #CACACA;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
height: 58px;
position: fixed;
width: 100%;
z-index: 999;
}
header .wrapper {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 960px;
}
header #logo {
float: left;
margin-right: 20px;
position: relative;
top: -3px;
margin-left: 10px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
footer {
display: table;
margin: 60px auto 50px auto;
width: 960px;
padding-top: 10px;
border-top: 1px solid #EEE;
}
#main {
line-height: 24px;
margin: 0 auto;
padding: 75px 0 0;
width: 960px;
}
.message {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
display: inline-block;
padding: 5px 10px;
margin-top: 10px;
}
.message .ui-icon {
float: left;
margin-right: 5px;
position: relative;
top: 4px;
}
#ajaxMsg {
border: 1px solid #cccccc;
background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
background-image: linear-gradient(#ffffff, #eeeeee) !important;
background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
display: none;
font-size: 14px;
right: 10px;
-moz-box-shadow: 0px 0px 2px #aaaaaa;
-webkit-box-shadow: 0px 0px 2px #aaaaaa;
-o-box-shadow: 0px 0px 2px #aaaaaa;
box-shadow: 0px 0px 2px #aaaaaa;
padding: 7px 10px;
position: fixed;
text-align: center;
bottom: 10px;
min-height: 22px;
width: 250px;
z-index: 9999;
filter: alpha(opacity=85);
-moz-opacity: 0.8 !important;
-khtml-opacity: 0.8 !important;
-o-opacity: 0.8 !important;
opacity: 0.8 !important;
}
#ajaxMsg .msg {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
line-height: normal;
padding-left: 20px;
}
#ajaxMsg .loader {
position: relative;
top: 2px;
}
#ajaxMsg.success {
background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
padding: 15px 10px;
text-align: left;
}
#ajaxMsg.error {
background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
padding: 15px 10px;
text-align: left;
}
#ajaxMsg .ui-icon {
display: inline-block;
margin-left: -20px;
top: 2px;
position: relative;
margin-right: 3px;
}
#updatebar {
border: 1px solid #cccccc;
background-image: -moz-linear-gradient(#ffffff, #eeeeee) !important;
background-image: linear-gradient(#ffffff, #eeeeee) !important;
background-image: -webkit-linear-gradient(#ffffff, #eeeeee) !important;
background-image: -o-linear-gradient(#ffffff, #eeeeee) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
display: none;
font-size: 14px;
right: 10px;
-moz-box-shadow: 0px 0px 2px #aaaaaa;
-webkit-box-shadow: 0px 0px 2px #aaaaaa;
-o-box-shadow: 0px 0px 2px #aaaaaa;
box-shadow: 0px 0px 2px #aaaaaa;
padding: 7px 10px;
position: fixed;
text-align: center;
bottom: 10px;
min-height: 22px;
width: 250px;
z-index: 9999;
filter: alpha(opacity=85);
-moz-opacity: 0.8 !important;
-khtml-opacity: 0.8 !important;
-o-opacity: 0.8 !important;
opacity: 0.8 !important;
display: block;
background-image: -moz-linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: -webkit-linear-gradient(#fcf5c2, #fff6a9) !important;
background-image: -o-linear-gradient(#fcf5c2, #fff6a9) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
}
#updatebar .msg {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
line-height: normal;
padding-left: 20px;
}
#updatebar .loader {
position: relative;
top: 2px;
}
#updatebar.success {
background-image: -moz-linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: -webkit-linear-gradient(#d3ffd7, #c2edc6) !important;
background-image: -o-linear-gradient(#d3ffd7, #c2edc6) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
padding: 15px 10px;
text-align: left;
}
#updatebar.error {
background-image: -moz-linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: -webkit-linear-gradient(#ffd3d3, #edc4c4) !important;
background-image: -o-linear-gradient(#ffd3d3, #edc4c4) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
padding: 15px 10px;
text-align: left;
}
#updatebar .ui-icon {
display: inline-block;
margin-left: -20px;
top: 2px;
position: relative;
margin-right: 3px;
}
#subhead .back {
float: left;
margin-top: -25px;
}
#subhead #subhead_container {
float: right;
height: 30px;
list-style-type: none;
width: 100%;
z-index: 998;
}
#subhead #subhead_container #subhead_menu {
float: right;
margin-top: 5px;
position: relative;
z-index: 99;
}
#subhead #subhead_container #subhead_menu a {
background-image: -moz-linear-gradient(#f4f4f4, #e7e7e7) !important;
background-image: linear-gradient(#f4f4f4, #e7e7e7) !important;
background-image: -webkit-linear-gradient(#f4f4f4, #e7e7e7) !important;
background-image: -o-linear-gradient(#f4f4f4, #e7e7e7) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
}
#subhead #subhead_container #subhead_menu a:hover {
background-image: -moz-linear-gradient(#599bdc, #3072b3) !important;
background-image: linear-gradient(#599bdc, #3072b3) !important;
background-image: -webkit-linear-gradient(#599bdc, #3072b3) !important;
background-image: -o-linear-gradient(#599bdc, #3072b3) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
color: #FFF;
border-color: #518CC6 #518CC6 #2A65A0;
}
div#searchbar {
border-left: 1px solid #FAFAFA;
-moz-box-shadow: -1px 0 0 #e0e0e0;
-webkit-box-shadow: -1px 0 0 #e0e0e0;
-o-box-shadow: -1px 0 0 #e0e0e0;
box-shadow: -1px 0 0 #e0e0e0;
padding: 15px 0 15px 20px;
position: absolute;
left: 90px;
top: 2px;
}
div#searchbar input[type=text] {
border: 1px solid #DDD;
border-top: 1px solid #CDCDCD;
-moz-box-shadow: 0 1px 0 #f1f1f1;
-webkit-box-shadow: 0 1px 0 #f1f1f1;
-o-box-shadow: 0 1px 0 #f1f1f1;
box-shadow: 0 1px 0 #f1f1f1;
-moz-box-shadow: inset 0 1px 1px #e0e0e0;
-webkit-box-shadow: inset 0 1px 1px #e0e0e0;
-o-box-shadow: inset 0 1px 1px #e0e0e0;
box-shadow: inset 0 1px 1px #e0e0e0;
color: #999;
float: left;
font-size: 14px;
height: auto;
line-height: normal;
margin-right: 5px;
padding: 4px 5px 4px 25px;
width: 150px;
}
div#searchbar .mini-icon {
height: 20px;
width: 20px;
background: url("../images/icon_search.gif") left top no-repeat;
position: absolute;
display: block;
margin-left: 6px;
margin-top: 6px;
}
.checkbox.inline {
padding: 0 5px;
}
.checkbox.inline > input {
margin-right: 5px;
margin-left: 0;
}
.Skipped {
background-color: #bedeed;
height: 30px;
}
.Downloaded {
background-color: #c3e3c8;
height: 30px;
}
.Archived {
background-color: #ffda8a;
height: 30px;
}
.Wanted {
background-color: #ffb0b0;
height: 30px;
}
.Snatched {
background-color: #ebf5ff;
height: 30px;
}
.Failed {
background-color: #ff5858;
height: 30px;
}
.Ignored {
background-color: #fff5cc;
height: 30px;
}
.comictable legend {
font-size: 14px
font-weight: bold;
margin-bottom: 10px;
text-shadow: 1px 1px 0 #FFFFFF;
}
.comictable tr td:last-child {
border-left: 1px dotted #ddd;
padding-left: 20px;
}
.comictable td {
padding-right: 15px;
}
.configtable legend {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
text-shadow: 1px 1px 0 #FFFFFF;
}
.configtable tr td:last-child {
border-left: 1px dotted #ddd;
padding-left: 20px;
}
.configtable td {
padding-right: 15px;
width: 50%;
}
.table_wrapper {
_height: 302px;
background-color: #FFF;
clear: both;
margin: 30px auto 0;
min-height: 100px;
position: relative;
width: 100%;
zoom: 1px;
}
.manage_wrapper {
_height: 302px;
clear: both;
margin: 20px auto 0;
min-height: 150px;
padding: 25px;
width: 88%;
zoom: 1px;
}
#paddingheader {
position: relative;
top: 0px;
}
#paddingheader h1 {
line-height: 33px;
/* width: 450px; */
}
#paddingheader h1 img {
float: left;
margin-right: 5px;
}
div#nopaddingheader {
font-size: 24px;
font-weight: bold;
text-align: center;
}
div#artistheader {
margin-top: 50px;
min-height: 200px;
}
div#artistheader #artistImg {
background: #ffffff url("../images/loader_black.gif") center no-repeat;
border: 5px solid #FFF;
-moz-box-shadow: 1px 1px 2px 0 #555555;
-webkit-box-shadow: 1px 1px 2px 0 #555555;
-o-box-shadow: 1px 1px 2px 0 #555555;
box-shadow: 1px 1px 2px 0 #555555;
float: left;
height: 368px;
margin-bottom: 50px;
margin-right: 40px;
overflow: hidden;
text-indent: -3000px;
width: 240px;
}
div#artistheader #artistDetails {
font-size: 16px;
line-height: 24px;
margin-top: 10px;
}
#artistBio_table {
padding: 5px;
width: 650px;
}
#artistBio_table td#bio {
font-size: 12px;
line-height: 16px;
margin-top: 5px;
}
div#artistheader h1 a {
font-size: 32px;
margin-bottom: 5px;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
div#artistheader h2 a {
font-style: italic;
font-weight: bold;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#read_detail th#options {
max-width: 150px;
text-align: left;
}
#read_detail th#comicname {
min-width: 300px;
text-align: left;
}
#read_detail th#issue {
max-width: 25px;
text-align: center;
}
#read_detail th#issuedate,
#read_detail th#status,
#read_detail th#statuschange {
max-width: 50px;
text-align: center;
}
#read_detail th#select {
max-width: 10px;
text-align: left;
vertical-align: middle;
}
#read_detail td#comicname {
min-width: 300px;
text-align: left;
vertical-align: middle;
font-size: 12px;
}
#read_detail td#issue {
max-width: 25px;
text-align: left;
vertical-align: middle;
}
#read_detail td#issuedate,
#read_detail td#status,
#read_detail td#statuschange {
max-width: 50px;
text-align: center;
vertical-align: middle;
}
#read_detail td#options {
max-width: 150px;
text-align: left;
vertical-align: middle;
}
#read_detail td#select {
max-width: 10px;
text-align: left;
vertical-align: middle;
}
#storyarcs th#options {
max-width: 100px;
text-align: left;
}
#storyarcs th#storyarc {
min-width: 300px;
text-align: left;
}
#storyarcs th#years {
max-width: 40px;
text-align: center;
}
#storyarcs th#have {
max-width: 42px;
text-align: center;
}
#storyarcs td#storyarc {
min-width: 300px;
text-align: left;
vertical-align: middle;
font-size: 12px;
}
#storyarcs td#years {
max-width: 40px;
text-align: center;
vertical-align: middle;
}
#storyarcs td#options {
max-width: 100px;
text-align: left;
vertical-align: middle;
}
#storyarcs td#have {
max-width: 42px;
text-align: center;
vertical-align: middle;
}
#weekly_pull th#publisher {
min-width: 150px;
text-align: left;
}
#weekly_pull th#comicname {
min-width: 250px;
text-align: left;
}
#weekly_pull th#comicnumber,
#weekly_pull th#status,
#weekly_pull th#series {
min-width: 50px;
text-align: center;
}
#weekly_pull td#comicname {
min-width: 275px;
text-align: left;
vertical-align: middle;
font-size: 12px;
}
#weekly_pull td#status,
#weekly_pull td#series,
#weekly_pull td#comicnumber {
min-width: 50px;
text-align: left;
vertical-align: middle;
}
#weekly_pull td#publisher {
min-width: 150px;
text-align: left;
vertical-align: middle;
}
#pull_table th#publishdate {
min-width: 50px;
text-align: left;
vertial-align: middle;
}
#pull_table th#publisher {
min-width: 100px;
text-align: left;
vertical-align: middle;
}
#pull_table th#comicname {
min-width: 300px;
text-align: left;
vertical-align: middle;
}
#pull_table th#comicnumber {
max-width: 45px;
text-align: left;
vertical-align: middle;
}
#pull_table th#status {
min-width: 100px;
text-align: left;
vertical-align: middle;
}
#pull_table td#publishdate {
max-width: 50px;
text-align: left;
vertial-align: middle;
}
#pull_table td#publisher {
min-width: 100px;
text-align: left;
vertical-align: middle;
}
#pull_table td#comicname {
min-width: 300px;
text-align: left;
vertical-align: middle;
}
#pull_table td#comicnumber {
max-width: 45px;
text-align: left;
vertical-align: middle;
}
#pull_table td#status {
min-width: 100px;
text-align: left;
vertial-align: middle;
}
#manage_comic th#name {
min-width: 275px;
text-align: left;
}
#manage_comic th#latest {
min-width: 150px;
text-align: left;
}
#manage_comic th#status,
#manage_comic th#albumart,
#manage_comic th#lastupdated {
min-width: 50px;
text-align: left;
}
#manage_comic th#have,
#manage_comic th#publisher {
text-align: center;
}
#manage_comic td#name {
min-width: 275px;
text-align: left;
vertical-align: middle;
font-size: 12px;
}
#manage_comic td#status,
#manage_comic td#lastupdated,
#manage_comic td#publisher {
min-width: 50px;
text-align: left;
vertical-align: middle;
}
#manage_comic td#latest {
min-width: 150px;
text-align: left;
vertical-align: middle;
}
#manage_comic td#have {
min-width: 50px;
text-align: left;
vertical-align: middle;
}
#manage_issues th#name {
min-width: 275px;
text-align: left;
}
#manage_issues th#options {
min-width: 150px;
text-align: left;
}
#manage_issues th#select {
min-width: 10px;
text-align: left;
vertical-align: middle;
}
#manage_issues th#status,
#manage_issues th#issue,
#manage_issues th#pubdate,
#manage_issues th#releasedate,
#manage_issues th#int_issue {
min-width: 50px;
text-align: left;
}
#manage_issues td#name {
min-width: 275px;
text-align: left;
vertical-align: middle;
font-size: 12px;
}
#manage_issues td#select {
min-width: 10px;
text-align: left;
vertical-align: middle;
}
#manage_issues td#status,
#manage_issues td#issue,
#manage_issues td#pubdate,
#manage_issues td#releasedate,
#manage_issues td#int_issue {
min-width: 50px;
text-align: left;
vertical-align: middle;
}
#manage_issues td#options {
min-width: 150px;
text-align: left;
vertical-align: middle;
}
#manage_failed th#series {
min-width: 175px;
text-align: left;
}
#manage_failed th#select {
min-width: 10px;
text-align: left;
vertical-align: middle;
}
#manage_failed th#issue,
#manage_failed th#site,
#manage_failed th#datefailed {
min-width: 50px;
text-align: left;
}
#manage_failed th#link {
min-width: 100px;
text-align: left;
}
#manage_failed td#series {
min-width: 175px;
text-align: left;
vertical-align: middle;
font-size: 12px;
}
#manage_failed td#select {
min-width: 10px;
text-align: left;
vertical-align: middle;
}
#manage_failed td#issue,
#manage_failed td#site,
#manage_failed td#datefailed {
min-width: 50px;
text-align: left;
vertical-align: middle;
}
#manage_failed td#link {
min-width: 100px;
text-align: left;
vertical-align: middle;
}
#series_table {
background-color: #FFF;
padding: 20px;
width: 100%;
}
#series_table th#publisher {
min-width: 100px;
text-align: left;
}
#series_table th#name {
min-width: 275px;
text-align: left;
}
#series_table th#year {
max-width: 25px;
text-align: left;
}
#series_table th#have_percent {
max-width: 25px;
text-align: left;
display: none;
}
#series_table th#active {
max-width: 40px;
text-align: left;
}
#series_table th#status,
#series_table th#issue,
#series_table th#published {
min-width: 50px;
text-align: left;
}
#series_table th#have {
text-align: left;
}
#series_table td#publisher {
min-width: 100px;
text-align: left;
vertical-align: middle;
font-size: 12px;
}
#series_table td#name {
min-width: 275px;
text-align: left;
vertical-align: middle;
}
#series_table td#year,
max-width: 25px;
text-align: left;
vertical-align: middle;
}
#series_table td#have_percent {
max-width: 25px;
text-align: left;
vertical-align: middle;
display: none;
}
#series_table td#active {
max-width: 40px;
text-align: left;
vertical-align: middle;
}
#series_table td#status,
#series_table td#issue,
#series_table td#published {
max-width: 50px;
text-align: left;
vertical-align: middle;
}
#manageheader {
margin-top: 45px;
margin-bottom: 0;
}
#history_table {
background-color: #FFF;
font-size: 13px;
width: 100%;
}
#history_table td#dateadded {
font-size: 14px;
min-width: 150px;
text-align: center;
vertical-align: middle;
}
#history_table td#filename {
font-size: 15px;
min-width: 100px;
text-align: center;
vertical-align: middle;
}
#history_table td#size {
font-size: 14px;
min-width: 75px;
text-align: center;
vertical-align: middle;
}
#log_table {
background-color: #FFF;
}
#log_table th#timestamp {
min-width: 125px;
text-align: left;
}
#log_table th#level {
max-width: 60px;
text-align: left;
}
#log_table th#message {
min-width: 600px;
text-align: left;
}
#searchresults_table th#name {
min-width: 525px;
text-align: left;
}
#searchresults_table th#comicyear {
min-width: 50px;
text-align: left;
}
#searchresults_table th#issues {
min-width: 50px;
text-align: left;
}
#searchresults_table th#add {
min-width: 75px;
text-align: left;
}
#searchresults_table #artistImg {
background: url("../images/loader_black.gif") no-repeat scroll center center #ffffff;
border: 3px solid #FFFFFF;
box-shadow: 1px 1px 2px 0 #555555;
float: left;
height: 50px;
overflow: hidden;
text-indent: -3000px;
width: 50px;
}
#searchresults_table td#name {
min-width: 500px;
text-align: left;
vertical-align: middle;
}
#searchresults_table td#comicyear {
min-width: 50px;
text-align: left;
vertical-align: middle;
}
#searchresults_table td#issues {
min-width: 50px;
text-align: left;
vertical-align: middle;
}
#searchresults_table td#add {
min-width: 75px;
vertical-align: middle;
}
#searchresults_table td#score .bar {
width: 100px;
margin: 0 auto;
border: 1px solid #cccccc;
padding: 1px;
background-color: #FFF;
}
#searchresults_table td#score .bar .score {
height: 14px;
color: #343434;
color: #FFF;
font-size: 11px;
vertical-align: middle;
line-height: normal;
background-image: -moz-linear-gradient(#a3e532, #90cc2a) !important;
background-image: linear-gradient(#a3e532, #90cc2a) !important;
background-image: -webkit-linear-gradient(#a3e532, #90cc2a) !important;
background-image: -o-linear-gradient(#a3e532, #90cc2a) !important;
filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
-ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#fafafa, endColorstr=#eaeaea) !important;
}
#impresults_table th#select {
min-width: 10px;
text-align: left;
vertical-align
}
#impresults_table th#select input {
vertical-align: middle;
min-width: 10px;
}
#impresults_table th#comicname {
min-width: 325px;
text-align: left;
}
#impresults_table th#comicyear {
min-width: 75px;
text-align: center;
}
#impresults_table th#issues {
min-width: 25px;
text-align: center;
}
#impresults_table th#status {
min-width: 110px;
text-align: center;
}
#impresults_table th#importdate {
min-width: 100px;
text-align: center;
}
#impresults_table th#addcomic {
min-width: 100px;
text-align: left;
}
#impresults_table td#select{
min-width: 10px;
text-align: middle;
vertical-align: middle;
}
#impresults_table td#select input{
min-width: 10px;
vertical-align: middle;
}
#impresults_table td#comicname {
min-width: 325px;
text-align: left;
vertical-align: middle;
}
#impresults_table td#comicyear {
min-width: 75px;
text-align: left;
vertical-align: middle;
}
#impresults_table td#issues {
min-width: 25px;
text-align: left;
vertical-align: middle;
}
#impresults_table td#status {
min-width: 110px;
text-align: left;
vertical-align: middle;
}
#impresults_table td#importdate {
min-width: 100px;
text-align: left;
vertical-align: middle;
}
#impresults_table td#addcomic {
min-width: 100px;
vertical-align: middle;
text-align: left;
}
#searchmanage_table th#comicname {
min-width: 325px;
text-align: left;
}
#searchmanage_table th#comicpub {
min-width: 100px;
text-align: left;
}
#searchmanage_table th#comicissues {
min-width: 75px;
text-align: left;
}
#searchmanage_table th#addcomic {
min-width: 95px;
text-align: left;
}
#searchmanage_table td#comicname {
min-width: 325px;
text-align: left;
vertical-align: middle;
}
#searchmanage_table td#comicpub {
min-width: 100px;
text-align: left;
vertical-align: middle;
}
#searchmanage_table td#comicissues {
min-width: 75px;
text-align: left;
vertical-align: middle;
}
#searchmanage_table td#addcomic {
min-width: 95px;
vertical-align: middle;
}
DIV.progress-container
{
position: relative;
width: 100px;
height: 18px;
margin: 2px 5px 2px 0;
float: left;
border:1px solid #ccc;
background-color: #F7F7F7;
background-image: -moz-linear-gradient(top, whiteSmoke, #F9F9F9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whiteSmoke), to(#F9F9F9));
background-image: -webkit-linear-gradient(top, whiteSmoke, #F9F9F9);
background-image: -o-linear-gradient(top, whiteSmoke, #F9F9F9);
background-image: linear-gradient(to bottom, whiteSmoke, #F9F9F9);
background-repeat: repeat-x;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
DIV.progress-container > DIV
{
background-color: #0EBEED;
height: 18px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-align: center;
z-index: 900;
}
.danger > DIV
{
background-color: #DD514C;
background-image: -moz-linear-gradient(top, #EE5F5B, #C43C35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EE5F5B), to(#C43C35));
background-image: -webkit-linear-gradient(top, #EE5F5B, #C43C35);
background-image: -o-linear-gradient(top, #EE5F5B, #C43C35);
background-image: linear-gradient(to bottom, #EE5F5B, #C43C35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}
.warning > DIV
{
background-color: #FAA732;
background-image: -moz-linear-gradient(top, #FBB450, #F89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406));
background-image: -webkit-linear-gradient(top, #FBB450, #F89406);
background-image: -o-linear-gradient(top, #FBB450, #F89406);
background-image: linear-gradient(to bottom, #FBB450, #F89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}
.complete > DIV
{
background-color: #5EB95E;
background-image: -moz-linear-gradient(top, #62C462, #57A957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62C462), to(#57A957));
background-image: -webkit-linear-gradient(top, #62C462, #57A957);
background-image: -o-linear-gradient(top, #62C462, #57A957);
background-image: linear-gradient(to bottom, #62C462, #57A957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}
.missing > DIV
{
background-color: #4BB1CF;
background-image: -moz-linear-gradient(top, #5BC0DE, #339BB9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#339BB9));
background-image: -webkit-linear-gradient(top, #5BC0DE, #339BB9);
background-image: -o-linear-gradient(top, #5BC0DE, #339BB9);
background-image: linear-gradient(to bottom, #5BC0DE, #339BB9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
}
.havetracks {
font-size: 12px;
line-height: normal;
margin-left: 36px;
padding-bottom: 30px;
vertical-align: middle;
}
.progressbar-back-text
{
font-size: 12px;
vertical-align: middle;
background-color: transparent;
position: absolute;
text-align: center;
width: 100%;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
z-index: 800;
}
.progressbar-front-text
{
font-size: 12px;
vertical-align: text-top;
background-color: transparent;
display: block;
width: 100%;
position: absolute;
color: #000000;
overflow: hidden;
}
#version {
color: #999;
font-size: 10px;
position: relative;
z-index: 999;
margin: 0px auto;
text-align: center;
width: 400px;
}
#donate {
float: left;
text-align: left;
}
#actions {
float: right;
text-align: right;
margin-right: 10px;
margin-top: -5px;
color: #cccccc;
}
#actions .ui-icon {
position: relative;
top: 4px;
background-image: url("../images/ui-icons_70b2e1_256x240.png");
}
#toTop {
background: url("../images/toTop.gif") no-repeat scroll 10px center #f7f7f7;
border-radius: 5px 0 0 0;
bottom: 0;
display: none;
padding: 10px 10px 10px 40px;
position: fixed;
right: 0;
}
#shutdown {
text-align: center;
vertical-align: middle;
}
#shutdown h1 img {
position: relative;
top: 7px;
}
.cloudtag {
font-size: 16px;
}
.cloudtag #cloud {
line-height: 1.5em;
margin: 0;
padding: 2px;
text-align: center;
}
.cloudtag #cloud a {
padding: 0;
}
.cloudtag #cloud a.tag1 {
font-size: 0.7em;
font-weight: 100;
}
.cloudtag #cloud a.tag2 {
font-size: 0.8em;
font-weight: 200;
}
.cloudtag #cloud a.tag3 {
font-size: 0.9em;
font-weight: 300;
}
.cloudtag #cloud a.tag4 {
font-size: 1em;
font-weight: 400;
}
.cloudtag #cloud a.tag5 {
font-size: 1.2em;
font-weight: 500;
}
.cloudtag #cloud a.tag6 {
font-size: 1.4em;
font-weight: 600;
}
.cloudtag #cloud a.tag7 {
font-size: 1.6em;
font-weight: bold;
}
.cloudtag #cloud a.tag8 {
font-size: 1.8em;
font-weight: 800;
}
.cloudtag #cloud a.tag9 {
font-size: 2.2em;
font-weight: 900;
}
.cloudtag #cloud a.tag10 {
font-size: 2.5em;
font-weight: 900;
}
.cloudtag #cloud li {
display: inline-block;
margin: 5px 10px;
}
.floatright {
float: right;
}
.floatleft {
float: left;
}
.ir {
background-repeat: no-repeat;
direction: ltr;
display: block;
overflow: hidden;
text-align: left;
text-indent: -999em;
}
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix {
zoom: 1px;
}
.clearfix:after {
clear: both;
}
#upcoming_table th#comicname,
#wanted_table th#comicname {
min-width: 150px;
text-align: center;
}
#upcoming_table td#select,
#upcoming_table td#status,
#wanted_table td#select,
#wanted_table td#status {
text-align: center;
vertical-align: middle;
}
#upcoming_table th#type,
#wanted_table th#type,
#searchresults_table th#score {
min-width: 75px;
text-align: center;
}
#history_table td#status,
#history_table td#action {
font-size: 14px;
text-align: center;
vertical-align: middle;
}
#wanted_table th#albumart {
min-width: 50px;
text-align: center;
}
#upcoming_table th#issuenumber,
#wanted_table th#issuenumber {
min-width: 50px;
text-align: center;
}
#upcoming_table th#reldate,
#wanted_table th#reldate {
min-width: 50px;
text-align: center;
}
#upcoming_table td#albumart,
#wanted_table td#albumart {
min-width: 50px;
text-align: center;
vertical-align: middle;
}
#upcoming_table td#comicname,
#wanted_table td#comicname {
min-width: 200px;
text-align: center;
vertical-align: middle;
}
#upcoming_table td#issuenumber,
#wanted_table td#issuenumber {
min-width: 50px;
text-align: center;
vertical-align: middle;
}
#upcoming_table td#reldate,
#wanted_table td#reldate {
min-width: 50px;
text-align: center;
vertical-align: middle;
}
#upcoming_table td#type,
#wanted_table td#type,
#searchresults_table td#score {
min-width: 75px;
text-align: center;
vertical-align: middle;
}
table tr td#status a {
color: #4183c4;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
.ie7 legend {
margin-left: -7px;
}
/* Mask for background, by default is not display */
#mask {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
z-index: 10;
width: 100%;
height: 100%;
opacity: 0.8;
z-index: 999;
}
/* You can customize to your needs */
.issue-popup {
width: 600px;
display: none;
background: #333;
padding: 5px;
border: 2px solid #ddd;
color: white;
font-size: 1.2em;
position: absolute;
top: 20%;
left: 50%;
z-index: 99999;
box-shadow: 0px 0px 20px #999;
/* CSS3 */
-moz-box-shadow: 0px 0px 20px #999;
/* Firefox */
-webkit-box-shadow: 0px 0px 20px #999;
/* Safari, Chrome */
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px;
/* Firefox */
-webkit-border-radius: 3px;
/* Safari, Chrome */;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
img.btn_close {
Position the close button
float: right;
margin: -28px -28px 0 0;
}
fieldset {
border: none;
}
img.highqual {
-ms-interpolation-mode: bicubuic;
}