diff --git a/CSS/themes/mylar3/mylar3-base.css b/CSS/themes/mylar3/mylar3-base.css index 4e0a4345..aa94efc8 100644 --- a/CSS/themes/mylar3/mylar3-base.css +++ b/CSS/themes/mylar3/mylar3-base.css @@ -4,7 +4,8 @@ outline: none !important; } -/* Variables *//* Mixins */ +/* Variables */ +/* Mixins */ html, body, div, @@ -74,13 +75,14 @@ time, mark, audio, video { - border: 0; - font: inherit; - font-size: 100%; - margin: 0; - padding: 0; - vertical-align: baseline; + border: 0; + font: inherit; + font-size: 100%; + margin: 0; + padding: 0; + vertical-align: baseline; } + article, aside, details, @@ -92,13 +94,15 @@ hgroup, menu, nav, section { - display: block; + display: block; } + html { - color: var(--text); - font-size: 12px; - line-height: 1.5; + color: var(--text); + font-size: 12px; + line-height: 1.5; } + body { background: var(--main-bg-color); background-repeat: repeat, no-repeat; @@ -109,155 +113,183 @@ body { -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; + 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; + color: var(--link-color); + text-decoration: none; + outline: none; } + a:hover { - color: var(--link-color-hover); - -text-decoration: underline; + color: var(--link-color-hover); + -text-decoration: underline; } + a.blue { - color: blue; + color: blue; } + a .ui-icon { - display: inline-block; - position: relative; - top: 3px; + display: inline-block; + position: relative; + top: 3px; } + .links a { - color: #b5b5b5; - clear: both; - display: inline-block; - float: left; + color: #b5b5b5; + clear: both; + display: inline-block; + float: left; } + .links a:hover { - color: #4183c4; + color: #4183c4; } + .links a .ui-icon { - float: left; - margin-right: 5px; - margin-top: 3px; + float: left; + margin-right: 5px; + margin-top: 3px; } + h1 { - font-size: 24px; + font-size: 24px; } + h2 { - font-size: 20px; + font-size: 20px; } + h3 { - font-size: 16px; + font-size: 16px; } + p.center { - text-align: center; + text-align: center; } + p.tab { - margin-left: 40px; + 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; + 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%; + font-size: 100%; } + norm { - font-size: 115%; + font-size: 115%; } + big { - font-size: 135%; + font-size: 135%; } + td.thickborder { - border: solid #000 3px; + border: solid #000 3px; } + img.albumArt { - float: left; - min-height: 100%; - min-width: 100%; - max-width: 300px; - max-height: 300px; - position: relative; + 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; + float: left; + min-height: 50%; + min-width: 50%; + max-width: 300px; + max-height: 300px; + position: relative; } + .className { - width: 500px; - height: 400px; - overflow: scroll; + width: 500px; + height: 400px; + overflow: scroll; } + .title { - margin-bottom: 20px; - margin-top: 10px; + margin-bottom: 20px; + margin-top: 10px; } + .title h1 img { - float: left; - margin-right: 10px; + float: left; + margin-right: 10px; } + table { - border-collapse: collapse; - border-spacing: 0; - border:1px solid rgba(255, 255, 255, 0.1) !important; - background: rgba(255, 255, 255, 0.1) !important; + border-collapse: collapse; + border-spacing: 0; + border: 1px solid rgba(255, 255, 255, 0.1) !important; + background: rgba(255, 255, 255, 0.1) !important; } 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 rgba(255, 255, 255, 0.1); - -moz-box-shadow: 1px 0 0 #1c1e22; - -webkit-box-shadow: 1px 0 0 #1c1e22; - -o-box-shadow: 1px 0 0 #1c1e22; - box-shadow: 0px 0 0 #1c1e22; - -text-shadow: 1px 1px 0 #1c1e22 ; - color: var(--text-hover) !important; + 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 rgba(255, 255, 255, 0.1); + -moz-box-shadow: 1px 0 0 #1c1e22; + -webkit-box-shadow: 1px 0 0 #1c1e22; + -o-box-shadow: 1px 0 0 #1c1e22; + box-shadow: 0px 0 0 #1c1e22; + -text-shadow: 1px 1px 0 #1c1e22; + color: var(--text-hover) !important; } + table th input[type="checkbox"] { - vertical-align: middle; + 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; + 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; + 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; - background: transparent !important; - color: var(--text-hover); + vertical-align: top; + background: transparent !important; + color: var(--text-hover); } + table td a { - color: var(--link-color); + color: var(--link-color); } /* datatables */ @@ -266,24 +298,26 @@ table td a { .paging_full_numbers .paginate_active, .paging_simple_numbers .paginate_button, .paging_simple_numbers .paginate_active { - background: var(--button-color); - border-radius: 4px 4px 4px 4px; - margin: 0 0 0 4px; - font-size: 15px; - padding: 2px 5px; - color: var(--button-text); - cursor: pointer; - *cursor: hand; -} - -.paging_full_numbers .paginate_button:hover, .paging_simple_numbers .paginate_button:hover { - background-color: var(--button-color-hover); + background: var(--button-color); + border-radius: 4px 4px 4px 4px; + margin: 0 0 0 4px; + font-size: 15px; + padding: 2px 5px; + color: var(--button-text); + cursor: pointer; + *cursor: hand; +} + +.paging_full_numbers .paginate_button:hover, +.paging_simple_numbers .paginate_button:hover { + background-color: var(--button-color-hover); color: var(--button-text-hover); } -.paging_full_numbers .paginate_active, .paging_simple_numbers .paginate_active { - background-color: var(--button-color-hover); - color: var(--button-text-hover); +.paging_full_numbers .paginate_active, +.paging_simple_numbers .paginate_active { + background-color: var(--button-color-hover); + color: var(--button-text-hover); } @@ -314,135 +348,139 @@ table.display tr.even { /* DataTables row classes */ table.display tr.odd.gradeA { - background-color: rgba(255, 255, 255, 0.15); + background-color: rgba(255, 255, 255, 0.15); } table.display tr.even.gradeA { - background-color: rgba(255, 255, 255, 0.05); + background-color: rgba(255, 255, 255, 0.05); } table.display tr.odd.gradeB { - background-color: #61925f55; + background-color: #61925f55; } table.display tr.even.gradeB { - background-color: #61925f55; + background-color: #61925f55; } table.display tr.odd.gradeC { - background-color: #1a497755; + background-color: #1a497755; } table.display tr.even.gradeC { - background-color: #1a497755; + background-color: #1a497755; } table.display tr.even.gradeE { - background-color: #444b5455; + background-color: #444b5455; } table.display tr.odd.gradeE { - background-color: #444b5455; + background-color: #444b5455; } table.display tr.even.gradeG { - background-color: #0A0A0A55; + background-color: #0A0A0A55; } table.display tr.odd.gradeG { - background-color: #0A0A0A55; + background-color: #0A0A0A55; } table.display tr.even.gradeH { - background-color: #ae343155; + background-color: #ae343155; } table.display tr.odd.gradeH { - background-color: #ae343155; + background-color: #ae343155; } table.display tr.odd.gradeI { - background-color: #216f7055; + background-color: #216f7055; } table.display tr.even.gradeI { - background-color: #216f7055; + background-color: #216f7055; } table.display tr.even.gradeL { - background-color: #1c518855; + background-color: #1c518855; } + table.display tr.odd.gradeL { - background-color: #ebf5ff55; + background-color: #ebf5ff55; } table.display tr.odd.gradeX { - background-color: #64171655; + background-color: #64171655; } table.display tr.even.gradeX { - background-color: #64171655; + background-color: #64171655; } table.display tr.odd.gradeU { - background-color: #382f6455; + background-color: #382f6455; } table.display tr.even.gradeU { - background-color: #382f6455; + background-color: #382f6455; } table.display tr.odd.gradeP { - background-color: #68FC6855; + background-color: #68FC6855; } table.display tr.even.gradeP { - background-color: #68FC6855; + background-color: #68FC6855; } table.display tr.odd.gradeD { - background-color: #29813855; + background-color: #29813855; } table.display tr.even.gradeD { - background-color: #29813855; + background-color: #29813855; } table.display tr.odd.gradeZ { - background-color: #353a4155; + background-color: #353a4155; } table.display tr.even.gradeZ { - background-color: #2e333855; + background-color: #2e333855; } table.display tr.odd.gradeT { - background-color: #bd915a55; + background-color: #bd915a55; } table.display tr.even.gradeT { - background-color: #bd915a55; + background-color: #bd915a55; } table.display tr.odd.gradeF { - background-color: #FF585855; + background-color: #FF585855; } table.display tr.even.gradeF { - background-color: #FF585855; + background-color: #FF585855; } table.display tr.odd.gradeT1 { - background-color: #FFDDDD55; + background-color: #FFDDDD55; } + table.display tr.even.gradeT1 { - background-color: #FFDDDD55; + background-color: #FFDDDD55; } + table.display tr.odd.gradeT2 { - background-color: #A97D7B55; + background-color: #A97D7B55; } + table.display tr.even.gradeT2 { - background-color: #A97D7B55; + background-color: #A97D7B55; } @@ -466,266 +504,306 @@ table.display tr.gradeZ td { border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); } + table.display tr:last-child td { - border-bottom: 1px solid rgba(255, 255, 255, 0.5); + border-bottom: 1px solid rgba(255, 255, 255, 0.5); } select, input, textarea, button { - font: 99%; + font: 99%; } + #more { - display: none; + display: none; } + textarea { - overflow: auto; + overflow: auto; } + input { - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; + -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; + -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; + background-color: #f0dddd; } + label, input[type="button"], input[type="submit"], input[type="image"], button { - cursor: pointer; + cursor: pointer; } + button, input, select, textarea { - margin: 0; + margin: 0; } + button { - overflow: visible; - width: auto; + overflow: visible; + width: auto; } + input, select, form .checkbox input, .configtable td#middle { - vertical-align: middle; - text-align: left; + vertical-align: middle; + text-align: left; } + input[type="radio"] { - vertical-align: text-bottom; + vertical-align: text-bottom; } + ::-moz-selection, ::selection { - background: grey; - color: #fff; - text-shadow: none; + 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: var(--button-color); - border: 0; - border-bottom: 1px solid var(--button-color); - color: var(--button-text); - 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); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background: var(--button-color); + border: 0; + border-bottom: 1px solid var(--button-color); + color: var(--button-text); + 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); } + form legend, form h2 { - font-size: 16px; - font-weight: bold; - margin-bottom: 10px; + font-size: 16px; + font-weight: bold; + margin-bottom: 10px; } + form table { - width: 100%; + width: 100%; } + form fieldset { - margin-bottom: 20px; + margin-bottom: 20px; } + form fieldset small.heading { - color: #666; - display: block; - font-style: italic; - margin-bottom: 10px; - margin-top: -15px; + color: #666; + display: block; + font-style: italic; + margin-bottom: 10px; + margin-top: -15px; } + form .fieldset-auto-width { - display: inline-block; + display: inline-block; } + form .row { - font-family: Helvetica, Arial; - margin-bottom: 10px; + 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; + display: block; + float: left; + font-size: 12px; + line-height: normal; + padding-top: 7px; + width: 175px; } + form .row input { - margin-right: 5px; + 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; + 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; + 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; + float: none; + line-height: normal; + margin-bottom: 10px; + padding-top: 1px; + width: auto; } + form .left input { - float: left; - margin-bottom: 10px; + float: left; + margin-bottom: 10px; } + form .radio label { - float: none; - line-height: normal; - margin-bottom: 10px; - padding-top: 1px; - width: auto; + float: none; + line-height: normal; + margin-bottom: 10px; + padding-top: 1px; + width: auto; } + form .radio input { - float: left; - margin-bottom: 10px; + float: left; + margin-bottom: 10px; } + form .radio small { - display: inline !important; - line-height: normal !important; - margin: 0 !important; - width: auto; + 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; + display: inline !important; + line-height: normal !important; + margin: 0 !important; + width: auto; } + ul, ol { - margin-left: 2em; + margin-left: 2em; } + ol { - list-style-type: decimal; + list-style-type: decimal; } + nav ul, nav li { - list-style: none; - list-style-image: none; - margin: 0; + list-style: none; + list-style-image: none; + margin: 0; } + ul#nav { - float: right; - margin: 0; - padding: 0 0 0 10px; - border-left: 1px solid #1c1e2200; - -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 #1c1e2200; - height: 58px; + float: right; + margin: 0; + padding: 0 0 0 10px; + border-left: 1px solid #1c1e2200; + -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 #1c1e2200; + height: 58px; } + ul#nav li { - display: block; - float: left; - font-size: 18px; - font-weight: bold; - margin: 8px 0 0 0; - text-align: center; + display: block; + float: left; + font-size: 18px; + font-weight: bold; + margin: 8px 0 0 0; + text-align: center; } + ul#nav li a { - color: rgb(var(--accent-color)); - 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; + color: rgb(var(--accent-color)); + 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:transparent !important; - color: var(--accent-color-hover); - filter: none !important; - -ms-filter: none !important; - -border: 1px solid transparent; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - -moz-box-shadow: 0 1px 0 transparent; - -webkit-box-shadow: 0 1px 0 transparent; - -o-box-shadow: 0 1px 0 transparent; - box-shadow: 0 1px 0 transparent; - -moz-box-shadow: 0 1px 0 transparent inset; - -webkit-box-shadow: 0 1px 0 transparent inset; - -o-box-shadow: 0 1px 0 transparent inset; - box-shadow: 0 1px 0 rgba(0, 0, 0, 0) 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; + background: transparent !important; + color: var(--accent-color-hover); + filter: none !important; + -ms-filter: none !important; + -border: 1px solid transparent; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + -moz-box-shadow: 0 1px 0 transparent; + -webkit-box-shadow: 0 1px 0 transparent; + -o-box-shadow: 0 1px 0 transparent; + box-shadow: 0 1px 0 transparent; + -moz-box-shadow: 0 1px 0 transparent inset; + -webkit-box-shadow: 0 1px 0 transparent inset; + -o-box-shadow: 0 1px 0 transparent inset; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0) 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; + height: 28px; + width: 10px; } + ul#nav li a.config img { - position: relative; - top: -7px; - left: -7px; + position: relative; + top: -7px; + left: -7px; } + ul#nav li a.log { - font-size: 13px; - padding: 10px 15px 11px; + font-size: 13px; + padding: 10px 15px 11px; } + header { background: var(--main-bg-color) !important; background-repeat: repeat, no-repeat !important; @@ -736,1638 +814,1984 @@ header { -moz-background-size: auto, cover !important; -o-background-size: auto, cover !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 transparent; - -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0); - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0); - -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0); - box-shadow: 0 0 10px rgba(0, 0, 0, 0); - height: 58px; - position: fixed; - width: 100%; - z-index: 999; + 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 transparent; + -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0); + box-shadow: 0 0 10px rgba(0, 0, 0, 0); + height: 58px; + position: fixed; + width: 100%; + z-index: 999; } + header .wrapper { - margin: 0 auto; - overflow: hidden; - position: relative; - width: 960px; + 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 */ + 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; + display: table; + margin: 60px auto 50px auto; + width: 960px; + padding-top: 10px; + border-top: 1px solid #EEE; } -footer div em, footer div { - color:var(--text-muted) !important; + +footer div em, +footer div { + color: var(--text-muted) !important; } + #main { - line-height: 24px; - margin: 0 auto; - padding: 75px 0 0; - width: 960px; + 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; + -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; + 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; + -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; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + line-height: normal; + padding-left: 20px; } + #ajaxMsg .loader { - position: relative; - top: 2px; + 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; + 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; + 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; + 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; + 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; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + line-height: normal; + padding-left: 20px; } + #updatebar .loader { - position: relative; - top: 2px; + 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; + 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; + 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; + display: inline-block; + margin-left: -20px; + top: 2px; + position: relative; + margin-right: 3px; } + #subhead .back { - float: left; - margin-top: -25px; + float: left; + margin-top: -25px; } + #subhead #subhead_container { - float: right; - height: 30px; - list-style-type: none; - width: 100%; - z-index: 998; + 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; + float: right; + margin-top: 5px; + position: relative; + z-index: 99; } + #subhead #subhead_container #subhead_menu a { - background: var(--button-color) !important; - color: var(--button-text); - filter: none !important; - -ms-filter: none !important; - font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; - font-size: 12px; - font-weight: normal; + background: var(--button-color) !important; + color: var(--button-text); + filter: none !important; + -ms-filter: none !important; + font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; + font-size: 12px; + font-weight: normal; } + #subhead #subhead_container #subhead_menu a:hover { - background: var(--button-color-hover) !important; - filter: None !important; - -ms-filter: None !important; - color: var(--button-text-hover); - border: inherit !important; + background: var(--button-color-hover) !important; + filter: None !important; + -ms-filter: None !important; + color: var(--button-text-hover); + border: inherit !important; } + div#searchbar { - border-left: 1px solid transparent; - -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 transparent; - padding: 17px 0 14px 7px; - position: absolute; - left: 90px; - top: 1px; + border-left: 1px solid transparent; + -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 transparent; + padding: 17px 0 14px 7px; + position: absolute; + left: 90px; + top: 1px; } + div#searchbar input[type=text] { - border: 1px solid rgba(255, 255, 255, 0.1); - border-top: 1px solid transparent; - -moz-box-shadow: None; - -webkit-box-shadow: None; - -o-box-shadow: None; - box-shadow: None; - color: var(--text); - float: left; - font-size: 14px; - height: auto; - line-height: normal; - margin-right: 10px; - padding: 4px 5px 4px 25px; - width: 150px; - background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.1); + border-top: 1px solid transparent; + -moz-box-shadow: None; + -webkit-box-shadow: None; + -o-box-shadow: None; + box-shadow: None; + color: var(--text); + float: left; + font-size: 14px; + height: auto; + line-height: normal; + margin-right: 10px; + padding: 4px 5px 4px 25px; + width: 150px; + background: rgba(255, 255, 255, 0.1); } + 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; + 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; + padding: 5px; } -.checkbox.inline > input { - margin-right: 5px; - margin-left: 0; - color: #ffffff; + +.checkbox.inline>input { + margin-right: 5px; + margin-left: 0; + color: #ffffff; } + .Skipped { - background-color: #353a41; - height: 30px; + background-color: #353a41; + height: 30px; } + .Downloaded { - background-color: #0d4a0b; - height: 30px; + background-color: #0d4a0b; + height: 30px; } + .Archived { - background-color: #0d4a0b; - height: 30px; + background-color: #0d4a0b; + height: 30px; } + .Wanted { - background-color: #641716; - height: 30px; + background-color: #641716; + height: 30px; } + .WantedTier { - background-color: #A97D7B; - height: 30px; + background-color: #A97D7B; + height: 30px; } + .Snatched { - background-color: #1a4977; - height: 30px; + background-color: #1a4977; + height: 30px; } + .Failed { - background-color: #ff5858; - height: 30px; + background-color: #ff5858; + height: 30px; } + .Ignored { - background-color: #353a41; - height: 30px; + background-color: #353a41; + height: 30px; } + .comictable legend { - font-size: 14px; - font-weight: bold; - margin-bottom: 10px; - -text-shadow: 1px 1px 0 #FFFFFF; + 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; + border-left: 1px dotted #ddd; + padding-left: 20px; } + .comictable td { - padding-right: 15px; + padding-right: 15px; } .configtable legend { - font-size: 16px; - font-weight: bold; - margin-bottom: 10px; - -text-shadow: 1px 1px 0 #FFFFFF; + 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; + border-left: 1px dotted #ddd; + padding-left: 20px; } + .configtable td { - padding-right: 15px; - width: 50%; + 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; + _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; + _height: 302px; + clear: both; + margin: 20px auto 0; + min-height: 150px; + padding: 25px; + width: 88%; + zoom: 1px; } + #paddingheader { - position: relative; - top: 0px; + position: relative; + top: 0px; } + #paddingheader h1 { - line-height: 33px; -/* width: 450px; */ + line-height: 33px; + /* width: 450px; */ } + #paddingheader h1 img { - float: left; - margin-right: 5px; + float: left; + margin-right: 5px; } + div#nopaddingheader { - font-size: 24px; - font-weight: bold; - text-align: center; + font-size: 24px; + font-weight: bold; + text-align: center; } + div#seriesheader { - font-size: 24px; - font-weight: bold; - text-align: left; - margin-bottom: 10px; + font-size: 24px; + font-weight: bold; + text-align: left; + margin-bottom: 10px; } + div#artistheader { - margin-top: 50px; - min-height: 200px; + 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; + 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; + font-size: 16px; + line-height: 24px; + margin-top: 10px; } + #artistBio_table { - padding: 5px; - width: 650px; + padding: 5px; + width: 650px; } + #artistBio_table td#bio { - font-size: 12px; - line-height: 16px; - margin-top: 5px; + 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; + 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; + font-style: italic; + font-weight: bold; + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; } + #scheduler_detail th#job { - width: 50px; - text-align: center; + width: 50px; + text-align: center; } + #scheduler_detail th#nextrun { - width: 100px; - text-align: center; + width: 100px; + text-align: center; } + #scheduler_detail th#prevrun { - width: 100px; - text-align: center; + width: 100px; + text-align: center; } + #scheduler_detail th#options { - width: 100px; - text-align: center; + width: 100px; + text-align: center; } + #scheduler_detail td#job { - width: 50px; - text-align: left; - vertical-align: middle; - font-size: 12px; + 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; + 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; + 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; + width: 100px; + text-align: center; + vertical-align: middle; + font-size: 12px; } + #read_detail th#options { - min-width: 150px; - text-align: center; + min-width: 150px; + text-align: center; } + #read_detail th#comicname { - min-width: 290px; - text-align: center; + min-width: 290px; + text-align: center; } + #read_detail th#issue { - max-width: 27px; - text-align: center; + max-width: 27px; + text-align: center; } + #read_detail th#status { - max-width: 90px; - text-align: center; + max-width: 90px; + text-align: center; } + #read_detail th#issuedate { - max-width: 50px; - text-align: center; + max-width: 50px; + text-align: center; } + #read_detail th#select { - max-width: 10px; - text-align: center; - vertical-align: middle; + 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; + 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; + max-width: 20px; + text-align: center; + vertical-align: middle; } + #read_detail td#status { - max-width: 90px; - text-align: center; - vertical-align: middle; + max-width: 90px; + text-align: center; + vertical-align: middle; } + #read_detail td#issuedate { - max-width: 50px; - text-align: center; - vertical-align: middle; + max-width: 50px; + text-align: center; + vertical-align: middle; } + #read_detail td#options { - min-width: 150px; - text-align: center; - vertical-align: middle; + min-width: 150px; + text-align: center; + vertical-align: middle; } + #read_detail td#select { - max-width: 10px; - text-align: center; - vertical-align: middle; + max-width: 10px; + text-align: center; + vertical-align: middle; } + #storyarcs th#options { - max-width: 100px; - text-align: center; + max-width: 100px; + text-align: center; } + #storyarcs th#storyarc { - max-width: 375px; - text-align: left; + max-width: 375px; + text-align: left; } + #storyarcs th#years { - max-width: 60px; - text-align: center; + max-width: 60px; + text-align: center; } + #storyarcs th#have { - max-width: 70px; - text-align: center; + max-width: 70px; + text-align: center; } + #storyarcs td#storyarc { - min-width: 375px; - text-align: left; - vertical-align: middle; - font-size: 12px; + min-width: 375px; + text-align: left; + vertical-align: middle; + font-size: 12px; } + #storyarcs td#years { - max-width: 60px; - text-align: center; - vertical-align: middle; + max-width: 60px; + text-align: center; + vertical-align: middle; } + #storyarcs td#options { - max-width: 100px; - text-align: left; - vertical-align: middle; + max-width: 100px; + text-align: left; + vertical-align: middle; } + #storyarcs td#have { - max-width: 70px; - text-align: center; - vertical-align: middle; + max-width: 70px; + text-align: center; + vertical-align: middle; } + #arc_detail th#options { - max-width: 200px; - text-align: center; + max-width: 200px; + text-align: center; } + #arc_detail th#comicname { - min-width: 280px; - text-align: left; + min-width: 280px; + text-align: left; } + #arc_detail th#issue { - max-width: 25px; - text-align: center; + max-width: 25px; + text-align: center; } + #arc_detail th#status { - max-width: 85px; - text-align: center; + max-width: 85px; + text-align: center; } + #arc_detail th#issuedate { - max-width: 58px; - text-align: center; + max-width: 58px; + text-align: center; } + #arc_detail th#readingorder { - max-width: 15px; - text-align: right; - vertical-align: middle; + 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; + 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; + max-width: 25px; + text-align: right; + vertical-align: middle; } + #arc_detail td#status { - max-width: 85px; - text-align: center; - vertical-align: middle; + max-width: 85px; + text-align: center; + vertical-align: middle; } + #arc_detail td#issuedate { - max-width: 58px; - text-align: center; - vertical-align: middle; + max-width: 58px; + text-align: center; + vertical-align: middle; } + #arc_detail td#options { - max-width: 200px; - text-align: left; - vertical-align: middle; + max-width: 200px; + text-align: left; + vertical-align: middle; } + #arc_detail td#readingorder { - max-width: 15px; - text-align: right; - vertical-align: middle; + max-width: 15px; + text-align: right; + vertical-align: middle; } + #weekly_pull th#publisher { - min-width: 150px; - text-align: left; + min-width: 150px; + text-align: left; } + #weekly_pull th#comicname { - min-width: 250px; - text-align: left; + min-width: 250px; + text-align: left; } + #weekly_pull th#comicnumber, #weekly_pull th#status, #weekly_pull th#series { - min-width: 50px; - text-align: center; + min-width: 50px; + text-align: center; } + #weekly_pull td#comicname { - min-width: 275px; - text-align: left; - vertical-align: middle; - font-size: 12px; + 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; + min-width: 50px; + text-align: left; + vertical-align: middle; } + #weekly_pull td#publisher { - min-width: 150px; - text-align: left; - vertical-align: middle; + min-width: 150px; + text-align: left; + vertical-align: middle; } + #pull_table th#publisher { - min-width: 100px; - text-align: center; - vertical-align: middle; + min-width: 100px; + text-align: center; + vertical-align: middle; } + #pull_table th#comicname { - min-width: 300px; - text-align: center; - vertical-align: middle; + min-width: 300px; + text-align: center; + vertical-align: middle; } + #pull_table th#comicnumber { - max-width: 25px; - text-align: center; - vertical-align: middle; + max-width: 25px; + text-align: center; + vertical-align: middle; } + #pull_table th#status { - min-width: 30px; - text-align: center; - vertical-align: middle; + min-width: 30px; + text-align: center; + vertical-align: middle; } + #pull_table th#options { - min-width: 90px; - text-align: center; - vertical-align: middle; + min-width: 90px; + text-align: center; + vertical-align: middle; } + #pull_table td#publisher { - min-width: 100px; - text-align: left; - vertical-align: middle; + min-width: 100px; + text-align: left; + vertical-align: middle; } + #pull_table td#comicname { - min-width: 300px; - text-align: left; - vertical-align: middle; + min-width: 300px; + text-align: left; + vertical-align: middle; } + #pull_table td#comicnumber { - max-width: 25px; - text-align: right; - vertical-align: middle; + max-width: 25px; + text-align: right; + vertical-align: middle; } + #pull_table td#status { - min-width: 30px; - text-align: center; - vertical-align: middle; + min-width: 30px; + text-align: center; + vertical-align: middle; } + #pull_table td#options { - min-width: 90px; - text-align: left; - vertical-align: middle; + min-width: 90px; + text-align: left; + vertical-align: middle; } + #manage_comic th#name { - min-width: 275px; - text-align: center; + min-width: 275px; + text-align: center; } + #manage_comic th#latest { - min-width: 150px; - text-align: center; + min-width: 150px; + text-align: center; } + #manage_comic th#status, #manage_comic th#albumart, #manage_comic th#lastupdated { - min-width: 50px; - text-align: center; + min-width: 50px; + text-align: center; } -#manage_comic th#stat_icon{ - max-width: 15px; - 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; + text-align: center; } + #manage_comic td#name { - min-width: 275px; - text-align: center; - vertical-align: middle; - font-size: 12px; + 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; + 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#stat_icon { + max-width: 15px; + text-align: center; + vertical-align: middle; } + #manage_comic td#latest { - min-width: 150px; - text-align: center; - vertical-align: middle; + min-width: 150px; + text-align: center; + vertical-align: middle; } + #manage_comic td#have { - min-width: 50px; - text-align: left; - vertical-align: middle; + min-width: 50px; + text-align: left; + vertical-align: middle; } + #manage_issues th#name { - min-width: 275px; - text-align: center; + min-width: 275px; + text-align: center; } + #manage_issues th#options { - min-width: 150px; - text-align: center; + min-width: 150px; + text-align: center; } + #manage_issues th#select { - min-width: 10px; - text-align: center; - vertical-align: middle; + 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; + min-width: 50px; + text-align: center; } + #manage_issues td#name { - min-width: 275px; - text-align: center; - vertical-align: middle; - font-size: 12px; + 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; + 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; + min-width: 50px; + text-align: center; + vertical-align: middle; } + #manage_issues td#options { - min-width: 150px; - text-align: center; - vertical-align: middle; + min-width: 150px; + text-align: center; + vertical-align: middle; } + #manage_failed th#series { - min-width: 175px; - text-align: center; + min-width: 175px; + text-align: center; } + #manage_failed th#select { - min-width: 10px; - text-align: center; - vertical-align: middle; + 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; + min-width: 50px; + text-align: center; } + #manage_failed th#link { - min-width: 100px; - text-align: center; + min-width: 100px; + text-align: center; } + #manage_failed td#series { - min-width: 175px; - text-align: left; - vertical-align: middle; - font-size: 12px; + 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; + 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; + min-width: 50px; + text-align: left; + vertical-align: middle; } + #manage_failed td#link { - min-width: 100px; - text-align: left; - vertical-align: middle; + min-width: 100px; + text-align: left; + vertical-align: middle; } + #series_table { - background-color: rgba(0, 0, 0, 0); - padding: 20px; - width: 100%; + background-color: rgba(0, 0, 0, 0); + padding: 20px; + width: 100%; } + #series_table th#publisher { - max-width: 120px; - text-align: center; + max-width: 120px; + text-align: center; } + #series_table th#name { - min-width: 290px; - text-align: center; + min-width: 290px; + text-align: center; } + #series_table th#year { - max-width: 25px; - text-align: center; + max-width: 25px; + text-align: center; } + #series_table th#havepercent, #series_table th#totalcount { - max-width: 1px; - text-align: left; - display: none; + max-width: 1px; + text-align: left; + display: none; } + #series_table th#activestatus { - max-width: 1px; - text-align: left; - display: none; + max-width: 1px; + text-align: left; + display: none; } + #series_table th#active { - max-width: 35px; - text-align: center; + max-width: 35px; + text-align: center; } -#series_table th#issue{ - max-width: 30px; - text-align: center; + +#series_table th#issue { + max-width: 30px; + text-align: center; } + #series_table th#status { - max-width: 50px; - text-align: center; + max-width: 50px; + text-align: center; } + #series_table th#published { - max-width: 55px; - text-align: center; + max-width: 55px; + text-align: center; } + #series_table th#have { - max-width: 80px; - text-align: center; - vertical-align: middle; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + 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; + max-width: 80px; + text-align: center; + vertical-align: middle; + background-color: #353a41; } + #manageheader { - margin-top: 45px; - margin-bottom: 0; + margin-top: 45px; + margin-bottom: 0; } + #history_table { - background-color: #FFF; - font-size: 13px; - width: 100%; + background-color: #FFF; + font-size: 13px; + width: 100%; } + #history_table td#dateadded { - font-size: 12px; - min-width: 100px; - text-align: center; - vertical-align: middle; + 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; + 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; + 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; + 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; + font-size: 12px; + max-width: 30px; + text-align: center; + vertical-align: middle; } #log_table { - background-color: #FFF; + background-color: #FFF; } + #log_table th#timestamp { - min-width: 125px; - text-align: left; + min-width: 125px; + text-align: left; } + #log_table th#level { - max-width: 60px; - text-align: left; + max-width: 60px; + text-align: left; } + #log_table th#message { - min-width: 600px; - text-align: left; + min-width: 600px; + text-align: left; } + #searchresults_table th#name { - min-width: 525px; - text-align: left; + min-width: 525px; + text-align: left; } + #searchresults_table th#comicyear { - min-width: 50px; - text-align: left; + min-width: 50px; + text-align: left; } + #searchresults_table th#issues { - min-width: 50px; - text-align: left; + min-width: 50px; + text-align: left; } + #searchresults_table th#add { - min-width: 75px; - text-align: left; + 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; + 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; + min-width: 500px; + text-align: left; + vertical-align: middle; } + #searchresults_table td#comicyear { - min-width: 50px; - text-align: left; - vertical-align: middle; + min-width: 50px; + text-align: left; + vertical-align: middle; } + #searchresults_table td#issues { - min-width: 50px; - text-align: left; - vertical-align: middle; + min-width: 50px; + text-align: left; + vertical-align: middle; } + #searchresults_table td#add { - min-width: 75px; - vertical-align: middle; + 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; + 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; + 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; + min-width: 10px; + text-align: left; } + #impresults_table th#select input { - vertical-align: middle; - min-width: 10px; + vertical-align: middle; + min-width: 10px; } + #impresults_table th#comicname { - min-width: 325px; - text-align: left; + min-width: 325px; + text-align: left; } + #impresults_table th#comicyear { - min-width: 75px; - text-align: center; + min-width: 75px; + text-align: center; } + #impresults_table th#issues { - min-width: 25px; - text-align: center; + min-width: 25px; + text-align: center; } + #impresults_table th#status { - min-width: 110px; - text-align: center; + min-width: 110px; + text-align: center; } + #impresults_table th#importdate { - min-width: 100px; - text-align: center; + min-width: 100px; + text-align: center; } + #impresults_table th#addcomic { - min-width: 100px; - text-align: left; + min-width: 100px; + text-align: left; } -#impresults_table td#select{ - min-width: 10px; - text-align: middle; - vertical-align: middle; + +#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#select input { + min-width: 10px; + vertical-align: middle; } + #impresults_table td#comicname { - min-width: 325px; - text-align: left; - vertical-align: middle; + min-width: 325px; + text-align: left; + vertical-align: middle; } + #impresults_table td#comicyear { - min-width: 75px; - text-align: left; - vertical-align: middle; + min-width: 75px; + text-align: left; + vertical-align: middle; } + #impresults_table td#issues { - min-width: 25px; - text-align: left; - vertical-align: middle; + min-width: 25px; + text-align: left; + vertical-align: middle; } + #impresults_table td#status { - min-width: 110px; - text-align: left; - vertical-align: middle; + min-width: 110px; + text-align: left; + vertical-align: middle; } + #impresults_table td#importdate { - min-width: 100px; - text-align: left; - vertical-align: middle; + min-width: 100px; + text-align: left; + vertical-align: middle; } + #impresults_table td#addcomic { - min-width: 100px; - vertical-align: middle; - text-align: left; + min-width: 100px; + vertical-align: middle; + text-align: left; } + #downloads_table th#title { - max-width: 150px; - vertical-align: middle; - text-align: center; + max-width: 150px; + vertical-align: middle; + text-align: center; } + #downloads_table th#size { - max-width: 35px; - vertical-align: middle; - text-align: center; + max-width: 35px; + vertical-align: middle; + text-align: center; } + #downloads_table th#kind { - max-width: 20px; - vertical-align: middle; - text-align: center; + max-width: 20px; + vertical-align: middle; + text-align: center; } + #downloads_table th#provider { - max-width: 30px; - vertical-align: middle; - text-align: center; + max-width: 30px; + vertical-align: middle; + text-align: center; } + #downloads_table td#title { - max-width: 150px; - vertical-align: middle; - text-align: left; + max-width: 150px; + vertical-align: middle; + text-align: left; } + #downloads_table td#size { - max-width: 35px; - vertical-align: middle; - text-align: left; + max-width: 35px; + vertical-align: middle; + text-align: left; } + #downloads_table td#kind { - max-width: 20px; - vertical-align: middle; - text-align: left; + max-width: 20px; + vertical-align: middle; + text-align: left; } + #downloads_table td#provider { - max-width: 30px; - vertical-align: middle; - text-align: center; + max-width: 30px; + vertical-align: middle; + text-align: center; } + #searchmanage_table th#comicname { - min-width: 325px; - text-align: left; + min-width: 325px; + text-align: left; } + #searchmanage_table th#comicpub { - min-width: 100px; - text-align: left; + min-width: 100px; + text-align: left; } + #searchmanage_table th#comicissues { - min-width: 75px; - text-align: left; + min-width: 75px; + text-align: left; } + #searchmanage_table th#addcomic { - min-width: 95px; - text-align: left; + min-width: 95px; + text-align: left; } + #searchmanage_table td#comicname { - min-width: 325px; - text-align: left; - vertical-align: middle; + min-width: 325px; + text-align: left; + vertical-align: middle; } + #searchmanage_table td#comicpub { - min-width: 100px; - text-align: left; - vertical-align: middle; + min-width: 100px; + text-align: left; + vertical-align: middle; } + #searchmanage_table td#comicissues { - min-width: 75px; - text-align: left; - vertical-align: middle; + min-width: 75px; + text-align: left; + vertical-align: middle; } + #searchmanage_table td#addcomic { - min-width: 95px; - vertical-align: middle; + min-width: 95px; + vertical-align: middle; } + #queue_table th#qcomicid { - max-width: 10px; - text-align: center; + max-width: 10px; + text-align: center; } + #queue_table th#qseries { - max-width: 475px; - text-align: center; + max-width: 475px; + text-align: center; } + #queue_table th#qsize { - max-width: 30px; - text-align: center; + max-width: 30px; + text-align: center; } + #queue_table th#qprogress { - max-width: 25px; - text-align: center; + max-width: 25px; + text-align: center; } + #queue_table th#qstatus { - max-width: 50px; - text-align: center; + max-width: 50px; + text-align: center; } + #queue_table th#qdate { - max-width: 90px; - text-align: center; + max-width: 90px; + text-align: center; } + #queue_table th#qoptions { - min-width: 160px; - text-align: center; + min-width: 160px; + text-align: center; } + #queue_table td#qcomicid { - max-width: 10px; - text-align: left; + max-width: 10px; + text-align: left; } + #queue_table td#qseries { - max-width: 475px; - text-align: left; + max-width: 475px; + text-align: left; } + #queue_table td#qsize { - max-width: 30px; - text-align: center; + max-width: 30px; + text-align: center; } + #queue_table td#qprogress { - max-width: 25px; - text-align: center; + max-width: 25px; + text-align: center; } + #queue_table td#qstatus { - max-width: 50px; - text-align: center; + max-width: 50px; + text-align: center; } + #queue_table td#qdate { - min-width: 90px; - text-align: center; + 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); + 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; + 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; + 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; + color: #999; + font-size: 10px; + position: relative; + z-index: 999; + margin: 0px auto; + text-align: center; + width: 400px; } + #donate { - float: left; - text-align: left; + float: left; + text-align: left; } + #actions { - float: right; - text-align: right; - margin-right: 10px; - margin-top: -5px; - color: #cccccc; + 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"); + 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; + 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; + text-align: center; + vertical-align: middle; } + #shutdown h1 img { - position: relative; - top: 7px; + position: relative; + top: 7px; } + .cloudtag { - font-size: 16px; + font-size: 16px; } + .cloudtag #cloud { - line-height: 1.5em; - margin: 0; - padding: 2px; - text-align: center; + line-height: 1.5em; + margin: 0; + padding: 2px; + text-align: center; } + .cloudtag #cloud a { - padding: 0; + padding: 0; } + .cloudtag #cloud a.tag1 { - font-size: 0.7em; - font-weight: 100; + font-size: 0.7em; + font-weight: 100; } + .cloudtag #cloud a.tag2 { - font-size: 0.8em; - font-weight: 200; + font-size: 0.8em; + font-weight: 200; } + .cloudtag #cloud a.tag3 { - font-size: 0.9em; - font-weight: 300; + font-size: 0.9em; + font-weight: 300; } + .cloudtag #cloud a.tag4 { - font-size: 1em; - font-weight: 400; + font-size: 1em; + font-weight: 400; } + .cloudtag #cloud a.tag5 { - font-size: 1.2em; - font-weight: 500; + font-size: 1.2em; + font-weight: 500; } + .cloudtag #cloud a.tag6 { - font-size: 1.4em; - font-weight: 600; + font-size: 1.4em; + font-weight: 600; } + .cloudtag #cloud a.tag7 { - font-size: 1.6em; - font-weight: bold; + font-size: 1.6em; + font-weight: bold; } + .cloudtag #cloud a.tag8 { - font-size: 1.8em; - font-weight: 800; + font-size: 1.8em; + font-weight: 800; } + .cloudtag #cloud a.tag9 { - font-size: 2.2em; - font-weight: 900; + font-size: 2.2em; + font-weight: 900; } + .cloudtag #cloud a.tag10 { - font-size: 2.5em; - font-weight: 900; + font-size: 2.5em; + font-weight: 900; } + .cloudtag #cloud li { - display: inline-block; - margin: 5px 10px; + display: inline-block; + margin: 5px 10px; } + .floatright { - float: right; + float: right; } + .floatleft { - float: left; + float: left; } + .ir { - background-repeat: no-repeat; - direction: ltr; - display: block; - overflow: hidden; - text-align: left; - text-indent: -999em; + background-repeat: no-repeat; + direction: ltr; + display: block; + overflow: hidden; + text-align: left; + text-indent: -999em; } + .hidden { - display: none; - visibility: 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; + 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; + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; } + .invisible { - visibility: hidden; + visibility: hidden; } + .clearfix:before, .clearfix:after { - content: "\0020"; - display: block; - height: 0; - overflow: hidden; + content: "\0020"; + display: block; + height: 0; + overflow: hidden; } + .clearfix { - zoom: 1px; + zoom: 1px; } + .clearfix:after { - clear: both; + clear: both; } + #upcoming_table th#comicname, #wanted_table th#comicname { - min-width: 150px; - text-align: center; + 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; + 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; + min-width: 75px; + text-align: center; } + #wanted_table th#albumart { - min-width: 50px; - text-align: center; + min-width: 50px; + text-align: center; } + #upcoming_table th#issuenumber, #wanted_table th#issuenumber { - min-width: 50px; - text-align: center; + min-width: 50px; + text-align: center; } + #upcoming_table th#reldate, #wanted_table th#reldate { - min-width: 50px; - text-align: center; + min-width: 50px; + text-align: center; } + #upcoming_table td#albumart, #wanted_table td#albumart { - min-width: 50px; - text-align: center; - vertical-align: middle; + 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; + 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; + 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; + 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; + min-width: 75px; + text-align: center; + vertical-align: middle; } + table tr td#status a { - color: #4183c4; + color: #4183c4; } + .ie7 input[type="checkbox"] { - vertical-align: baseline; + vertical-align: baseline; } + .ie7 img { - -ms-interpolation-mode: bicubic; + -ms-interpolation-mode: bicubic; } + .ie7 legend { - margin-left: -7px; + margin-left: -7px; } + /* Mask for background, by default is not display */ #mask { display: none; @@ -2381,6 +2805,7 @@ table tr td#status a { opacity: 0.8; z-index: 999; } + /* You can customize to your needs */ .issue-popup { width: 600px; @@ -2397,129 +2822,272 @@ table tr td#status a { text-align: left; box-shadow: 0px 0px 20px #999; /* CSS3 */ - -moz-box-shadow: 0px 0px 20px #999; + -moz-box-shadow: 0px 0px 20px #999; /* Firefox */ - -webkit-box-shadow: 0px 0px 20px #999; + -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */ - border-radius: 3px 3px 3px 3px; - -moz-border-radius: 3px; + border-radius: 3px 3px 3px 3px; + -moz-border-radius: 3px; /* Firefox */ - -webkit-border-radius: 3px; - /* Safari, Chrome */; + -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; } + +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; + 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; + 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; + 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; + 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; + 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; + 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; @@ -2527,75 +3095,81 @@ input[type="checkbox"] + label.series_metadata_local::before { /* 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; + -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; + 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; + display: block; } /* ALPHABET SEARCH */ div.alphabet { - position: relative; - display: table; - width: 100%; - margin-bottom: 1em; + position: relative; + display: table; + width: 100%; + margin-bottom: 1em; } div.alphabet span { - display: table-cell; - color: rgb(var(--accent-color)); - cursor: pointer; - text-align: center; - width: 3.5%; + display: table-cell; + color: rgb(var(--accent-color)); + cursor: pointer; + text-align: center; + width: 3.5%; } div.alphabet span:hover { - text-decoration: underline; + text-decoration: underline; } div.alphabet span.active { - color: var(--accent-color-hover); + color: var(--accent-color-hover); } div.alphabet span.empty { - color: #f44336; + color: #f44336; } div.alphabetInfo { - display: block; - position: absolute; - background-color: #111; - border-radius: 3px; - color: white; - top: 2em; - height: 1.8em; - padding-top: 0.4em; - text-align: center; - z-index: 1; -} + display: block; + position: absolute; + background-color: #111; + border-radius: 3px; + color: white; + top: 2em; + height: 1.8em; + padding-top: 0.4em; + text-align: center; + z-index: 1; +} \ No newline at end of file