2012-09-13 15:27:34 +00:00
|
|
|
/* HTML5 ✰ Boilerplate */
|
|
|
|
|
|
|
|
|
|
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 {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
font: inherit;
|
|
|
|
|
vertical-align: baseline;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
article, aside, details, figcaption, figure,
|
|
|
|
|
footer, header, hgroup, menu, nav, section {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
blockquote, q { quotes: none; }
|
|
|
|
|
blockquote:before, blockquote:after,
|
|
|
|
|
q:before, q:after { content: ''; content: none; }
|
|
|
|
|
ins { background-color: #ff9; color: #000; text-decoration: none; }
|
|
|
|
|
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
|
|
|
|
|
del { text-decoration: line-through; }
|
|
|
|
|
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
|
|
|
|
|
table { border-collapse: collapse; border-spacing: 0; }
|
|
|
|
|
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
|
|
|
|
|
input, select { vertical-align: middle; }
|
|
|
|
|
|
|
|
|
|
body { font:13px/1.231 sans-serif; *font-size:small; }
|
|
|
|
|
select, input, textarea, button { font:99% sans-serif; }
|
|
|
|
|
pre, code, kbd, samp { font-family: monospace, sans-serif; }
|
|
|
|
|
|
FIX: (#746) updated autoProcessComics.py / ComicRN.py's which will now send proper completion messeages to clients, FIX: (#752) refresh series will now test if a series is 'out of whack' with it's numerical issue count (ie. 5/4) or it has no issue data due to a bad refresh / api maxing out and will adjust it's processing to accomodate either, IMP: (#750) Added ComicVine API Checker which will check API counts at regular intervals to inform/warn users of usage, as well as adding a screen-time display of API hits / mins used at the bottom of every page (refreshing/reloading pages will update counts), FIX: (#747)EOL normalization (dos2unix) on search.py - removed classes & exceptions as not being used, IMP: (#747) Skip processing issues with an invalid store date & issue date (thnx rupaschomaker), FIX: Removed strings when searching/logging torrents as was causing ascii errors especially with KAT, IMP: Added [META-TAGGING] to logging for meta-tagging module, IMP: Added ability in GUI to select CR or Cbl tags (or both) when writing metadata to cbz files, IMP: Improved support/usage with ComicTagger v1.1.15 which allows for personal CV API Key usage - if supplied to Mylar, will use when tagging with ComicTagger, IMP: Added Manual Search option to allow for individual searches of issues without changing initial status.
2014-06-18 19:58:19 +00:00
|
|
|
|
2012-09-13 15:27:34 +00:00
|
|
|
html { overflow-y: scroll; }
|
|
|
|
|
a:hover, a:active { outline: none; }
|
|
|
|
|
ul, ol { margin-left: 2em; }
|
|
|
|
|
ol { list-style-type: decimal; }
|
|
|
|
|
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
|
|
|
|
|
small { font-size: 85%; }
|
|
|
|
|
strong, th { font-weight: bold; }
|
|
|
|
|
td { vertical-align: top; }
|
|
|
|
|
|
|
|
|
|
sub, sup { font-size: 75%; line-height: 0; position: relative; }
|
|
|
|
|
sup { top: -0.5em; }
|
|
|
|
|
sub { bottom: -0.25em; }
|
|
|
|
|
|
|
|
|
|
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
|
|
|
|
|
textarea { overflow: auto; }
|
|
|
|
|
.ie6 legend, .ie7 legend { margin-left: -7px; }
|
|
|
|
|
input[type="radio"] { vertical-align: text-bottom; }
|
|
|
|
|
input[type="checkbox"] { vertical-align: bottom; }
|
|
|
|
|
.ie7 input[type="checkbox"] { vertical-align: baseline; }
|
|
|
|
|
.ie6 input { vertical-align: text-bottom; }
|
|
|
|
|
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
|
|
|
|
|
button, input, select, textarea { margin: 0; }
|
|
|
|
|
input:valid, textarea:valid { }
|
|
|
|
|
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
|
|
|
|
|
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
|
|
|
|
|
|
|
|
|
|
::-moz-selection{ background: grey; color:#fff; text-shadow: none; }
|
|
|
|
|
::selection { background: grey; color:#fff; text-shadow: none; }
|
|
|
|
|
|
|
|
|
|
button { width: auto; overflow: visible; }
|
|
|
|
|
.ie7 img { -ms-interpolation-mode: bicubic; }
|
|
|
|
|
|
|
|
|
|
body, select, input, textarea { color: #444; }
|
|
|
|
|
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
|
|
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
// ========================================== \\
|
|
|
|
|
|| ||
|
|
|
|
|
|| Custom Styles ||
|
|
|
|
|
|| ||
|
|
|
|
|
\\ ========================================== //
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
a:link {
|
|
|
|
|
color: #5E2612;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
a:visited {
|
|
|
|
|
color: #5E2612;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
a:hover { /*this effect is not shown in NN4.xx*/
|
|
|
|
|
color: #999999;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
a:active {/*colour in NN4.xx is red*/
|
|
|
|
|
color: #5E2612;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
a.blue {
|
|
|
|
|
color: blue;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
container { }
|
|
|
|
|
|
|
|
|
|
body { background-color: #EBF4FB; min-width: 935px; }
|
|
|
|
|
|
|
|
|
|
header { min-height: 68px; width: 100%; min-width: 935px; padding-left: 0px; padding-right: 10px; background-color: #CDC9C9; position: fixed; z-index: 998; }
|
|
|
|
|
|
|
|
|
|
h1 { font-size: 24px; }
|
|
|
|
|
h2 { font-size: 20px; }
|
|
|
|
|
h3 { font-size: 16px; }
|
|
|
|
|
h4 { font-size: 14px; }
|
|
|
|
|
|
|
|
|
|
p.indented { padding-top: 20px; margin-left: 20px; font-size: 14px; }
|
|
|
|
|
p.center { text-align: center; font-size: 18px; }
|
|
|
|
|
.smalltext2 { font-size: 12px; margin-left: 45px; }
|
|
|
|
|
|
|
|
|
|
div#updatebar { text-align: center; min-width: 970px; width: 100%; background-color: light-blue; float: left; }
|
|
|
|
|
div#logo { float: left; padding-left: 10px; }
|
|
|
|
|
|
|
|
|
|
ul#nav { margin: 25px 0 0 0; float: left; list-style-type: none; }
|
|
|
|
|
ul#nav li { margin: 40px 0px auto 10px; display: inline; }
|
|
|
|
|
ul#nav li a { padding: 5px; font-size: 16px; font-weight: bold; color: #330000; text-decoration: none; }
|
|
|
|
|
ul#nav li a:hover { background-color: #a3e532; }
|
|
|
|
|
|
|
|
|
|
div#subhead_container { height: 30px; width:100%; min-width: 1000px; background-color:#330000; float: left; list-style-type: none; z-index: 998; overflow: hidden; }
|
|
|
|
|
ul#subhead_menu { margin-top: 5px; }
|
|
|
|
|
ul#subhead_menu li { width: 100%; height: 100%; display: inline; }
|
|
|
|
|
ul#subhead_menu li a { padding: 5px 15px 10px 15px; vertical-align: middle; color: white; font-size: 16px; text-decoration: none; }
|
|
|
|
|
ul#subhead_menu li a:hover { width: 100%; height: 100%; background-color: #grey; }
|
|
|
|
|
|
|
|
|
|
div#searchbar { margin: 24px 30px auto auto; float: right; }
|
|
|
|
|
|
|
|
|
|
div#main { margin: 0; padding: 80px 0 0 0; }
|
|
|
|
|
|
|
|
|
|
.table_wrapper { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; width: 88%; margin: 20px auto 0 auto; padding: 25px; background-color: white; position: relative; min-height: 200px; clear: both; _height: 302px; zoom: 1; }
|
|
|
|
|
.manage_wrapper { width: 88%; margin: 20px auto 0 auto; padding: 25px; min-height: 150px; clear: both; _height: 302px; zoom: 1; }
|
|
|
|
|
.table_wrapper_left { padding: 25px; background-color: #ffffff; float: left; width: 40%; min-height: 100px; margin-top: 25px; margin-left: 30px; margin-right: auto; -moz-border-radius: 20px; border-radius: 20px; }
|
|
|
|
|
.table_wrapper_right{ padding: 25px; background-color: #ffffff; width: 40%; min-height: 100px; margin-top: 25px; margin-left: auto; margin-right: 30px; -moz-border-radius: 20px; border-radius: 20px; }
|
|
|
|
|
|
|
|
|
|
.configtable { font-size: 14px; line-height:18px; }
|
|
|
|
|
.configtable td { width: 300px; padding: 10px; }
|
|
|
|
|
.configtable td#middle { vertical-align: middle; }
|
|
|
|
|
|
|
|
|
|
.comictable { font-size: 14px; line-height:12px; }
|
|
|
|
|
.comictable td#mainimg { width: 100px; padding: 10px; }
|
|
|
|
|
.comictable td#maindetails { width: 200px; padding: 10px; }
|
|
|
|
|
.comictable td#middle { vertical-align: middle; }
|
|
|
|
|
|
FIX: undefined on filter box on startup, IMP: Added Meta-Tagging options on a series / issue basis on comic details screen, IMP: Issue Information is now available per issue and is extracted currently from the cbz file to display (if no cbz is present, the option isn't available), IMP: Failed Download handling is implemented and available in GUI - required to replace existing autoProcessComics.py and ComicRN.py scripts, IMP: Added ability to specify post-processing script instead of ComicRN.py, IMP: Added abilty to edit the issue date for a given issue by simply clicking on it - this will help to avoid dates that have incorrect or 0000-00-00, IMP: Story Arc searching is working (not adding yet), IMP: Added Archived/Ignored options to Upcoming/Wanted tab, IMP: Fixed some alignment and display issues on the Upcoming section, IMP: Added better directory handling for Updating Comic Location when it needs to get changed for all existing series (locmove in config.ini), IMP: Added better handling for unicode characters in series titles when searching / filechecking, IMP: When adding a new series with no data, Mylar would error out (now will add and just retain 0 issues), FIX: When year was fuzzied, search would still attempt to do a date-check comparison and say everything failed, IMP: Better handling of nzb names when retaining for post-processing comparisons, IMP: Future Upcoming now will use actual shipping date of issue if available in order to see if issue is available, FIX: If annuals were enabled, refreshing a series would put some issues into an Archived status because the actual counts would be off, IMP: When file checking, Alternate Naming would be searched last which resulted in matching incorrectly to the series title or other alternate naming for the given series, now will check the Alternate Naming first for a match, then drop back down to the series name itself otherwise, IMP: Improved Annual detection when integrated with a given series, IMP: Improved the checking of the future Upcoming list for issues marked as Wanted but not available yet and then auto-adding, IMP: Improved upon story arc checking for missing issues / searching for wanted, IMP: Enabling Annuals support now within Configuration GUI, bunch of other things....
2014-07-28 19:28:09 +00:00
|
|
|
table#series_table { background-color: white; width: 100%; padding: 20px; }
|
|
|
|
|
|
|
|
|
|
table#series_table th#publisher { text-align: left; min-width: 50px; }
|
|
|
|
|
table#series_table th#name { text-align: left; min-width: 250px; }
|
|
|
|
|
table#series_table th#year { text-align: left; min-width: 25px; }
|
|
|
|
|
table#series_table th#issue { text-align: left; min-width: 100px; }
|
|
|
|
|
table#series_table th#published { vertical-align: middle; text-align: left; min-width:40px; }
|
|
|
|
|
table#series_table th#have { text-align: center; }
|
|
|
|
|
table#series_table th#status { vertical-align: middle; text-align: left; min-width: 25px; }
|
|
|
|
|
table#series_table th#active { vertical-align: middle; text-align: left; min-width: 20px; }
|
|
|
|
|
|
|
|
|
|
table#series_table td#publisher { text-align: left; max-width: 100px; }
|
|
|
|
|
table#series_table td#name { text-align: left; max-width: 250px; }
|
|
|
|
|
table#series_table td#year { vertical-align: middle; text-align: left; max-width: 30px; }
|
|
|
|
|
table#series_table td#issue { vertical-align: middle; text-align: left; max-width: 100px; }
|
|
|
|
|
table#series_table td#published { vertical-align: middle; text-align: left; max-width: 40px; }
|
|
|
|
|
table#series_table td#have { text-align: center; }
|
|
|
|
|
table#series_table td#status { vertical-align: middle; text-align: left; max-width: 25px; }
|
|
|
|
|
table#series_table td#active { vertical-align: middle; text-align: left; max-width: 20px; }
|
2012-09-13 15:27:34 +00:00
|
|
|
|
|
|
|
|
div#paddingheader { padding-top: 48px; font-size: 24px; font-weight: bold; text-align: center; }
|
FIX: (#746) updated autoProcessComics.py / ComicRN.py's which will now send proper completion messeages to clients, FIX: (#752) refresh series will now test if a series is 'out of whack' with it's numerical issue count (ie. 5/4) or it has no issue data due to a bad refresh / api maxing out and will adjust it's processing to accomodate either, IMP: (#750) Added ComicVine API Checker which will check API counts at regular intervals to inform/warn users of usage, as well as adding a screen-time display of API hits / mins used at the bottom of every page (refreshing/reloading pages will update counts), FIX: (#747)EOL normalization (dos2unix) on search.py - removed classes & exceptions as not being used, IMP: (#747) Skip processing issues with an invalid store date & issue date (thnx rupaschomaker), FIX: Removed strings when searching/logging torrents as was causing ascii errors especially with KAT, IMP: Added [META-TAGGING] to logging for meta-tagging module, IMP: Added ability in GUI to select CR or Cbl tags (or both) when writing metadata to cbz files, IMP: Improved support/usage with ComicTagger v1.1.15 which allows for personal CV API Key usage - if supplied to Mylar, will use when tagging with ComicTagger, IMP: Added Manual Search option to allow for individual searches of issues without changing initial status.
2014-06-18 19:58:19 +00:00
|
|
|
div#paddingheadertitle { padding-top: 24px; font-size: 24px; font-weight: bold; text-align: center; }
|
2012-09-13 15:27:34 +00:00
|
|
|
div#nopaddingheader { font-size: 24px; font-weight: bold; text-align: center; }
|
2013-07-01 05:19:15 +00:00
|
|
|
table#issue_table { background-color: grey; width: 100%; padding: 10px; }
|
2012-09-13 15:27:34 +00:00
|
|
|
|
2013-07-10 01:45:10 +00:00
|
|
|
table#issue_table th#select { vertical-align: middle; text-align: left; min-width: 5px; }
|
|
|
|
|
table#issue_table th#int_issuenumber { text-align: left; min-width: 1px }
|
|
|
|
|
table#issue_table th#issuenumber { text-align: left; min-width: 10px; }
|
2012-09-13 15:27:34 +00:00
|
|
|
table#issue_table th#issuename { text-align: center; min-width: 200px; }
|
2013-07-01 05:19:15 +00:00
|
|
|
table#issue_table th#reldate { text-align: center; min-width: 10px; }
|
|
|
|
|
table#issue_table th#status { text-align: center; min-width: 10px; }
|
2013-07-10 01:45:10 +00:00
|
|
|
table#issue_table th#options { text-align: center; min-width: 30px; }
|
2012-09-13 15:27:34 +00:00
|
|
|
|
2013-07-10 01:45:10 +00:00
|
|
|
table#issue_table td#select { vertical-align: middle; text-align: left; min-width: 5px; }
|
2013-07-01 05:19:15 +00:00
|
|
|
table#issue_table td#int_issuenumber { vertical-align: middle; text-align: left; }
|
2013-07-10 01:45:10 +00:00
|
|
|
table#issue_table td#issuenumber { vertical-align: middle; text-align: left; max-width: 10px; }
|
2012-09-13 15:27:34 +00:00
|
|
|
table#issue_table td#issuename { vertical-align: middle; text-align: center; font-size: 9px; }
|
|
|
|
|
table#issue_table td#reldate { vertical-align: middle; text-align: center; }
|
|
|
|
|
table#issue_table td#status { vertical-align: middle; text-align: center; font-size: 13px; }
|
2013-07-01 05:19:15 +00:00
|
|
|
table#issue_table td#options { vertical-align: middle; text-align: center; }
|
|
|
|
|
|
|
|
|
|
table#annual_table { background-color: white; width: 100%; padding: 10px; }
|
|
|
|
|
|
2013-07-10 01:45:10 +00:00
|
|
|
table#annual_table th#aselect { vertical-align: middle; text-align: left; min-width: 10px; }
|
|
|
|
|
table#annual_table th#aint_issuenumber { text-align: left; min-width: 0px }
|
|
|
|
|
table#annual_table th#aissuenumber { text-align: left; min-width: 20px; }
|
|
|
|
|
table#annual_table th#aissuename { text-align: center; min-width: 200px; }
|
|
|
|
|
table#annual_table th#areldate { text-align: center; min-width: 10px; }
|
|
|
|
|
table#annual_table th#astatus { text-align: center; min-width: 10px; }
|
|
|
|
|
table#annual_table th#aoptions { text-align: center; min-width: 20px; }
|
|
|
|
|
|
|
|
|
|
table#annual_table td#aselect { vertical-align: middle; text-align: left; }
|
|
|
|
|
table#annual_table td#aint_issuenumber { vertical-align: middle; text-align: left; }
|
|
|
|
|
table#annual_table td#aissuenumber { vertical-align: middle; text-align: left; }
|
|
|
|
|
table#annual_table td#aissuename { vertical-align: middle; text-align: center; font-size: 9px; }
|
|
|
|
|
table#annual_table td#areldate { vertical-align: middle; text-align: center; }
|
|
|
|
|
table#annual_table td#astatus { vertical-align: middle; text-align: center; font-size: 13px; }
|
|
|
|
|
table#annual_table td#aoptions { vertical-align: middle; text-align: center; }
|
2013-07-01 05:19:15 +00:00
|
|
|
|
2012-09-13 15:27:34 +00:00
|
|
|
|
|
|
|
|
img.albumArt { float: left; padding-right: 5px; }
|
|
|
|
|
div#albumheader { padding-top: 48px; height: 200px; }
|
|
|
|
|
div#track_wrapper { margin-left: -50px; padding-top: 20px; font-size: 16px; width: 100%; }
|
|
|
|
|
|
|
|
|
|
table#track_table th#number { text-align: right; min-width: 10px; }
|
|
|
|
|
table#track_table th#name { text-align: center; min-width: 350px; }
|
|
|
|
|
table#track_table th#duration { width: 175px; text-align: center; min-width: 100px; }
|
|
|
|
|
table#track_table th#location { text-align: center; width: 250px; }
|
|
|
|
|
table#track_table th#bitrate { text-align: center; min-width: 75px; }
|
|
|
|
|
table#track_table th#format { text-align: center; min-width: 75px; }
|
|
|
|
|
|
|
|
|
|
table#track_table td#number { vertical-align: middle; text-align: right; }
|
|
|
|
|
table#track_table td#name { vertical-align: middle; text-align: center; font-size: 15px; }
|
|
|
|
|
table#track_table td#duration { vertical-align: middle; text-align: center; }
|
|
|
|
|
table#track_table td#location { vertical-align: middle; text-align: center; font-size: 11px; }
|
|
|
|
|
table#track_table td#bitrate { vertical-align: middle; text-align: center; font-size: 12px; }
|
|
|
|
|
table#track_table td#format { vertical-align: middle; text-align: center; font-size: 12px; }
|
|
|
|
|
|
|
|
|
|
table#history_table { background-color: white; width: 100%; font-size: 13px; }
|
|
|
|
|
|
|
|
|
|
table#history_table td#dateadded { vertical-align: middle; text-align: center; min-width: 150px; font-size: 14px; }
|
|
|
|
|
table#history_table td#filename { vertical-align: middle; text-align: center; min-width: 100px; font-size: 15px; }
|
|
|
|
|
table#history_table td#size { vertical-align: middle; text-align: center; min-width: 75px; font-size: 14px; }
|
|
|
|
|
table#history_table td#status { vertical-align: middle; text-align: center; font-size: 14px; }
|
|
|
|
|
table#history_table td#action { vertical-align: middle; text-align: center; font-size: 14px; }
|
|
|
|
|
|
|
|
|
|
table#log_table { background-color: white; }
|
|
|
|
|
|
|
|
|
|
table#log_table th#timestamp { text-align: left; min-width: 150px; }
|
|
|
|
|
table#log_table th#level { text-align: left; min-width: 60px; }
|
|
|
|
|
table#log_table th#message { text-align: left; min-width: 500px; }
|
|
|
|
|
|
|
|
|
|
table#upcoming_table th#albumart { text-align: center; min-width: 50px; }
|
|
|
|
|
table#upcoming_table th#albumname { text-align: center; min-width: 200px; }
|
|
|
|
|
table#upcoming_table th#artistname { text-align: center; min-width: 150px; }
|
|
|
|
|
table#upcoming_table th#reldate { text-align: center; min-width: 100px; }
|
|
|
|
|
table#upcoming_table th#type { text-align: center; min-width: 75px; }
|
|
|
|
|
|
|
|
|
|
table#upcoming_table td#select { vertical-align: middle; text-align: center; }
|
|
|
|
|
table#upcoming_table td#albumart { vertical-align: middle; text-align: center; min-width: 50px; }
|
|
|
|
|
table#upcoming_table td#albumname { vertical-align: middle; text-align: center; min-width: 200px; }
|
|
|
|
|
table#upcoming_table td#artistname { vertical-align: middle; text-align: center; min-width: 150px; }
|
|
|
|
|
table#upcoming_table td#reldate { vertical-align: middle; text-align: center; min-width: 100px; }
|
|
|
|
|
table#upcoming_table td#type { vertical-align: middle; text-align: center; min-width: 75px; }
|
|
|
|
|
table#upcoming_table td#status { vertical-align: middle; text-align: center; }
|
|
|
|
|
|
|
|
|
|
table#wanted_table th#albumart { text-align: center; min-width: 50px; }
|
|
|
|
|
table#wanted_table th#albumname { text-align: center; min-width: 200px; }
|
|
|
|
|
table#wanted_table th#artistname { text-align: center; min-width: 150px; }
|
|
|
|
|
table#wanted_table th#reldate { text-align: center; min-width: 100px; }
|
|
|
|
|
table#wanted_table th#type { text-align: center; min-width: 75px; }
|
|
|
|
|
|
|
|
|
|
table#wanted_table td#select { vertical-align: middle; text-align: center; }
|
|
|
|
|
table#wanted_table td#albumart { vertical-align: middle; text-align: center; min-width: 50px; }
|
|
|
|
|
table#wanted_table td#albumname { vertical-align: middle; text-align: center; min-width: 200px; }
|
|
|
|
|
table#wanted_table td#artistname { vertical-align: middle; text-align: center; min-width: 150px; }
|
|
|
|
|
table#wanted_table td#reldate { vertical-align: middle; text-align: center; min-width: 100px; }
|
|
|
|
|
table#wanted_table td#type { vertical-align: middle; text-align: center; min-width: 75px; }
|
|
|
|
|
table#wanted_table td#status { vertical-align: middle; text-align: center; }
|
|
|
|
|
|
|
|
|
|
table#searchresults_table th#name { text-align: left; min-width: 500px; }
|
|
|
|
|
table#searchresults_table th#comicyear { text-align: center; min-width: 50px; }
|
|
|
|
|
table#searchresults_table th#issues { text-align: center; min-width: 50px; }
|
|
|
|
|
|
|
|
|
|
table#searchresults_table td#name { vertical-align: middle; text-align: left; min-width: 500px; }
|
|
|
|
|
table#searchresults_table td#comicyear { vertical-align: middle; text-align: left; min-width: 50px; }
|
|
|
|
|
table#searchresults_table td#issues { vertical-align: middle; text-align: center; min-width: 50px; }
|
|
|
|
|
|
|
|
|
|
div.progress-container { border: 1px solid #ccc; width: 100px; height: 14px; margin: 2px 5px 2px 0; padding: 1px; float: left; background: white; }
|
|
|
|
|
.havetracks { font-size: 13px; margin-left: 36px; padding-bottom: 3px; vertical-align: middle; }
|
|
|
|
|
|
|
|
|
|
footer { margin: 20px auto 20px auto; }
|
|
|
|
|
div#version { text-align: center; font-weight: bold; }
|
|
|
|
|
div#donate { text-align: center; margin: 20px auto 20px auto; }
|
|
|
|
|
|
|
|
|
|
div#shutdown{ text-align: center; vertical-align: middle; }
|
|
|
|
|
|
|
|
|
|
.cloudtag { padding-top: 30px; font-size:16px; }
|
|
|
|
|
#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
|
|
|
|
|
#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
|
|
|
|
|
#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
|
|
|
|
|
#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
|
|
|
|
|
#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
|
|
|
|
|
#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
|
|
|
|
|
#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
|
|
|
|
|
#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
|
|
|
|
|
#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
|
|
|
|
|
#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
|
|
|
|
|
|
|
|
|
|
#cloud { padding: 2px; line-height: 1.5em; text-align: center; }
|
|
|
|
|
#cloud a { padding: 0px; }
|
|
|
|
|
#cloud { margin: 0; }
|
|
|
|
|
#cloud li { display: inline; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
|
|
|
|
|
.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:after { clear: both; }
|
|
|
|
|
.clearfix { zoom: 1; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media all and (orientation:portrait) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media all and (orientation:landscape) {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (max-device-width: 480px) {
|
|
|
|
|
|
|
|
|
|
html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@media print {
|
|
|
|
|
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
|
|
|
|
-ms-filter: none !important; }
|
|
|
|
|
a, a:visited { color: #444 !important; text-decoration: underline; }
|
|
|
|
|
a[href]:after { content: " (" attr(href) ")"; }
|
|
|
|
|
abbr[title]:after { content: " (" attr(title) ")"; }
|
|
|
|
|
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
|
|
|
|
|
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
|
|
|
|
thead { display: table-header-group; }
|
|
|
|
|
tr, img { page-break-inside: avoid; }
|
|
|
|
|
@page { margin: 0.5cm; }
|
|
|
|
|
p, h2, h3 { orphans: 3; widows: 3; }
|
|
|
|
|
h2, h3{ page-break-after: avoid; }
|
|
|
|
|
}
|