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

Нет описания правки
Нет описания правки
 
(не показано 13 промежуточных версий этого же участника)
Строка 1: Строка 1:
.chest {
.chest {
width: 346px;
width: 350px;
border: 1px solid #394e5a;
border: 1px solid #486c81;
text-align: center;
text-align: center;
margin: 0 auto;
margin: 0 auto;
Строка 23: Строка 23:
.chest .chest-icon {
.chest .chest-icon {
padding-bottom: 20px !important;
padding-bottom: 20px !important;
background-color: #2b3c46;
background-color: #031e2f;
display: flex;
justify-content: center;
}
}


.chest .chest-icon span {
.chest .chest-icon span {
border-width: 4px;
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;
}
}


Строка 39: Строка 65:


.chest .chest-quality {
.chest .chest-quality {
border-top: 1px solid #172027;
border-top: 1px solid #486c81;
border-bottom: 1px solid #172027;
border-bottom: 1px solid #486c81;
background-color: #1c2a31;
background-color: #173445;
font-family: BeaufortforLoL;
font-family: BeaufortforLoL;
font-weight: bold;
font-weight: bold;
Строка 50: Строка 76:
.chest .chest-title {
.chest .chest-title {
     color: #eae5b1;
     color: #eae5b1;
     font-family: Susan;
     font-weight: bold;
     font-size: 1.4rem;
     font-size: 1.4rem;
     text-transform: uppercase;
     text-transform: uppercase;
     border-bottom: none;
     border-bottom: none;
     background-color: #2b3c46;
     background-color: #031e2f;
     padding: 15px !important;
     padding: 15px !important;
     text-shadow: 2px 2px 2px #223038;
     text-shadow: 2px 2px 2px #223038;
Строка 63: Строка 89:
     font-family: BeaufortforLoL;
     font-family: BeaufortforLoL;
     font-size: 14px;
     font-size: 14px;
     background-color: #2b3c46;
     background-color: #031e2f;
     font-style: italic;
     font-style: italic;
     padding: 10px 5px;
     padding: 10px 5px;
Строка 73: Строка 99:
     font-size: 13px;
     font-size: 13px;
     color: #92b1db;
     color: #92b1db;
     background-color: #1b2635;
     background-color: #041b3b;
     border-top: 1px solid #92b1db;
     border-top: 1px solid #92b1db;
     padding: 10px 0;
     padding: 10px 0;
Строка 81: Строка 107:
     font-weight: 700;
     font-weight: 700;
     padding: 10px 0;
     padding: 10px 0;
     background-color: #1b2635;
     background-color: #041b3b;
     border-bottom: 1px solid #92b1db;
     border-bottom: 1px solid #92b1db;
}
}
Строка 87: Строка 113:
.chest .chest-key {
.chest .chest-key {
     margin: 5px;
     margin: 5px;
    display: flex;
justify-content: center;
}
}


Строка 92: Строка 120:
     border-color: #2b3c46;
     border-color: #2b3c46;
     padding: 10px 0 0 0 !important;
     padding: 10px 0 0 0 !important;
     background-color: #2b3c46;
     background-color: #031e2f;
}
}


Строка 112: Строка 140:
padding: 15px;
padding: 15px;
font-weight: bold;
font-weight: bold;
background-color: #223038;  
background-color: #0e364d;  
border-top: 1px solid #22262d;
border-top: 1px solid #486c81;
border-bottom: 1px solid #22262d;
border-bottom: 1px solid #486c81;
}
}


Строка 133: Строка 161:


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


Строка 161: Строка 189:
font-size: 14px;
font-size: 14px;
width: 346px;
width: 346px;
color: #97b7cc;
color: #efefef;
background-color: #06233c;
background-color: #0f2c45;
padding: 10px 0;
padding: 10px 0;
}
}


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


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


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


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

Текущая версия от 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;
}