MediaWiki:Theme-dark.css: Difference between revisions

From TwentyOneWiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
::selection {
    background-color: #CF2019; /* Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΏΡ€ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠΈ тСкста */
}
/* Exploring */
#mw-content-text > div.mw-parser-output > div > li {
border: 2px solid #CF2019;
}
#mw-content-text > div.mw-parser-output > li.custom2-adaptive-item {
border: 2px solid #CF2019;
}
li.custom2-adaptive-item {
    background-color: #3F3F3F;
    border: 2px solid #CF2019;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    list-style-type: none;
    display: inline-block;
    min-width: 150px;
    min-height: 50px;
    max-width: 100%;
    word-wrap: break-word;
    box-sizing: border-box;
    position: relative;
}
li.explore-adaptive-item {
    background-color: #EFE9DE; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    border: 2px solid #CF2019; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
    border-radius: 12px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ */
    padding: 15px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    margin-bottom: 1px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка *//
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ списка */
    display: inline-block; /* Для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΄ΠΎ содСрТимого */
    min-width: 150px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта */
    min-height: 50px; /* Минимальная высота элСмСнта */
    max-width: 100%; /* Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 100% ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    word-wrap: break-word; /* ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… слов Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку */
    box-sizing: border-box; /* Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΠΌΠΊΡƒ ΠΈ отступы Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… */
    position: relative; /* Для позиционирования псСвдоэлСмСнта */
    transition: background-color 0.4s ease, color 0.4s ease; /* ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ для Ρ„ΠΎΠ½Π° ΠΈ Ρ†Π²Π΅Ρ‚Π° тСкста */
}
li.custom2-adaptive-item {
    background-color: #EFE9DE; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    border: 2px solid #CF2019; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
    border-radius: 10px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ */
    padding: 10px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    margin-bottom: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка */
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ списка */
    display: inline-block; /* Для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΄ΠΎ содСрТимого */
    min-width: 150px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта */
    min-height: 50px; /* Минимальная высота элСмСнта */
    max-width: 100%; /* Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 100% ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    word-wrap: break-word; /* ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… слов Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку */
    box-sizing: border-box; /* Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΠΌΠΊΡƒ ΠΈ отступы Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… */
    position: relative; /* НСобходим для позиционирования псСвдоэлСмСнта */
}
/* Version */
.personal-version {
    text-align: left;
    cursor: pointer; /* Π£ΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    margin-right: 20px; /* МоТно ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для отступа ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов */
    display: inline-block;
    color: #fff;
}
.personal-version:hover {
    text-decoration: underline dotted; /* ΠŸΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
}
.personal-version:hover::after {
    content: "Version October 2024";
    position: absolute;
    top: -20px;
    right: 0;
    background-color: white;
    border: 1px solid black;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
/* HelUs Sidebar */
#help-container {
    background-color: #AF9CA1;
    background-image: url(/images/9/97/Sidebar.png);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    max-width: 115px;
    margin-left: 12px;
    border: 3px solid #600700;
    border-radius: 10px 10px;
}
#help-container div {
    color: #DDD7CC;
    font-size: 16px;
    font-weight: bold;
}
.help-container {
    padding: 10px;            /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ отступ для ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    margin-top: 10px;          /* ΠžΡ‚ΡΡ‚ΡƒΠΏ свСрху */
    text-align: center;        /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ содСрТимого */
    font-family: 'MyCustomFont2', sans-serif; /* ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° */
}
.help-header {
    color: #000;              /* Π¦Π²Π΅Ρ‚ тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° */
    font-size: 0.80em;
    font-weight: bold;
    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;
    text-align: left;
    margin-top: -10px;
}
.help-text {
    color: #000;              /* Π¦Π²Π΅Ρ‚ тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° */
    font-size: 0.80em;        /* Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° */
    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 top; /* ПолоТСниС Ρ„ΠΎΠ½Π° */
    background-repeat: no-repeat;    /* Π€ΠΎΠ½ Π½Π΅ повторяСтся */
    background-size: 100% 1px;      /* Π Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΠ½Π° */
    text-align: center;              /* Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ тСкста ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ */
    margin-top: 10px;                /* ΠžΡ‚ΡΡ‚ΡƒΠΏ свСрху */
    padding-top: 5px;                /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΎΡ‚ Ρ„ΠΎΠ½Π° Π½Π° 5 пиксСлСй */
}
.help-image {
    max-width: 105%;            /* ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ изобраТСния Π΄ΠΎ 100% ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    max-height: 105%;            /* ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ высоту изобраТСния Π΄ΠΎ 100% ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    height: auto;                /* Высота Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ для сохранСния ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ */
    width: auto;                /* Π¨ΠΈΡ€ΠΈΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ для сохранСния ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ */
    margin-top: 10px;            /* ΠžΡ‚ΡΡ‚ΡƒΠΏ свСрху */
    display: block;              /* ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ */
    margin-left: auto;          /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ */
    margin-right: auto;          /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ */
    border: 2px solid #600700;      /* ΠšΡ€Π°ΡΠ½Π°Ρ Ρ€Π°ΠΌΠΊΠ° Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния */
    border-radius: 8px;          /* Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρ€Π°ΠΌΠΊΠΈ */
    background-color: transparent; /* ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ для изобраТСния */
    margin-left: -5px;
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
.mw-parser-output a.extiw, .mw-parser-output a.external {
     color: #FFD800;
     color: #FFD800;
Line 43: Line 197:
     float: right; /* Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ */
     float: right; /* Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ */
     background-color: #3F3F3F; /* Π€ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ */
     background-color: #3F3F3F; /* Π€ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ */
     border: 2px solid #722215; /* Π“Ρ€Π°Π½ΠΈΡ†Π° */
     border: 2px solid #CF2019; /* Π“Ρ€Π°Π½ΠΈΡ†Π° */
     margin-bottom: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ снизу */
     margin-bottom: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ снизу */
     list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ <li> */
     list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ <li> */
Line 77: Line 231:
.custom-li2 {
.custom-li2 {
     background-color: #3F3F3F;
     background-color: #3F3F3F;
     border: 2px solid #722215;
     border: 2px solid #CF2019;
     margin-bottom: 10px;
     margin-bottom: 10px;
     list-style-type: none;  /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ <li> */
     list-style-type: none;  /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ <li> */
Line 102: Line 256:
     padding: 10px;
     padding: 10px;
     box-sizing: border-box;  /* Π§Ρ‚ΠΎΠ±Ρ‹ padding Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π» высоту */
     box-sizing: border-box;  /* Π§Ρ‚ΠΎΠ±Ρ‹ padding Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π» высоту */
}
.mw-wiki-logo {
    background-image: url(/images/c/cb/Dark_logo.png);
}
}


Line 524: Line 674:


/* Change the background color of the bottom and left of eath page, up to behind the logo: */
/* Change the background color of the bottom and left of eath page, up to behind the logo: */
body { background: #D02019 url(/images/a/a9/Dema_beck_clancy.png) no-repeat; font-family: 'Roboto', Arial, sans-serif; }
body { background: #C30809 url(/images/a/a9/Dema_beck_clancy.png) no-repeat; font-family: 'Roboto', Arial, sans-serif; }


--theme-background-color: #2c1a61;
--theme-background-color: #2c1a61;
Line 617: Line 767:
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { background-color: #D35232; border-color: #9E3A19; }
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: #D02019; border-color: #9E3A19; }
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption { background-color: #C30809; 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%); }
.mwe-popups .mwe-popups-extract[dir='ltr']:after { right: 0; background-image: linear-gradient(to right,rgba(255,255,255,0),#EDC393 50%); }
Line 647: Line 797:
#p-personal ul { background: #231F20; border-radius: 3px 3px; border: 2px solid #600700; padding:0.1em 1.5em; height: 23px; }
#p-personal ul { background: #231F20; border-radius: 3px 3px; border: 2px solid #600700; padding:0.1em 1.5em; height: 23px; }


#mw-head { background-image: url(/images/4/42/Heared-3_%283%29.gif);}
#mw-head { background-image: url(/images/2/24/Hello_Clancy_Banner.png);}


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

Latest revision as of 01:53, 25 May 2025

::selection {
    background-color: #CF2019; /* Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΏΡ€ΠΈ Π²Ρ‹Π΄Π΅Π»Π΅Π½ΠΈΠΈ тСкста */
}

/* Exploring */
#mw-content-text > div.mw-parser-output > div > li {
	border: 2px solid #CF2019;
}

#mw-content-text > div.mw-parser-output > li.custom2-adaptive-item {
	border: 2px solid #CF2019;
}

li.custom2-adaptive-item {
    background-color: #3F3F3F;
    border: 2px solid #CF2019;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    list-style-type: none;
    display: inline-block;
    min-width: 150px;
    min-height: 50px;
    max-width: 100%;
    word-wrap: break-word;
    box-sizing: border-box;
    position: relative;
}

li.explore-adaptive-item {
    background-color: #EFE9DE; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    border: 2px solid #CF2019; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
    border-radius: 12px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ */
    padding: 15px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    margin-bottom: 1px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка *//
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ списка */
    display: inline-block; /* Для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΄ΠΎ содСрТимого */
    min-width: 150px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта */
    min-height: 50px; /* Минимальная высота элСмСнта */
    max-width: 100%; /* Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 100% ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    word-wrap: break-word; /* ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… слов Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку */
    box-sizing: border-box; /* Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΠΌΠΊΡƒ ΠΈ отступы Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… */
    position: relative; /* Для позиционирования псСвдоэлСмСнта */
    transition: background-color 0.4s ease, color 0.4s ease; /* ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ для Ρ„ΠΎΠ½Π° ΠΈ Ρ†Π²Π΅Ρ‚Π° тСкста */
}

li.custom2-adaptive-item {
    background-color: #EFE9DE; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    border: 2px solid #CF2019; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
    border-radius: 10px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ */
    padding: 10px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    margin-bottom: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка */
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ списка */
    display: inline-block; /* Для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΄ΠΎ содСрТимого */
    min-width: 150px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта */
    min-height: 50px; /* Минимальная высота элСмСнта */
    max-width: 100%; /* Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 100% ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    word-wrap: break-word; /* ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… слов Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку */
    box-sizing: border-box; /* Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΠΌΠΊΡƒ ΠΈ отступы Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… */
    position: relative; /* НСобходим для позиционирования псСвдоэлСмСнта */
}


/* Version */
.personal-version {
    text-align: left;
    cursor: pointer; /* Π£ΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    margin-right: 20px; /* МоТно ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ для отступа ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… элСмСнтов */
    display: inline-block;
    color: #fff;
}

.personal-version:hover {
    text-decoration: underline dotted; /* ΠŸΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
}

.personal-version:hover::after {
    content: "Version October 2024";
    position: absolute;
    top: -20px;
    right: 0;
    background-color: white;
    border: 1px solid black;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

/* HelUs Sidebar */
#help-container {
    background-color: #AF9CA1;
    background-image: url(/images/9/97/Sidebar.png);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    max-width: 115px;
    margin-left: 12px;
    border: 3px solid #600700;
    border-radius: 10px 10px;
}

#help-container div {
    color: #DDD7CC;
    font-size: 16px;
    font-weight: bold;
}

.help-container {
    padding: 10px;             /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΉ отступ для ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    margin-top: 10px;          /* ΠžΡ‚ΡΡ‚ΡƒΠΏ свСрху */
    text-align: center;        /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ содСрТимого */
    font-family: 'MyCustomFont2', sans-serif; /* ΠŸΡ€ΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΡˆΡ€ΠΈΡ„Ρ‚Π° */
}

.help-header {
    color: #000;               /* Π¦Π²Π΅Ρ‚ тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° */
    font-size: 0.80em;
    font-weight: bold;
    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;
    text-align: left;
    margin-top: -10px;
}

.help-text {
    color: #000;               /* Π¦Π²Π΅Ρ‚ тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° */
    font-size: 0.80em;        /* Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° */
    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 top; /* ПолоТСниС Ρ„ΠΎΠ½Π° */
    background-repeat: no-repeat;    /* Π€ΠΎΠ½ Π½Π΅ повторяСтся */
    background-size: 100% 1px;       /* Π Π°Π·ΠΌΠ΅Ρ€ Ρ„ΠΎΠ½Π° */
    text-align: center;              /* Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ тСкста ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ */
    margin-top: 10px;                /* ΠžΡ‚ΡΡ‚ΡƒΠΏ свСрху */
    padding-top: 5px;                /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΎΡ‚ Ρ„ΠΎΠ½Π° Π½Π° 5 пиксСлСй */
}

.help-image {
    max-width: 105%;             /* ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ изобраТСния Π΄ΠΎ 100% ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    max-height: 105%;            /* ΠžΠ³Ρ€Π°Π½ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ высоту изобраТСния Π΄ΠΎ 100% ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    height: auto;                /* Высота Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ для сохранСния ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ */
    width: auto;                 /* Π¨ΠΈΡ€ΠΈΠ½Π° Π±ΡƒΠ΄Π΅Ρ‚ автоматичСски ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ для сохранСния ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΉ */
    margin-top: 10px;            /* ΠžΡ‚ΡΡ‚ΡƒΠΏ свСрху */
    display: block;              /* ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ†Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ */
    margin-left: auto;           /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ */
    margin-right: auto;          /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ */
    border: 2px solid #600700;       /* ΠšΡ€Π°ΡΠ½Π°Ρ Ρ€Π°ΠΌΠΊΠ° Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния */
    border-radius: 8px;          /* Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½ΠΈΠ΅ ΡƒΠ³Π»ΠΎΠ² Ρ€Π°ΠΌΠΊΠΈ */
    background-color: transparent; /* ΠŸΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Ρ„ΠΎΠ½ для изобраТСния */
    margin-left: -5px;
}

.mw-parser-output a.extiw, .mw-parser-output a.external {
    color: #FFD800;
}

/* Main Page*/
body.page-Main_Page #content {
    background-image: url("/images/9/99/Clancy_Tyler.png");
    background-color: #231F20;
    background-size: 24%; /* УмСньшаСм Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π² Π΄Π²Π° Ρ€Π°Π·Π° */
    background-repeat: no-repeat; /* Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ повторяСтся */
    background-position: 55px 275px; /* Π Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡƒΠ³Π»Ρƒ */
    background-attachment: scroll; /* Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ прокручиваСтся вмСстС с ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ */
}

.date-12202009 {
    background-color: #CC1E1E;
    margin-bottom: 50px;
    margin-right: 10px;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.news-text {
    background-color: #CC1E1E;
    float: right;
    margin-top: 30px;
    margin-bottom: 30px;
}

.container23 {
    display: flex; /* Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ flexbox для размСщСния элСмСнтов Π² ряд */
}

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    margin: 0.3em 0 0;
    padding: 0;
}

.newstable {
    float: right; /* Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ */
    background-color: #3F3F3F; /* Π€ΠΎΠ½ΠΎΠ²Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ */
    border: 2px solid #CF2019; /* Π“Ρ€Π°Π½ΠΈΡ†Π° */
    margin-bottom: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ снизу */
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ <li> */
    width: 300px; /* Ѐиксированная ΡˆΠΈΡ€ΠΈΠ½Π° */
    padding: 0; /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    border-radius: 10px 10px 0px 0px; /* Π‘ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ ΡƒΠ³Π»Ρ‹ */
    overflow: hidden; /* Π‘ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΏΠ΅Ρ€Π΅ΠΏΠΎΠ»Π½Π΅Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° */
    margin-right: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ справа */
    display: flex; /* Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ flexbox для управлСния Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠΌ содСрТимым */
    flex-direction: column; /* Π’Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½Π°Ρ ориСнтация содСрТимого */
    height: 990px;
}

.news-segment {
    background-color: #3F3F3F;  /* Π€ΠΎΠ½ Π½ΠΈΠΆΠ½Π΅ΠΉ части */
    padding: 10px;
    box-sizing: border-box;  /* Π§Ρ‚ΠΎΠ±Ρ‹ padding Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π» высоту */
    text-align: center;
    margin-bottom: 10px;
}

.news-segment2 {
    background-color: #3F3F3F;  /* Π€ΠΎΠ½ Π½ΠΈΠΆΠ½Π΅ΠΉ части */
    padding: 10px;
    box-sizing: border-box;  /* Π§Ρ‚ΠΎΠ±Ρ‹ padding Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π» высоту */
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    justify-content: center;   /* Π“ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ */
    align-items: center;
}

.custom-li2 {
    background-color: #3F3F3F;
    border: 2px solid #CF2019;
    margin-bottom: 10px;
    list-style-type: none;  /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ <li> */
    width: 300px;  /* Π—Π°Π΄Π°Π΅Ρ‚ Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° */
    padding: 0;  /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы Ρƒ <li> */
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
    margin-right: 10px;
}

.top-part {
    height: 30px;
    color: white;
    padding: 4px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    background-image: url(/images/d/db/Clancy_Letter_Background1.png);
    background-size: cover;
    text-align: center;
}

.bottom-part {
    background-color: #231F20;  /* Π€ΠΎΠ½ Π½ΠΈΠΆΠ½Π΅ΠΉ части */
    padding: 10px;
    box-sizing: border-box;  /* Π§Ρ‚ΠΎΠ±Ρ‹ padding Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π» высоту */
}

body #p-personal li#p-themes .vector-menu-heading {
    color: #fff;
    font-size: inherit;
    padding: 0.5em 1.8em 0.17em 18px;
    margin-bottom: 0.3em;
}

#p-themes-label .vector-menu-heading-label:before {
    content: "Dark Side";
}

#p-themes-label .vector-menu-heading-label {
    visibility: hidden;
    position: relative;
}

#p-themes-label .vector-menu-heading-label:before {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

.ring-container7 {
    width: 200px;
    height: 200px;
    background-color: #3F3F3F;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ring2 {
    width: 99.5%;
    height: 99.5%;
    background: conic-gradient(#21ABC6 0% 20%, #87B22A 20% 100%);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* Π”ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ° Π½Π° самом Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΡ€ΠΎΠ²Π½Π΅ */
}

.center2 {
    width: 145px;
    height: 145px;
    background-color: #3F3F3F;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2; /* Π¦Π΅Π½Ρ‚Ρ€ ΠΊΠΎΠ»ΡŒΡ†Π° Π²Ρ‹ΡˆΠ΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹ */
}

.imagemap-content2 {
    position: absolute;
    z-index: 3; /* ΠšΠ°Ρ€Ρ‚Π° изобраТСния Π²Ρ‹ΡˆΠ΅ всСх */
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
}







/* Π“Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ снизу Π²Π²Π΅Ρ€Ρ… для всСх строк Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ */

.lyric-outside-table {
    border-collapse: collapse;
    border: 3px solid #CC1E1E; /* Π’Π½Π΅ΡˆΠ½ΡΡ Π³Ρ€Π°Π½ΠΈΡ†Π° Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ */
}

.lyric-outside-table th,
.lyric-outside-table td {
    border: none; /* Π£Π±Ρ€Π°Ρ‚ΡŒ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ */
}

.lyric-outside-table tr {
    background: linear-gradient(to top, 
                                #181818 10%, /* НиТний Ρ†Π²Π΅Ρ‚ */
                                #3C3C3C 90%); /* Π’Π΅Ρ€Ρ…Π½ΠΈΠΉ Ρ†Π²Π΅Ρ‚ */
}

.lyric-outside-table th {
    background-color: #CC1E1E; /* ΠšΡ€Π°ΡΠ½Ρ‹ΠΉ Ρ†Π²Π΅Ρ‚ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° */
    color: white; /* Π‘Π΅Π»Ρ‹ΠΉ тСкст Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° для контраста */
}

.lyric-table tr {
    background-image: 
        url('/images/8/8d/Clancy_-_Border_%281%29.png'), /* Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ слСва */
        url('/images/8/8d/Clancy_-_Border_%281%29.png'), /* Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ справа */
        linear-gradient(to top, rgba(24, 24, 24, 0.5) 10%, rgba(60, 60, 60, 0.5) 90%); /* ΠŸΠΎΠ»ΡƒΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΉ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚ */
    background-position: left center, right center, center center; /* ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ */
    background-repeat: repeat-y, repeat-y, no-repeat; /* ΠŸΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ */
    background-size: auto 15%, auto 15%, cover; /* Π Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° */
    background-blend-mode: overlay; /* БмСшиваниС Π³Ρ€Π°Π΄ΠΈΠ΅Π½Ρ‚Π° с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ */
    filter: brightness(1.5); /* Π£Π²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ яркости изобраТСния */
    background-position: calc(0% + 10px) center, calc(100% - 10px) center, center center; /* ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с отступом */
}

.lyric-table th,
.lyric-table td {
    padding: 10px;
    text-align: center; /* Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ тСкст ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ */
    vertical-align: middle; /* Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ тСкст ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ */
    border: none;
    color: #CC1E1E;
    font-family: 'MyCustomFont3', sans-serif;
    padding-left: 54px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ свСрху */
    padding-right: 54px;
    border-collapse: collapse; /* Π£Π±ΠΈΡ€Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π΅Π»Ρ‹ ΠΌΠ΅ΠΆΠ΄Ρƒ Π³Ρ€Π°Π½ΠΈΡ†Π°ΠΌΠΈ ячССк */
}

/* Π‘Ρ‚ΠΈΠ»ΡŒ для ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎΠΉ ячСйки Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ */
.lyric-cell {
    background-color: rgba(60, 60, 60, 0.5);
    background-image: 
        url('/images/6/63/Clancy_-_Border.png'); /* Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ„ΠΎΠ½Π° */
    background-position: center center; /* ΠŸΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ изобраТСния */
    background-repeat: repeat-x; /* ΠŸΠΎΠ²Ρ‚ΠΎΡ€Π΅Π½ΠΈΠ΅ изобраТСния */
    background-size: auto 250%; /* Π Π°Π·ΠΌΠ΅Ρ€ изобраТСния */
    background-size: contain; /* Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅Ρ‚ΡΡ Π΄ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² ячСйки */
    padding-left: 50px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ тСкста ΠΎΡ‚ Π»Π΅Π²ΠΎΠΉ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ */
    padding-right: 50px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ тСкста ΠΎΡ‚ ΠΏΡ€Π°Π²ΠΎΠΉ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ */
    width: auto; /* Π¨ΠΈΡ€ΠΈΠ½Π° ячСйки зависит ΠΎΡ‚ содСрТимого ΠΈ изобраТСния */
    height: auto; /* Высота ячСйки зависит ΠΎΡ‚ содСрТимого ΠΈ изобраТСния */
    min-width: 500px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π°, Ссли Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ */
    min-height: 500px; /* Минимальная высота, Ссли Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ */
}



.theme-light .mw-parser-output .infobox {
    background-color: #3F3F3F;
    border: 1px solid #ccc;
    color: #000;
}

.theme-dark .mw-parser-output .infobox {
    background-color: #3F3F3F;
    border: 1px solid #555;
    color: #fff;
}


}
html.theme-dark .infobox {
	background-color: #3F3F3F;
}

/* dark.css */

.infobox {
    background-color: #3F3F3F;
    border: 1px solid #555;
    color: #fff;
}
.infobox th {
    background-color: #3F3F3F;
    color: #fff;
}
.infobox td {
    background-color: #3F3F3F;
}


li.explore-adaptive-item {
    background-color: #3F3F3F; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    border: 2px solid #A2A9B1; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
    border-radius: 12px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ */
    padding: 15px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    margin-bottom: 1px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка *//
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ списка */
    display: inline-block; /* Для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΄ΠΎ содСрТимого */
    min-width: 150px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта */
    min-height: 50px; /* Минимальная высота элСмСнта */
    max-width: 100%; /* Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 100% ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    word-wrap: break-word; /* ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… слов Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку */
    box-sizing: border-box; /* Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΠΌΠΊΡƒ ΠΈ отступы Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… */
    position: relative; /* Для позиционирования псСвдоэлСмСнта */
    transition: background-color 0.4s ease, color 0.4s ease; /* ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ для Ρ„ΠΎΠ½Π° ΠΈ Ρ†Π²Π΅Ρ‚Π° тСкста */
}

li.explore-adaptive-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/1/1e/Clancy_Gif_Intro.gif'); /* Π—Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ Π½Π° ΠΏΡƒΡ‚ΡŒ ΠΊ вашСй ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ */
    background-size: cover; /* ΠœΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΡ€Ρ‹Π²Π°Π»Π° вСсь элСмСнт */
    background-repeat: no-repeat; /* ΠžΡ‚ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ */
    background-position: center; /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΡƒΠ΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ */
    opacity: 0; /* ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ скрыта */
    transition: opacity 0.4s ease; /* ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ для появлСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ */
    border-radius: 10px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ */
    z-index: 0; /* Π Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ·Π°Π΄ΠΈ тСкста */
}

li.explore-adaptive-item:hover {
    background-color: transparent; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    border-color: transparent; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ Ρ†Π²Π΅Ρ‚ Ρ€Π°ΠΌΠΊΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    color: #FDE51F; /* Π¦Π²Π΅Ρ‚ тСкста ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 2.5);
    border: 2px solid #862520; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
}

li.explore-adaptive-item:hover::before {
    opacity: 1; /* ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° становится ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
}

/* УбСдимся, Ρ‡Ρ‚ΠΎ тСкст Π½Π΅ мСняСт Π΄Ρ€ΡƒΠ³ΠΈΡ… стилСй ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
li.explore-adaptive-item:hover * {
    position: relative;
    z-index: 1; /* ВСкст размСщаСтся ΠΏΠΎΠ²Π΅Ρ€Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ */
    color: inherit; /* БохраняСм Ρ†Π²Π΅Ρ‚ тСкста ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    text-decoration: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ подчСркивания */
}


/* УбСдимся, Ρ‡Ρ‚ΠΎ тСкст Π½Π΅ мСняСт Π΄Ρ€ΡƒΠ³ΠΈΡ… стилСй ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
li.explore-adaptive-item:hover * {
    position: relative;
    z-index: 1; /* ВСкст размСщаСтся ΠΏΠΎΠ²Π΅Ρ€Ρ… ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ */
    color: inherit; /* БохраняСм Ρ†Π²Π΅Ρ‚ тСкста ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    text-decoration: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ подчСркивания */
}


