1,545
edits
MediaWiki:DarkVector.css: Difference between revisions
no edit summary
Tankmanfan44 (talk | contribs) m (Protected "MediaWiki:DarkVector.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))) |
No edit summary |
||
| (22 intermediate revisions by 2 users not shown) | |||
| Line 21: | Line 21: | ||
/* changes the background color of the bottom and left of each page, up to behind half of the logo */ | /* changes the background color of the bottom and left of each page, up to behind half of the logo */ | ||
body {background: #a62e10} | body {background: #a62e10} | ||
/* Sidebar */ | |||
.vector-menu-portal {margin:0px;background:#333;padding-left:10px!important;padding-right:5px!important;} | |||
.vector-menu-portal {border-bottom:1px solid #e87057;border-top:1px solid #e87057;border-right:1px solid black;border-left:1px solid black;} | |||
.vector-menu-portal:first-of-type {border-top-left-radius:0.2em;border-top-right-radius:0.2em;border-top:1px solid black;} | |||
.vector-menu-portal:last-of-type {border-bottom-left-radius:0.2em;border-bottom-right-radius:0.2em;border-bottom:1px solid black;} | |||
.vector-menu-portal .p-lang {border-top-left-radius:0.2em;border-top-right-radius:0.2em;} | |||
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | ||
| Line 208: | Line 215: | ||
.mw-body #toc h2,.mw-body .toc h2 div.emptyPortlet{ | .mw-body #toc h2,.mw-body .toc h2 div.emptyPortlet{ | ||
display:none | display:none | ||
} | |||
/* General Link Styling */ | |||
a, .mw-body a.external, .mw-body a.extiw { | |||
color: #e87057; | |||
} | } | ||
ul{ | ul{ | ||
| Line 331: | Line 342: | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
border:0; | border:0.2; #e87057 | ||
background-color:transparent; | background-color:transparent; | ||
color:#c1c1c1 | color:#c1c1c1 | ||
| Line 431: | Line 442: | ||
color:#333; | color:#333; | ||
text-decoration:none | text-decoration:none | ||
} | |||
a:visited, .mw-body a.external:visited, .mw-body a.extiw:visited { | |||
color: #e87057; | |||
} | } | ||
div.vectorTabs li.icon a{ | div.vectorTabs li.icon a{ | ||
| Line 693: | Line 707: | ||
background-repeat:repeat-x; | background-repeat:repeat-x; | ||
background-image:url('skins/Vector/images/page-fade.png'); | background-image:url('skins/Vector/images/page-fade.png'); | ||
background-color: | background-color:333; | ||
background-image:-moz-linear-gradient(top, #333 50%, # | background-image:-moz-linear-gradient(top, #333 50%, #333 100%); | ||
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, # | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #333)); | ||
background-image:-webkit-linear-gradient(top, #333 50%, # | background-image:-webkit-linear-gradient(top, #333 50%, #333 100%); | ||
background-image:linear-gradient(#333 50%, # | background-image:linear-gradient(#333 50%, #333 100%); | ||
background-color:#333 | background-color:#333 | ||
} | } | ||
| Line 714: | Line 728: | ||
margin:0; | margin:0; | ||
padding:0 | padding:0 | ||
} | |||
#mw-head { | |||
background-color: #111111; /* Update with the Screamer Wiki header background color */ | |||
} | |||
#mw-panel div.portal { | |||
background-color: #4c4c4c; /* Update with the Screamer Wiki portal background color */ | |||
} | |||
#footer { | |||
background-color: #111111; /* Update with the Screamer Wiki footer background color */ | |||
} | } | ||
#left-navigation{ | #left-navigation{ | ||
| Line 858: | Line 883: | ||
} | } | ||
/* Tabber Styling */ | |||
/*Tabber | |||
.tabbernav { | .tabbernav { | ||
font-family: inherit | font-family: inherit; | ||
font-weight: normal | font-weight: normal; | ||
font-size: 13px | font-size: 13px; | ||
border-bottom: 3px solid #505050 | border-bottom: 3px solid #505050; | ||
padding: 0.3em 0 | padding: 0.3em 0; | ||
} | } | ||
.tabbernav a { | .tabbernav a { | ||
padding: 0.3em 0.5em | padding: 0.3em 0.5em; | ||
margin: 0 | margin: 0; | ||
color: lightgrey | color: lightgrey; | ||
border:1px | border: 1px; | ||
background: #242424 | background: #242424; | ||
} | } | ||
.tabberactive a { | .tabberactive a { | ||
color: white | color: white; | ||
background: #ba3614 | background: #ba3614; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.tabbernav :not(.tabberactive) a:hover { | .tabbernav :not(.tabberactive) a:hover { | ||
background: #4b4b4b | background: #4b4b4b; | ||
} | } | ||
.tabbertab { | .tabbertab { | ||
border: 0px | border: 0px; | ||
border-color: #505050 | border-color: #505050; | ||
} | |||
.fp-section { | |||
width: 80%; | |||
margin: 20px auto; | |||
background-color: #ffffff; | |||
padding: 20px; | |||
border-radius: 10px; | |||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | |||
} | } | ||
/* Header styles */ | |||
.main-header { | |||
background-color: #4caf50; | |||
color: #ffffff; | |||
padding: 10px; | |||
text-align: center; | |||
font-size: 24px; | |||
font-weight: bold; | |||
margin-bottom: 20px; | |||
border-radius: 5px; | |||
} | |||
/* Content styles */ | |||
p { | |||
font-style: italic; | |||
font-weight: bold; | |||
} | |||
.mainpage-icons { | |||
display: flex; | |||
justify-content: space-around; | |||
flex-wrap: wrap; | |||
} | |||
.mainpage-icon { | |||
text-align: center; | |||
margin: 10px; | |||
} | |||
.mainpage-icon a { | |||
text-decoration: none; | |||
color: #333; | |||
} | |||
.mainpage-icon-img img { | |||
border-radius: 50%; | |||
border: 2px solid #4caf50; | |||
} | |||
/* Cursors */ | /* Cursors */ | ||
body { | body { | ||
cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; | |||
} | |||
/ | a:link, a:hover { | ||
cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; | |||
} | |||
a:active { | |||
cursor: url('http://screamer.wiki/images/c/ce/Press.png'), pointer; | |||
} | |||
a:element { | |||
cursor: url('http://screamer.wiki/images/4/4c/Cursor.png'), pointer; | |||
} | |||
/* Scrollbar Styling */ | |||
::-webkit-scrollbar { | ::-webkit-scrollbar { | ||
width: 12px; | |||
-webkit-overflow-scrolling: auto; | |||
} | } | ||
::-webkit-scrollbar-track { | ::-webkit-scrollbar-track { | ||
background: #111111; | |||
} | } | ||
::-webkit-scrollbar-thumb { | ::-webkit-scrollbar-thumb { | ||
background: #d13c17; | |||
border-radius: 0; | |||
} | } | ||
/* Usernames /* | /* Usernames /* | ||