MediaWiki:Common.css: Difference between revisions
From Emmy The Robot Fandom Wiki
Content deleted Content added
No edit summary |
No edit summary |
||
(248 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
/*In case someone is reading this, be careful when copying this code. We are not web developers, this is a Frankestein mess. Use at your own risk!*/ |
|||
/* CSS placed here will be applied to all skins */ |
/* CSS placed here will be applied to all skins */ |
||
<style> |
|||
#mw-content-block.ts-inner { |
|||
background: linear-gradient(180deg, #CEF5FF 0%, #fff 100%); |
|||
max-width: 125em; |
|||
.infobox { |
|||
} |
|||
float: right; |
|||
padding: 5px; |
|||
#mw-content { |
|||
margin-left: 3px; |
|||
margin-left: 11%; /* Adjust this value to match the width of #mw-site-navigation */ |
|||
background: #eaecf0; |
|||
margin-right: 12.6%; /* Adjust this value to match the width of #mw-site-navigation */ |
|||
border: 3px solid #003aff; |
|||
} |
|||
width: 25%; |
|||
#mw-content-container { |
|||
/* Background image (default cat) */ |
|||
background-image: url(none); |
|||
background-attachment: fixed; |
|||
/* -webkit-animation: animate_background 6s linear 0s infinite; |
|||
-moz-animation: animate_background 6s linear 0s infinite; |
|||
-o-animation: animate_background 6s linear 0s infinite; |
|||
animation: animate_background 6s linear 0s infinite;*/ |
|||
border: none; |
|||
background-color: transparent; |
|||
background-position: left top; |
|||
background-repeat: repeat; |
|||
margin-top:0.475em; |
|||
} |
|||
/* import lifesavers font */ |
|||
@font-face { |
|||
font-family: LifeSavers-Regular; |
|||
src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf); |
|||
} |
|||
@font-face { |
|||
font-family: LifeSavers-Bold; |
|||
src: url(https://static.miraheze.org/emmytherobotwiki/c/c7/LifeSavers-Bold.ttf); |
|||
} |
|||
/* apply lifesavers font to headers*/ |
|||
.mw-body h1 { |
|||
font-family: LifeSavers-Bold; |
|||
} |
|||
.mw-body h2 { |
|||
font-family: LifeSavers-Bold; |
|||
} |
|||
.mw-body h3 { |
|||
font-family: LifeSavers-Bold; |
|||
} |
|||
.mw-body h4 { |
|||
font-family: LifeSavers-Bold; |
|||
} |
|||
.mw-body h5 { |
|||
font-family: LifeSavers-Bold; |
|||
} |
|||
.mw-body h6 { |
|||
font-family: LifeSavers-Bold; |
|||
} |
|||
/* Sidebars */ |
|||
#mw-site-navigation { |
|||
position: fixed; /* Change from static to fixed */ |
|||
top: 0; /* Ensures it sticks to the top of the viewport */ |
|||
max-height: 100vh; /* Limit the maximum height to viewport height */ |
|||
} |
|||
div#mw-related-navigation { |
|||
position: fixed; /* Change from static to fixed */ |
|||
top: 175px; /* Ensures it sticks to the top of the viewport */ |
|||
max-height: calc(100vh - 175px); /* Adjust max-height to accommodate the change */ |
|||
right: 0; /*right side */ |
|||
} |
|||
/* Positioning for site tools */ |
|||
div#p-managewiki-sidebar-header.mw-portlet { |
|||
position: fixed; |
|||
top: 725px; /* Adjust top position to place it under mw-related-navigation */ |
|||
right: 0; |
|||
width: 200px; /* Adjust width as needed */ |
|||
/* background-color: #ffffff; Example background color */ |
|||
padding: 10px; /* Example padding */ |
|||
z-index: 100; /* Adjust z-index as needed */ |
|||
} |
|||
/* navigation left sidebar transparent */ |
|||
#site-navigation.sidebar-chunk { |
|||
border: none; |
|||
background-color: transparent; |
|||
} |
|||
/* navigation left sidebar yellow text */ |
|||
#site-navigation a { |
|||
color: #FFCC00; |
|||
font-weight: bold; |
|||
} |
|||
#site-navigation a:hover { |
|||
color: #FFE375; |
|||
} |
|||
/* OLIVIANON'S CSS EXPERIMENT SECTION START */ |
|||
/*THIS STANZA BELOW IS THE ONE THAT GETS THE H1 TITLE FONT TO CHANGE, BUT IT APPEARS TO REQUIRE @FONT-FACE ABOVE TO WORK, UNSURE WHY YET*/ |
|||
/*BOLD DOESN'T WORK BECAUSE @FONT-FACE IS LS-STANDARD, NOT LS-BOLD*/ |
|||
/*.mw-body h1 { |
|||
font-family: LifeSavers-Regular; |
|||
src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf); |
|||
font-size: 20px; |
|||
}*/ |
|||
/*tr { |
|||
line-height: 1 |
|||
*/ |
|||
/*THIS IS A TEST LINE FOR INTERNET PERFORMANCE TESTING*/ |
|||
/*SAVING THIS CSS FILE USUALLY FAILS SO IT IS A GOOD TEST*/ |
|||
/*THE FOLLOWING IS NONSENSE TEXT TO REPEATEDLY SAVE THE FILE*/ |
|||
/*DFGJHDNGIJHEFIGSEG*/ |
|||
/* OLIVIANON'S CSS EXPERIMENT SECTION END */ |
|||
/* category right sidebar transparent */ |
|||
#catlinks-sidebar.sidebar-chunk { |
|||
border: none; |
|||
background-color: transparent; |
|||
} |
|||
/* category right sidebar yellow text */ |
|||
#catlinks-sidebar a { |
|||
color: #FFCC00; |
|||
font-weight: bold; |
|||
} |
|||
#site-navigation a:hover { |
|||
color: #FFE375; |
|||
} |
|||
/* tools left sidebar transparent */ |
|||
#site-tools.sidebar-chunk { |
|||
border: none; |
|||
background-color: transparent; |
|||
} |
|||
/* tools sidebar yellow text */ |
|||
#site-tools a { |
|||
color: #FFCC00; |
|||
font-weight: bold; |
|||
} |
|||
#site-tools a:hover { |
|||
color: #FFE375; |
|||
} |
|||
/* page tools right sidebar transparent */ |
|||
#page-tools.sidebar-chunk { |
|||
border: none; |
|||
background-color: transparent; |
|||
} |
|||
/* page tools right sidebar yellow text */ |
|||
#page-tools a { |
|||
color: #FFCC00; |
|||
font-weight: bold; |
|||
} |
|||
#page-tools a:hover { |
|||
color: #FFE375; |
|||
} |
|||
/* Something else */ |
|||
.mw-footer-container { |
|||
height: 20px; |
|||
border-top: none; |
|||
box-shadow: none; |
|||
} |
|||
div#footer-list { |
|||
height: 20px; |
|||
} |
|||
div#mw-footer.mw-footer.ts-inner { |
|||
height: 20px; |
|||
} |
|||
/* Hide Emmy The Robot Fan Wiki words in top right */ |
|||
a#p-banner.mw-wiki-title.long { |
|||
visibility: hidden; |
|||
} |
|||
body::before { |
|||
content: ""; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
width: 140%; |
|||
height: 140%; |
|||
background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat; |
|||
animation: animate_background 6s linear infinite; |
|||
z-index: -1; |
|||
} |
|||
@keyframes animate_background { |
|||
from { |
|||
transform: translate(0, 0); |
|||
} |
|||
to { |
|||
transform: translate(-257px, -257px); |
|||
} |
|||
} |
|||
.mw-page-container |
|||
{ |
|||
background-color: transparent; |
|||
border: none !important; |
|||
} |
|||
.mw-sidebar |
|||
{ |
|||
background: none; |
|||
} |
|||
.mw-header |
|||
{ |
|||
background-color: transparent; !important; |
|||
} |
|||
/* patrolled notification */ |
|||
.mw-notification |
|||
{ |
|||
background-color: rgba(0, 0, 0, 0.93) !important; |
|||
border: solid 1px #000000 !important; |
|||
color: #000000 !important; |
|||
} |
|||
a.feedlink |
|||
{ |
|||
padding-left: 16px !important; |
|||
} |
|||
/* left menu COMMENTED OUT TO TEST COLOR OF LEFT PANEL*/ |
|||
/* #mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link |
|||
{ |
|||
padding: 0.45em; |
|||
display: block; |
|||
background-color: rgba(255,255,255,0) !important; |
|||
} |
|||
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus { |
|||
background-color: rgba(255,255,255,0.05) !important; |
|||
}*/ |
|||
/* revision stuff */ |
|||
#pagehistory li.selected { |
|||
background-color: rgba(0, 0, 0, 0.34) !important; |
|||
border: 1px dashed rgba(0, 0, 0, 0.59) !important; |
|||
} |
|||
#pagehistory li { |
|||
border: none !important; |
|||
background-color: rgba(0, 0, 0, 0.1) !important; |
|||
} |
|||
#footer ul li { |
|||
color: rgba(255, 255, 255, 0.33) !important; |
|||
} |
|||
#mw-head div.vectorMenu h3 |
|||
{ |
|||
height: 1.75em !important; |
|||
background-image: none !important; |
|||
} |
|||
#simpleSearch |
|||
{ |
|||
/* originally margin-top: -0.95em !important; */ |
|||
margin-top: 0.25em !important; |
|||
border: solid 1px #2c2938 !important; |
|||
background-image: none !important; |
|||
background-color: none !important; |
|||
} |
|||
#simpleSearch input |
|||
{ |
|||
background-color: none !important; |
|||
color: black !important; |
|||
} |
|||
/* tab background */ |
|||
div.vectorTabs |
|||
{ |
|||
background-image: none; |
|||
} |
|||
/* active tab */ |
|||
div.vectorTabs li.selected |
|||
{ |
|||
background-image: none; |
|||
background: linear-gradient(to bottom,rgba(168,177,255,0.05) 0%,rgba(168,177,255,0.18) 100%); |
|||
border-radius: 10px 10px 0 0; |
|||
border: 1px solid rgba(165, 192, 255, 0.3); |
|||
border-bottom-width: 0; |
|||
border-top-width: 0; |
|||
} |
|||
/* removing white line on top of the page */ |
|||
#mw-page-base |
|||
{ |
|||
background-image: none; |
|||
background-color: transparent; |
|||
} |
|||
#mp-topbanner { |
|||
margin-top:0em; |
|||
} |
|||
.vector-menu-tabs li |
|||
{ |
|||
background-image: linear-gradient(to top,#9a9cab 0,#6595CA 1px,#fff0 100%) !important; |
|||
background-color: transparent !important; |
|||
} |
|||
.vector-menu-tabs .selected |
|||
{ |
|||
background-image: linear-gradient(to top,#9a9cab 0,#85B5E6 1px,#fff0 100%) !important; |
|||
background-color: transparent !important; |
|||
} |
|||
.vector-menu-dropdown |
|||
{ |
|||
background-image: linear-gradient(to top,#9a9cab 0,#6595CA 1px,#fff0 100%) !important; |
|||
background-color: transparent !important; |
|||
} |
|||
/* something related to tab, was adding line on right */ |
|||
div.vectorTabs ul |
|||
{ |
|||
background-image: none; |
|||
} |
|||
/* another thing that adds white line on right of tab */ |
|||
div.vectorTabs span |
|||
{ |
|||
background-image: none; |
|||
} |
|||
/* separator line on left */ |
|||
#mw-panel div.portal |
|||
{ |
|||
background-image: none !important; |
|||
border: 0 none #000; |
|||
border-top: 1px solid rgba(255,255,255,0.2); |
|||
} |
|||
/* top tabs (over wiki content) */ |
|||
div.vectorTabs ul li |
|||
{ |
|||
background-image: none; |
|||
background-color: transparent; |
|||
} |
|||
/* spacing for left menu */ |
|||
#mw-panel div.portal div.body ul li |
|||
{ |
|||
/*padding: 0.45em 0 !important;*/ |
|||
padding: 0 !important; |
|||
line-height: normal !important; |
|||
} |
|||
/* left menu COMMENTED OUT TO TEST LINK ON LEFT PANEL */ |
|||
/* #mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link |
|||
{ |
|||
padding: 0.45em; |
|||
display: block; |
|||
background-color: rgba(255,255,255,0) !important; |
|||
} |
|||
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus { |
|||
background-color: rgba(255,255,255,0.05) !important; |
|||
} |
|||
/*a:visited, a:link, a, #mw-panel div.portal div.body ul li a:visited, #mw-panel div.portal div.body ul li a |
|||
{ |
|||
color: #FFCC00 !important; |
|||
font-weight: bold; |
|||
} |
|||
a:hover, #mw-panel div.portal div.body ul li a:hover |
|||
{ |
|||
color: #FFE375 !important; |
|||
text-decoration: none !important; |
|||
} |
|||
a:active, a:focus, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus |
|||
{ |
|||
color: #000000 !important; |
|||
text-decoration: none !important; |
|||
} */ |
|||
/* missing links */ |
|||
a.new, #p-personal a.new |
|||
{ |
|||
color: #ff3333 !important; |
|||
}*/ |
|||
.cnotice-message { |
|||
padding: 15px 50px 11px 30px !important; |
|||
} |
|||
.cnotice-logo-container { |
|||
width: unset !important; |
|||
padding-left: 30px !important; |
|||
padding-right: 10px !important; |
|||
filter: drop-shadow(0px 0px 15px rgb(28, 28, 28)); |
|||
} |
|||
.warningbox { |
|||
background-color: #f0ad344f !important; |
|||
color: black !important; |
|||
border: 2px dotted #fc3 !important; |
|||
} |
|||
.cnotice |
|||
{ |
|||
background-color: #72956d !important; |
|||
border-color: #b1d9ac !important; |
|||
} |
|||
.cnotice-message p |
|||
{ |
|||
color: #CFFBC9 !important; |
|||
} |
|||
.oo-ui-windowManager-modal > .oo-ui-dialog |
|||
{ |
|||
background-color: rgba(0, 0, 0, 0.5) !important; |
|||
} |
|||
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame |
|||
{ |
|||
background-color: #000 !important; |
|||
color: white !important; |
|||
} |
|||
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame |
|||
{ |
|||
border: 1px solid #000 !important; |
|||
} |
|||
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot |
|||
{ |
|||
outline: unset !important; |
|||
} |
|||
/*TESTING BELOW*/ |
|||
/* Color bars */ |
|||
.color-bar { |
|||
width: 0%; |
|||
} |
|||
#mw-header-container { |
|||
background: none; |
|||
position: static; |
|||
} |
|||
#mw-header-container.ts-inner { |
|||
background: none; |
|||
position: static; |
|||
} |
|||
/* #mw-header controls size of search box along top of page*/ |
|||
#mw-header { |
|||
width: 97.5%; |
|||
max-width: 97.5%; |
|||
padding: 0; |
|||
position: static; |
|||
} |
|||
#simpleSearch { |
|||
box-shadow: inset 0 2px 4px 0 rgba( 0, 0, 0, 0.05 ); |
|||
background: ; |
|||
position: relative; |
|||
border: solid 1px @base70; |
|||
} |
|||
#simpleSearch #searchInput::placeholder { |
|||
color: ; |
|||
} |
|||
/* Wikitable */ |
|||
table.wikitable, table.wikitable caption, table.wikitable th, table.wikitable td { |
|||
padding-top: 0.2em; |
|||
padding-bottom: 0.2em; |
|||
} |
|||
/* ================= * |
|||
* Template: Spoiler * |
|||
* ================= */ |
|||
.spoiler { |
|||
background-color: black; |
|||
color: black; |
|||
} |
|||
.spoiler:focus, |
|||
.spoiler:active, |
|||
.spoiler:hover { |
|||
color: #ccc; |
|||
} |
|||
.spoiler a { |
|||
color: black; |
|||
} |
} |
||
.spoiler:focus a, |
|||
.infobox th { |
|||
.spoiler:active a, |
|||
text-align: left; |
|||
.spoiler:hover a { |
|||
color: var(--color-link); |
|||
} |
} |
||
</style> |
Latest revision as of 08:33, 15 July 2024
/*In case someone is reading this, be careful when copying this code. We are not web developers, this is a Frankestein mess. Use at your own risk!*/
/* CSS placed here will be applied to all skins */
#mw-content-block.ts-inner {
max-width: 125em;
}
#mw-content {
margin-left: 11%; /* Adjust this value to match the width of #mw-site-navigation */
margin-right: 12.6%; /* Adjust this value to match the width of #mw-site-navigation */
}
#mw-content-container {
/* Background image (default cat) */
background-image: url(none);
background-attachment: fixed;
/* -webkit-animation: animate_background 6s linear 0s infinite;
-moz-animation: animate_background 6s linear 0s infinite;
-o-animation: animate_background 6s linear 0s infinite;
animation: animate_background 6s linear 0s infinite;*/
border: none;
background-color: transparent;
background-position: left top;
background-repeat: repeat;
margin-top:0.475em;
}
/* import lifesavers font */
@font-face {
font-family: LifeSavers-Regular;
src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf);
}
@font-face {
font-family: LifeSavers-Bold;
src: url(https://static.miraheze.org/emmytherobotwiki/c/c7/LifeSavers-Bold.ttf);
}
/* apply lifesavers font to headers*/
.mw-body h1 {
font-family: LifeSavers-Bold;
}
.mw-body h2 {
font-family: LifeSavers-Bold;
}
.mw-body h3 {
font-family: LifeSavers-Bold;
}
.mw-body h4 {
font-family: LifeSavers-Bold;
}
.mw-body h5 {
font-family: LifeSavers-Bold;
}
.mw-body h6 {
font-family: LifeSavers-Bold;
}
/* Sidebars */
#mw-site-navigation {
position: fixed; /* Change from static to fixed */
top: 0; /* Ensures it sticks to the top of the viewport */
max-height: 100vh; /* Limit the maximum height to viewport height */
}
div#mw-related-navigation {
position: fixed; /* Change from static to fixed */
top: 175px; /* Ensures it sticks to the top of the viewport */
max-height: calc(100vh - 175px); /* Adjust max-height to accommodate the change */
right: 0; /*right side */
}
/* Positioning for site tools */
div#p-managewiki-sidebar-header.mw-portlet {
position: fixed;
top: 725px; /* Adjust top position to place it under mw-related-navigation */
right: 0;
width: 200px; /* Adjust width as needed */
/* background-color: #ffffff; Example background color */
padding: 10px; /* Example padding */
z-index: 100; /* Adjust z-index as needed */
}
/* navigation left sidebar transparent */
#site-navigation.sidebar-chunk {
border: none;
background-color: transparent;
}
/* navigation left sidebar yellow text */
#site-navigation a {
color: #FFCC00;
font-weight: bold;
}
#site-navigation a:hover {
color: #FFE375;
}
/* OLIVIANON'S CSS EXPERIMENT SECTION START */
/*THIS STANZA BELOW IS THE ONE THAT GETS THE H1 TITLE FONT TO CHANGE, BUT IT APPEARS TO REQUIRE @FONT-FACE ABOVE TO WORK, UNSURE WHY YET*/
/*BOLD DOESN'T WORK BECAUSE @FONT-FACE IS LS-STANDARD, NOT LS-BOLD*/
/*.mw-body h1 {
font-family: LifeSavers-Regular;
src: url(https://static.miraheze.org/emmytherobotwiki/f/fa/LifeSavers-Regular.ttf);
font-size: 20px;
}*/
/*tr {
line-height: 1
*/
/*THIS IS A TEST LINE FOR INTERNET PERFORMANCE TESTING*/
/*SAVING THIS CSS FILE USUALLY FAILS SO IT IS A GOOD TEST*/
/*THE FOLLOWING IS NONSENSE TEXT TO REPEATEDLY SAVE THE FILE*/
/*DFGJHDNGIJHEFIGSEG*/
/* OLIVIANON'S CSS EXPERIMENT SECTION END */
/* category right sidebar transparent */
#catlinks-sidebar.sidebar-chunk {
border: none;
background-color: transparent;
}
/* category right sidebar yellow text */
#catlinks-sidebar a {
color: #FFCC00;
font-weight: bold;
}
#site-navigation a:hover {
color: #FFE375;
}
/* tools left sidebar transparent */
#site-tools.sidebar-chunk {
border: none;
background-color: transparent;
}
/* tools sidebar yellow text */
#site-tools a {
color: #FFCC00;
font-weight: bold;
}
#site-tools a:hover {
color: #FFE375;
}
/* page tools right sidebar transparent */
#page-tools.sidebar-chunk {
border: none;
background-color: transparent;
}
/* page tools right sidebar yellow text */
#page-tools a {
color: #FFCC00;
font-weight: bold;
}
#page-tools a:hover {
color: #FFE375;
}
/* Something else */
.mw-footer-container {
height: 20px;
border-top: none;
box-shadow: none;
}
div#footer-list {
height: 20px;
}
div#mw-footer.mw-footer.ts-inner {
height: 20px;
}
/* Hide Emmy The Robot Fan Wiki words in top right */
a#p-banner.mw-wiki-title.long {
visibility: hidden;
}
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 140%;
height: 140%;
background: url(https://static.miraheze.org/emmytherobotwiki/0/06/Bgtile.png) 0 0 repeat;
animation: animate_background 6s linear infinite;
z-index: -1;
}
@keyframes animate_background {
from {
transform: translate(0, 0);
}
to {
transform: translate(-257px, -257px);
}
}
.mw-page-container
{
background-color: transparent;
border: none !important;
}
.mw-sidebar
{
background: none;
}
.mw-header
{
background-color: transparent; !important;
}
/* patrolled notification */
.mw-notification
{
background-color: rgba(0, 0, 0, 0.93) !important;
border: solid 1px #000000 !important;
color: #000000 !important;
}
a.feedlink
{
padding-left: 16px !important;
}
/* left menu COMMENTED OUT TO TEST COLOR OF LEFT PANEL*/
/* #mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link
{
padding: 0.45em;
display: block;
background-color: rgba(255,255,255,0) !important;
}
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {
background-color: rgba(255,255,255,0.05) !important;
}*/
/* revision stuff */
#pagehistory li.selected {
background-color: rgba(0, 0, 0, 0.34) !important;
border: 1px dashed rgba(0, 0, 0, 0.59) !important;
}
#pagehistory li {
border: none !important;
background-color: rgba(0, 0, 0, 0.1) !important;
}
#footer ul li {
color: rgba(255, 255, 255, 0.33) !important;
}
#mw-head div.vectorMenu h3
{
height: 1.75em !important;
background-image: none !important;
}
#simpleSearch
{
/* originally margin-top: -0.95em !important; */
margin-top: 0.25em !important;
border: solid 1px #2c2938 !important;
background-image: none !important;
background-color: none !important;
}
#simpleSearch input
{
background-color: none !important;
color: black !important;
}
/* tab background */
div.vectorTabs
{
background-image: none;
}
/* active tab */
div.vectorTabs li.selected
{
background-image: none;
background: linear-gradient(to bottom,rgba(168,177,255,0.05) 0%,rgba(168,177,255,0.18) 100%);
border-radius: 10px 10px 0 0;
border: 1px solid rgba(165, 192, 255, 0.3);
border-bottom-width: 0;
border-top-width: 0;
}
/* removing white line on top of the page */
#mw-page-base
{
background-image: none;
background-color: transparent;
}
#mp-topbanner {
margin-top:0em;
}
.vector-menu-tabs li
{
background-image: linear-gradient(to top,#9a9cab 0,#6595CA 1px,#fff0 100%) !important;
background-color: transparent !important;
}
.vector-menu-tabs .selected
{
background-image: linear-gradient(to top,#9a9cab 0,#85B5E6 1px,#fff0 100%) !important;
background-color: transparent !important;
}
.vector-menu-dropdown
{
background-image: linear-gradient(to top,#9a9cab 0,#6595CA 1px,#fff0 100%) !important;
background-color: transparent !important;
}
/* something related to tab, was adding line on right */
div.vectorTabs ul
{
background-image: none;
}
/* another thing that adds white line on right of tab */
div.vectorTabs span
{
background-image: none;
}
/* separator line on left */
#mw-panel div.portal
{
background-image: none !important;
border: 0 none #000;
border-top: 1px solid rgba(255,255,255,0.2);
}
/* top tabs (over wiki content) */
div.vectorTabs ul li
{
background-image: none;
background-color: transparent;
}
/* spacing for left menu */
#mw-panel div.portal div.body ul li
{
/*padding: 0.45em 0 !important;*/
padding: 0 !important;
line-height: normal !important;
}
/* left menu COMMENTED OUT TO TEST LINK ON LEFT PANEL */
/* #mw-panel div.portal div.body ul li a:visited, div#mw-panel div.portal div.body ul li a:link
{
padding: 0.45em;
display: block;
background-color: rgba(255,255,255,0) !important;
}
#mw-panel div.portal div.body ul li a:hover, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus {
background-color: rgba(255,255,255,0.05) !important;
}
/*a:visited, a:link, a, #mw-panel div.portal div.body ul li a:visited, #mw-panel div.portal div.body ul li a
{
color: #FFCC00 !important;
font-weight: bold;
}
a:hover, #mw-panel div.portal div.body ul li a:hover
{
color: #FFE375 !important;
text-decoration: none !important;
}
a:active, a:focus, #mw-panel div.portal div.body ul li a:active, #mw-panel div.portal div.body ul li a:focus
{
color: #000000 !important;
text-decoration: none !important;
} */
/* missing links */
a.new, #p-personal a.new
{
color: #ff3333 !important;
}*/
.cnotice-message {
padding: 15px 50px 11px 30px !important;
}
.cnotice-logo-container {
width: unset !important;
padding-left: 30px !important;
padding-right: 10px !important;
filter: drop-shadow(0px 0px 15px rgb(28, 28, 28));
}
.warningbox {
background-color: #f0ad344f !important;
color: black !important;
border: 2px dotted #fc3 !important;
}
.cnotice
{
background-color: #72956d !important;
border-color: #b1d9ac !important;
}
.cnotice-message p
{
color: #CFFBC9 !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog
{
background-color: rgba(0, 0, 0, 0.5) !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame
{
background-color: #000 !important;
color: white !important;
}
.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame
{
border: 1px solid #000 !important;
}
.oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot
{
outline: unset !important;
}
/*TESTING BELOW*/
/* Color bars */
.color-bar {
width: 0%;
}
#mw-header-container {
background: none;
position: static;
}
#mw-header-container.ts-inner {
background: none;
position: static;
}
/* #mw-header controls size of search box along top of page*/
#mw-header {
width: 97.5%;
max-width: 97.5%;
padding: 0;
position: static;
}
#simpleSearch {
box-shadow: inset 0 2px 4px 0 rgba( 0, 0, 0, 0.05 );
background: ;
position: relative;
border: solid 1px @base70;
}
#simpleSearch #searchInput::placeholder {
color: ;
}
/* Wikitable */
table.wikitable, table.wikitable caption, table.wikitable th, table.wikitable td {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
/* ================= *
* Template: Spoiler *
* ================= */
.spoiler {
background-color: black;
color: black;
}
.spoiler:focus,
.spoiler:active,
.spoiler:hover {
color: #ccc;
}
.spoiler a {
color: black;
}
.spoiler:focus a,
.spoiler:active a,
.spoiler:hover a {
color: var(--color-link);
}