Шаблон:Chest/styles.css: различия между версиями

Текущая версия от 22:29, 5 ноября 2023

.chest {
	width: 350px;
	border: 1px solid #486c81;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

.mw-collapsible-toggle,.mw-collapsible-toggle-collapsed,.mw-collapsible-toggle-default {
    float: none !important;
    font-size: 16px;
    color: #9abbd0;
}

.mw-collapsible-content {
    margin: 0;
}

.chest .chest-quality, .wikitable-chest {
    padding-bottom: 0;
}

.chest .chest-icon {
	padding-bottom: 20px !important;
	background-color: #031e2f;
	display: flex;
	justify-content: center;
}

.chest .chest-icon span {
	border-width: 4px;
}

.chest .item-gray img {
	border: 4px solid gray;
}

.chest .item-white img {
	border: 4px solid #fff;
}

.chest .item-green img {
	border: 4px solid #09db4b;
}

.chest .item-blue img {
	border: 4px solid #03a9fc;
}

.chest .item-epic img {
	border: 4px solid #7408bd;
}

.chest .item-lega img {
	border: 4px solid #ff9600;
}

.chest .chest-icon img {
	border-radius: 10px;
}

.chest .chest-icon .border-gray, .chest .chest-icon .border-white, .chest .chest-icon .border-green, .chest .chest-icon .border-blue, .chest .chest-icon .border-epic, .chest .chest-icon .border-lega {
	border-radius: 10px;
}

.chest .chest-quality {
	border-top: 1px solid #486c81;
	border-bottom: 1px solid #486c81;
	background-color: #173445;
	font-family: BeaufortforLoL;
	font-weight: bold;
    font-size: 14px;
    padding: 10px 0 !important;
}

.chest .chest-title {
    color: #eae5b1;
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
    border-bottom: none;
    background-color: #031e2f;
    padding: 15px !important;
    text-shadow: 2px 2px 2px #223038;
}

.chest .chest-description {
    color: #649ec0;
    font-family: BeaufortforLoL;
    font-size: 14px;
    background-color: #031e2f;
    font-style: italic;
    padding: 10px 5px;
}

.chest .chest-key-heading {
    padding-bottom: 0 !important;
    font-weight: 700;
    font-size: 13px;
    color: #92b1db;
    background-color: #041b3b;
    border-top: 1px solid #92b1db;
    padding: 10px 0;
}

.chest .chest-key-name {
    font-weight: 700;
    padding: 10px 0;
    background-color: #041b3b;
    border-bottom: 1px solid #92b1db;
}

.chest .chest-key {
    margin: 5px;
    display: flex;
	justify-content: center;
}

.chest .chest-content-header-wrapper {
    border-color: #2b3c46;
    padding: 10px 0 0 0 !important;
    background-color: #031e2f;
}

.chest .chest-content-header {
    color: #ffb400;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
}

.chest .chest-content-wrapper {
    padding: 10px 0 0 0 !important;
    display: block; 
    max-height: 575px; 
    overflow-y: auto;
}

.chest .chest-content-count {
	padding: 15px;
	font-weight: bold;
	background-color: #0e364d; 
	border-top: 1px solid #486c81;
	border-bottom: 1px solid #486c81;
}

.chest .chest-content,.chest .chest-content-dop,.chest .chest-content-most,.chest .chest-content-rare,.chest .chest-content-v-rare {
    padding: 2px 10px 10px 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.chest .chest-content {
    background-color: #c6caa0;
}

.chest .loot-item {
	margin: 7px;
}

.chest .chest-content-dop {
    background-color: #c4af5a;
}

.chest .chest-content-most {
    background-color: #a29866;
}

.chest .chest-content-rare {
    background-color: #668019;
}

.chest .chest-content-v-rare {
    background-color: #b96439;
}

.chest .chest-content-text {
    padding: 10px 5px 0;
    border-bottom: 0;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
}

.chest .chest-auc-description {
	font-family: BeaufortforLoL;
	font-size: 14px;
	width: 346px;
	color: #efefef;
	background-color: #0f2c45;
	padding: 10px 0;
}

.chest .chest-min-cost {
	color: #efefef;
	font-weight: bold;
}

.chest .chest-min-cost span {
	color: #efde22;
}

.chest .chest-deposit {
	color: #efefef;
	font-weight: bold;
}

.chest .chest-deposit span {
	color: #efde22;
}