diff --git a/DARKstyle.css b/DARKstyle.css new file mode 100644 index 0000000..4a9e4a5 --- /dev/null +++ b/DARKstyle.css @@ -0,0 +1,1157 @@ +body, +th, +tr:hover, +col.name, +form blockquote.userstuff, +input:focus, input, +select:focus, +select, +textarea:focus, textarea, +.autocomplete div.dropdown ul, +#ui-datepicker-div, +#ibox_wrapper, +#ibox_content, +.toggled form, +.dynamic form, +.secondary, +.listbox .index, +.dashboard .listbox .index, +.nomination dt { + background: #393e46; + font-family: Avenir, Helvetica, Arial, sans-serif; + color: #eeeeee; +} + +#header .search input[type="text"], #header .search input[type="text"]:focus { + color:#eeeeee !important; +} + +#header .logo { +display: none; +} + +.home .header h2 { + border-bottom: 0px; +} + +.subscription dd { + background-color: transparent !important; +} + +.splash .favorite li:nth-of-type(odd) a:hover, +.splash .favorite a:hover { + color: #464e59; + background-color: #eeeeee; +} + +#dashboard .actions a, +#dashboard .actions a:visited { + color: #eeeeee !important; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +.blurb ul.required-tags { + background: #464e59 !important; +} + +.filters dl { + background: #464e59; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +#dashboard .actions .current { + color: #eeeeee !important; + background: #393e46; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +#dashboard.own { + border: none; +} + +.announcement .userstuff h2 { + margin-top: 10px; + color: #393e46; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +fieldset fieldset, +fieldset dl dl, +.fieldset, +fieldset { + border-radius: 0.75em; + background: #393e46; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +.datetime p, +.bookmark .datetime { + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +#header .user a, +#header .user a:visited { + margin: 2px; + font-family: Avenir, Helvetica, Arial, sans-serif; + color: #eeeeee !important; +} + +.picture .header { + border: none; +} + +li.comment, +.thread .even { + border-radius: 0.75em; +} + +.bookmark div.user { + border-radius: 0.5em; +} + +.blurb .header .heading { + background: transparent !important; +} + +.blurb .stats { + color: #f7f7f7; +} + +.module .heading h4, +.module .heading h5, +h5.module .fandoms .heading, +.blurb dl.stats, +.blurb dl.stats dd, +.meta .stats, +.meta .stats dl dt, +.meta .stats dl dd, +.blurb dl.stats dt, +.dashboard .own .work { + background: transparent !important; +} + +h5.heading, +.user .datetime, +.bookmark .user .userstuff, +.bookmark .user .meta { + margin: 10px; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +.reading h4.viewed { + background: #464e59; + border: 1px solid #eeeeee; + padding: 0.50em; + border-radius: .25em; +} + +.posted { + font-size: 0.8em; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + + + +#header .menu, +#header .menu li a:link, +#header .menu li a:visited { + border-radius: 0.75em; + background: #464e59 !important; + color: #eeeeee !important; + border: none; +} + +#header .menu li a:hover, +#header .dropdown:hover a { + color: #eeeeee !important; + background: #393e46 !important; +} + +li.blurb { + border-radius: 0.75em; + background: #464e59; + border: none; +} + +.filters .submit input { + height: 100%; + margin: 1em 0; + min-height: 1.286em; + padding-left: 0; + padding-right: 0; + text-align: center; + color: #393e46; + background: #eeeeee; +} + +#header #search > * { + width: 70%; + white-space: nowrap; + margin-right: 60px; +} + +form.verbose legend, +.verbose form legend { + height: auto; + width: auto; + font-size: 100%; + background: #b0ccd3; + color: #393e46; + border: none; + padding: .5em; + box-shadow: none; + opacity: 1; + margin: 10px; + border-radius: .5em; +} + +.actions input[type="text"], .actions input[type="text"]:focus, +.textarea, +.autocomplete input, +form.search input[type="text"], +form.search input[type="text"]:focus, +li.search fieldset, +.search input[type="text"], .search input[type="text"]:focus { + color: #eeeeee; + background: #393e46; + border: 1px solid #eeeeee; + border-radius: .25em; + box-shadow: none; + font: 90% Avenir, Helvetica, Arial, sans-serif; + padding: 5px; + width: 90%; + -webkit-appearance: none; +} + +.input, +.highlighted { + border: none; +} + +.filters input:checked+.indicator+span { + text-decoration: underline; + font-weight: normal; +} + +#header .actions a:hover, +#header .actions a:focus, +#header .dropdown:hover a, +#header .open a, +#header .menu, +#small_login, +#header .dropdown:hover .current+.menu, +.actions a, +.actions a:link, +.actions a:active, +.actions a:visited, +.current span, +.current, +a.current, +.actions .current, +.current, +.current a:visited, +.current a:link, +#dashboard .current, +.actions a:active, +span.unread, +.replied, +span.claimed, +.own, +.unread, +.child, +.unwrangled, +.unreviewed { + color: #393e46; + background: #eeeeee; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +dl.index dd { + color: #eeeeee; +} + +.draft, +.draft .wrapper { + color: #eeeeee; +} + +#header h2, +#footer ul, +#footer ul.navigation a, +.autocomplete .dropdown ul li:hover, +li.selected, +a.tag:hover { + color: #464e59; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +tbody tr, +thead td, +#header #small_login, +fieldset, +form dl, +fieldset dl dl, +fieldset fieldset fieldset, +fieldset fieldset dl dl, +dd.hideme, +form blockquote.userstuff, +form dt, +.actions a:active, +.current, +a.current, +.current a:visited, +.search span.tip, +#header ul.primary .current { + border-color: #393e46; +} + +.heading a, +.userstuff, +.heading, +#heading h3, +.splash .module h3 { + color: #eeeeee; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +.listbox>.heading { + color: #eeeeee; + padding: 10px; + padding-left: 15px; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +.listbox .index { + background: #464e59; +} + +a.tag { + border-bottom: none; +} + +.actions a, +.actions a:link, +.actions a:visited, +.current, +a.current, +.current a:visited, +.current a:link { + color: #393e46 !important; + background: #eeeeee; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +.listbox { + border: none; + border-radius: 0.5em; +} + +.actions a:hover, +.actions li .current a:hover { + background: #393e46; + color: #eeeeee !important; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +.action.top, +.action a:link { + background: #eeeeee; + color: #393e46; + height: auto; + font-weight: bolder; + font-family: Avenir, Helvetica, Arial, sans-serif; + padding: .15em .25em; +} + +.splash .module h3 { + border-bottom: none; + font-variant: small-caps; + font-size: 1.914em; +} + +.title { + font-family: Avenir, Helvetica, Arial, sans-serif; + font-variant: small-caps; +} + +.heading sup { + font-family: times new roman, serif; +} + +.published, +.comments { + font-size: 14px; + font-family: Avenir, Helvetica, Arial, sans-serif; + font-variant: small-caps; +} + +form .notice, +form ul.notes { + box-shadow: none; +} + +.actions a, +.action, +.actions input, +input[type="submit"], +button, +.current, +.actions label, +li.relationships, +li.relationships a, +.thread .even, +.preface h3 { + background-color: transparent; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +a:hover, +.splash .browse a:hover { + color: #b0ccd3; + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +#login-block, +li.blurb, +fieldset, +form dl, +#dashboard ul.navigation, +#dashboard ul, +#symbols-key dl, +.toggled form, +.dynamic form, +div.comment, +li.comment, +.comment div.icon, +.autocomplete div.dropdown ul, +#modal, +.bookmark p.count span, +.ui-sortable li:hover, +.actions a:hover, +.actions input:hover, +.userstuff blockquote { + border-color: #464e59; +} + +fieldset, +form dl, +fieldset dl dl, +fieldset fieldset fieldset, +fieldset fieldset dl dl, +dd.hideme, +form blockquote.userstuff { + box-shadow: none; +} + +#header .actions a:hover, +#header .actions a:focus, +#header .dropdown:hover a, +#header .open a, +#header .menu, +#small_login, +#header .dropdown:hover .current+.menu, +#dashboard .current, +.actions a:active, +.current, +a.current, +.current a:visited, +span.unread, +.replied, +span.claimed, +dl.index dd, +.own, +.draft, +.draft .wrapper, +.unread, +.child, +.unwrangled, +.unreviewed { + background: #464e59; +} + +.actions a, +.action, +.actions input, +input[type="submit"], +button, +.current, +.actions label, +a.cloud4, +a.cloud5 { + color: #eeeeee; +} + +a:visited, +a.cloud6 { + color: #eeeeee; +} + +thead, +tfoot, +tfoot td, +th, +tr:hover, +col.name, +input, +textarea, +#modal .content, +.actions a, +.action, +.actions input, +input[type="submit"], +button, +.current, +.actions label, +span.unread, +.replied, +span.claimed, +.system .latest h3, +.system div.news h3, +.listbox, +fieldset fieldset.listbox, +dl.meta, +.picture .header, +.bookmark .user { + border-color: #eeeeee; + background: #393e46; + font-family: Avenir, Helvetica, Arial, sans-serif; + border-radius: 5px; + margin-bottom: 10px; +} + +li.blurb, +.blurb .blurb, +.listbox .index, +.dashboard .listbox .index { + box-shadow: none; +} + +#header ul.primary { + box-shadow: none; + padding: 1em; + background: #464E59; + border: 1px #464E59 solid; + color: #b0ccd3; +} + +#header .dropdown, #header .dropdown a, #header .dropdown a:hover { color: #b0ccd3 !important; } + +#header .dropdown .menu .current { + background-color: #eeeeee; + color: #464e59; +} + +#workskin img { + max-width: 95%; + display: block; + margin-left: auto; + margin-right: auto; +} + +.autocomplete div.dropdown ul { + border: 1px solid #eeeeee; + border-radius: 0.5em; +} + +table, +thead td, +#header #small_login, +#dashboard a:hover, +fieldset, +form dl, +fieldset dl dl, +fieldset fieldset fieldset, +fieldset fieldset dl dl, +dd.hideme +{ + background: #464e59; + +} + +form blockquote.userstuff, +.ui-sortable li:hover, +.listbox, +fieldset fieldset.listbox, +.readings-index h3, +.search span.tip, +.flash, +.notice, +.error, +.comment_error { + background: #464e59; + color: #eeeeee; +} +.comment h4.byline { + background: transparent; +} + +body, +#main.error, +#main.slow, +#main.maintenance, +.required .autocomplete, +.autocomplete .notice, +.post .required .warnings, +.listbox .heading, +.listbox .heading a:visited, +.userstuff h2, +.userstuff caption, +.userstuff table, +.userstuff td, +.userstuff col, +.userstuff tr, +.userstuff thead, +.userstuff tfoot, +.userstuff tbody, +.userstuff th, +.userstuff thead td, +.userstuff th a, +.userstuff th a:link, +a.cloud3,{ + color: #eeeeee; +} + +.draft { + border-color: #eeeeee; +} + +.actions a, +.action, .action:link, +.actions input, +input[type="submit"], +button, +.current, +.actions label, +span.unread, +.replied, +span.claimed { + border-bottom-color: #eeeeee; +} + +.ui-sortable li:hover, +.secondary, +.wrapper, +.ui-draggable form { + box-shadow: none; +} + +#header #small_login { + box-shadow: none; +} + +.delete a, +span.delete { + box-shadow: none; +} + +#header .primary .menu .current { + color: #00273d !important; +} + +a, +a:link, +a:visited:hover, +#dashboard a, +#dashboard span, +.autocomplete div.dropdown ul, +.actions a:visited, +.actions a:active, +.current, +a.current, +.current a:visited, +a.tag, +.tags a, +a.cloud1, +a.cloud2 { + color: #b0ccd3; +} + +.userstuff h3, +#header .primary a, +#header .primary .current, +#header .primary input, +#header .search input { + border-color: #00273d; +} + +.userstuff h3 { + border-bottom: 0px; + font-family: Avenir, Helvetica, Arial, sans-serif; + font-size: 1.8em; +} + +.userstuff h2 { + font-family: Avenir, Helvetica, Arial, sans-serif; + font-size: 2em; +} + +.actions a:active, +.current, +a.current, +.current a:visited { + box-shadow: none; +} + + +.autocomplete .dropdown ul li:hover, +li.selected, +a.tag:hover { + background: #eeeeee; +} + +#header #greeting img, +#header .heading a, +#header fieldset, +#header form, +#header p, +#header .user a:hover, +#header .user a:focus, +#header .user .current, +#dashboard a:hover, +.actions a:hover, +.actions input:hover, +.delete a, +span.delete, +span.unread, +.replied, +span.claimed, +.draggable, +.droppable, +span.requested, +a.work, +.blurb h4 a:link, +.blurb h4 img, +.system .latest h3, +.system div.news h3, +.system .tweets h3, +.required, +.error, +a.cloud7, +a.cloud8 { + color: #eeeeee; +} + +#outer #header #greeting .icon, +#dashboard.own, +.error, +.comment_error, +.LV_invalid, +.LV_invalid_field, +input.LV_invalid_field:hover, +input.LV_invalid_field:active, +textarea.LV_invalid_field:hover, +textarea.LV_invalid_field:active, +#header .primary a, +#header .primary .current, +#header .primary input, +#header .search input { + border-color: #eeeeee; +} + +#dashboard a, +.unread, +#dashboard span, +#dashboard.own, +fieldset dl, +fieldset.actions, +fieldset dl fieldset dl, +.dynamic form fieldset, +.toggled form fieldset, +.toggled form dl, +.secondary .toggled form, +.dashboard .own, +.mods li, +dl.stats dt, +.blurb .header .heading, +.blurb .header ul, +.blurb .header p.status, +fieldset.comments, +.userstuff table, +.userstuff td, +.userstuff col, +.userstuff tr, +.userstuff thead, +.userstuff tfoot, +.userstuff tbody, +.userstuff th, +.userstuff thead td, +.userstuff th a, +.userstuff th a:link { + background: #393e46; +} + + + + +fieldset dl, +fieldset.actions, +fieldset dl fieldset dl, +.dynamic form fieldset, +.toggled form fieldset, +.toggled form dl, +.secondary .toggled form, +.actions a, +.action, +.actions input, .action:link +input[type="submit"], +button, +.current, +.actions label, +#outer.wrapper, +#inner.wrapper, +dl.index, +dl.stats, +.listbox, +fieldset fieldset.listbox, +.listbox li.blurb, +fieldset.comments, +dl.nomination { + box-shadow: none; +} + +h2, +.system p#signup, +#header h2 { + text-shadow: none; +} + +.dashboard .listbox { + border: 1px solid #b0ccd3; +} + +.comment fieldset { + border: 0px; +} + +#greeting img.icon { + border-radius: 2em; + height: 2.5em; + width: 2.5em; +} + +.primary .icon, +.icon { + border-radius: 4em; + height: 7em; + width: 7em; +} + +.picture .icon img { + border-radius: 4em; + height: 7em; + width: 7em; + margin: -8px; +} + +.icon { + padding: 5px; +} + +.comment div.icon { + border-bottom: 0px; +} + +span.symbol { + color: #eeeeee; + background: #393e46; + font-family: avenir, Georgia,serif; + border: 1px solid; + vertical-align: super; + border-radius: .75em; + box-shadow: none; +} + +.notice { + border: 1px solid #eeeeee; + background: #393e46; + box-shadow: none; + padding: 1em; +} + +#modal-bg { + background: #eeeeee; +} + +.characters a:before, +.relationships a:before, +.freeforms a:before, +.meta a:before { + color: #eeeeee; + content: "\2729"; + padding: 0 .25em 0 0; +} + +.splash .browse li a:before { + color: #eeeeee; + content: "\272D"; + padding: 0 .25em 0 0; +} + +.kudos a:before { + color: #eeeeee; + content: "\272D"; + padding: 0 .25em 0 0; +} + +.btn, +input[type=submit], +.actions li a, +.actions li input, +.actions li input[type="submit"], +.actions li .current, +.actions li label, .action:link { + color: #393e46; + background: #eeeeee; + border: none !important; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +input[type="submit"], +input[type="submit"]:hover { + border: none; +} + +.autocomplete { + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +.btn:hover, +input[type="submit"]:hover, +.actions li input[type="submit"]:hover, +.actions .current:hover { + color: #eeeeee; + background: #393e46; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +.tags input[type='radio'], +.filters [type="radio"] + .indicator::before, +.filters [type="radio"] + .indicator::before { + color: #eeeeee; + background: #393e46; + border: 1px solid #eeeeee; + border-radius: 1em; + box-shadow: none; +} + +.filters [type="radio"]:checked + .indicator::after, +.filters [type="checkbox"]:checked + .indicator::after, +[type="radio"]:checked + .indicator::after { + color: #393e46; + background: #eeeeee; +} + +#header .primary>li:first-of-type { + margin-left: 2em; +} + +#dashboard a, +.unread, +#dashboard span, +#dashboard.own, +fieldset dl, +fieldset.actions, +fieldset dl fieldset dl, +.dynamic form fieldset, +.toggled form fieldset, +.toggled form dl, +.secondary .toggled form, +.dashboard .own, +.mods li, +dl.stats dt, +.blurb .header .heading, +.blurb .header ul, +.blurb .header p.status, +fieldset.comments, +.userstuff table, +.userstuff td, +.userstuff col, +.userstuff tr, +.userstuff thead, +.userstuff tfoot, +.userstuff tbody, +.userstuff th, +.userstuff thead td, +.userstuff th a, +.userstuff th a:link { + background: #535D6D; +} + +.assignment dl.stats, +.assignment dl.stats dt, +.assignment dl.stats dd, +dl.stats, +dl.stats dt { + background: transparent; + color: #f7f7f7; +} + +.assignment .index dt { + margin-bottom: 5px; +} + +.blurb dl.stats { + margin-bottom: 5px; +} + +#dashboard { + border-bottom: 0px solid #393e46; + border-top: 0px solid #393e46; + padding: .5em 0; + border-radius: .25em; +} + +.userstuff p { + color: #f7f7f7; + outline: none; + font-size: medium; +} + +.user .datetime { + color: #f7f7f7; +} + +.preface blockquote { + border: 0; + font-size: xx-small; +} + +.assignment .datetime { + font-family: Avenir, Helvetica, Arial, sans-serif; +} + +p.kudos { + background: none; + padding: .5em; +} + +ul.series, +ul.series li { + color: #f7f7f7; +} + +.own .header, +.inbox .actions, +.inbox .comments, +.pseud .header, +.collection .header { + background-color: transparent; +} + +.own .type { + color: #f7f7f7; +} + +.faq .example, +.guideline .example { + border: 0px; + background-color: #535D6D; + border-radius: 5px; +} + +.comment .icon .visitor { + background: url(/images/imageset.png) no-repeat -1px -76px; + padding: 0px; + margin: 5px; +} + +.skins .primary .icon, +.admin .primary .icon { + padding: 0px; + margin: 10px; +} + +.bookmark .count a { + color: #eeeeee; +} + +.announcement .userstuff { + background: #ce4c4c; + border-color: #ce4c4c; + color: #535D6D; +} + +.announcement .userstuff p { + color: #535D6D; +} + +.announcement input[type="submit"], +.announcement .action { + background: #fff none; + border: 1px solid #ce4c4c; + color: #f7f7f7; + font-size: .875em; + padding: .25em .5em; + border-radius: 2em; +} + +input[name="preview_button"] { + color: #393e46; + background: #26ba9a !important; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +input[name="post_button"] { + color: #393e46; + background: #ce4c4c !important; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +input[name="preview_button"]:hover { + color: #393e46 !important; + background: #14a085 !important; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + +input[name="post_button"]:hover { + color: #393e46 !important; + background: #802f35 !important; + border: none; + border-bottom: none; + background-image: none; + border-radius: .25em; + box-shadow: none; +} + + +#footer { +background: #464E59 !important; +color: #eeeeee; +border-top: none !important; +} +#footer .heading, #footer ul, #footer ul.navigation a { + color: #eeeeee !important; +} + +#footer a:hover { box-shadow: none;}