MediaWiki:Theme-dark.css: Difference between revisions
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 # | 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 # | 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 Π½Π΅ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π» Π²ΡΡΠΎΡΡ */ | ||
} | } | ||
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: # | 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: # | .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/ | #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; }