Difference between revisions of "MediaWiki:Common.css"

Revision as of 08:49, 15 January 2022

/* Make your own CSS!
* wiki.screepspl.us/index.php/Special:MyPage/common.css
*/

body, #mw-page-base {
  background-color: #2b2b2b !important;
  background-repeat: repeat-x !important;   
  background-attachment: fixed;
  color: #bbb;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: lighter;
  line-height: 1.5;
  margin: 0;
}
.mw-body-content {
  font-size: 14px;
  line-height: 1.5;
}
.mw-wiki-logo {
  width:160px !important;
  height:160px !important;
}
.mw-body {
  border: none;
  color: #bbb;
  background-color: #2b2b2b !important;
  min-height: 100%; 
  background-attachment: fixed;
}
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
  color: #ffd180;
  font-weight: 400;
}


a, #mw-head a:visited {
  color: #428bca !important;
  font-family: Helvetica, Arial, sans-serif;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #476b88 !important;
}

strong {
  color: #D18F98 !important;
}

a.new {
  color: #ff8282 !important;
}

#mw-head {
  box-shadow: #00000038 0 0 35px 0;
  height: 45px;
background: #303030;
}

pre {
  padding: 10px !important;
  display: block;
  border: 5px solid #2a3b5f !important;
}

code,
pre {
  color: #f8f8f2 !important;
  border: none !important;
  background-color: #2a3b5f !important;
}


#left-navigation,
#right-navigation { 
  margin-top: 0;
}
#left-navigation {
margin-left:170px;
}
div.vectorTabs {
  background-image: none;
  background-color: inherit;
  height: 44.5px;
}
div.vectorTabs * {
  background-image: none !important;
  background-color: transparent !important;
}
div.vectorTabs #ca-unwatch.icon a {
  background-image: url(/skins/Vector/images/unwatch-icon-hl.png?c4723) !important;
}
div.vectorTabs #ca-watch.icon a {
  background-image: url(/skins/Vector/images/unwatch-icon-hl.png?e1b42) !important;
}
div.vectorMenu h3 span {
  color: #888787 !important;
}
div#mw-head div.vectorMenu h3 {
  background-image:none !important;
}

#p-personal {
  top: 3.33em;
  z-index: initial;
}
#p-logo {
  left: 0 !important;
}
#mw-head-base {
  margin-top: -7.5em;
}
#mw-panel {
  padding-left: 0 !important;
}
div#mw-panel div.portal h3 {
  font-size: 1.3em !important;
  color: #bbb;
}
#mw-panel li {
  font-size: .83em !important;
}
#toc, .toc {
  background-color: inherit;
}

.mw-editsection-bracket {
  color: #428BCA;
}

table.wikitable {
  color: white;
}

div.editOptions,
table.wikitable > * > tr > th,
table.wikitable,
ul#filetoc,
table.wikitable > * > tr > td,
.catlinks {
  background-color: #303030 !important;
  border: 1px solid black !important;
}

li#footer-info-lastmod {
  color: white !important;
}

#simpleSearch {
  border: none !important;
}

/* text boxes */
input#wpDestFile,
textarea#wpUploadDescription,
input#nsto,
input#nsfrom,
input#from.mw-ui-input-inline,
div#simpleSearch #searchInput,
input#wpSummary.mw-summary,
textarea#wpTextbox1 {
  background-color: #1f1f1f !important;
  color: #a9b7c6 !important;
  border: 1px solid #161616 !important;
}

div#simpleSearch {
  background: none;
}

li.selected.before,
li.selected.after {
  background-color: #3b3b3b !important;
  border: 1px solid #161616 !important;
}

li.before,
li.after,
li.between {
  border: 1px solid #161616 !important;
}

button,
input[type=submit] {
  background-color: #4b4b4b !important;
  color: white !important;
  border: 1px solid black !important;
}

ul, ol {
    list-style-image: url(data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"> <circle cx="2.5" cy="9" r="2.5" fill="%23bbb"/> </svg>);
}

body: {
font-size: 200px;
color: white;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: #303030;
}

::-webkit-scrollbar-thumb {
  background: #4b4b4b;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

#mw-panel li {
    line-height: 130%;
}

#mw-panel li: hover {
    opacity: 0.6;
transition: all 0.3s;
cursor: pointer;
}

#mw-panel li a: hover {
    text-decoration: none;
}

.portal, .vector-menu-portal {
margin: 0.5rem 0.5rem 0 0.5rem;
box-shadow: #00000036 0 0 35px 0;
background: #303030;
}

.portal h3, vector-menu-portal h3 {
background: transparent;
color: white;
font-size: 15px;
}

.toc {
box-shadow: #00000036 0 0 35px 0;
background: #303030 !important;
border: none;
padding: 12px;
}

.toc li a: hover {
text-decoration: none;
opacity: 0.6;
transition: all 0.3s;
}

.tocnumber {
color: white;
}

.mw-body h1 {
margin-bottom: initial;
border: none;
}

.vector-menu-tabs li, .vector-menu-tabs a, #mw-head, .vector-menu-checkbox, .vector-menu-dropdown li a {
  background-color: #303030 !important;
  color: white;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15x;
  margin: 0;
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
background: none;
}

nav span {
  color: #DDD !important;
}

.vector-menu-tabs ul {
height: 45px;
}

.vector-menu-tabs li {
background: none;
}

.vector-menu-tabs li a {
height: 45px;
transition: all 0.3s;
}

.vector-menu-tabs li a: hover {
text-decoration: none;
background: #4b4b4b !important;
}

.vector-menu-tabs .mw-watchlink.icon a {
line-height: 3;
height: 45px;
}

#mw-head {
position: fixed;
}

#mw-panel {
position: fixed;
}

.mw-wiki-logo {
background-image: url(https://screeps.com/a/logotype.svg);
height: 45px !important;
transition: all 0.3s;
}

.mw-wiki-logo:hover {
opacity: 0.6;
}

#p-logo {
height: 45px;
margin-bottom: 0;
}

.mw-body, #mw-data-after-content {
margin-left: 0;
padding-left: 11.5em;
}

div.thumbinner {
border: none;
box-shadow: #00000036 0 0 35px 0;
background: #303030;
}

div.thumbcaption {
padding: 4px;
}