/* УбСдимся, Ρ‡Ρ‚ΠΎ тСкст Π½Π΅ мСняСт Π΄Ρ€ΡƒΠ³ΠΈΡ… стилСй ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
li.explore-adaptive-item:hover * {
    color: inherit; /* БохраняСм Ρ†Π²Π΅Ρ‚ тСкста ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    text-decoration: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ подчСркивания */
}


li.custom2-adaptive-item {
    background-color: #3F3F3F; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    border: 2px solid #A2A9B1; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
    border-radius: 10px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ */
    padding: 10px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    margin-bottom: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка */
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ списка */
    display: inline-block; /* Для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΄ΠΎ содСрТимого */
    min-width: 150px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта */
    min-height: 50px; /* Минимальная высота элСмСнта */
    max-width: 100%; /* Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 100% ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    word-wrap: break-word; /* ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… слов Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку */
    box-sizing: border-box; /* Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΠΌΠΊΡƒ ΠΈ отступы Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… */
    position: relative; /* НСобходим для позиционирования псСвдоэлСмСнта */
}

/* Π‘Ρ‚ΠΈΠ»ΡŒ для ссылки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Π·Π°Π½ΠΈΠΌΠ°Π»Π° всю ΠΎΠ±Π»Π°ΡΡ‚ΡŒ <li> */
li.custom2-adaptive-item .link-item {
    display: block; /* Π—Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ всю Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту */
    text-decoration: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ тСкста */
    color: inherit; /* НаслСдуСм Ρ†Π²Π΅Ρ‚ ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта */
    height: 100%; /* Π—Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΡƒΡŽ высоту <li> */
    width: 100%; /* Π—Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ <li> */
}

/* Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΡΡ‚ΠΈΠ»ΡŒ для ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта с тСкстом */
li.unique-item::after {
    content: "Discography"; /* ВСкст для отобраТСния */
    color: white; /* Π¦Π²Π΅Ρ‚ тСкста */
    font-size: 20px; /* Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° */
    font-weight: bold; /* ΠŸΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ */
    position: absolute; /* ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ */
    top: 50%; /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ */
    left: 50%; /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ */
    transform: translate(-50%, -50%); /* Π‘ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты */
    opacity: 0; /* Π˜ΡΡ…ΠΎΠ΄Π½ΠΎΠ΅ состояниС Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎ */
    transition: opacity 0.3s ease; /* ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ */
}

/* ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ тСкста ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ элСмСнт */
li.unique-item:hover::after {
    opacity: 1; /* Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ тСкст Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ */
}

/* Π‘Ρ‚ΠΈΠ»ΡŒ для Π½ΠΎΠ²ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° элСмСнта списка */
li.special-item {
    background-color: #E0E0E0; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° для ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта */
    border: 1px solid #CCC; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ для ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта */
    border-radius: 5px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ для ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта */
    padding: 15px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы для ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта */
    font-style: italic; /* ΠšΡƒΡ€ΡΠΈΠ² для тСкста Π²Π½ΡƒΡ‚Ρ€ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта */
    font-size: 16px; /* Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° для тСкста Π²Π½ΡƒΡ‚Ρ€ΠΈ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта */
    color: #333; /* Π¦Π²Π΅Ρ‚ тСкста для ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ элСмСнта */
}

