Difference between revisions of "MediaWiki:Common.css"

From The Twilight Forest Wiki
Jump to navigation Jump to search
m (Let's tweak the background)
m (Move from Discord)
 
(21 intermediate revisions by the same user not shown)
Line 5: Line 5:
#mw-page-base {
#mw-page-base {
   background-color: #153050;
   background-color: #153050;
   background-image: url(https://cdn.discordapp.com/attachments/409639644196634627/490012520472510475/banner.png);
   background-image: url(http://benimatic.com/tfwiki/images/8/87/Banner.png);
}
}


Line 27: Line 27:
   background-color: #151515;
   background-color: #151515;
   opacity: 0.85;
   opacity: 0.85;
}
#p-navigation a, #p-tb a {
  color: lime;
}
#p-navigation a:visited, #p-tb a:visited {
  color: tan;
}
}


Line 68: Line 76:
}
}


h1, h2, h3 {
h1, h2, h3, h4 {
   color: #aea;
   color: #aea;
   font-family: "Helvetica" !important;
   font-family: "Helvetica" !important;
Line 81: Line 89:
}
}


.vectorTabs ul li span {
.vector-menu-tabs ul li span {
   background-image: url(http://benimatic.com/tfwiki/images/0/04/Wiki_Button_Gradient_2.png) !important;
   background-image: url(http://benimatic.com/tfwiki/images/0/04/Wiki_Button_Gradient_2.png) !important;
}
}


.vectorTabs ul li a {
.vector-menu-tabs ul li a {
   color: limegreen;
   color: limegreen;
}
}


.vectorTabs ul li.selected a {
.vector-menu-tabs ul li.selected a {
   color: black !important;
   color: black !important;
}
}


.vectorTabs ul li.new a {
.vector-menu-tabs ul li.new a {
   color: tan !important;
   color: tan !important;
}
}


.vectorTabs ul li {
.vector-menu-tabs li {
   background-image: url(http://benimatic.com/tfwiki/images/1/1c/Wiki_Button_Gradient.png) !important;
   background-image: url(http://benimatic.com/tfwiki/images/1/1c/Wiki_Button_Gradient.png) !important;
}
}


.vectorTabs {
.vector-menu-tabs {
   background-image: url(http://benimatic.com/tfwiki/images/1/1c/Wiki_Button_Gradient.png) !important;
   background-image: url(http://benimatic.com/tfwiki/images/1/1c/Wiki_Button_Gradient.png) !important;
}
.vector-menu-tabs a {
  background-image: linear-gradient(to bottom, rgba(0,255,0,0) 0 , green 100%); !important;
}
}


Line 113: Line 125:
   border: 1px solid #272;
   border: 1px solid #272;
   border-right-width: 0px;
   border-right-width: 0px;
   background-color: #000;
   background-color: #010;
   background-image: url(http://benimatic.com/tfwiki/images/4/48/Wiki_Content.png);
   background-image: url(http://benimatic.com/tfwiki/images/4/48/Wiki_Content.png);
}
}
Line 182: Line 194:
}
}


.mw-content-ltr ul {
.mw-content-ltr ul li {
   list-style-image: url(https://cdn.discordapp.com/attachments/409639644196634627/489933805948239875/dot.svg) !important;
   list-style-image: url(https://droplet.tamaized.com/img/wiki/twilightforest/dot.svg) !important;
}
}


Line 194: Line 206:
}
}


div#content.mw-body div#bodyContent.mw-body-content div#mw-content-text ul {
div#content.mw-body div#bodyContent.mw-body-content div#mw-content-text li {
   list-style-image: url(https://cdn.discordapp.com/attachments/409639644196634627/489933805948239875/dot.svg) !important;
   list-style-image: url(https://cdn.discordapp.com/attachments/360326347232378880/964702299068964884/dot.svg) !important;
}
}


Line 257: Line 269:
   background: #122014;
   background: #122014;
   border: 1px solid darkgreen;
   border: 1px solid darkgreen;
}
#pagehistory li {
  border: 1px solid #040;
}
#pagehistory li.selected {
  background-color: #121;
  border: 1px dashed limegreen;
}
.diff-context {
  background-color: #105010;
  color: whitesmoke;
  border-color: #409040;
}
.diff-addedline {
  background-color: #002000;
  color: whitesmoke;
  border-color: #44d;
}
.diff-addedline .diffchange {
  background: #44d;
}
.diff-deletedline {
  background-color: #002000;
  color: whitesmoke;
  border-color: #d44;
}
.diff-marker, .diff-lineno {
  color: #9f9
}
.diff-deletedline .diffchange {
  background: #d44;
}
pre, code {
  background-color: #111;
  border: #000 solid 1px;
  color: white;
}
.warningbox p {
  color: black;
}
.oo-ui-layout .oo-ui-fieldLayout-header {
  color: #aea
}
}

Latest revision as of 18:52, 3 November 2023

/* CSS placed here will be applied to all skins */

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

#mw-page-base {
  background-color: #153050;
  background-image: url(http://benimatic.com/tfwiki/images/8/87/Banner.png);
}

#footer {
  background-image: url(http://benimatic.com/tfwiki/images/0/0d/Wiki_Nav_Bar.png); 
}

body { 
  background-image: url(http://benimatic.com/tfwiki/images/0/0d/Wiki_Nav_Bar.png); 
}

#p-personal {
  background-color: none;
}

#p-personal a {
  color: #50ee50;
}

#p-navigation, #p-tb {
  background-color: #151515;
  opacity: 0.85;
}

