MediaWiki:Theme-dark: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
(Created page with "Dark →‎Change the background color of the bottom and left of eath page, up to behind the logo:: body { background: #AA3C14 url(/images/7/76/Photo_2024-02-28_12-04-11.jpg) no-repeat; font-family: 'Roboto', Arial, sans-serif; } #content .client-darkmode { background: #AA3C14; font-family: "Roboto"; } →‎background color of the content and title of pages: #content { background-color: #EFBB7F; } /* This is from the background color of the title of the Navigation...")
 
(Replaced content with "Dark")
Tag: Replaced
 
Line 1: Line 1:
Dark
Dark
/* Change the background color of the bottom and left of eath page, up to behind the logo: */
body { background: #AA3C14 url(/images/7/76/Photo_2024-02-28_12-04-11.jpg) no-repeat; font-family: 'Roboto', Arial, sans-serif; }
#content .client-darkmode { background: #AA3C14; font-family: "Roboto"; }
/* background color of the content and title of pages */
#content { background-color: #EFBB7F; }
/* This is from the background color of the title of the Navigation menu in the left column */
#p-navigation { background-color: #F28E97; border-radius: 10px 10px 0px 0px; border: 3px solid #722215; border-bottom:hidden; background-image:url(/images/9/97/Sidebar.png); }
/* This is from the background color of the title of the Twenty one pilots menu in the left column */
#p-Twenty_one_pilots { background-color: #F8D63A; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); }
/* This is from the background color of the title of the Members menu in the left column */
#p-Members { background-color: #F8D63A; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); }
.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;}
.wikitable > tr > th, .wikitable > * > tr > th { background:#}
#catlinks { background:#FFE281; border: 1px solid #C14424; }
.catlinks li { display: inline-block; line-height: 1.25em; border-left: 1px solid #C14424; margin: 0.125em 0; padding: 0 0.5em; }
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#722215 100%); background-repeat: no-repeat; background-size: 1px 100%; }
:not(:checked) > .vector-menu-checkbox { background:#EFB737 }
li.gallerybox div.thumb { border: hidden; background-color: #C14424; text-align:center; }
.vector-menu-dropdown { background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#722215 100%); }
.c-actions { margin: 10px 5px 0px 0px; }
.c-item { background-color: #EFB737; border:2px solid #C14424; color: #722215; margin: 10px 0px 15px 0px; }
.c-avatar img { padding: 3px; border: 1px solid #dcdcdc; background-color: #bc1313; margin: 6px 0px 0px 6px; }
.c-score { right: 10px; }
.c-container { margin: 0px 0px 0px 75px; }
.c-user { margin: 1px 0px 6px 0px; }
.c-time { color: #af1414; }
.f-message { background-color: #FFE4AA; width: 445px; }
.c-comment { text-indent: 5px; }
.user-section-heading { margin: 0 0 23px 0; }
#profile-title { margin: 15px 20px 29px -6px; }
#profile-image img { margin: 15px 0px 0px 0px; }
body #p-personal li#p-themes > span { position: relative; top: 24px; left: -101px; }
.vector-user-menu-legacy li { position: relative; top: -26px; right: -10px; }
.mwe-popups .mwe-popups-extract:after, .mwe-popups .mwe-popups-extract blockquote:after { content: ' '; position: absolute; bottom: 0; width: 25%; height: 20px; background-color: #EDC393; pointer-events: none; }
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { background-color: #D35232; border-color: #9E3A19; }
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption { background-color: #D35232; border-color: #9E3A19; }
.mwe-popups .mwe-popups-extract[dir='ltr']:after { right: 0; background-image: linear-gradient(to right,rgba(255,255,255,0),#EDC393 50%); }
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background-color: #; border: 1px solid #a2a9b1; padding: 0.2em 0.4em; }
input[type="checkbox" i] { color: #B0E0E6; }
.mwe-popups .mwe-popups-container { background: #EDC393; }
.mw-parser-output .infobox-above, .mw-parser-output .infobox-title { font-size: 125%; font-weight: bold; text-align: center; border-radius: 2px 2px; background-image:url(); }
#n-Discord a { color: #fff !important; font-weight: bold; border-radius: 4px; border: 1px solid #4c57d0; background-color: #5865f2; display: block; position: relative; padding: 4px 4px 5px calc(17px + 6.5px * 2); box-shadow: 0 2px 3px rgba(0,0,0,0.1); transition: 0.2s; }
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { display: block; color: #44180D; margin: 0.5em 0 0 0.66666667em; border: 0; padding: 0.25em 0; font-size: 0.80em; font-weight: bold; cursor: default; background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#AA3C14 33%,#AA3C14 66%,rgba(200,204,209,0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; }
.vectorTabs span a { background-color: #B0E0E6; }
#p-logo { ; }
.featurebox-heading { background-image: url(/images/1/14/Scaled_transparent.png); color: #fff; }
element.style { width: 60%; background-color: ; background-image: url(/images/1/14/Scaled_transparent.png); }
.toc, .toccolours { border-radius: 8px 8px; border: 3px solid #C14424; background-color: #FFE3C9; }
#p-tb { background-color: #F8D63A; border-radius: 0px 0px 10px 10px; border: 3px solid #722215; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); }
#p-personal ul { background: #E2B076; border-radius: 3px 3px; border: 2px solid #C14424; padding:0.1em 1.5em; height: 23px; }
#mw-head { background-image: url(/images/4/42/Heared-3_%283%29.gif);}
.vector-menu-tabs-legacy .selected { background: #EFBB7F }
.vector-menu-checkbox { color: #C14424; }
.mp_header { background-image:url(/images/9/9c/Wikinews_banner_2024.png); background-repeat: no-repeat; background-position: top right; width: 100%;}
.mw-body { border: 4px solid #722215; margin-top: -4px; }
h1, h2 { border-color: #57544a; }
.vector-menu-dropdown .mw-list-item a:not(.mw-ui-icon) { background: #F4FFFF; }
img[Attributes Style] { height: 168px; }
.grid * { background: #E0C9AF; }
.vector-search-box-input { color: #312400; border: 1px solid #6D2614; }
.skin-vector .uls-search { border-bottom-color: #7A4D1D; }
.vector-menu-tabs-legacy li { background-image: linear-gradient(to top,#E2B076 0,#E2B076 1px,#E09947 100% );
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#C14424 33%,#F7572E 66%,rgba(200,204,209,0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; font-weight: bold; }
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { background-image: linear-gradient(to bottom,rgba(68,137,145,0) 0,#C14424 100%); border: 4px solid #722215; background-repeat: no-repeat; background-size: 1px 100%; border: 4px solid #C14424; margin-top: -4px; }
.imagelink_telegram a {
  width:100px;
  height:100px;
  display:block;
  text-decoration:none;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Telegram_logo.svg/2048px-Telegram_logo.svg.png")
body.page-Main_Page h1.firstHeading { display:none; }
#title-para { background-color: #F0FFFF; }
.hoverimage:hover {
  transition: 0.2s ease;
  transform: scale(1.1);
}
#mw-content-text .featurebox .featurebox-heading{
background-image:url("https://tfwiki.net/mediawiki/images2/2/26/Allsparkstrip_transparent.png");
}
.hover-highlight:hover {
    background-color: #ffffcc; /* Any desired color */
}
/* Hover Box for switching the visibility of the selected item */
.hoverbox { display:inline-block; padding:0em; }
.hoverbox .hoveritem { display:none; margin:0em; padding:0em; }
.hoverbox .hoveritem.selected { display:inline-block; }
.hoverbox:hover .hoveritem { display:inline-block; }
.hoverbox:hover .hoveritem.selected { display:none; }

Latest revision as of 13:27, 14 March 2024

Dark