/* Π£Π±ΠΈΡ€Π°Π΅ΠΌ эффСкты затСмнСния ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
li.custom2-adaptive-item:hover img {
    filter: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ Ρ„ΠΈΠ»ΡŒΡ‚Ρ€ затСмнСния */
}

/* Π‘Ρ‚ΠΈΠ»ΡŒ для элСмСнтов списка с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ */
li.custom-adaptive-item {
    background-color: #3F3F3F; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° */
    border: 2px solid #A2A9B1; /* Π¦Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Π° Ρ€Π°ΠΌΠΊΠΈ */
    border-radius: 10px; /* Π—Π°ΠΊΡ€ΡƒΠ³Π»Π΅Π½Π½Ρ‹Π΅ ΡƒΠ³Π»Ρ‹ */
    padding: 10px; /* Π’Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΠ΅ отступы */
    margin-bottom: 10px; /* ΠžΡ‚ΡΡ‚ΡƒΠΏ ΠΌΠ΅ΠΆΠ΄Ρƒ элСмСнтами списка */
    list-style-type: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ стандартныС ΠΌΠ°Ρ€ΠΊΠ΅Ρ€Ρ‹ списка */
    display: inline-block; /* Для ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½ΠΈΡ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Π΄ΠΎ содСрТимого */
    min-width: 150px; /* Минимальная ΡˆΠΈΡ€ΠΈΠ½Π° элСмСнта */
    min-height: 50px; /* Минимальная высота элСмСнта */
    max-width: 100%; /* Максимальная ΡˆΠΈΡ€ΠΈΠ½Π° Π΄ΠΎ 100% ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° */
    word-wrap: break-word; /* ΠŸΠ΅Ρ€Π΅Π½ΠΎΡ Π΄Π»ΠΈΠ½Π½Ρ‹Ρ… слов Π½Π° ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΡƒΡŽ строку */
    box-sizing: border-box; /* Π£Ρ‡ΠΈΡ‚Ρ‹Π²Π°Π΅ΠΌ Ρ€Π°ΠΌΠΊΡƒ ΠΈ отступы Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… */
    position: relative; /* НСобходим для позиционирования псСвдоэлСмСнта */
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

li.custom-adaptive-item a {
    display: block; /* Π—Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ всю Π΄ΠΎΡΡ‚ΡƒΠΏΠ½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту */
    height: 100%; /* Π—Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΡƒΡŽ высоту <li> */
    width: 100%; /* Π—Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ ΠΏΠΎΠ»Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ <li> */
    text-decoration: none; /* Π£Π±ΠΈΡ€Π°Π΅ΠΌ ΠΏΠΎΠ΄Ρ‡Π΅Ρ€ΠΊΠΈΠ²Π°Π½ΠΈΠ΅ тСкста */
    color: inherit; /* НаслСдуСм Ρ†Π²Π΅Ρ‚ ΠΎΡ‚ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ элСмСнта */
}

/* Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ эффСкт ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡ‹ΡˆΠΈ */
li.custom-adaptive-item:hover {
    background-color: #CFC8B2; /* Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
    border-color: #777; /* Π¦Π²Π΅Ρ‚ Ρ€Π°ΠΌΠΊΠΈ ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
}

/* ИзмСнСниС ΠΎΡ‚Ρ‚Π΅Π½ΠΊΠ° для изобраТСния ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° <li> */
li.custom-adaptive-item:hover img {
    filter: brightness(0.8); /* Π’Π΅ΠΌΠ½Π΅Π΅ Π½Π° 20% ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ */
}

/* ВСкст "Discography" появляСтся Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΌ элСмСнтС */
li.unique-item::after {
    content: "Discography"; /* ВСкст для отобраТСния */
    color: white; /* Π¦Π²Π΅Ρ‚ тСкста */
    font-size: 20px; /* Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° */
    font-weight: bold; /* ΠŸΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ */
    position: absolute; /* ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ */
    top: 50%; /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ */
    left: 50%; /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ */
    transform: translate(-50%, -50%); /* Π‘ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты */
    opacity: 0; /* Π˜ΡΡ…ΠΎΠ΄Π½ΠΎΠ΅ состояниС Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎ */
    transition: opacity 0.3s ease; /* ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ */
}

li.unique-item2::after {
    content: "[[Tours]]"; /* ВСкст для отобраТСния */
    color: white; /* Π¦Π²Π΅Ρ‚ тСкста */
    font-size: 20px; /* Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° */
    font-weight: bold; /* ΠŸΠΎΠ»ΡƒΠΆΠΈΡ€Π½Ρ‹ΠΉ ΡˆΡ€ΠΈΡ„Ρ‚ */
    position: absolute; /* ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ */
    top: 50%; /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΠΈ */
    left: 50%; /* Π¦Π΅Π½Ρ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΠΈ */
    transform: translate(-50%, -50%); /* Π‘ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π½Π° ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρƒ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты */
    opacity: 0; /* Π˜ΡΡ…ΠΎΠ΄Π½ΠΎΠ΅ состояниС Π½Π΅Π²ΠΈΠ΄ΠΈΠΌΠΎ */
    transition: opacity 0.3s ease; /* ΠŸΠ»Π°Π²Π½Ρ‹ΠΉ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ */
}

/* ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ тСкста ΠΏΡ€ΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ элСмСнт */
li.unique-item:hover::after {
    opacity: 1; /* Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ тСкст Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ */
}

li.unique-item2:hover::after {
    opacity: 1; /* Π‘Π΄Π΅Π»Π°Ρ‚ΡŒ тСкст Π²ΠΈΠ΄ΠΈΠΌΡ‹ΠΌ */
}

.themeable-element { background-color: #B2B2B2; }

.venue-table { background-color: #212121; text-align: left; margin: 1em 0; border-collapse: collapse; }

.unco-table { background-color: #212121; text-align: left; margin: 1em 0; border-collapse: collapse; }

.setlist-table { background-color: #3F3F3F; border: 3px solid #C12624; text-align: left; margin: 1em 0; border-collapse: collapse; }

.custom-table .cell-disco { text-align:center; border-color:#231F20; background-color: #A5A5A5; border-collapse: inherit; }

.custom-table .cell-disco2 { background-color:#D33328; text-align:center; border-color:#231F20; border-collapse: inherit; }

.custom-table .header-green { background-color: #4A4A4A; }

.custom-table .cell-photo { background-color: #231F20; }

.custom-table .header-grass { background-color: #A09E9E; }

.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #FFB200; }

.custom-table tbody .cell-red { background-color: #ffdddd; }

.custom-table .cell-blue { background-color: #3F3F3F; border: 1px solid #CC1E1E; height: 2px; }

.custom-table .cell-green { background-color: #5B5B5B; border: 1px solid #CC1E1E; height: 2px; }

.custom-table { background-color: #4A4A4A; border: 2px solid #D33328; width: 100%; border-collapse: collapse; padding: 3px; }

.custom-table th, .custom-table td { border: 1px solid #D33328; padding: 3px; }

.custom-table .header-red { background-image:url(/images/d/db/Clancy_Letter_Background1.png); background-size: cover; color: white; text-align: center; }

.custom-table .header-blue { background-image:url(/images/1/1f/Background.jpg); background-size: cover; color: white; text-align: center; }

.custom-table .header-green { background-color: #00ff00; color: white; text-align: center; }

.mw-parser-output .infobox-label, .mw-parser-output .infobox-data { text-align: left; background: #3F3F3F; color: #fff; }

/* Change the background color of the bottom and left of eath page, up to behind the logo: */
body { background: #C30809 url(/images/a/a9/Dema_beck_clancy.png) no-repeat; font-family: 'Roboto', Arial, sans-serif; }

	--theme-background-color: #2c1a61;

#content .client-darkmode { background: #AA3C14; font-family: "Roboto"; }

.mw-parser-output .tracklist th[scope="col"] { text-align: left; background-color: #600700; }

/* background color of the content and title of pages */ 
#content { background-color: #231F20; color: #FFFFFF; } 

.wikitable { background-color: #3F3F3F; color: #FFFFFF; border: 1px solid #600700; }
 
/* This is from the background color of the title of the Navigation menu in the left column */
#p-navigation { background-color: #AF9CA1; border-radius: 10px 10px 0px 0px; border: 3px solid #600700; 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: #AF9CA1; border: 3px solid #600700; 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 Twenty one pilots menu in the left column */
#p-Tyler_Joseph { background-color: #AF9CA1; 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: #AF9CA1; border: 3px solid #600700; 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:#}

.wikitable { background-color: #3F3F3F; color: #202122; margin: 1em 0; border: 1px solid #a2a9b1; border-collapse: collapse; }

.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background: #3F3F3F; color: #FFFFFF }

#catlinks { background:#FFE281; border: 1px solid #600700; }

.wikitable > tr > th, .wikitable > * > tr > th { background-color: #CC1E1E; border: hidden }

h1, h2, h3, h4, h5, h6 { color: #FFFFFF; }

a { color: #F3DB03; }

a:-webkit-any-link { color: #FFD800; }

.catlinks li { display: inline-block; line-height: 1.25em; border-left: 1px solid #600700; margin: 0.125em 0; padding: 0 0.5em; } 

.infobox-above.summary { background-color: #fa0011; }

.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,#600700 100%); background-repeat: no-repeat; background-size: 1px 100%; }

:not(:checked) > .vector-menu-checkbox { background:#EFB737 }

li.gallerybox div.thumb { border: hidden; background-color: #600700; text-align:center; }

.vector-menu-dropdown { background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,#600700 100%); }

.vector-body h2 { color: #FFFFFF; }

.c-actions { margin: 10px 5px 0px 0px; }

.c-item { background-color: #EFB737; border:2px solid #600700; color: #600700; 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; }

.tocnumber { color: #ffffff; }

.toctogglelabel { color: #FFD800; }

.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: #C30809; 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(/images/d/d2/Clancyback.jpg); background-size: cover; }

#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 #600700; background-color: #4a4a4a; }

#p-tb { background-color: #AF9CA1; border-radius: 0px 0px 10px 10px; border: 3px solid #600700; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); }

#p-personal ul { background: #231F20; border-radius: 3px 3px; border: 2px solid #600700; padding:0.1em 1.5em; height: 23px; }

#mw-head { background-image: url(/images/2/24/Hello_Clancy_Banner.png);}

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

.vector-menu-checkbox { color: #600700; }

.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 #600700; 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,#231F20 0,#231F20 1px,#0F0D0E 100% ); 

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#600700 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,#600700 100%); border: 4px solid #600700; background-repeat: no-repeat; background-size: 1px 100%; border: 4px solid #600700; 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; }