User:StolenBattenberg/vector.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 21: | Line 21: | ||
border: 0px; | border: 0px; | ||
.firstHeading { | .firstHeading | ||
{ | |||
color: #F0F0F0; | color: #F0F0F0; | ||
border: none; | border: none; | ||
border-image: linear-gradient(to right, # | text-shadow: #3f9fc9 0px 1px 1px; | ||
border-image: linear-gradient(to right, #3F9FC9C0 0%, #3FCFC9C0 100%) 1; | |||
border-width: 1px; | border-width: 1px; | ||
border-style: solid; | border-style: solid; | ||
Line 31: | Line 34: | ||
border-left: none; | border-left: none; | ||
border-right: none; | border-right: none; | ||
} | |||
a:visited | |||
{ | |||
color: #3F9FC9; | |||
} | |||
/* Body Content */ | |||
.mw-body-content h2, .mw-body-content h3 | |||
{ | |||
text-shadow: #3f9fc9 0px 1px 1px; | |||
color: #F0F0F0; | |||
} | |||
#bodyContent | |||
{ | |||
/* Subtitle */ | |||
#mw-content-subtitle | |||
{ | |||
color: #F0F0F0; | |||
} | |||
#mw-content-text | |||
{ | |||
color: #F0F0F0; | |||
} | |||
} | } | ||
} | } |
Latest revision as of 20:01, 17 September 2024
@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;
text-shadow: #3f9fc9 0px 1px 1px;
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 */
.mw-body-content h2, .mw-body-content h3
{
text-shadow: #3f9fc9 0px 1px 1px;
color: #F0F0F0;
}
#bodyContent
{
/* Subtitle */
#mw-content-subtitle
{
color: #F0F0F0;
}
#mw-content-text
{
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;
}
}
}