#p-navigation a, #p-tb a {
  color: lime;
}

#p-navigation a:visited, #p-tb a:visited {
  color: tan;
}

.body ul li a {
  color: #50ff50 !important;
}

#p-tb-label {
  color: white !important;
}

#footer-info li {
  color: white !important;
  background-color: #151515;
  opacity: 0.85
}

#footer-places {
  background-color: #151515;
  opacity: 0.85;
}

#footer-places li a {
  color: green !important;
}

.mw-body-content p, li {
  color: #ddd;
}

.mw-body-content a {
  color: limegreen;
}

.mw-body-content a.external {
  color: yellowgreen;
}

table.wikitable a {
  color: darkgreen
}

h1, h2, h3, h4 {
  color: #aea;
  font-family: "Helvetica" !important;
}

h1, h2 {
  border-bottom: 2px green solid;
}

hr {
  background-color: green;
}

.vector-menu-tabs ul li span {
  background-image: url(http://benimatic.com/tfwiki/images/0/04/Wiki_Button_Gradient_2.png) !important;
}

.vector-menu-tabs ul li a {
  color: limegreen;
}

.vector-menu-tabs ul li.selected a {
  color: black !important;
}

.vector-menu-tabs ul li.new a {
  color: tan !important;
}

.vector-menu-tabs li {
  background-image: url(http://benimatic.com/tfwiki/images/1/1c/Wiki_Button_Gradient.png) !important;
}

.vector-menu-tabs {
  background-image: url(http://benimatic.com/tfwiki/images/1/1c/Wiki_Button_Gradient.png) !important;
}

.vector-menu-tabs a {
  background-image: linear-gradient(to bottom, rgba(0,255,0,0) 0 , green 100%); !important;
}

.catlinks {
  background-color: #071406;
  border: 1px solid #2a2;
}

#content {
  border: 1px solid #272;
  border-right-width: 0px;
  background-color: #010;
  background-image: url(http://benimatic.com/tfwiki/images/4/48/Wiki_Content.png);
}

.toc {
  background-color: #071406 !important;
  border: 1px solid #2a2 !important;
}

.tocnumber {
  color: lightgreen;
}

.main-menu p {
  color: #8dd35f;
}

.main-menu td, .main-menu-nav b {
  color: lightgreen !important;
}

.main-menu td b {
  color: #6cb9a2;
}

#mw-normal-catlinks {
  color: tan !important;
}

table.wikitable a {
  color: lightgreen
}

#delete a {
  color: darkblue;
}

#p-cactions-label span {
  color: #50ee50;
}

#history hr {
  background-color: #071a02 !important;
}

.wikitable td {
  background-color: #2b552d; 
  border: 1px solid #071a02 !important; 
  color: #ddd
}

.wikitable th {
  background-color: #196f1d !important; 
  border: 1px solid #071a02 !important; 
  color: whitesmoke;
}

a.new {
  color: tan !important;
}

a.external {
  color: yellowgreen !important;
}

div#mw-head div.vectorMenu h3 {
  background-image: none;
}

.mw-content-ltr ul li {
  list-style-image: url(https://droplet.tamaized.com/img/wiki/twilightforest/dot.svg) !important;
}

#toc ul li {
  list-style-image: none;
}

.mw-body {
  color: darkcyan
}

div#content.mw-body div#bodyContent.mw-body-content div#mw-content-text li {
  list-style-image: url(https://cdn.discordapp.com/attachments/360326347232378880/964702299068964884/dot.svg) !important;
}

#filetoc {
  background-color: #071406;
  border: 1px solid #2a2;
}

fieldset {
  background-color: #071406;
  border: 1px solid #2a2;
}

#contentSub {
  color: darkcyan
}

.mw-plusminus-pos {
  color: lime
}

.mw-plusminus-neg {
  color: red;
}

.mw-changeslist-legend.mw-collapsible {
  border: 1px solid #2a2;
}

#preferences {
  background-color: #071406 !important; 
  border: 1px solid #2a2 !important;
}

#preftoc li {
  background-image: url(http://benimatic.com/tfwiki/images/0/04/Wiki_Button_Gradient_2.png) !important;
}

#preftoc .selected {
    background-color: #071406 !important;
}

#preftoc li {
    background-image: url(http://benimatic.com/tfwiki/images/0/04/Wiki_Button_Gradient_2.png) !important;
}

#preftoc a {
  color: #50ff50 !important;
}

#preftoc .selected a {
  color: whitesmoke !important;
  background: #071406 !important;
}

#preftoc {
  background-image: url(http://benimatic.com/tfwiki/images/0/04/Wiki_Button_Gradient_2.png) !important;
}

.editOptions {
  background: #122014;
  border: 1px solid darkgreen;
}

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

#pagehistory li.selected {
  background-color: #121;
  border: 1px dashed limegreen;
}

.diff-context {
  background-color: #105010;
  color: whitesmoke;
  border-color: #409040;
}

.diff-addedline {
  background-color: #002000;
  color: whitesmoke;
  border-color: #44d;
}

.diff-addedline .diffchange {
   background: #44d;
}

.diff-deletedline {
  background-color: #002000;
  color: whitesmoke;
  border-color: #d44;
}

.diff-marker, .diff-lineno {
  color: #9f9
}

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

pre, code {
  background-color: #111;
  border: #000 solid 1px;
  color: white;
}

.warningbox p {
  color: black;
}

.oo-ui-layout .oo-ui-fieldLayout-header {
  color: #aea
}