Шаблон:OnyxSS14 Рамочка

/* Основные стили рамки */ .рамка {

   display: flex;
   flex-direction: column;
   max-width: 100%;
   min-width: 300px;
   width: 100%;
   margin: 0.5em 0 5px 0;
   border: 1px solid #465298;
   padding: 2px;
   border-radius: 3px;
   box-sizing: border-box;
   overflow: hidden;

}

.рамка .wikitable {

   margin: 0 !important;

}

/* Заголовок рамки */ .рамка-заголовок {

   background-color: #465298;
   border-radius: 3px;
   text-align: center;
   cursor: pointer;
   line-height: 1;

}

.рамка-заголовок-контент {

   display: flex;
   justify-content: space-between;
   align-items: center;
   text-align: left;
   margin: 0 6px;
   line-height: 1;
   min-height: 0;

}

.рамка-название {

   margin: 3px 0;              /* было 6px — уменьшено, отсюда и высота */
   color: #fff;
   flex-grow: 1;
   line-height: 1.3;
   font-size: 0.95em;

}

/* Кнопка сворачивания — компактная, символ вместо текста */ .рамка-кнопка {

   color: #fff;
   cursor: pointer;
   font-size: 0 !important;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 14px;
   height: 14px;
   padding: 0;
   background: transparent;
   border-radius: 2px;
   text-decoration: none !important;
   user-select: none;
   line-height: 1;
   box-sizing: border-box;
   vertical-align: middle;
   flex: 0 0 auto;
   align-self: center;
   transition: background 0.15s ease;

}

.рамка-кнопка:hover {

   background: rgba(0, 0, 0, 0.22);

}

.рамка-кнопка::before {

   font-size: 10px;
   line-height: 1;
   color: #fff;
   display: block;

}

/* Развёрнуто — стрелка вниз */ .рамка:not(.mw-collapsed) .рамка-кнопка::before {

   content: "▼";

}

/* Свёрнуто — стрелка влево */ .рамка.mw-collapsed .рамка-кнопка::before {

   content: "◀";

}

/* Содержимое рамки */ .рамка-содержимое {

   padding: 5px 8px;
   display: block;

}

.рамка-содержимое p:first-child {

   margin-top: 0;

}

.рамка-содержимое p:last-child {

   margin-bottom: 0;

}

/* Стили для MediaWiki collapsible */ .mw-collapsible-toggle {

   display: inline-block;
   user-select: none;
   line-height: 1;
   min-height: 0;

}

.mw-collapsible-text {

   font-size: 0.9em;
   line-height: 1;

}

@media screen and (max-width: 751px) {

   .рамка {
       min-width: 0;
   }

}