Actions

MediaWiki

Difference between revisions of "Pivot.css"

From MagicaVoxel Community Wiki

m
m
 
(2 intermediate revisions by the same user not shown)
Line 144: Line 144:
 
top: 5px;
 
top: 5px;
 
left: 15px;
 
left: 15px;
 +
}
 +
 +
.os {
 +
position: relative;
 +
height: 20px;
 +
    background-color: #375a7f;
 +
    display: inline-block;
 +
    border-color: #375a7f;
 +
    border-radius: 4px;
 +
    border-style: solid;
 +
    border-width: 1px;
 +
    font-size: 13px;
 +
}
 +
 +
.os-link {
 +
float: left;
 +
padding: 0 10px;
 
}
 
}
  

Latest revision as of 07:12, 9 September 2019

/* Matching MagicaVoxel's style from ephtracy.github.io */
/* Palette: */
/*	Blue notice #375a7f */
/*	Orange warning #f39c12 */
/*	Green links #0ce3ac */
/*	Light BG #303030 */
/*	Dark BG #222 */


/* GENERAL */
body {
	color: #fff;
	background-color: #222;
	font-family: "Noto Sans TC", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
/*	font-weight: 100; */
}

body.page-Main_Page.action-view h2.title, body.page-Main_Page.action-submit h2.title {
	display: none;  /*removing page name from Main page*/
}

/*h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { */
/*	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; */
/*} */

h3#tagline {
	display: none; /*removing the tagline from every page*/
}

a, a.label.new, a:visited {
	color: #0ce3ac;
	text-decoration: none;
}

a:hover, a.label:hover {
	color: #0ce3ac;
	text-decoration: underline;
}

a.selflink, a.selflink:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

hr {
    border: solid #375a7f;
    border-width: 1px 0 0;
    margin: 4px 0 8px;
}

h1, h2, h4, h5 {
	color: #fff;
	text-decoration: none;
}

h3 {
	color: #fff;
	text-decoration: underline;
}

h4 {
	color: #f39c12;
}

h5 {
	font-size: 1.2em;
}

h4.namespace.label {
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
	background-color: #375a7f;
}

pre {
	background-color: #222;
	border: 1px solid #595959;
	line-height: 14px;
	overflow: auto;
	padding: 12px;
	word-wrap: normal;
}

div.tleft {
	margin-bottom: 16px;
}

span.subpages {
	position: absolute;
	top: 5px;
}

.thumbcaption {
	margin: 4px;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
	padding: 4px;
}

#wpTextbox1 {
	height: 350px; /* default height of wikiEditor */
}

.codeEditor-status {
    background-color: #303030;
}

.toctogglelabel {
    color: #0ce3ac;
}

/* TOP BAR */
.tab-bar {
	background: #375a7f;
}


/* TIPS, BANNERS & NOTICES */
.mw-notification, .mw-notification-area, .mw-notification-area-autohide, .mw-postedit, .mw-postedit-content, .mw-postedit-container {
	color: #fff;
	background-color: #303030;
}

#toc {
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #0ce3ac;
	color: #fff;
	background-color: #222;
}

#toc .toctitle, .toc .toctitle {
	margin: 8px 8px 0 8px;
}

.banner {
	position: absolute;
	top: 5px;
	left: 15px;
}

.os {
	position: relative;
	height: 20px;
    background-color: #375a7f;
    display: inline-block;
    border-color: #375a7f;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
}

.os-link {
	float: left;
	padding: 0 10px;	
}

.shortcut, .navlang, .command, .version {
	display: inline-block;
	margin-bottom: 10px;
 	height: 45px;
	border-color: #375a7f;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
}

.navlang {
	position: absolute;
	top: 5px;
	right: 15px;
	height: 34px;
}

.navlang-logo, .navlang-list, .command-logo, .command-link, .shortcut-logo, .shortcut-link, .version-logo, .version-link {
	float: left;
}

.version {
 	position: absolute;
 	height: 25px;
	background-color: #375a7f;
}

.navlang-logo, .navlang-list { 
	padding: 2px 10px;
}

.shortcut-logo, .shortcut-link {
	padding: 10px;
}

.version-logo, .version-link {
	padding: 0 10px;
}

.shortcut-logo, .navlang-logo {
	width: 30px;
	font-size: 1.2em;
}

.shortcut-logo {
	color: #f39c12;
}

.navlang-logo {
	color: #0ce3ac;
}

.shortcut-link, .navlang-list {
	font-size: 1.1em;
}

.command-logo {
	padding: 10px;
	color: #f39c12;
	width: 30px;
	font-size: 1.2em;
}

