MediaWiki:Timeless.css

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

• Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
• Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
•  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.

/* 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;
}


: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 */

.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;
}

/* 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);	
}