diff --git a/CSS/themes/mylar3/mylar3-base.css b/CSS/themes/mylar3/mylar3-base.css new file mode 100644 index 00000000..527059a2 --- /dev/null +++ b/CSS/themes/mylar3/mylar3-base.css @@ -0,0 +1,2349 @@ +/* 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: var(--text); + font-size: 12px; + line-height: 1.5; +} +body { + background: var(--main-bg-color); + background-repeat: repeat, no-repeat; + background-attachment: fixed, fixed; + background-position: center center, center center; + background-size: auto, cover; + -webkit-background-size: auto, cover; + -moz-background-size: auto, cover; + -o-background-size: auto, cover; + color: var(--text); + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + margin: 0; + overflow-y: scroll; + padding: 0; +} +a { + color: var(--link-color); + text-decoration: none; + outline: none; +} +a:hover { + color: var(--link-color-hover); + -text-decoration: underline; +} +a.blue { + color: blue; +} +a .ui-icon { + display: inline-block; + position: relative; + top: 3px; +} +.links a { + color: #b5b5b5; + 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 rgba(255, 255, 255, 0.2); + display: block; + height: 1px; + margin: 1em 0; + padding: 0; +} +small { + font-size: 100%; +} +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: 10px; +} +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(#2e333844, #2e33382d) !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 #1c1e22; + -moz-box-shadow: 1px 0 0 #fafafa; + -webkit-box-shadow: 1px 0 0 #fafafa; + -o-box-shadow: 1px 0 0 #fafafa; + box-shadow: 0px 0 0 #1c1e22; + -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(#484e551a, #3a3f442a) !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: #fff; +} + +/* datatables */ +table.display thead th { + padding: 3px 5px 3px 5px; + background-color: rgba(0, 0, 0, 0); + font-weight: bold; + font-size: 16px; + border-bottom: 1px solid #1c1e22; + border-bottom-width: 3px; + text-align: center; +} + +select, +input, +textarea, +button { + font: 99%; +} +#more { + display: none; +} +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; +} +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 { + vertical-align: middle; + text-align: left; +} +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: #666 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: 11px; + 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 #1c1e22; + -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 #1c1e22; + 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: #fff; + 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(#020202, #101112 40%, #191b1d) !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 #000 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(#484e55, #3a3f44) !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: 3px solid #1c1e22; + -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.8; + 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(#8c8c8c, #727272) !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 #000; + 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 #fff; + 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(#113010, #1c521a) !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(#7a0f0f, #a61212) !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 #1c1e22; + 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 #1c1e22; + 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(#484e55, #3a3f44) !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(#616161, #4e4e4e) !important; + background-image: linear-gradient(#616161, #4e4e4e) !important; + background-image: -webkit-linear-gradient(#616161, #4e4e4e) !important; + background-image: -o-linear-gradient(#616161, #4e4e4e) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#4a4a4a) !important; + -ms-filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#4a4a4a) !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: #272b30 #272b30 #272b30; +} +div#searchbar { + border-left: 1px solid #1c1e22; + -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 #1c1e22; + padding: 17px 0 14px 7px; + position: absolute; + left: 90px; + top: 1px; +} +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: 10px; + 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: 5px; +} +.checkbox.inline > input { + margin-right: 5px; + margin-left: 0; + color: #ffffff; +} +.Skipped { + background-color: #353a41; + height: 30px; +} +.Downloaded { + background-color: #0d4a0b; + height: 30px; +} +.Archived { + background-color: #0d4a0b; + height: 30px; +} +.Wanted { + background-color: #641716; + height: 30px; +} +.WantedTier { + background-color: #A97D7B; + height: 30px; +} +.Snatched { + background-color: #1a4977; + height: 30px; +} +.Failed { + background-color: #ff5858; + height: 30px; +} +.Ignored { + background-color: #353a41; + 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#seriesheader { + font-size: 24px; + font-weight: bold; + text-align: left; + margin-bottom: 10px; +} +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; +} +#scheduler_detail th#job { + width: 50px; + text-align: center; +} +#scheduler_detail th#nextrun { + width: 100px; + text-align: center; +} +#scheduler_detail th#prevrun { + width: 100px; + text-align: center; +} +#scheduler_detail th#options { + width: 100px; + text-align: center; +} +#scheduler_detail td#job { + width: 50px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} +#scheduler_detail td#nextrun { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} +#scheduler_detail td#prevrun { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} +#scheduler_detail td#options { + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} +#read_detail th#options { + min-width: 150px; + text-align: center; +} +#read_detail th#comicname { + min-width: 290px; + text-align: center; +} +#read_detail th#issue { + max-width: 27px; + text-align: center; +} +#read_detail th#status { + max-width: 90px; + text-align: center; +} +#read_detail th#issuedate { + max-width: 50px; + text-align: center; +} +#read_detail th#select { + max-width: 10px; + text-align: center; + vertical-align: middle; +} +#read_detail td#comicname { + min-width: 290px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} +#read_detail td#issue { + max-width: 20px; + text-align: center; + vertical-align: middle; +} +#read_detail td#status { + max-width: 90px; + text-align: center; + vertical-align: middle; +} +#read_detail td#issuedate { + max-width: 50px; + text-align: center; + vertical-align: middle; +} +#read_detail td#options { + min-width: 150px; + text-align: center; + vertical-align: middle; +} +#read_detail td#select { + max-width: 10px; + text-align: center; + vertical-align: middle; +} +#storyarcs th#options { + max-width: 100px; + text-align: center; +} +#storyarcs th#storyarc { + max-width: 375px; + text-align: left; +} +#storyarcs th#years { + max-width: 60px; + text-align: center; +} +#storyarcs th#have { + max-width: 70px; + text-align: center; +} +#storyarcs td#storyarc { + min-width: 375px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} +#storyarcs td#years { + max-width: 60px; + text-align: center; + vertical-align: middle; +} +#storyarcs td#options { + max-width: 100px; + text-align: left; + vertical-align: middle; +} +#storyarcs td#have { + max-width: 70px; + text-align: center; + vertical-align: middle; +} +#arc_detail th#options { + max-width: 200px; + text-align: center; +} +#arc_detail th#comicname { + min-width: 280px; + text-align: left; +} +#arc_detail th#issue { + max-width: 25px; + text-align: center; +} +#arc_detail th#status { + max-width: 85px; + text-align: center; +} +#arc_detail th#issuedate { + max-width: 58px; + text-align: center; +} +#arc_detail th#readingorder { + max-width: 15px; + text-align: right; + vertical-align: middle; +} +#arc_detail td#comicname { + min-width: 280px; + text-align: left; + vertical-align: middle; + font-size: 12px; +} +#arc_detail td#issue { + max-width: 25px; + text-align: right; + vertical-align: middle; +} +#arc_detail td#status { + max-width: 85px; + text-align: center; + vertical-align: middle; +} +#arc_detail td#issuedate { + max-width: 58px; + text-align: center; + vertical-align: middle; +} +#arc_detail td#options { + max-width: 200px; + text-align: left; + vertical-align: middle; +} +#arc_detail td#readingorder { + max-width: 15px; + text-align: right; + 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#publisher { + min-width: 100px; + text-align: center; + vertical-align: middle; +} +#pull_table th#comicname { + min-width: 300px; + text-align: center; + vertical-align: middle; +} +#pull_table th#comicnumber { + max-width: 25px; + text-align: center; + vertical-align: middle; +} +#pull_table th#status { + min-width: 30px; + text-align: center; + vertical-align: middle; +} +#pull_table th#options { + min-width: 90px; + text-align: center; + vertical-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: 25px; + text-align: right; + vertical-align: middle; +} +#pull_table td#status { + min-width: 30px; + text-align: center; + vertical-align: middle; +} +#pull_table td#options { + min-width: 90px; + text-align: left; + vertical-align: middle; +} +#manage_comic th#name { + min-width: 275px; + text-align: center; +} +#manage_comic th#latest { + min-width: 150px; + text-align: center; +} +#manage_comic th#status, +#manage_comic th#albumart, +#manage_comic th#lastupdated { + min-width: 50px; + text-align: center; +} +#manage_comic th#stat_icon{ + max-width: 15px; + text-align: center; +} +#manage_comic th#have, +#manage_comic th#publisher { + text-align: center; +} +#manage_comic td#name { + min-width: 275px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} +#manage_comic td#status, +#manage_comic td#lastupdated, +#manage_comic td#publisher { + min-width: 50px; + text-align: center; + vertical-align: middle; +} +#manage_comic td#stat_icon{ + max-width: 15px; + text-align: center; + vertical-align: middle; +} +#manage_comic td#latest { + min-width: 150px; + text-align: center; + 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: center; +} +#manage_issues th#options { + min-width: 150px; + text-align: center; +} +#manage_issues th#select { + min-width: 10px; + text-align: center; + 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: center; +} +#manage_issues td#name { + min-width: 275px; + text-align: center; + vertical-align: middle; + font-size: 12px; +} +#manage_issues td#select { + min-width: 10px; + text-align: center; + 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: center; + vertical-align: middle; +} +#manage_issues td#options { + min-width: 150px; + text-align: center; + vertical-align: middle; +} +#manage_failed th#series { + min-width: 175px; + text-align: center; +} +#manage_failed th#select { + min-width: 10px; + text-align: center; + vertical-align: middle; +} +#manage_failed th#issue, +#manage_failed th#site, +#manage_failed th#datefailed { + min-width: 50px; + text-align: center; +} +#manage_failed th#link { + min-width: 100px; + text-align: center; +} +#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: rgb(0, 0, 0); + padding: 20px; + width: 100%; +} +#series_table th#publisher { + max-width: 120px; + text-align: center; +} +#series_table th#name { + min-width: 290px; + text-align: center; +} +#series_table th#year { + max-width: 25px; + text-align: center; +} +#series_table th#havepercent, +#series_table th#totalcount { + max-width: 1px; + text-align: left; + display: none; +} +#series_table th#activestatus { + max-width: 1px; + text-align: left; + display: none; +} +#series_table th#active { + max-width: 35px; + text-align: center; +} +#series_table th#issue{ + max-width: 30px; + text-align: center; +} +#series_table th#status { + max-width: 50px; + text-align: center; +} +#series_table th#published { + max-width: 55px; + text-align: center; +} +#series_table th#have { + max-width: 80px; + text-align: center; + vertical-align: middle; +} +#series_table td#publisher { + max-width: 120px; + text-align: center; + vertical-align: middle; + font-size: 12px; + background-color: #353a41; +} +#series_table td#name { + min-width: 290px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} +#series_table td#year { + max-width: 25px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} +#series_table td#havepercent, +#series_table td#totalcount { + max-width: 1px; + text-align: left; + vertical-align: middle; + display: none; +} +#series_table td#activestatus { + max-width: 1px; + text-align: left; + vertical-align: middle; + display: none; +} +#series_table td#active { + max-width: 35px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} +#series_table td#issue { + max-width: 30px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} +#series_table td#status { + max-width: 50px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} +#series_table td#published { + max-width: 55px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} +#series_table td#have { + max-width: 80px; + text-align: center; + vertical-align: middle; + background-color: #353a41; +} +#manageheader { + margin-top: 45px; + margin-bottom: 0; +} +#history_table { + background-color: #FFF; + font-size: 13px; + width: 100%; +} +#history_table td#dateadded { + font-size: 12px; + min-width: 100px; + text-align: center; + vertical-align: middle; +} +#history_table td#filename { + font-size: 12px; + min-width: 150px; + text-align: center; + vertical-align: middle; +} +#history_table td#size { + font-size: 12px; + min-width: 40px; + text-align: center; + vertical-align: middle; +} +#history_table td#status { + font-size: 12px; + text-align: center; + vertical-align: middle; +} +#history_table td#action { + font-size: 12px; + max-width: 30px; + 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; + +} +#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; +} +#downloads_table th#title { + max-width: 150px; + vertical-align: middle; + text-align: center; +} +#downloads_table th#size { + max-width: 35px; + vertical-align: middle; + text-align: center; +} +#downloads_table th#kind { + max-width: 20px; + vertical-align: middle; + text-align: center; +} +#downloads_table th#provider { + max-width: 30px; + vertical-align: middle; + text-align: center; +} +#downloads_table td#title { + max-width: 150px; + vertical-align: middle; + text-align: left; +} +#downloads_table td#size { + max-width: 35px; + vertical-align: middle; + text-align: left; +} +#downloads_table td#kind { + max-width: 20px; + vertical-align: middle; + text-align: left; +} +#downloads_table td#provider { + max-width: 30px; + vertical-align: middle; + text-align: center; +} +#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; +} +#queue_table th#qcomicid { + max-width: 10px; + text-align: center; +} +#queue_table th#qseries { + max-width: 475px; + text-align: center; +} +#queue_table th#qsize { + max-width: 30px; + text-align: center; +} +#queue_table th#qprogress { + max-width: 25px; + text-align: center; +} +#queue_table th#qstatus { + max-width: 50px; + text-align: center; +} +#queue_table th#qdate { + max-width: 90px; + text-align: center; +} +#queue_table th#qoptions { + min-width: 160px; + text-align: center; +} +#queue_table td#qcomicid { + max-width: 10px; + text-align: left; +} +#queue_table td#qseries { + max-width: 475px; + text-align: left; +} +#queue_table td#qsize { + max-width: 30px; + text-align: center; +} +#queue_table td#qprogress { + max-width: 25px; + text-align: center; +} +#queue_table td#qstatus { + max-width: 50px; + text-align: center; +} +#queue_table td#qdate { + min-width: 90px; + text-align: center; +} +#queue_table td#qoptions { + min-width: 160px; + text-align: center; +} + +#exceptions_table th#date { text-align: center; max-width: 20px; } +#exceptions_table th#line_num { text-align: center; width: 5px; } +#exceptions_table th#func_name { text-align: center; width: 15px; } +#exceptions_table th#filename { text-align: center; max-width: 15px; } +#exceptions_table th#error { text-align: center; max-width: 40px; } +#exceptions_table th#times { text-align: center; max-width: 5px; } +#exceptions_table th#error_text { text-align: center; max-width: 50px; } +#exceptions_table th#options { text-align: center; max-width: 15px; } + +#exceptions_table td#date { vertical-align: middle; text-align: left; max-width: 20px; } +#exceptions_table td#line_num { vertical-align: middle; text-align: left; width: 5px; } +#exceptions_table td#func_name { vertical-align: middle; text-align: left; width: 15px; } +#exceptions_table td#filename { vertical-align: middle; text-align: center; max-width: 15px; } +#exceptions_table td#error { vertical-align: middle; text-align: left; max-width:40px; } +#exceptions_table td#times { vertical-align: middle; text-align: left; max-width:5px; } +#exceptions_table td#error_text { vertical-align: middle; text-align: left; max-width: 50px; } +#exceptions_table td#options { vertical-align: middle; text-align: center; max-width: 15px; } + +DIV.progress-container +{ + position: relative; + width: 100px; + height: 18px; + margin: 2px 5px 2px 2px; + -border:1px solid #ccc; + background-color: #272b30; + 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); + color: #000; +} +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; + color: #000; + 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); +} +.have { + font-size: 12px; + line-height: normal; + margin-left: 36px; + padding-bottom: 30px; + vertical-align: middle; +} +.progressbar-back-text +{ + font-size: 12px; + vertical-align: text-bottom; + 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-bottom; + 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; +} +#backendstatus { + 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 #1c1e22; + 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, +#wanted_table th#tier, +#searchresults_table th#score { + min-width: 75px; + text-align: center; +} +#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, +#wanted_table td#tier, +#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; + text-align: left; + 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; +} +table#issue_table { width: 100%; padding: 10px; } + +table#issue_table th#select { vertical-align: middle; text-align: center; max-width: 5px; } +table#issue_table th#int_issuenumber { text-align: left; max-width: 10px } +table#issue_table th#issuenumber { text-align: center; max-width: 20px; } +table#issue_table th#issuename { text-align: center; max-width: 200px; } +table#issue_table th#reldate { text-align: center; max-width: 45px; } +table#issue_table th#status { text-align: center; max-width: 55px; } +table#issue_table th#options { text-align: center; max-width: 120px; } + +table#issue_table td#select { vertical-align: middle; text-align: center; max-width: 5px; } +table#issue_table td#int_issuenumber { vertical-align: middle; text-align: left; max-width: 10px; } +table#issue_table td#issuenumber { vertical-align: middle; text-align: center; max-width: 20px; } +table#issue_table td#issuename { vertical-align: middle; text-align: center; max-width: 250px; } +table#issue_table td#reldate { vertical-align: middle; text-align: center; max-width: 45px; } +table#issue_table td#status { vertical-align: middle; text-align: center; max-width: 55px; } +table#issue_table td#options { vertical-align: middle; text-align: center; max-width: 120px; } + +table#annual_table { width: 100%; padding: 10px; } + +table#annual_table th#select { vertical-align: middle; text-align: center; max-width: 5px; } +table#annual_table th#aint_issuenumber { text-align: left; max-width: 1px } +table#annual_table th#aissuenumber { text-align: center; max-width: 20px; } +table#annual_table th#aissuename { text-align: center; max-width: 200px; } +table#annual_table th#areldate { text-align: center; max-width: 45px; } +table#annual_table th#astatus { text-align: center; max-width: 55px; } +table#annual_table th#aoptions { text-align: center; max-width: 120px; } + +table#annual_table td#select { vertical-align: middle; text-align: center; max-width: 5px; } +table#annual_table td#aint_issuenumber { vertical-align: middle; text-align: left; max-width: 1 px; } +table#annual_table td#aissuenumber { vertical-align: middle; text-align: center; max-width: 20px; } +table#annual_table td#aissuename { vertical-align: middle; text-align: center; max-width: 200px; } +table#annual_table td#areldate { vertical-align: middle; text-align: center; max-width: 45px; } +table#annual_table td#astatus { vertical-align: middle; text-align: center; max-width: 55px; } +table#annual_table td#aoptions { vertical-align: middle; text-align: center; max-width: 120px; } + +#btn_container { + float: right; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 998; +} +#btn_container #btn_menu { + float: right; + margin-top: 5px; + position: relative; + text-align: right; + z-index: 99; +} +#btn_container_center { + float: center; + height: 30px; + list-style-type: none; + width: 100%; + z-index: 1; +} +#btn_container_center #btn_menu { + float: center; + margin-top: 5px; + position: relative; + z-index: 1; +} +#btn_menu a { + background-image: -moz-linear-gradient(#616161, #4e4e4e) !important; + background-image: linear-gradient(#616161, #4e4e4e) !important; + background-image: -webkit-linear-gradient(#616161, #4e4e4e) !important; + background-image: -o-linear-gradient(#616161, #4e4e4e) !important; + filter: progid:dximagetransform.microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#4a4a4a) !important; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 12px; + font-weight: normal; +} +#btn_container #btn_menu a:hover, +#btn_container_center #btn_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; + color: #FFF; + border-color: #272b30 #272b30 #272b30; +} + +input[type="checkbox"] + label.series_metadata_local::before { + content: ""; + display: inline-block; + vertical-align: -25%; + height: 2ex; + width: 2ex; + background-color: white; + border: 1px solid rgb(166, 166, 166); + border-radius: 4px; + box-shadow: inset 0 2px 5px rgba(0,0,0,0.25); + margin-right: 0.5em; +} +.outerglow { + font-family: Helvetica, Arial; + font-size: 10pt; + font-weight: bold; + /* line-height: 2em; */ + /* padding: 0.5em; */ +} +.outerglow_shadow_yellow { + color: #FFFF66; + text-shadow: 0 0 0.9em #FFFF00; +} +.outerglow_shadow_red { + color: #FF6666; + text-shadow: 0 0 0.9em #FF0000; +} +.outerglow_text { + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} +fieldset.fieldset_header { + margin: 5px; + padding: 0px 5px 5px; + border: 1px solid #666; + border-radius: 8px; + box-shadow: 0px 0px 10px #666; + padding-top: 5px; +} +figure.item{ + vertical-align: top; + display: inline-block; + text-align: center; + width: 100px; +} +.caption.caption { + display: block; +}