MediaWiki:Common.css: различия между версиями
Страница интерфейса MediaWiki
Дополнительные действия
Admin (обсуждение | вклад) Новая страница: «→Размещённый здесь CSS будет применяться ко всем темам оформления: .menu_cont { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px }» |
Admin (обсуждение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
/* Размещённый здесь CSS будет применяться ко всем темам оформления */ | /* Размещённый здесь CSS будет применяться ко всем темам оформления */ | ||
body { | |||
background-color: #ffffff | |||
} | |||
.mw-body h1,.mw-body-content h1,.mw-body-content h2 { | |||
font-family: sans-serif | |||
} | |||
h1,h2 { | |||
border-bottom: 1px solid rgba(156,191,235,.5) | |||
} | |||
.color_h3 { | |||
background-color: #b0c4de; | |||
padding: 10px; | |||
box-shadow: 0 0 0 0px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33); | |||
-webkit-transition: box-shadow 0.1s; | |||
transition: box-shadow 0.1s | |||
} | |||
body.page-Заглавная_страница * h1 { | |||
display: none | |||
} | |||
.catlinks { | |||
display: none | |||
} | |||
.smw-datatable-toolbar { | |||
display: none | |||
} | |||
.creature tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.only-quest img { | |||
background-color: #ff8e8e | |||
} | |||
.tt { | |||
white-space: nowrap | |||
} | |||
.tt tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.trade-item { | |||
display: flex; | |||
align-items: center | |||
} | |||
.trade-item-name { | |||
display: flex; | |||
flex-direction: column; | |||
padding-left: 10px | |||
} | |||
.trade-item-icon { | |||
position: relative; | |||
flex-shrink: 0 | |||
} | |||
.smw-highlighter { | |||
cursor: help; | |||
border-bottom: 1px dotted black | |||
} | |||
.swap { | |||
white-space: nowrap | |||
} | |||
.swap tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.weapons tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.equip-name { | |||
display: table-cell; | |||
padding-left: 5px; | |||
vertical-align: middle | |||
} | |||
.equip-name-icon { | |||
position: relative; | |||
display: table-cell; | |||
width: 64px; | |||
height: 64px | |||
} | |||
.equip-name-icon-set { | |||
position: absolute; | |||
top: -2px | |||
} | |||
.equip tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.recipe p { | |||
margin: 0 | |||
} | |||
table.infobox { | |||
width: 450px; | |||
float: right; | |||
margin: 0 0 1em 3em | |||
} | |||
table.infobox > tr > th,table.infobox > tr > td,table.infobox > * > tr > th,table.infobox > * > tr > td { | |||
border: 1px solid #b0c4de | |||
} | |||
.slight_shadow { | |||
box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33); | |||
-webkit-transition: box-shadow 0.1s; | |||
transition: box-shadow 0.1s | |||
} | |||
#look3d { | |||
border: 2px solid black; | |||
width: 125px; | |||
height: 25px; | |||
cursor: pointer; | |||
position: absolute | |||
} | |||
#look3d:hover { | |||
border: 2px solid gray | |||
} | |||
.look3d { | |||
position: relative; | |||
float: right; | |||
right: 128px; | |||
top: 32px | |||
} | |||
.text-look3d { | |||
position: absolute; | |||
top: 4px; | |||
left: 2px; | |||
width: 125px; | |||
height: 25px; | |||
font-weight: bold | |||
} | |||
#viewer3d { | |||
width: 650px; | |||
height: 450px; | |||
border: 3px #000 solid; | |||
background: #999999; | |||
position: fixed; | |||
top: 45%; | |||
left: 50%; | |||
margin-top: -225px; | |||
margin-left: -325px; | |||
display: none; | |||
opacity: 0; | |||
z-index: 5; | |||
padding: 0 | |||
} | |||
#viewer3d #viewer3d_close { | |||
width: 21px; | |||
height: 21px; | |||
position: absolute; | |||
top: 5px; | |||
right: 50px; | |||
cursor: pointer; | |||
display: block; | |||
color: red; | |||
font-weight: bold | |||
} | |||
#viewer3d #viewer3d_close:hover { | |||
color: white | |||
} | |||
#overlay { | |||
z-index: 3; | |||
position: fixed; | |||
width: 100%; | |||
height: 100%; | |||
top: 0; | |||
left: 0; | |||
cursor: pointer; | |||
display: none | |||
} | |||
table.jquery-tablesorter th.headerSort { | |||
background-color: #b0c4de; | |||
position: sticky; | |||
top: 10px; | |||
z-index: 1 | |||
} | |||
table.wikitable > * > tr > th { | |||
background-color: #b0c4de | |||
} | |||
table.wikitable.sticky > * > tr > th { | |||
position: sticky; | |||
top: 10px; | |||
z-index: 1 | |||
} | |||
table.wikitable tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.trhover tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.box_frnds { | |||
width: 250px; | |||
height: 335px; | |||
border: 1px solid #e7e8ec; | |||
border-radius: 3px; | |||
text-align: left | |||
} | |||
.frnd { | |||
display: block; | |||
padding: 10px; | |||
float: left | |||
} | |||
.thumb_frnd { | |||
position: relative; | |||
float: left; | |||
width: 40px; | |||
height: 40px; | |||
border-radius: 50%; | |||
overflow: hidden | |||
} | |||
.thumb_frnd img { | |||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
margin: auto; | |||
width: 40px; | |||
max-height: 40px; | |||
border-radius: 50%; | |||
display: block | |||
} | |||
.desc_info { | |||
float: left; | |||
width: 170px; | |||
overflow: hidden; | |||
word-wrap: break-word; | |||
padding: 4px 0 0 12px | |||
} | |||
.frnd_name { | |||
color: #2a5885; | |||
text-decoration: none; | |||
cursor: pointer | |||
} | |||
.frnd_name:hover { | |||
text-decoration: underline | |||
} | |||
.frnd_desc { | |||
font-size: 12px; | |||
overflow: hidden; | |||
color: #656565 | |||
} | |||
.ore_but { | |||
width: 230px; | |||
color: #ff9501; | |||
cursor: pointer; | |||
border: 1px solid #ff9501; | |||
text-align: center; | |||
padding: 5px; | |||
border-radius: 3px | |||
} | |||
.ore_but a { | |||
text-decoration: none; | |||
color: #ff9501 | |||
} | |||
.ore_but a:hover { | |||
color: red | |||
} | |||
.menu_cont { | .menu_cont { | ||
display: flex; | display: flex; | ||
Строка 6: | Строка 330: | ||
gap: 10px | gap: 10px | ||
} | } | ||
.menu_caches .menu_button { | |||
max-width: 190px | |||
} | |||
.menu_button { | |||
text-align: center; | |||
word-wrap: normal | |||
} | |||
.menu_button_img_events img { | |||
width: 246px; | |||
height: 133px | |||
} | |||
.menu_button_tile { | |||
position: relative; | |||
margin: 0 20px 0 20px; | |||
-webkit-transition: all 0.6s ease; | |||
-moz-transition: all 0.6s ease; | |||
-o-transition: all 0.6s ease; | |||
transition: all 0.6s ease | |||
} | |||
.menu_button:hover .menu_button_tile { | |||
-webkit-transform: scale(1.11); | |||
-moz-transform: scale(1.11); | |||
-o-transform: scale(1.11); | |||
transform: scale(1.11) | |||
} | |||
.menu_buttun_pvp_number { | |||
position: absolute; | |||
margin-top: -115px; | |||
right: 30px; | |||
z-index: 1; | |||
color: white; | |||
font-weight: 600; | |||
font-size: 1.8em; | |||
user-select: none; | |||
pointer-events: none | |||
} | |||
.menu_buttun_pvp_number::before { | |||
content: url(/w/images/6/69/Wreath_half.png); | |||
-moz-transform: scale(1.5,1.5); | |||
-webkit-transform: scale(1.5,1.5); | |||
-o-transform: scale(1.5,1.5); | |||
transform: scale(1.5,1.5); | |||
margin: 8px 0 0 -12px; | |||
position: absolute | |||
} | |||
.menu_buttun_pvp_number::after { | |||
content: url(/w/images/6/69/Wreath_half.png); | |||
-moz-transform: scale(-1.5,1.5); | |||
-webkit-transform: scale(-1.5,1.5); | |||
-o-transform: scale(-1.5,1.5); | |||
transform: scale(-1.5,1.5); | |||
margin: 8px 0 0 -6px; | |||
position: absolute | |||
} | |||
.note { | |||
position: relative; | |||
margin: 2em 0em; | |||
pointer-events: none | |||
} | |||
.note_name { | |||
position: absolute; | |||
background-color: #fff; | |||
margin: -14px 0 0 1px; | |||
padding: 0 5px; | |||
font-size: 1.2em; | |||
font-weight: 600 | |||
} | |||
.note_text { | |||
border: 1px dashed black; | |||
padding: 10px 10px 5px 10px; | |||
box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33); | |||
-webkit-transition: box-shadow 0.1s; | |||
transition: box-shadow 0.1s; | |||
overflow-x: auto; | |||
pointer-events: auto | |||
} | |||
.advice { | |||
position: relative; | |||
margin: 2em 0em; | |||
pointer-events: none | |||
} | |||
.advice_name { | |||
position: absolute; | |||
background-color: #fff; | |||
margin: -14px 0 0 1px; | |||
padding: 0 5px; | |||
font-size: 1.2em; | |||
font-weight: 600 | |||
} | |||
.advice_text { | |||
border: 1px dashed black; | |||
padding: 10px 10px 5px 10px; | |||
box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33); | |||
-webkit-transition: box-shadow 0.1s; | |||
transition: box-shadow 0.1s; | |||
overflow-x: auto; | |||
pointer-events: auto | |||
} | |||
.wikitable { | |||
box-shadow: 0 0 0 1px rgba(255,255,255,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33); | |||
-webkit-transition: box-shadow 0.1s; | |||
transition: box-shadow 0.1s | |||
} | |||
.tippy-tooltip { | |||
max-width: 330px; | |||
border-radius: inherit; | |||
-webkit-border-radius: inherit; | |||
-moz-border-radius: inherit | |||
} | |||
.tippy-header { | |||
display: none | |||
} | |||
.plate { | |||
width: 70px; | |||
float: left; | |||
border-radius: 3px; | |||
padding: 2px; | |||
margin: 5px | |||
} | |||
.plate:hover { | |||
box-shadow: 0 0 0 1px rgba(0,0,0,0.6) inset,0 0 7px rgba(0,0,0,0.4),0 0 0 rgba(0,0,0,0.33); | |||
-webkit-transition: box-shadow 0.1s; | |||
transition: box-shadow 0.2s | |||
} | |||
.plate:hover .marquee { | |||
display: inline-block; | |||
white-space: pre-wrap; | |||
margin-left: -2px | |||
} | |||
.plate:hover .marquee span { | |||
display: inline-block; | |||
position: absolute; | |||
animation: none; | |||
padding: 0 5px 0 5px; | |||
border: 1px solid; | |||
background: rgb(255,255,255); | |||
margin-top: -1.2em; | |||
min-width: 100px; | |||
max-width: 150px; | |||
z-index: 1 | |||
} | |||
.usually { | |||
background-color: rgba(41,41,41,0.2) | |||
} | |||
.rare { | |||
background: linear-gradient(to top left,#b4c3c8,#5f7476) | |||
} | |||
.very_rare { | |||
background: linear-gradient(to top left,#f2b73b,#bc5101) | |||
} | |||
.guarantee { | |||
background: linear-gradient(to top left,#1b5825,#40d744) | |||
} | |||
.arrow { | |||
background-image: url(/w/images/7/7b/Arrow_down.png); | |||
background-repeat: no-repeat; | |||
background-position: center; | |||
height: 11px | |||
} | |||
.arrow:hover { | |||
background-image: url(/w/images/4/46/Arrow_up.png); | |||
-webkit-transition: box-shadow 0.3s; | |||
transition: box-shadow 0.3s | |||
} | |||
.drop_rate { | |||
font-size: 90%; | |||
font-weight: 600; | |||
cursor: default | |||
} | |||
.tippy-content-container { | |||
max-height: 500px | |||
} | |||
.tippy-content-container .plate { | |||
width: 40px; | |||
float: none; | |||
display: inline-block | |||
} | |||
.tippy-content-container .plate img { | |||
width: 36px; | |||
height: 36px | |||
} | |||
.tippy-content-container .drop_rate { | |||
font-size: 75%; | |||
font-weight: 600; | |||
cursor: default | |||
} | |||
@-webkit-keyframes scroll { | |||
0% { | |||
-webkit-transform: translate(0,0); | |||
transform: translate(0,0) | |||
} | |||
100% { | |||
-webkit-transform: translate(-100%,0); | |||
transform: translate(-100%,0) | |||
} | |||
} | |||
@-moz-keyframes scroll { | |||
0% { | |||
-moz-transform: translate(0,0); | |||
transform: translate(0,0) | |||
} | |||
100% { | |||
-moz-transform: translate(-100%,0); | |||
transform: translate(-100%,0) | |||
} | |||
} | |||
@keyframes scroll { | |||
0% { | |||
transform: translate(0,0) | |||
} | |||
100% { | |||
transform: translate(-100%,0) | |||
} | |||
} | |||
.marquee { | |||
display: block; | |||
width: 100%; | |||
white-space: nowrap; | |||
overflow: hidden | |||
} | |||
.marquee span { | |||
display: inline-block; | |||
padding-left: 100%; | |||
-webkit-animation: scroll 10s infinite linear; | |||
-moz-animation: scroll 10s infinite linear; | |||
animation: scroll 10s infinite linear | |||
} | |||
#google_translate_element { | |||
overflow-x: hidden; | |||
width: 145px | |||
} | |||
.tabber { | |||
clear: both | |||
} | |||
.last-update { | |||
width: 300px; | |||
float: left | |||
} | |||
.last-update-header { | |||
background-color: #b0c4de; | |||
padding: 10px; | |||
font-weight: 600 | |||
} | |||
.last-update-body { | |||
border: 1px solid #e7e8ec; | |||
border-top: 0px; | |||
padding: 5px 10px; | |||
height: 220px | |||
} | |||
.reward { | |||
margin-bottom: 20px | |||
} | |||
.rep-rew-table { | |||
border-collapse: collapse; | |||
cursor: default | |||
} | |||
.rep-rew-table tr:hover { | |||
background-color: #e0e8ff; | |||
-webkit-transition: all 0.3s ease; | |||
-moz-transition: all 0.3s ease; | |||
-o-transition: all 0.3s ease; | |||
transition: all 0.3s ease | |||
} | |||
.rep-rew-table td { | |||
padding: 0 6px 0 6px | |||
} | |||
.community_button { | |||
width: 220px; | |||
display: inline-block; | |||
font-weight: 700; | |||
color: white; | |||
text-decoration: none; | |||
text-transform: uppercase; | |||
padding: .8em 1em calc(.8em + 3px); | |||
border-radius: 3px; | |||
background: rgb(64,199,129); | |||
box-shadow: 0 -3px rgb(53,167,110) inset; | |||
transition: 0.2s | |||
} | |||
.community_button:hover { | |||
background: rgb(53,167,110) | |||
} | |||
.donate_button { | |||
width: 220px; | |||
display: inline-block; | |||
font-weight: 700; | |||
color: white; | |||
text-decoration: none; | |||
text-transform: uppercase; | |||
padding: .8em 1em calc(.8em + 3px); | |||
border-radius: 3px; | |||
background: rgb(255,140,0); | |||
box-shadow: 0 -3px rgb(225,120,10) inset; | |||
transition: 0.2s | |||
} | |||
.donate_button:hover { | |||
background: rgb(225,120,10) | |||
} | |||
.inventory { | |||
display: inline-block; | |||
position: relative; | |||
background-image: url(/w/images/e/e7/Inventory_slots.jpg); | |||
background-repeat: no-repeat; | |||
width: 554px; | |||
height: 531px | |||
} | |||
.inventory_slot { | |||
display: inline-block; | |||
height: 58px; | |||
width: 58px; | |||
background-image: url(/w/images/0/0f/Inventory_slots_back.jpg); | |||
background-repeat: no-repeat | |||
} | |||
.modification-equip { | |||
display: flex; | |||
flex-wrap: wrap | |||
} | |||
.coloration { | |||
width: 260px; | |||
margin: 10px 25px 15px 0px; | |||
border: 1px solid black; | |||
display: inline-block | |||
} | |||
.coloration-name { | |||
background-color: black; | |||
width: 260px; | |||
position: absolute; | |||
display: none | |||
} | |||
.coloration:hover .coloration-name { | |||
display: block | |||
} | |||
.coloration-name-text { | |||
color: white; | |||
font-size: 1.3em; | |||
padding-left: 5px | |||
} | |||
.coloration-cost { | |||
text-align: center; | |||
padding-top: 2px | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { | |||
display: none | |||
} | |||
.img-border { | |||
border: 1px solid black | |||
} | |||
.npc_box { | |||
display: grid; | |||
justify-content: space-between; | |||
gap: 10px 20px; | |||
align-items: start | |||
} | |||
.npc_block { | |||
display: grid; | |||
grid-template-columns: 96px auto; | |||
grid-template-rows: auto auto; | |||
align-content: start; | |||
grid-column: 1 / 2; | |||
grid-row: auto | |||
} | |||
.npc_portrait { | |||
flex: 0 0 96px; | |||
height: 96px; | |||
background-color: black | |||
} | |||
.npc_info { | |||
display: grid; | |||
grid-template-columns: min-content auto; | |||
height: min-content; | |||
flex: 1 1 auto; | |||
margin: 0 25px | |||
} | |||
.npc_prof_val,.npc_group_val,.npc_location_val,.npc_coord_val { | |||
margin-left: 10px; | |||
min-width: 200px | |||
} | |||
.npc_descrption { | |||
margin-top: 15px; | |||
width: 100%; | |||
grid-column: 1 / 3 | |||
} | |||
.npc_map_block { | |||
max-width: 300px; | |||
background-color: black; | |||
border: 2px solid black; | |||
grid-column: 2 / 3; | |||
grid-row: 1 / 3 | |||
} | |||
.npc_map_block_name { | |||
height: 35px; | |||
background-color: black; | |||
color: white; | |||
font-size: 1.5em; | |||
padding-left: 5px | |||
} | |||
.npc_issue_quest { | |||
grid-column: auto; | |||
grid-row: auto | |||
} | |||
@media screen and (max-width: 860px) { | |||
.npc_block { | |||
grid-column:1 / 2; | |||
grid-row: 1 / 2 | |||
} | |||
.npc_map_block { | |||
grid-column: 1 / 2; | |||
grid-row: 2 / 3 | |||
} | |||
.npc_issue_quest { | |||
grid-column: 1 / 2; | |||
grid-row: 3 / 4 | |||
} | |||
} | |||
@media screen and (max-width: 470px) { | |||
.npc_block { | |||
display:flex !important; | |||
flex-wrap: wrap; | |||
justify-content: center | |||
} | |||
.npc_info { | |||
display: grid; | |||
grid-template-columns: min-content auto; | |||
flex: 1 1 auto | |||
} | |||
} | |||
.rep_line { | |||
max-width: 1024px; | |||
min-width: 500px; | |||
height: 100px | |||
} | |||
.back_gradient { | |||
position: relative; | |||
width: 95%; | |||
height: 15px; | |||
margin: auto 25px auto 25px; | |||
border: 2px solid black; | |||
background: rgb(170,11,16); | |||
background: linear-gradient(90deg,rgba(170,11,16,1) 0%,rgba(190,88,13,1) 25%,rgba(200,161,8,1) 50%,rgba(130,163,14,1) 75%,rgba(52,161,18,1) 100%) | |||
} | |||
.v_stripe { | |||
position: absolute; | |||
width: 0px; | |||
height: 10px; | |||
border-left: 2px solid black; | |||
margin: 17px 0 0 -2px; | |||
padding: 0 | |||
} | |||
.v_stripe::after { | |||
position: absolute; | |||
width: 50px; | |||
left: -25px; | |||
top: 12px; | |||
text-align: center | |||
} | |||
.minus30000 { | |||
} | |||
.minus30000::after { | |||
content: "-30000" | |||
} | |||
.minus15000 { | |||
margin-left: 10% | |||
} | |||
.minus15000::after { | |||
content: "-15000" | |||
} | |||
.minus7500 { | |||
margin-left: 20% | |||
} | |||
.minus7500::after { | |||
content: "-7500" | |||
} | |||
.minus3000 { | |||
margin-left: 30% | |||
} | |||
.minus3000::after { | |||
content: "-3000" | |||
} | |||
.minus1000 { | |||
margin-left: 40% | |||
} | |||
.minus1000::after { | |||
content: "-1000" | |||
} | |||
.zero { | |||
margin-left: 50% | |||
} | |||
.zero::after { | |||
content: "0" | |||
} | |||
.plus1000 { | |||
margin-left: 60% | |||
} | |||
.plus1000::after { | |||
content: "1000" | |||
} | |||
.plus3000 { | |||
margin-left: 70% | |||
} | |||
.plus3000::after { | |||
content: "3000" | |||
} | |||
.plus7500 { | |||
margin-left: 80% | |||
} | |||
.plus7500::after { | |||
content: "7500" | |||
} | |||
.plus15000 { | |||
margin-left: 90% | |||
} | |||
.plus15000::after { | |||
content: "15000" | |||
} | |||
.plus30000 { | |||
margin-left: 100% | |||
} | |||
.plus30000::after { | |||
content: "30000" | |||
} | |||
.line_bonus { | |||
position: relative; | |||
width: 95%; | |||
margin: auto 30px auto 30px; | |||
top: 35px | |||
} | |||
.rep_bonus { | |||
position: absolute; | |||
width: 26px; | |||
left: -13px; | |||
filter: brightness(0.3); | |||
border-bottom: none | |||
} | |||
.container_DamageTaken { | |||
overflow-x: auto | |||
} | |||
.table-item-cell { | |||
display: flex; | |||
align-items: center; | |||
min-width: 200px | |||
} | |||
.table-item-name { | |||
display: inline-block; | |||
padding-left: 5px; | |||
vertical-align: middle | |||
} | |||
.table-item-name-icon { | |||
position: relative; | |||
display: inline-block; | |||
flex-shrink: 0 | |||
} | |||
.caches-img { | |||
filter: drop-shadow(5px 5px 10px #000000) | |||
} | |||
.refferal_article { | |||
position: relative; | |||
width: 100%; | |||
height: 400px; | |||
background-image: url(/w/images/d/d1/%D0%A3%D0%B1%D0%B5%D0%B6%D0%B8%D1%89%D0%B5_%D1%81%D1%82%D0%B0%D0%BB%D0%BA%D0%B5%D1%80%D0%B0.jpg); | |||
background-size: cover; | |||
background-position: center | |||
} | |||
/* Cached 20250402115902 */ |