Difference between revisions of "MediaWiki:Common.css"

From Screeps Wiki
Jump to navigation Jump to search
(Created page with "→‎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 !...")
 
 
(18 intermediate revisions by 2 users not shown)
Line 59: Line 59:
   
 
#mw-head {
 
#mw-head {
box-shadow: 0 1px 5px 1px #1e1e1e;
+
box-shadow: #00000038 0 0 35px 0;
background-image: linear-gradient(to bottom, #4b4b4b 0%, #333333 100%);
 
 
height: 45px;
 
height: 45px;
  +
background: #303030;
 
}
 
}
   
Line 192: Line 192:
 
color: white !important;
 
color: white !important;
 
border: 1px solid black !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;
  +
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;
  +
}
  +
  +
h1, h2 {
  +
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: 8px;
  +
}
  +
  +
.catlinks {
  +
padding: 12px;
  +
border: none !important;
 
}
 
}

Latest revision as of 09:09, 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;
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;
}

h1, h2 {
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: 8px;
}

.catlinks {
padding: 12px;
border: none !important;
}