1,545
edits
Screamer1234 (talk | contribs) (going back to old design nowadays) |
No edit summary |
||
(5 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 31: | Line 38: | ||
.editOptions{ | .editOptions{ | ||
background-color:#333; | background-color:#333; | ||
border-color:# | border-color:#4c4c4c | ||
} | } | ||
input,textarea{ | input,textarea{ | ||
Line 93: | Line 100: | ||
#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{ | #left-navigation div.vectorTabs,#right-navigation div.vectorTabs{ | ||
background-image:inherit; | background-image:inherit; | ||
background-color:#e87057 | background-color:#e87057; | ||
} | } | ||
#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{ | #left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{ | ||
Line 100: | Line 108: | ||
#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{ | #left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{ | ||
background-color:#222; | background-color:#222; | ||
background-image:-moz-linear-gradient(top, # | background-image:-moz-linear-gradient(top, #8c4434 20%, #8c4434 100%); | ||
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, # | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(20%, #8c4434), color-stop(100%, #8c4434)); | ||
background-image:-webkit-linear-gradient(top, # | background-image:-webkit-linear-gradient(top, #8c4434 20%, #8c4434 100%); | ||
background-image:linear-gradient(# | background-image:linear-gradient(#e67860 20%, #8c4434 100%) | ||
} | } | ||
#left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{ | #left-navigation div.vectorTabs li.new a,#right-navigation div.vectorTabs li.new a,#left-navigation div.vectorTabs li.new a:visited,#right-navigation div.vectorTabs li.new a:visited{ | ||
color:# | color:#FFFFFF; | ||
} | } | ||
#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{ | #left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected{ | ||
background-color:#333; | background-color:#333; | ||
background-image:-moz-linear-gradient(top, # | background-image:-moz-linear-gradient(top, #ffa896 0, #ffa896 10%); | ||
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, # | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa896), color-stop(10%, #ffa896)); | ||
background-image:-webkit-linear-gradient(top, # | background-image:-webkit-linear-gradient(top, #ffa896 0, #ffa896 10%); | ||
background-image:linear-gradient(# | background-image:linear-gradient(#ffa896 0, #e87057 50%) | ||
} | } | ||
#left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{ | #left-navigation div.vectorTabs li.selected a,#right-navigation div.vectorTabs li.selected a,#left-navigation div.vectorTabs li.selected a:visited,#right-navigation div.vectorTabs li.selected a:visited{ | ||
color:# | color:#FFFFFF | ||
} | } | ||
#left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{ | #left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a{ | ||
color:# | color:#FFFFFF | ||
} | } | ||
#left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{ | #left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span{ | ||
Line 159: | Line 167: | ||
} | } | ||
html{ | html{ | ||
font-size:100% | font-size:100%; | ||
} | } | ||
html,body{ | html,body{ | ||
Line 167: | Line 175: | ||
} | } | ||
body{ | body{ | ||
background-color:# | background-color:#2a2a2a | ||
} | } | ||
.mw-body{ | .mw-body{ | ||
Line 176: | Line 184: | ||
margin-top:-1px; | margin-top:-1px; | ||
background-color:#333; | background-color:#333; | ||
color:# | color:#262626; | ||
direction:ltr | direction:ltr | ||
} | } | ||
Line 207: | 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 313: | Line 325: | ||
div#simpleSearch{ | div#simpleSearch{ | ||
display:block; | display:block; | ||
width:12. | width:12.5em; | ||
padding-right:1. | padding-right:1.5em; | ||
height:1.4em; | height:1.4em; | ||
margin-top:.65em; | margin-top:.65em; | ||
position:relative; | position:relative; | ||
min-height: | min-height:2px; | ||
border:solid | border:solid 2px #e87057; | ||
color:black; | color:black; | ||
background-color: | background-color:1c1c1c; | ||
background-image:/* @embed */ | background-image:/* @embed */ | ||
background-repeat:repeat-x; | |||
border-radius:0px; | |||
box-shadow: -0px -0px #262626; | |||
} | } | ||
div#simpleSearch input{ | div#simpleSearch input{ | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
border:0; | border:0.2; #e87057 | ||
background-color:transparent; | background-color:transparent; | ||
color: | color:#c1c1c1 | ||
} | } | ||
div#simpleSearch #searchInput{ | div#simpleSearch #searchInput{ | ||
Line 430: | 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 466: | Line 481: | ||
float:left; | float:left; | ||
cursor:pointer; | cursor:pointer; | ||
position:relative | position:relative; | ||
} | } | ||
body.rtl div.vectorMenu{ | body.rtl div.vectorMenu{ | ||
Line 491: | Line 506: | ||
font-weight:normal; | font-weight:normal; | ||
color:#4d4d4d | color:#4d4d4d | ||
} | |||
div.vectorMenu li a{ | |||
transition: 0.4s | |||
} | |||
div.vectorMenu li:hover a{ | |||
background-color:#383838; | |||
color: #f54f2c | |||
} | } | ||
div.vectorMenu h3 a{ | div.vectorMenu h3 a{ | ||
Line 685: | 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, # | background-image:-moz-linear-gradient(top, #333 50%, #333 100%); | ||
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, # | background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #333)); | ||
background-image:-webkit-linear-gradient(top, # | background-image:-webkit-linear-gradient(top, #333 50%, #333 100%); | ||
background-image:linear-gradient(# | background-image:linear-gradient(#333 50%, #333 100%); | ||
background-color:#333 | background-color:#333 | ||
} | } | ||
Line 706: | 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 846: | Line 879: | ||
} | } | ||
.comments-submit { | |||
color:#c1c1c1 | |||
} | |||
/*Tabber | /* Tabber Styling */ | ||
.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:link, a:hover { | |||
cursor: url('http://screamer.wiki/images/f/fd/Link.png'), pointer; | |||
a:hover{ | } | ||
/ | 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 /* |
edits