.command-link {
	padding: 10px;
	font-family: Consolas,"Liberation Mono",Courier,monospace;
	font-size: 1.1em;
}

.tip {
	display: inline-block;
	margin: 15px 0 15px 5%;
 	padding: 8px;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
}

.tip:before {
	font-family: FontAwesome;
	font-size: 1.5em;
	color: #f39c12;
	padding: 10px;
	content: '\f0a1';
}

.caption {
	display: inline-block;
	margin: 8px 0 16px 0;
 	padding: 8px;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
}

.quote {
	color: #eee;
	background-color: #303030;
	border: 1px solid #375a7f;
	border-radius: 4px;
	padding : 10px;
	margin-left: 20px;
	margin-right: 25%;
}

.quote:before, div.quote:after {
	font-family: FontAwesome;
	font-size: 1.2em;
	padding: 5px;
}

.quote:before {
	content: '\f10d'; /*quote left icon*/
}

.quote:after {
	content: '\f10e'; /*quote right icon*/
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.wikiEditor-toolbar-dialog.ui-draggable.ui-dialog-buttons {
    background-color: #303030; /* editor insert image popup*/
}

a.ui-dialog-titlebar-close.ui-corner-all {
    background: #eee; /* editor insert image popup*/
}

.oo-ui-popupWidget-popup, .oo-ui-popupWidget-anchor {
	color: #eee;
	background-color: #303030;
	border: 1px solid #375a7f;
	border-radius: 4px;
	box-shadow: none;
}


/* ASIDE MENUS */
.side-nav {
	font-family: "Noto Sans TC", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 5px 0;
}

.right-off-canvas-menu, .left-off-canvas-menu {
	background: #222;
}

ul.off-canvas-list li label {
	color: #222;
	background: #f39c12;
}

ul.off-canvas-list li a {
	color: #fff;
}

ul.off-canvas-list li a:hover {
	color: #2c2c2c;
	background-color: #f39c12;
}


/* PANELS */
.panel {
	margin-bottom: 21px;
	padding: 0;
	background-color: #303030;
	border: 1px solid transparent;
	border-radius: 4px;
}

.panel-primary {
	border-color: #375a7f;
}

.panel-heading {
	padding: 10px 15px;
	background-color: #375a7f;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.panel-title {
	margin: 0;
	font-size: 17px;
}

.panel-body {
	padding: 15px;
}

.panel h3, .panel p, .panel li {
	margin: 0;
	color: #fff;
	text-decoration: none;
}


/* TABLES */
table.wikitable {
	color: #eee;
	background-color: transparent;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
	border: 1px solid #375a7f;
	background-color: transparent;
}

table, table tr.even, table tr.alt, table tr:nth-of-type(even), .mw-datatable tr:hover {
	background: transparent;
	background-color: transparent;
}

table tr th, table tr td, abbr, acronym {
	color: #eee;
}

.mw-datatable, .mw-datatable td, .mw-datatable th {
	border: 1px solid #375a7f;
	background-color: transparent;
}

table thead {
	background: transparent;
}

.mw-changeslist-line {
	margin-bottom: 0; /*recentchanges lineheight space*/
}

/* SIDEBAR */
input[type="search"], input[type="search"]:focus {
	border-radius: 4px;
	color: #fff; 
	background-color: #303030;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
}

ul.side-nav label {
	border-radius: 4px;
	font-variant: inherit;
	color: #fff;
	font-weight: inherit;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
	background: #375a7f;
}

.side-nav li a:not(.button) {
	color: #0ce3ac;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
	color: #0ce3ac;
}


/* PAGES */
label, legend {
	color: #eee;
}

select#namespace, input#tagfilter {
	background-color: #eee;
}

#filetoc {
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
	background-color: transparent;
}

button.secondary, .button.secondary {
	color: #fff;
	background-color: #375a7f;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
	color: #2c2c2c;
	background-color: #f39c12;
}

code {
	border-radius: 4px;
	color: #eee;
	border-style: solid;
	border-width: 1px;
	border-color: #232323;
	background-color: #232323;
}

blockquote {
	color: #eee;
	border-style:none;
	background-color: #303030;
	margin-right: 25%;
	padding-bottom: 1.0em;
}

blockquote:before, blockquote:after {
	font-family: FontAwesome;
	font-size: 1.2em;
	padding: 5px;
}

blockquote:before {
	content: '\f10d'; /*quote left icon*/
}

blockquote:after {
	content: '\f10e'; /*quote right icon*/
}

#p-cactions {
	background-color: #303030;
	border-style: none;
}

