Шаблон:Сундук/styles.css

.card-chest { width: 346px; display: flex; margin: 0 auto; flex: 1 1 auto; padding: 0; border: 2px solid #f5ae03; }

.chest { display: table; width: 346px; border-collapse: collapse; text-align: center; margin: 0; }

.chest th, .chest td { padding: 10px 5px; }

.mw-collapsible-toggle,.mw-collapsible-toggle-collapsed,.mw-collapsible-toggle-default {

   float: none !important;
   font-size: 16px;
   color: #9abbd0;

}

.mw-collapsible-content {

   margin: 0;

}

.card {

   width: 350px;

}

.card,.card-body {

   margin: 0 auto;

}

.wikitable-chest tr:hover {

   background-color: inherit;

}

.chest-quality, .wikitable-chest {

   padding-bottom: 0;

}

.chest-icon { padding-bottom: 20px !important; background-color: #2b3c46; }

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

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

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

.chest-quality { border-top: 1px solid #172027; border-bottom: 1px solid #172027; background-color: #1c2a31; font-family: BeaufortforLoL;

   font-size: 14px;
   padding: 15px 0 !important;

}

.chest-title {

   color: #eae5b1;
   font-family: Susan;
   font-size: 1.4rem;
   text-transform: uppercase;
   width: 350px;
   border-bottom: none;
   background-color: #2b3c46;
   padding: 15px 0 5px 0 !important;

}

.chest-description { width: 346px;

   color: #649ec0;
   font-family: BeaufortforLoL;
   font-size: 14px;
   background-color: #2b3c46;
   font-style: italic;

}

.chest-key-heading {

   padding-bottom: 0 !important;
   font-weight: 700;
   font-size: 13px;
   color: #92b1db;
   background-color: #1b2635;
   border-top: 1px solid #92b1db;

}

.chest-key-name {

   font-weight: 700;
   padding-top: 0;
   background-color: #1b2635;
   border-bottom: 1px solid #92b1db;

}

.chest-key {

   margin: 5px;

}

.chest-content-header-wrapper {

   border-color: #2b3c46;
   padding: 10px 0 0 0 !important;
   background-color: #2b3c46;

}

.chest-content-header {

   color: #ffb400;
   font-size: 13px;
   font-weight: 700;
   padding: 0;

}

.chest-content-wrapper {

   padding: 10px 0 0 0 !important;
   display: block; 
   max-height: 575px; 
   overflow-y: auto;

}

.chest-content-count { padding: 15px; font-weight: bold; background-color: #223038; border-top: 1px solid #22262d; border-bottom: 1px solid #22262d; }

.card-chest-content,.card-chest-content-dop {

   padding: 2px 10px 10px 10px;
   display: flex;
   flex-flow: row wrap;
   justify-content: center;

}

.card-chest-content {

   background-color: #c6caa0;

}

.item { margin: 7px; }

.card-chest-content-dop {

   background-color: #fc0;

}

.card-chest-content-most {

   background-color: #a29866;

}

.card-chest-content-most,.card-chest-content-rare,.card-chest-content-v-rare {

   padding: 2px 10px 10px 10px;
   display: flex;
   flex-flow: row wrap;
   justify-content: center;

}

.card-chest-content-rare {

   background-color: #93833b;

}

.card-chest-content-v-rare {

   background-color: #b96439;

}

.card-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 .auc-description { font-family: BeaufortforLoL; font-size: 14px; width: 346px; color: #97b7cc; background-color: #414c58; }

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

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

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

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