« MediaWiki:Timeless.css » : différence entre les versions
De Battlestar Wiki
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 27 : | Ligne 27 : | ||
} |
} |
||
: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; |
|||
} |
|||
/* Style effects for the Semantic Fact box and Browse properties */ |
/* Style effects for the Semantic Fact box and Browse properties */ |
||
| Ligne 126 : | Ligne 95 : | ||
div.mw-warning-with-logexcerpt { |
div.mw-warning-with-logexcerpt { |
||
background: #160807; |
background: #160807; |
||
} |
|||
/* 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); |
|||
} |
|||
/* 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; |
|||
} |
|||
/* 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); |
|||
} |
} |
||
Version du 15 avril 2020 à 19:56
/* CSS placed here will affect users of the TimelessBW skin */
/* Font style for titles */
@font-face {
font-family: Caprica;
font-style: normal;
src: url('caprica.ttf') format('truetype'),
url('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;
}
/* Style effects for the Semantic Fact box and Browse properties */
.mw-datatable th,
.mw_metadata th,
.smw-editpage-help,
.smwb-theme-light .smwb-propval,
.smw-factbox .smwfact,
.smwfact .smw-table-row:nth-child(2n),
.smw-property-page-results .value-row:hover,
.smw-callout-error,
.smw-callout-warning,
#mw-allmessagestable .am_default,
#mw-allmessagestable td {
background-color: #160807;
}
.smwfact .smw-table-row:nth-child(2n+1),
#mw-allmessagestable .am_actual,
.mw-datatable tr:hover td {
background-color: #471919;;
}
.smwb-theme-light .smwb-factbox {
border-left: 0.5em solid orange;
}
.smwb-theme-light .smwb-ifactbox {
border-right: 0.5em solid orange;
}
.smwb-bottom {
border-bottom: 2px solid orange;
}
.smwb-theme-light .smwb-title,
.smwb-theme-light .smwb-center,
.smwb-theme-light .smwb-actions,
.smwb-theme-light .smwb-prophead,
.mw_metadata td,
#mw-allmessagestable th,
#mw-allmessagestable tbody:hover td,
#mw-allmessagestable tbody:hover .am_default,
#mw-allmessagestable tbody:hover .am_actual,
.diff-addedline .diffchange,
.mw-datatable td {
background: #000;
}
.smwb-factbox .smwb-cell,
.smwb-ifactbox .smwb-cell {
border-top: 2px solid orange;
}
.smw-tabs input.nav-tab:checked + label.nav-label {
color: #fff;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select {
background-color: #fff;
}
.warningbox {
background-color: #160807;
color: #fff;
}
div.mw-warning-with-logexcerpt {
background: #160807;
}
