MediaWiki:Common.css: различия между версиями

Материал из Ботвапедии
Перейти к: навигация, поиск
Строка 37: Строка 37:
 
.morro_ability55{background-position: 0px -300px} /*Сущность Фенека*/
 
.morro_ability55{background-position: 0px -300px} /*Сущность Фенека*/
 
.morro_ability59{background-position:-120px -300px} /*Сущность скитальца*/
 
.morro_ability59{background-position:-120px -300px} /*Сущность скитальца*/
 +
 +
/* Адаптивный дизайн для двухколоночных таблиц */
 +
@media screen and (max-width: 768px) {
 +
  table.adaptive-table,
 +
  table.adaptive-table > tbody,
 +
  table.adaptive-table > tbody > tr,
 +
  table.adaptive-table > tbody > tr > td {
 +
    display: block !important;
 +
    width: 100% !important;
 +
    max-width: 100% !important;
 +
    box-sizing: border-box !important;
 +
  }
 +
 
 +
  /* Убираем фиксированную высоту ячеек, если она была задана */
 +
  table.adaptive-table > tbody > tr > td[height] {
 +
    height: auto !important;
 +
  }
 +
 
 +
  /* Небольшой отступ между блоками для читаемости */
 +
  table.adaptive-table > tbody > tr > td {
 +
    margin-bottom: 15px;
 +
  }
 +
 
 +
  /* Убираем отступ у последнего элемента */
 +
  table.adaptive-table > tbody > tr > td:last-child {
 +
    margin-bottom: 0;
 +
  }
 +
}

Версия 20:20, 3 июня 2026

@import url("/InvisibleCSS/morro.css"); 
@import url("/InvisibleCSS/may_2016.css"); 
@import url("/InvisibleCSS/icon.css");
@import url("/InvisibleCSS/star.css");
@import url("/InvisibleCSS/all.css");
@import url("/InvisibleCSS/scroll.css");
@import url("/InvisibleCSS/menu.css");
@import url("/InvisibleCSS/snow_wars.css");
@font-face {font-family: DsCoptic;
 src: local("DsCoptic"), 
 url(https://wiki.botva.ru/DS_Coptic.ttf); 
 }

/* ВОТ ТАК ДОЛЖЕН ВЫГЛЯДЕТЬ РАЙ ПЕРФЕКЦИОНИСТА */


.item_1660 {background-position: -500px -940px;} /* Кулон летуновода */
.item_1404 {background-position: -460px -460px;}  /* Стеклянный глаз */
.item_1405 {background-position: -460px -480px;} /* Тыквовин */
.item_1287 {background-position: -440px -20px;}  /* Щитовик */
.item_1288 {background-position: -440px 0;} /* Загребун */
.item_1532 {background-position: -480px -820px;} /* кулон сноходца */
.item_1465 {background-position: -460px -1020px;} /* Компас */
.item_1413 {background-position: -460px -540px;} /* Шутовской молоточек */
.item_1411 {background-position: -460px -560px;} /* Шутовские сапожки */
.item_1412 {background-position: -460px -580px;} /* Шутовской щитомеч */

.item_king_1 {background-position: -320px 0; width:27px; height:20px;} /* кристальная корона царя горы */
.item_king_2 {background-position: -320px -20px; width:27px; height:20px;} /* бронзовая корона царя горы */
.item_king_3 {background-position: -320px -40px; width:27px; height:20px;} /* золотая корона царя горы */

/*Сущности мишек*/
.morro_ability43{background-position:-120px -240px} /*Сущность серого мимимишки*/
.morro_ability44{background-position:-180px -240px} /*Сущность белого мимимишки*/
.morro_ability45{background-position:-240px -240px} /*Сущность кровожадного мимимишки*/
.morro_ability46{background-position:-300px -240px} /*Сущность горноконя*/
.morro_ability55{background-position: 0px -300px} /*Сущность Фенека*/
.morro_ability59{background-position:-120px -300px} /*Сущность скитальца*/

/* Адаптивный дизайн для двухколоночных таблиц */
@media screen and (max-width: 768px) {
  table.adaptive-table,
  table.adaptive-table > tbody,
  table.adaptive-table > tbody > tr,
  table.adaptive-table > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Убираем фиксированную высоту ячеек, если она была задана */
  table.adaptive-table > tbody > tr > td[height] {
    height: auto !important;
  }
  
  /* Небольшой отступ между блоками для читаемости */
  table.adaptive-table > tbody > tr > td {
    margin-bottom: 15px;
  }
  
  /* Убираем отступ у последнего элемента */
  table.adaptive-table > tbody > tr > td:last-child {
    margin-bottom: 0;
  }
}