Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(4 dazwischenliegende Versionen von einem anderen Benutzer werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
/* CSS placed here will affect users of the | /* CSS placed here will affect users of the Daybreak skin */ | ||
/* LIMAFOX76 CSS style for the Timeless skin, modified by Joe Beaudoin Jr. */ | /* LIMAFOX76 CSS style for the Timeless skin, modified by Joe Beaudoin Jr. */ | ||
Zeile 7: | Zeile 7: | ||
font-family: Caprica; | font-family: Caprica; | ||
font-style: normal; | font-style: normal; | ||
src: url(' | src: url('/w/skins/Daybreak/resources/fonts/caprica.ttf') format('truetype'), | ||
url(' | url('/w/skins/Daybreak/resources/fonts/caprica.otf') format('opentype'); | ||
} | } | ||
Zeile 918: | Zeile 918: | ||
font-weight:bolder !important; | font-weight:bolder !important; | ||
border: 1px solid var(--red) !important; | border: 1px solid var(--red) !important; | ||
} | |||
/* mobile stuff */ | |||
div#content-bottom-stuff, div#mw-header-nav-hack, #mw-related-navigation .sidebar-inner, #mw-site-navigation .sidebar-inner { | |||
background-color: var(--background2); | |||
} | |||
#mw-site-navigation h2, #mw-related-navigation h2 { | |||
font-family: Caprica !important; | |||
} | |||
/* diff viewer */ | |||
del.diffchange.diffchange-inline, | |||
del.diffchange { | |||
color: black !important; | |||
} | |||
/* image slieshow */ | |||
.mw-gallery-slideshow li.gallerybox.slideshow-current { | |||
background: #d2691e !important; | |||
} | |||
/* Target for anchor links */ | |||
span:target, .focused { | |||
background-color: red; | |||
-webkit-transition: all 1s linear; | |||
} | |||
/* Add a pseudo-element inside the target element */ | |||
span:target::before, .focused::before { | |||
font: 70% sans-serif; | |||
content: "►"; | |||
color: var(--yellow-dark); | |||
margin-right: .25em; | |||
} | } |
Aktuelle Version vom 6. Juli 2021, 02:12 Uhr
/* CSS placed here will affect users of the Daybreak skin */ /* LIMAFOX76 CSS style for the Timeless skin, modified by Joe Beaudoin Jr. */ /* variables */ @font-face { font-family: Caprica; font-style: normal; src: url('/w/skins/Daybreak/resources/fonts/caprica.ttf') format('truetype'), url('/w/skins/Daybreak/resources/fonts/caprica.otf') format('opentype'); } #mw-header-container #p-banner, #mw-header-container #personal h2, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content #firstHeading { font-family: Caprica; } #content h1, #content h2 { font-variant: small-caps; } :root { --text: #fff; --background: #471919; --background2: #000; --background3: #160807; --background-dark: #f4a460; --background-dark2: #d2691e; --text-inverse: #018; --grey: #ccc; --grey-bright: #eee; --grey-dark: #666; --red: #d44; --red-bright: #f55; --red-dark: #900; --orange: #ffa500; --orange-bright: #ff4500; --orange-dark: #ff8c00; --yellow: #ffff00; --yellow-bright: #ffffe0; --yellow-dark: #ffd700; --green: #3b7; --green-bright: #4c8; --green-dark: #396; --blue: #08d; --blue-bright: #2af; --blue-dark: #069; --link: #ffff00; --link-red: #d44; --font-size: 0.93em; } .box { background: var(--background3); border: solid var(--yellow-dark); padding: 1.25em 1.75em; box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); } body { color: var(--text); background: var(--background3); font-size: var(--font-size); line-height: 1.4; } .nav-block() { background: var(--background3); border: solid var(--yellow-dark); padding: 1.25em 1.75em; box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); padding: 1.5em 1.5em 0; margin: 1em 0; line-height: 1.125; word-wrap: break-word; font-size: 0.95em; } .nav-block() ul, .nav-block() li { list-style: none; margin: 0; padding: 0; } .nav-block() h3 { font-weight: normal; font-size: 1em; margin: 0.25em 0 0.75em 0; padding-bottom: 0.15em; border-bottom: solid 2px var(--grey); } .nav-block() ul { margin-bottom: 2em; } .nav-block() li { padding: 0.25em 0; } #mw-page-header-links li:hover { border-bottom-color: var(--grey); } #mw-page-header-links li.selected { border-bottom-color: var(--orange); } #mw-page-header-links li.selected a { color: var(--text); } /* Global width */ .ts-inner { max-width: 1920px; } /* Content */ #mw-content-container { background: var(--background2); border-bottom: solid 4px var(--yellow-dark); } #mw-content { background: var(--background3); border: solid var(--yellow-dark); padding: 1.25em 1.75em; box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); background: var(--background); padding: 1em @content-padding 3em; /* Set a z-index for the content to group it away from any nav stuff (extensions) - T200148 */ position: relative; z-index: 0; } /* Logo background */ #p-logo { background: #160807; border: 1px solid #471919; } /* Site Navigation */ #mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk, #personal .dropdown { background: #160807; border: solid #ffd700; border-width: 1px 1px 0.2em; color: #ffffff; } /* Header Container */ #mw-header-container { background: #471919; color: #ffffff; } #p-logo-text a { color: #ffffff; } /* Color Middle */ .color-middle-container { padding: 0 4.0em; max-width: 1920px; } .color-middle { margin-left: 13.2em; margin-right: 15em; background: #ff8c00; } /* Context Infoboxes Jar*/ #stacked_layout { background: #000000; } /* Footer */ #mw-footer-container { border-top: solid 1px #ffa500; background: #160807; } /* Style effects for the Browse properties */ .mw_metadata th, #mw-allmessagestable td { background-color: #160807; } #mw-allmessagestable tbody:hover { background-color: #471919;; } .mw_metadata td, #mw-allmessagestable th, .diff-addedline .diffchange { background: #000; } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select { background-color: #fff; } .warningbox { background-color: #160807; color: #fff; } div.mw-warning-with-logexcerpt { background: #160807; } /* Misc */ a, .toctogglelabel { text-decoration: none; color: var(--yellow); } a:hover { color: var(--yellow-bright); } a:visited { color: var(--yellow-dark); } a.extiw, .extiw a, a.external.text, a.external.free, .mw-parser-output a.extiw { color: var(--orange); } a.extiw:hover, .extiw a:hover, a.external.text:hover, a.external.free:hover, .mw-parser-output a.extiw:hover, a.extiw:visited, .extiw a:visited, a.external.text:visited, a.external.free:visited, .mw-parser-output a.extiw:visited { color: var(--orange-dark); } a.new, .new a { color: var(--red); } a.new:hover, .new a:hover, a.new:visited, .new a:visited { color: var(--red-dark); } a.mw-selflink { color: inherit; font-weight: bold; text-decoration: inherit; } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { color: var(--yellow-dark); line-height: 1.125; margin: 0.7em 0 0.5em; } .mw-body dt { font-weight: bold; line-height: 1.125; margin: 0.7em 0 0.5em; margin-bottom: 0.1em; } .mw-body dl { margin-top: 0.2em; margin-bottom: 0.5em; } .mw-body form dt { margin: 0 0.5em 0 0; } .mw-body h1.firstHeading { margin: 0.25em 0 0.5em; border-bottom: solid 4px var(--yellow-dark); overflow: visible; } .mw-body h1 { font-size: 2em; border-bottom: solid 3px var(--orange); overflow: hidden; } .mw-body h2 { font-size: 1.5em; border-bottom: solid 2px var(--orange); overflow: hidden; } .mw-body h3 { font-size: 1.3em; } .mw-body h4 { font-size: 1.15em; } .mw-body h5 { font-size: 1.05em; } .mw-body h6 { font-size: 1em; } .mw-body dt { margin-top: 1em; } .mw-body dd { margin-bottom: 1em; /* changing from 1em to 0em to remove unnecessary whitespace */ } .mw-body .mw-changeslist-legend dt { margin: 0 0.5em 0 0; } .mw-body .mw-changeslist-legend dd { margin-bottom: 0; } .mw-body .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, // wat .mw-body .mw-changeslist-legend, .mw-body .mw-search-profile-tabs, .mw-body fieldset#mw-searchoptions, .wikitable { color: var(--text) !important; .box; } .mw-body .mw-search-profile-tabs { padding: 0.5em; background-color: var(--background-dark2) !important; } .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid var(--yellow-bright) !important; color: var(--text) !important; padding: 0.5em; } .wikitable > tr > th, .wikitable > * > tr > th { border: 1px solid var(--yellow-bright) !important; background: var(--background2) !important; color: var(--text) !important; } /* page history */ #pagehistory li.selected { background-color: var(--background3); color: var(--grey-bright); } .mw-plusminus-pos { color: var(--green-bright) !important; } .mw-plusminus-neg { color: var(--orange) !important; } .autocomment { color:var(--grey) !important; } .portalS { box-sizing: border-box; border: 15px solid transparent; border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round; -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 60 round; background: #1f0b0c; background-clip: padding-box; padding: 2px; vertical-align: top; margin: 0; z-index: -1; } .mw-body .portals h2 { margin: 8px 0; background-color: var(--background); border: 1px solid var(--orange-dark); padding: 0.2em 0.4em; } .contentbox-th, .portal_h2 { margin: 8px; background-color: var(--background); border: 1px solid var(--yellow-dark); padding: 0.2em 0.4em; } .navbox { box-sizing: border-box; border: 7px solid transparent; border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round; -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round; background: #1f0b0c; background-clip: padding-box; width: 100%; clear: both; font-size: 88%; /* text-align: center; */ margin: 1em auto 0; } .centered { align: center; width: auto; } .tree { border: 7px solid transparent; border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round; -webkit-border-image: url('https://media.battlestarwiki.org/w/images/2/20/BSG_Border.png') 50 round; background: #1f0b0c; background-clip: padding-box; font-size: 88%; text-align: center; margin: 1em auto 0; } .thumbinner { background: var(--background3); border: solid 1px var(--yellow-dark); box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); } ul#filetoc, .toc, .mw-warning { display: table; background: var(--background3); border: solid 1px var(--yellow-dark); padding: 1.25em 1.75em; box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); padding: 1.25em 1.75em; margin-top: 1em; margin-bottom: 1em; min-width: 15em; } div.editOptions, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: var(--background3); border: solid 1px var(--yellow-dark); color: var(--text); } .skin-timeless .oo-ui-tagMultiselectWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-enabled input { margin: 0; } #menus-cover { background: var(--background) } .sidebar-inner { background: var(--background3); } @media screen and ( max-width: 851px ) { .dropdown, .sidebar-inner { background: var(--background3); border: solid 1px var(--yellow-dark); color: var(--text); } } .wikitable, .messagebox { background-color: var(--background) !important; border: 1px solid var(--yellow) !important; } .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td, .messagebox > tr > td, .messagebox > * > tr > td { border:1px solid var(--yellow) !important; padding: .2em; /*needed padding for tables*/ } .wikitable > tr > th, .wikitable > * > tr > th, .infoboxheader { background-color: var(--background3) !important; } .infobox tr { /* border-bottom: 1px solid var(--yellow) !important; */ /*blanking for now because of issues with infobox formatting */ padding: 8px; } .infobox td { padding: 3px; } table.infobox { float: right; border: 1px solid var(--yellow); border-collapse: unset; /* originally collapse, but this caused problems with yellow borders not showing up properly */ margin: 10px; padding: 10px; width:200px; } tr.hiddenStructure { display: none; } #pt-notifications-alert .mw-echo-notifications-badge:before, #pt-notifications-notice .mw-echo-notifications-badge:before { background-color: white; } /* Add This */ div#addthistoolbar { background: var(--background3) !important; border: solid var(--yellow-dark) !important; padding: 1.25em 1.75em; box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); } .atm-i { background: var(--background-dark2) !important; } #at_hover.atm-s a, .atm-s a { color: var(--link) !important; } /* Editor Buttons */ input[type="button"] { background: var(--green-dark) !important; border-color: var(--green-bright) !important; color: var(--grey-bright) !important; margin: 2px !important; } input#wpPreview, input#wpDiff { background-color: var(--background) !important; color:var(--yellow); border-color: var( --yellow-dark); } /* For the Echo Notification Widgets */ .oo-ui-popupWidget-popup, .oo-ui-menuSelectWidget { background: var(--background) !important; border: solid var(--yellow-dark) !important; box-shadow: 0 1px 2px 1px rgba( 0, 0, 0, 0.02 ); border-radius:2px; } .oo-ui-popupWidget-footer { border: solid var(--yellow-dark) !important; } .mw-echo-ui-placeholderItemWidget, a.oo-ui-buttonElement-button { background-color: var(--background1) !important; color:var(--yellow) !important; } span.oo-ui-labelElement-label { color:var(--yellow) !important; } .oo-ui-icon-tray, .oo-ui-icon-settings, .oo-ui-icon-next { background-color: white !important; /* temp fix until new icons can be made */ } .oo-ui-buttonElement-framed.oo-ui-widget-enabled, .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button, { color: var(--yellow) !important; background-color:var(--background) !important; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .flow-ui-editorControlsWidget-saveButton { color: var(--yellow) !important; background-color:var(--green-dark) !important; } .mw-echo-ui-notificationItemWidget { background-color: var(--green-dark) !important; } .mw-echo-ui-notificationItemWidget-unread { background-color: var(--background-dark2) !important; } .mw-echo-ui-notificationItemWidget-unread:hover { background-color: var(--background-dark) !important; } a.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-iconElement.oo-ui-decoratedOptionWidget.mw-echo-ui-menuItemWidget.mw-echo-ui-menuItemWidget-prioritized > span.oo-ui-labelElement-label { color: var(--yellow-bright) !important; } /** inline echo stuff **/ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background:none !important; } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color:var(--grey-bright) !important; } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background:none !important; color:var(--yellow); } .mw-echo-ui-bundleNotificationItemWidget-group.oo-ui-widget.oo-ui-widget-enabled.mw-echo-ui-sortedListWidget { background-color: var(--blue-dark) !important; } /* UI Panels */ .oo-ui-panelLayout-padded { background: var(--background3) !important; } .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget input { background-color: var(--blue-dark) !important; color: var(--text); } .oo-ui-labelWidget.oo-ui-inline-help { color: var(--grey); } /* Search Fields (Rev History, RC, et al.) */ fieldset { background-color: var(--background3) !important; color: var(--text) !important; } fieldset legend { background: inherit !important; } .oo-ui-tagMultiselectWidget-handle, .mw-rcfilters-ui-filterTagMultiselectWidget-views-select { background-color: var(--blue-dark) !important; } .oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget { background-color: var(--background-dark2) !important; } /* RC Filters */ label.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-labelElement-label.oo-ui-labelWidget { color:var(--white) !important; } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: var(--text) !important; } .mw-rcfilters-ui-filterMenuHeaderWidget-header, .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--background2) !important; color:var(--text) !important; border: none !important; } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color:var(--text) !important; } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--background-dark) !important; } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--background1) !important; } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: var(--blue-dark) !important; border-bottom: 1px solid var(--background-dark); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected { background-color: var(--blue-light) !important; border-bottom: 1px solid var(--background-dark); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child) { border-bottom: 1px solid var(--background-dark); } .mw-rcfilters-ui-filterItemHighlightButton { background-color: var(--green-dark); } /* Message Dialogs */ .oo-ui-messageDialog-message { color:var(--text); } .oo-ui-window-content.oo-ui-dialog-content.oo-ui-messageDialog-content.oo-ui-window-content-setup.oo-ui-window-content-ready { background: var(--background); } /* Widgets */ .ui-widget-header { background: var(--background1) !important; color: var(--text) !important; } .ui-widget-content { background: var(--background) !important; } /* Flow Discussions */ .flow-load-interactive { background: var(--background-dark) !important; } .flow-board-header-title { background: var(--background-dark2) !important; margin-right: 20px !important; /* clearance for the "X" */ padding-left: 5px; /* the discussion logo needs some left space */ } .flow-ui-editorControlsWidget-termsLabel, .flow-no-more { color: var(--text) !important; } .flow-topic { padding: 1em 1em 1.4em !important; background-color: var(--background3) !important; } .flow-topic-titlebar, h2.flow-topic-title.flow-load-interactive { background-color: var(--background) !important; } .flow-post { color: var(--text) !important; } .flow-topic-meta { color: var(--grey-bright) !important; } a.flow-timestamp-anchor, a.flow-timestamp-anchor:visited { color: var(--blue-bright) !important; } .flow-ui-newTopicWidget-title.oo-ui-textInputWidget input { background: var(--green-bright) !important; } .flow-component.flow-board-page.flow-full-height-side-rail { background: var(--background); } /* MMV/MultiMediaViewer Stuff */ .mw-mmv-post-image { color: var(--text) !important; background-color: var(--background2) !important; } .mw-mmv-image-metadata { border-top: 1px solid var(--yellow-dark) !important; background-color: var(--background) !important; } .mw-mmv-image-links li { color: var(--grey) !important; } .mw-ui-button.mw-ui-progressive { background-color: var(--green-dark) !important; border: 1px solid var(--green) !important; } .mw-mmv-dialog { background-color: var(--background) !important; box-shadow: 0 2px 2px 0 var(--red-bright) !important; } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--background) !important; } .mw-mmv-options-text-header { color: var(--orange-dark) !important; } .mw-mmv-options-text-body { color: var(--grey) !important; } .mw-mmv-options-dialog-header, .mw-ui-button.mw-ui-quiet { color: var(--red-bright) !important; } /* Inline article preview popups */ .mwe-popups { background-color:var(--background-dark) !important; color:var(--background2) !important; border: 1px solid var(--red) !important; } .mwe-popups .mwe-popups-extract:after { background-image: -webkit-linear-gradient(to right,rgba(244,164,96,0),#f4a460 50%) !important; background-image: linear-gradient(to right,rgba(244,164,96,0),#f4a460 50%) !important; } /* no images */ .mwe-popups.flipped-x-y:after, .mwe-popups.flipped-y:after { border-top: 12px solid var(--background-dark) !important; } .mwe-popups.mwe-popups-no-image-pointer:after, .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom: 12px solid var(--background-dark) !important; } /* with images */ .mwe-popups.mwe-popups-image-pointer:before, .mwe-popups.flipped-x.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom: 8px solid var(--red) !important } .mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:before, .mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-not-tall:before { border-top: 8px solid var(--red) !important } .mwe-popups.mwe-popups-type-page.mwe-popups-fade-in-down.flipped-x-y.mwe-popups-is-tall:after { border-top: 12px solid var(--red) !important } /* MW notification */ .postedit, .mwnotification { background: var(--background-dark2) !important; color: var(--text) !important; font-weight:bolder !important; border: 1px solid var(--red) !important; } /* mobile stuff */ div#content-bottom-stuff, div#mw-header-nav-hack, #mw-related-navigation .sidebar-inner, #mw-site-navigation .sidebar-inner { background-color: var(--background2); } #mw-site-navigation h2, #mw-related-navigation h2 { font-family: Caprica !important; } /* diff viewer */ del.diffchange.diffchange-inline, del.diffchange { color: black !important; } /* image slieshow */ .mw-gallery-slideshow li.gallerybox.slideshow-current { background: #d2691e !important; } /* Target for anchor links */ span:target, .focused { background-color: red; -webkit-transition: all 1s linear; } /* Add a pseudo-element inside the target element */ span:target::before, .focused::before { font: 70% sans-serif; content: "►"; color: var(--yellow-dark); margin-right: .25em; }