Difference between revisions of "MediaWiki:Timelesswurm.css"

From Wurmpedia
Jump to navigation Jump to search
(changing "packed hover" style gallery box background)
(Adjusting background color of highlighted footnote)
 
(6 intermediate revisions by the same user not shown)
Line 830: Line 830:
  
 
ul.mw-gallery-packed-hover li.gallerybox div.gallerytextwrapper {
 
ul.mw-gallery-packed-hover li.gallerybox div.gallerytextwrapper {
     background: rgba(34,34,34,0.8);
+
     background: rgba(34,34,34,0.8) !important;
 
}
 
}
  
Line 839: Line 839:
 
     word-wrap: break-word;
 
     word-wrap: break-word;
 
     margin: -0.9em -0.8em;
 
     margin: -0.9em -0.8em;
 +
}
 +
 +
ul.mw-gallery-packed-hover li.gallerybox div.gallerytextwrapper div.gallerytext {
 +
    margin: 0;
 
}
 
}
  
Line 867: Line 871:
 
     font-weight: bold !important;
 
     font-weight: bold !important;
 
     color: #e6e6e6 !important;
 
     color: #e6e6e6 !important;
 +
}
 +
 +
ol.references li:target, sup.reference:target {
 +
    background-color: #222;
 
}
 
}

Latest revision as of 16:48, 27 October 2021

/* CSS placed here will affect users of the TimelessWurm skin */
html {
	background: rgb(0,0,0) !important;
	height: 100%;
	font-size: 1.1em;
	filter: brightness(100%) contrast(100%) grayscale(0%) !important;
	-webkit-filter: brightness(100%) contrast(100%) grayscale(0%) !important;
	overflow-x: hidden;
}
body {
	margin: 0;
	background: #000;
	color: #f1f1f1;
	font-family: 'Roboto', sans-serif !important;
}
a {
	color: #5688da;
}
a:visited {
	color: #5688da;
}
a:hover {
	color: #89a7da;
}
h1 {
	color: white;
	text-shadow: 1px 1px 1px #000;
	font-size: 40px !important;
}
h1, h2, h3, h4 {
	color: #fbc56f;
	font-family: 'Spectral SC', serif !important;
}
#personal .dropdown b {
	font-weight: normal;
}
b, strong {
	text-shadow: 1px 1px 1px #000;
}
#f-list {
	text-align: center;
	font-size: 14px;
}
div.editOptions {
	border: #222;
	background: #555;
}
#mw-header-nav-hack {
	border-top: solid 2px #333;
	background: #333;
}
#mw-site-navigation .sidebar-inner {
border-width: 2px;
	background: #333;
border-color: #bfa57b;
border-radius: 0.6em;
}

@media screen and (min-width: 851px) {
#p-logo-text a {
padding: 0.2em 1em;
color: #fbc56f !important;
font-family: 'Spectral SC', serif !important;
font-variant: small-caps;
    font-size: 1.75em !important;
    display: block;
}
}

#p-logo-text a {
    color: #fbc56f;
font-family: 'Spectral SC', serif !important;
    font-variant: small-caps;
    font-size: 1.75em;
    display: block;
}


@media screen and (max-width: 850px) {
#p-logo-text {
	margin-top: 0;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#p-logo-text a.long {
	padding-left: 7px;
	float: left;
	font-size: 23px !important;
}
}

#p-logo-text {
    text-align: left;
    line-height: 1;
}

@media screen and (min-width: 851px) {
#mw-site-navigation h2 {
    font-weight: normal;
    font-size: 1.25em;
    padding: 0.5em 0 0.2em;
        padding-bottom: 0.2em;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    cursor: pointer;
    margin-bottom: -1em;
    padding-bottom: 1em;
    margin-top: -0.5em;
    margin-left: 0.3em;
}
}

@media screen and (max-width: 850px) {
#mw-site-navigation h2::after {
    top: 10px;
}
}

@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
	background: #222;
	border: solid #111;
}
}
#mw-site-navigation .sidebar-chunk {
	border: outset #222;
margin-top: 0.2em;
	background: #333;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 0.8em;
}
@media screen and (max-width: 851px) {
#mw-site-navigation .sidebar-chunk {
	padding: 0 15px 5px 20px;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-site-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111 !important;
}
}
.mw-parser-output a.external {
	color: #ff9900;
}
.mw-parser-output a.external:hover {
    color: #ffcb7d;
}
#searchInput {
	padding: 0.2em 4.5em 0.2em 2em !important;
	margin: 0;
background: #222;
	font-family: 'Roboto', serif !important;
color: #fff;
}

ul#filetoc, #toc, .toc, .mw-warning {
    display: inline-block;
    background: #fcfcfc;
    border: solid #131313;
border-width: 1px 1px 0.1em;
box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);
    padding: 1.25em 1.75em;
    margin: 1em 0;
    min-width: 15em;
}