#catlinks {
	border-radius: 4px;
	color: #fff; 
	background-color: #303030;
	border-style: solid;
	border-width: 1px;
	border-color: #375a7f;
}

.text-warning, .text-warning:hover {
	color: #f39c12;
}

.mw-content-ltr h2 {
	border-style: none;
}

ol.references li:target, sup.reference:target {
	color: #fff;
	font-size: 0.8em;
	background-color: #375a7f;
}

/* SEARCH */
.mw-search-profile-tabs {
	background-color: transparent;
	border: none;
}

.mw-search-profile-tabs div.search-types ul li.current a {
	color: #fff;
}

.oo-ui-textInputWidget input {
	/* line-height: 1.5em; */
	font-size: 2em;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}

span.oo-ui-iconElement-icon.oo-ui-icon-search {
	top: -7px;
	font-size: 1.5em;
	filter: hue-rotate(40deg) saturate(0.5) brightness(390%) saturate(4); /* SVG coloring attempt: fail */
}

span.oo-ui-indicatorElement-indicator.oo-ui-indicator-clear {
	margin-top: 6px;
	font-size: 1.5em;
}

#mw-searchoptions {
	background-color: transparent;
}

	/* SEARCH BUTTON */
input.mw-ui-button.mw-ui-progressive {
	background: #f39c12;
	background-color: #f39c12;
	color: #222;
	border: 1px solid #f39c12;
	text-shadow: none;
}

	/* SEARCH+EDIT BUTTON */
input[type="submit"] {
	background-color: #f39c12;
	border-color: #f39c12;
	color: #222;
	box-shadow: none;
	transition: all 0s ease 0s
}

input[type="button" i], input[type="file" i]::-webkit-file-upload-button, button {
	color: #222;
	background-color: #f39c12;
	border-color: #f39c12;
}


/* RECENT CHANGES */
/* (mainly because of v1.32) */
.comment {
    color: #f39c12;
}

.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #0ce3ac;
    font-weight: normal;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
    color: #0ce3ac;
}

.oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-labelElement > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-iconElement.oo-ui-indicatorElement > .oo-ui-buttonElement-button {
    background-color: transparent;
    border: 1px solid #375a7f;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    border: 1px solid #375a7f;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
    background-color: transparent;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
    color: #fff;
    font-weight: normal;
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
    background-color: transparent;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled input, .oo-ui-textInputWidget.oo-ui-widget-enabled textarea {
    border-color: #375a7f;
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea {
    border-color: #f39c12;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
    border: 1px solid #375a7f;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
    font-weight: normal;
    color: #0ce3ac;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
    background-color: transparent;
    border: 1px solid #375a7f;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    background-color: transparent;
    border-color: #375a7f;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
    background-color: transparent;
    border-top: 1px solid #375a7f;
}

.diff-deletedline .diffchange {
    background: #f39c12;
}

.diff-addedline .diffchange {
    background: #375a7f;
}

/* FORM */
.oo-ui-menuSelectWidget {
	background-color: #303030;
	border: 1px solid #375a7f;
	box-shadow: none;
}

.mw-sp-translate-edit-definition, .mw-sp-translate-message-documentation {
    background-color: #303030;
}


/* MEDIA */
.mw-widgets-datetime-dateTimeInputWidget-handle {
	background-color: #303030;
	border: 1px solid #375a7f;
	padding: 0;
	box-shadow: none;
	color: #fff;
}

.mw-widgets-datetime-calendarWidget, li.gallerybox div.thumb, .mw_metadata td, .mw_metadata th {
	border: 1px solid #375a7f;
	background-color: #303030;
}

.mw-mmv-post-image, .mw-mmv-image-metadata, .mw-mmv-image-links li {
	color: #fff;
	background-color: #303030;
}


/* FOOTER */
footer.row {
	color: #eee;
	background-color: #222;
	border-style: none;
}


/* EXTENSION-RELATED */
/* HeaderTabs */
.ui-widget-content, .ui-widget-header, .ui-tabs-panel {
	border: none;
	background: none;
	color: #fff;
}

.ui-tabs-nav {
	border-bottom: 1px solid #375a7f;
	border-radius: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #375a7f;
	background: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 1px solid #375a7f;
	background: #375a7f;
	color: #fff;
	font-weight: bold;
}

#headertabs.large .ui-widget-content a, #headertabs.large .ui-widget-content a:visited {
    color: #0ce3ac;
}

#headertabs.large .ui-widget-content a.new:visited {
    color: #0ce3ac;
}
MediaWiki spam blocked by CleanTalk.