User:StolenBattenberg/vector.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@media screen
{
/*************/
/* Main Page */
/*************/
body
{
background-image: url("https://wiki.swordofmoonlight.com/images/somwikibg.webp");
background-color: #080808;
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* This is the main content area, excluding the tabs */
.mw-body
{
background-image: none;
background: rgba(15,15,15,0.95);
box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
border: 0px;
.firstHeading {
color: #F0F0F0;
border: none;
border-image: linear-gradient(to right, #3F9FC9C0 0%, #3FCFC9C0 100%) 1;
border-width: 1px;
border-style: solid;
border-top: none;
border-left: none;
border-right: none;
}
a:visited
{
color: #3F9FC9;
}
/* Body Content */
#bodyContent
{
/* Subtitle */
#mw-content-subtitle
{
color: #F0F0F0;
}
}
}
/* Something something */
#mw-head-base
{
}
/* This controls the page colour directly behind the top navigation */
#mw-page-base
{
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-position: unset;
height: 8em;
}
/**********/
/* Footer */
/**********/
.mw-footer
{
background: rgba(255,255,255,0.4);
border: none;
border-bottom: 1px solid #ccc;
border-radius: 0px;
border-bottom-left-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
padding: 1em 1em 3em 1em;
margin: 0em 0em 2em 11em;
}
/*******************/
/* Navigation, Top */
/*******************/
#mw-head
{
background: rgba(255,255,255,0.4);
border: none;
border-top: 1px solid #ccc;
border-radius: 0px;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px;
position: absolute;
top: 5em;
left: 11em;
margin: 0em 11em 0em 0em;
width: calc(100% - 11em);
height: 2.9em;
}
#p-personal
{
padding: 0px;
margin: 0em 0em 0em 0em;
position: absolute;
right: 1em;
top: -4em;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading
{
background-image: none; !important;
background-color: rgba(0, 0, 0, 0); !important;
}
#left-navigation
{
padding: 0px;
margin: 1.2em 0px 0px 0px;
.vector-menu-tabs-legacy
{
.mw-list-item
{
background-image: none;
background: rgba(15,15,15,0.95);
margin: 0px 0px 0px 0.25em;
box-shadow: inset rgba(0,0,0,0.7) 0px -2px 4px 0px;
border: none;
border-top: 1px solid #ccc;
border-radius: 0px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
float: left;
display: block;
height: 50%;
line-height: 1.125em;
a
{
padding: 4px 8px 0px 8px;
margin: 0px 0px 0em 0px;
height: 2em;
}
span
{
margin: 0px 0px 8px 0px;
color: #F0F0F0;
text-align: center;
text-decoration: none;
}
}
.selected
{
background: rgba(31,31,31,0.95);
box-shadow: rgba(63,159,201,0.7) 0px 1px 8px;
span
{
color: #F0F0F0;
text-align: center;
text-decoration: none;
text-shadow: #3f9fc9 0px 1px 1px;
}
}
}
}
.vector-menu-tabs .mw-watchlink.icon a
{
width: 100%;
}
.vector-menu-tabs #ca-watch.icon a::before, .vector-menu-tabs #ca-unwatch.icon a::before
{
background-image: none;
}
#right-navigation
{
padding: 0px;
margin: 1.2em 0em 0em 0em;
.vector-search-box form
{
margin: -0.25em 1em 0em 0.75em;
.vector-search-box-input
{
background-color: rgba(0,0,0,0.1);
}
}
#p-cactions
{
background: rgba(15,15,15,0.95);
margin: 0px 0px 0px 0.25em;
display: block;
height: 50%;
line-height: 1.125em;
box-shadow: inset rgba(0,0,0,0.7) 0px -2px 4px 0px;
border: none;
border-top: 1px solid #ccc;
border-radius: 0px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
#p-cactions-label
{
padding: 4px 8px 4px 8px;
margin: 0px 0px 0em 0px;
color: #F0F0F0;
text-align: center;
text-decoration: none;
}
}
#p-search
{
margin: 0px 0px 0px 0.25em;
height: 50%;
line-height: 1.125em;
}
.vector-menu-tabs-legacy
{
.mw-list-item
{
background-image: none;
background: rgba(15,15,15,0.95);
margin: 0px 0px 0px 0.25em;
box-shadow: inset rgba(0,0,0,0.7) 0px -2px 4px 0px;
border: none;
border-top: 1px solid #ccc;
border-radius: 0px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
float: left;
display: block;
height: 50%;
line-height: 1.125em;
a
{
padding: 4px 8px 0px 8px;
margin: 0px 0px 0em 0px;
height: 2em;
}
span
{
margin: 0px 0px 8px 0px;
color: #F0F0F0;
text-align: center;
text-decoration: none;
}
}
.selected
{
background: rgba(31,31,31,0.95);
box-shadow: rgba(63,159,201,0.7) 0px 1px 8px;
span
{
color: #F0F0F0;
text-align: center;
text-decoration: none;
text-shadow: #3f9fc9 0px 1px 1px;
}
}
}
}
/********************/
/* Navigation, User */
/********************/
#p-personal ul
{
padding: 0px;
margin: 0px;
}
.vector-user-menu-legacy .vector-menu-content-list
{
padding: 0px;
margin: 0px;
background: rgba(15,15,15,0.95);
box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
border-radius: 2px;
border: 1px;
}
/* This is a generic link on the user menu */
.vector-user-menu-legacy
{
li
{
float: left;
padding: 0px;
margin: 0px;
line-height: 32px;
a:hover
{
background: rgba(33,33,33,0.95);
box-shadow: inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
text-decoration: none;
text-shadow: #3f9fc9 0px 1px 1px;
}
a
{
padding: 0px 8px 0px 8px;
margin: 0px;
background-image: none;
display: inline-block;
span
{
color: #F0F0F0;
text-align: center;
}
}
}
/* Specific Override: User Page */
#pt-userpage a
{
padding: 0px 8px 0px 16px;
margin: 0px;
background-image: none;
display: inline-block;
}
/* Specific Override: Log out */
#pt-logout a
{
padding: 0px 16px 0px 8px;
margin: 0px;
background-image: none;
display: inline-block;
}
}
/********************/
/* Navigation, Side */
/********************/
#mw-panel
{
background: rgba(15,15,15,0.73);
box-shadow: rgba(63,159,201,0.7) 0px 1px 8px, inset rgba(63,159,201,0.4) 0px 0px 0px 1px;
border-radius: 2px;
border: 1px;
position: absolute;
top: 5em;
left: 0.25em;
width: 9.75em;
}
.vector-legacy-sidebar .vector-menu-portal
{
.vector-menu-heading
{
text-decoration: none;
text-shadow: #3f9fc9 0px 1px 1px;
color: #F0F0F0;
}
.vector-menu-content li a:visited
{
color: #F0F0F0;
}
.vector-menu-content li a
{
color: #3f9fc9;
}
}
}