MediaWiki:Common.css

Материал из TwentyOneWiki
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* CSS placed here will be applied to all skins */

/* Change the background color of the bottom and left of eath page, up to behind the logo: */
body { background: #E2B856 url(/images/f/f9/New_beck_bordsnon.png) no-repeat; }

/* 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: #F8D63A; border-radius: 10px 10px 0px 0px; border: 3px solid #C14424; 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 #C14424; 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 #C14424; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); }

.wikitable > tr > th, .wikitable > * > tr > th { background-image:url(); }

@supports (clip-path:polygon(1px 1px))
<style>
.mwe-popups .mwe-popups-container {
    --x1: 0;
    --x2: var(--pseudo-radius);
    --x3: calc(var(--pointer-offset) - (var(--pointer-width) / 2));
    --x4: var(--pointer-offset);
    --x5: calc(var(--pointer-offset) + (var(--pointer-width) / 2));
    --x6: calc(100% - var(--pseudo-radius));
    --x7: 100%;
    --y1: 0;
    --y2: var(--pointer-height);
    --y3: calc(var(--pointer-height) + var(--pseudo-radius));
    --y4: calc(100% - var(--pseudo-radius));
    --y5: 100%;
    padding-top: 0;
    display: flex;
    background: #EDC393;
    --pseudo-radius: 2px;
    --pointer-height: 8px;
    --pointer-width: 16px;
    --pointer-offset: 26px;
    clip-path: polygon(var(--x2) var(--y2),var(--x3) var(--y2),var(--x4) var(--y1),var(--x5) var(--y2),var(--x6) var(--y2),var(--x7) var(--y3),var(--x7) var(--y4),var(--x6) var(--y5),var(--x2) var(--y5),var(--x1) var(--y4),var(--x1) var(--y3));
}

#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,#c8ccd1 33%,#c8ccd1 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 { background: linear-gradient(#3D1D00, #C12713, #000000 97%); } 

.featurebox-heading { background-image: url(/images/1/14/Scaled_transparent.png); color: #fff; }

element.style { width: 60%; background-color: #FFE4AA; 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 #C14424; 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 0.5em; }

#mw-head { background-image: url(/images/9/9e/New_becklittle3.png);}

.vector-menu-tabs-legacy .selected { background: #E2B076 }

.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 #C14424; 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%); 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; }