@media screen and (max-width: 850px) {
ul#filetoc, #toc, .toc, .mw-warning {
    min-width: 0 !important;
}
}

#mw-content .toc h2 {
    font-size: 1.2em;
	font-family: 'Roboto', serif;
    margin: 0;
    display: inline-block;
    border-bottom-color: #0088dd;
}

#searchInput-container {
	background: #333;
	height: 35px;
}
#simpleSearch {
	border: inset 1px #000;
	border-radius: 3px;
	background: #333;
	height: 35px;
/*	width: 48vw; */
/*	position: absolute; */
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
/*	top: 7px; */
	top: 4px;
}
/*
#user-tools {
	position: fixed;
	right: 86px;
}
@media screen and (min-width: 851px) {
#user-tools {
	left: 74vw;
	top: 5px;
}
*/
}
.mw-notification {
	background: #222;
	border: #111;
	background: #111;
	border-radius: 5px;
	color: #999;
	width: 200px;
}
.postedit-container {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	padding: 15px 0 15px 15px;
	text-align: right;
}
.postedit-icon {
	margin: auto;
	padding: 0;
}
.mw-wiki-logo {
	background-size: contain;
margin: 1em auto;
}
#mw-header-container {
	background: #292929;
}
/* #mw-header { */
/* 	width: 100%; */
/* 	max-width: 100%; */
/* 	padding: 0; */
/* 	position: static; */
/* } */
@media screen and (max-width: 850px) {
#menus-cover {
	background: #000;
}
}
@media screen and (max-width: 850px) {
#personal h2 {
	display: none;
}
}
#mw-content-container {
	background: #1a1a1a;
}
@media screen and (max-width: 850px) {
#mw-content-block {
	background: #000;
}
}
@media screen and (max-width: 850px) {
#site-tools h2 {
	right: 3em;
	top: 0.9em;
	padding-bottom: 5px;
}
}
@media screen and (max-width: 850px) {
#p-logo-text a.long {
	width: 100%;
	top: 7px;
	text-align: center;
	font-size: 40px !important;
}
}
/* @media screen and (min-width: 851px) { */
/* #p-logo-text { */
/*	width: 29em; */
/* } */
}
@media screen and (min-width: 851px) {
#personal h2:after {
	width: 36px;
}
}
/*@media screen and (max-width: 850px) {
#p-logo-text {
	position: static;
	left: 0 !important;
	right: 0;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	top: 3.3em;
}*/
}
 @media only screen and (min-width: 992px) and (max-width:768px) {
 #p-logo-text {
 right:74vw;
}
}
@media only screen and (min-width: 900px) and (max-width:100px) {
#p-logo-text {
	right: 74vw;
	top: 3em;
}
}
@media screen and (max-width: 900px) and (min-width: 100px) {
#p-logo-text a.long {
	font-size: 43px !important;
}
}
/* @media screen and (max-width: 1700px) and (min-width: 800px) {
#p-logo-text {
	left: 12px !important;
}*/
}
@media screen and (max-width: 1700px) and (mix: 851px) {
#mw-site-navigation {
	background: #000;
}
}
#mw-content {
	background: #333;
	border: solid #171718;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 0.8em;
border-bottom-right-radius: 0.8em;
}
#mw-page-header-links li.selected a {
	color: #cccc00;
}
#mw-related-navigation .sidebar-chunk {
	background: #333;
	border: outset #222;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
border-radius: 0.8em;
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-chunk {
	background: #333;
	border: outset #222;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
	padding: 0 15px 5px 20px;
}
}
.color-middle-container, .ts-inner {
	padding: 0;
}
#p-logo-text {
	left: 120px;
}
#p-logo-text a.long {
	padding-top: 5px;
	padding-left: 6px;
	font-size: 30px;
	text-shadow: 1px 1px 1px #222;
}
/*
#p-search {
	width: 70em;
	padding-right: 33px;
}
*/
@media screen and (max-width: 1339px) and (min-width: 1100px) {
#p-search {
	margin-right: 2em;
}
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#p-search {
	margin-right: 0;
}
}
#personal .dropdown h3 {
	line-height: 25px;
}
#personal h2 {
	text-shadow: 2px 2px 0 #333;
	padding-top: 7px;
	font-size: 24px;
	text-transform: lowercase;
}
#personal .dropdown {
	background: #222!important;
	border: solid #000;
}
.codeEditor-status {
	color: #000;
}
.oo-ui-labelElement-label {
	text-shadow: 1px 2px #333;
}
#iframeframe {
	height: 700px;
}
#wpSave {
	text-shadow: 2px 2px 2px #000 !important
}
#mw-footer-container {
	background: #000;
	padding-top: 1em;
}
fieldset {
	background: #222!important;
	border: solid #111;
}
input {
	background: #333;
	border: solid 1px #111!important;
	border-radius: 2px;
	padding-left: 5px;
	color: #999;
}
.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked, input[type='submit'], input[type='button'], button {
	border: solid 1px #333!important;
	border-bottom: 0!important;
	text-shadow: 0 0 0 #000 !important;
	border-bottom: solid 1px #333!important;
}
.oo-ui-flaggedElement-destructive {
	background: #111;
	border: 1px solid #444;
	color: #FF3333 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.oo-ui-flaggedElement-destructive:hover {
	background: #222;
	color: #CC0000 !important;
}
#searchInput {
	border: 0!important;
}

