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://waifu2x.booru.pics/outfiles/f0f2bd6acf60323030b700417f61dfba7f40cbb6_s2_n0_y1.png");
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* This is the main content area, excluding the tabs */
.mw-body
{
}
/* 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);
}
#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
{
overflow: auto;
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.5em 1em 0em 0em;
}
#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
{
color: #F0F0F0;
}
.vector-menu-content li a:visited
{
color: #3f9fc9;
}
}
}