« MediaWiki:Timeless.css » : différence entre les versions

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

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