.suggestions .suggestions-result {
    color: #fbc56f !important;
    padding: 0.65em 2em 0.35em;
}

.suggestions .suggestions-results {
    background-color: #222;
border: 1px solid #111;
    border-bottom-width: 0.2em;
}

.suggestions .suggestions-result-current {
    background-color: #006db2;
}

.suggestions-special .special-query {
    color: #fff;
    font-style: italic;
    text-align: left;
}

.suggestions .suggestions-special {
    background-color: #111;
    border: 1px solid #111;
        border-bottom-width: 1px;
    border-bottom-width: 0.2em;
    padding: 0.75em 2em;
}

.mw-search-result-data {
    color: #979797;
    font-size: 97%;
}

.results-info {
    float: right;
    padding: 0.5em;
        padding-right: 0.5em;
    padding-right: 0.75em;
    color: #e1e1e1;
    font-size: 95%;
}

.search-types .current a {
    color: #e3e3e3;
    cursor: default;
}

@media screen and (max-width: 850px) {
#searchInput {
	padding: 0 0 0 6px !important;
}
}
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea {
	background-color: #333;
	color: #fff;
}
.oo-ui-textInputWidget > .oo-ui-labelElement-label {
	line-height: 0.5em;
}
#pagehistory li.selected {
	background-color: #555;
}
.warningbox {
	background: #1d1d16;
}
a.new:hover, .new a:hover, a.new:visited, .new a:visited {
	color: #FF3333;
}
.mw-plusminus-neg {
	color: #FF0000;
}
#searchButton, #mw-searchButton {
	border: 0 !important;
	/*left: 38vw;
	right: 0;
	margin-left: auto;
	margin-right: auto;*/
}
#mw-footer-container a:hover {
	color: #ffff33;
}
#mw-footer-container a:visited {
	color: #ffff66;
}
#mw-footer .footer-places li {
	float: right;
	display: block;
}
#mw-footer ul, #mw-footer li {
	margin: 0 auto;
}
#mw-footer #lastmod {
	float: left;
	left: 25px;
}

#mw-content h1.firstHeading {
    margin: 0.25em 0 0.5em;
    border-bottom: solid 4px #131313;
}

#mw-site-navigation .sidebar-chunk h3 {
font-size: 1.2em;
    font-weight: normal;
    margin: 0.25em 0 0.75em 0;
    padding-bottom: 0.15em;
    border-bottom: solid 2px #131313;
}

#mw-site-navigation .sidebar-chunk li {
    list-style: disc;
margin-left: 0.7em;
}

#mw-site-navigation a:visited {
    color: #fff;
}

#mw-site-navigation a {
    color: #fff;
}

#mw-site-navigation a:hover {
    color: #fbc56f;
}

#mw-related-navigation .sidebar-chunk li {
    list-style: disc;
    color: #fff;
margin-left: 0.7em;
}

#mw-related-navigation a:visited {
    color: #fff;
}

#mw-related-navigation a {
    color: #fff;
}

#mw-related-navigation a:hover {
    color: #fbc56f;
}

#mw-related-navigation .sidebar-chunk h3 {
    font-weight: normal;
font-size: 1.2em;
    margin: 0.25em 0 0.75em 0;
    padding-bottom: 0.15em;
    border-bottom: solid 2px #131313;
}

.color-left {
    height: 0.35em;
    background: #069;
    width: 50%;
    float: left;
}

.color-right {
    display: inline-block;
    height: 0.35em;
    background: #069;
    width: 50%;
    float: right;
}

#mw-footer-container a {
    color: #ff9900;
}

#mw-footer-container a:hover {
    color: #ffcb7d;
}

#mw-footer-container a:visited {
    color: #ff9900;
}

#mw-content-container {
    border-bottom: solid 4px #006699;
}

.diff-addedline .diffchange {
	background: #1d1d16;
	padding-left: 7px;
}
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
	text-shadow: 0 0 0 #000 !important;
}
.oo-ui-labelElement-label {
	text-shadow: 0 0 0 #000
}
.oo-ui-panelLayout-expanded {
	background: #222;
}
.oo-ui-messageDialog-message {
	color: #999;
}
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	color: #999;
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
	border-right: 1px solid #111
}
.oo-ui-dialog-content > .oo-ui-window-body {
	outline: 1px solid #111;
}
.oo-ui-messageDialog-content > .oo-ui-window-foot {
	outline: 1px solid #111;
}
.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid #000;
}
.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #000;
}
textarea[style] {
	background: #111 !important;
	color: #fff;
}
pre, .mw-code {
	background: #222;
	color: #B0B0B0;
	border: 1px solid #444;
}
.oo-ui-iconWidget.oo-ui-iconElement.oo-ui-iconElement-icon {
	background-color: #B0B0B0;
	border: 1px solid #333;
}

#toc {
    background-color: #222 !important;
}

.toctogglespan {
    font-size: 94%;
    color: #d2d2d2;
}

.toctogglelabel {
    cursor: pointer;
    color: #d2d2d2;
padding-left: 0.1em;
padding-right: 0.1em;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #111;
    padding: 0.5em;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #2e2e2e;
    text-align: center;
}

.mw-changeslist-legend, #mw-content .mw-search-profile-tabs, #mw-content fieldset#mw-searchoptions, table.wikitable{
    color: #eccea2;
background-color: #222;
border-color: #111;
}

#mw-content li.gallerybox div.thumb {
    padding: 1.25em 1.75em;
background-color: #222;
border-color: #222;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    padding: 0;
}

#mw-content dt {
    font-weight: normal;
    font-family: Spectral SC;
    line-height: 1.25;
    margin: 1.5em 0 0.5em;
        margin-top: 1.5em;
}

.thumbinner {
    background: #222;
    border: solid #111;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.02);
    padding: 0.75em;
}

.thumbinner .thumbimage {
    border: solid 0px #333;
}

ul#filetoc, #toc, .toc, .mw-warning {
    display: inline-block;
    background: #222;
    border: solid #131313;
    border-width: 1px 1px 0.1em;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);
    padding: 1.25em 1.75em;
    margin: 1em 0;
    min-width: 15em;
}

.mw_metadata th {
    background-color: #222;
    font-weight: normal;
    text-align: center;
    border: 1px solid #484848;
    padding-left: 5px;
    padding-right: 5px;
}

.mw_metadata td {
    background-color: #222;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    border: 1px solid #484848;
    padding-left: 5px;
    padding-right: 5px;
}

#pagehistory li {
    border: 1px solid #222;
}

#pagehistory li.selected {
background-color: #232323;
    color: #b1d5f5;
    border: 1px dashed #0a70e4;
}

.mw-plusminus-pos {
    color: #4de24d;
}

fieldset legend {
    padding: 0.5em 1.25em;
    background: #3f3f3f;
    font-weight: bold;
    color: #efefef;
}

input[type="submit"], input[type="button"], button {
    padding: 0.25em 1em 0.1em 1em;
    border: solid 1px #333;
    border-bottom-width: 0.2em;
    text-shadow: 0 -1px 0 #333;
    box-sizing: border-box;
    border-radius: 0.6em;
    background: #424956;
    color: #fff;
    min-height: 30px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
    background-color: #222;
    color: #f4f4f4;
    margin: 0;
    border: 1px solid #a2a9b1;
    border-radius: 2px;
    padding: 0.42857143em 0.57142857em;
        padding-right: 0.571429em;
        padding-left: 0.571429em;
    font-size: inherit;
    font-family: inherit;
    line-height: 1.28571429em;
}

#catlinks {
    padding-bottom: 2em;
border-top: solid 3px #111;
}

ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper {
    background: rgba(34,34,34,0.8);
}

ul.mw-gallery-packed-hover li.gallerybox div.gallerytextwrapper {
    background: rgba(34,34,34,0.8) !important;
}

div.gallerytext {
    overflow: hidden;
    font-size: 94%;
    padding: 2px 4px;
    word-wrap: break-word;
    margin: -0.9em -0.8em;
}

ul.mw-gallery-packed-hover li.gallerybox div.gallerytextwrapper div.gallerytext {
    margin: 0;
}

/* hide "powered by MediaWiki" icon */
#f-poweredbyico {
    display: none;
}

.cleanupbox {
    background-color: #252728 !important;
    border-color: #4b5056 !important;
}

.boxstyle {
    background-color: #252728 !important;
    border-color: #4b5056 !important;
}

.key {
    border: 1px solid #ef9624 !important;
    border-radius: 4px !important;
    box-shadow: 1px 2px 2px #000 !important;
    background-color: #242424 !important;
    background-image: linear-gradient(to top,#212121,#4e4e4e,#555) !important;
    padding: 1px 3px !important;
    font-family: inherit;
    font-size: 0.9em !important;
    font-weight: bold !important;
    color: #e6e6e6 !important;
}

ol.references li:target, sup.reference:target {
    background-color: #222;
}