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

Материал из Ботвапедии
Перейти к: навигация, поиск
Нет описания правки
мНет описания правки
 
(не показано 737 промежуточных версий 5 участников)
Строка 1: Строка 1:
/** Collapsible tables *********************************************************
@import url("/InvisibleCSS/morro.css");
*
@import url("/InvisibleCSS/may_2016.css");
*  Description: Allows tables to be collapsed, showing only the header. See
@import url("/InvisibleCSS/icon.css");
*                        http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
@import url("/InvisibleCSS/star.css");
*  Maintainers: [[en:User:R. Koot]]
@import url("/InvisibleCSS/all.css");
*/
@import url("/InvisibleCSS/scroll.css");
@import url("/InvisibleCSS/menu.css");
table.collapsed tr.collapsible {
@import url("/InvisibleCSS/snow_wars.css");
        display: none;
}
.collapseButton {              /* 'show'/'hide' buttons created dynamically by the            */
        float: right;          /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;    /* are styled here so they can be customised.             */
        text-align: right;
        width: auto;
}


/*Менюшка*/


/* Fixed Positioned AddThis Toolbox */  
/* ВОТ ТАК ДОЛЖЕН ВЫГЛЯДЕТЬ РАЙ ПЕРФЕКЦИОНИСТА */
.addthis_toolbox {
position: fixed; z-index: 1000;
top: -10px;
right: 80%;
padding: 5px 5px 4px;
width: 32px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}


.addthis_toolbox .custom_images a {
width: 32px;
height: 32px;
cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; }
.addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; }


/*Менюшка вторая*/
.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;} /* кристальная корона царя горы */
CSS3 Animated Navigation
.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} /*Сущность скитальца*/


.fancyNav{
/* Affects the UL element */
overflow: hidden;
display: inline-block;
}


.fancyNav li{
/* Specifying a fallback color and we define CSS3 gradients for the major browsers: */
background-color: #f0f0f0;
background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
border-right: 1px solid rgba(9, 9, 9, 0.125);
/* Adding a 1px inset highlight for a more polished efect: */
box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
-moz-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 1px -1px 0 rgba(255, 255, 255, 0.6) inset;
position:relative;
float: left;
list-style: none;
}


.fancyNav li:after{
/*Героики. Шаблон:Гер. Для вставки - {{Гер|1}}*/
.heroic_orders_box {margin-bottom: 4px;width: 60px;height: 60px;position: relative;border-radius: 3px;overflow: hidden;background-image: url("https://wiki.botva.ru/images/b/b5/Heroic_orders.png");}
.heroic_order1  { background-position: -0px 0px; } /*Истинно лучшие свин муж*/
.heroic_order2  { background-position: -60px 0px; } /*Истинно лучшие баран муж*/
.heroic_order3  { background-position: -120px 0px; } /*Истинно лучшие свин жен*/
.heroic_order4  { background-position: -180px 0px; } /*Истинно лучшие баран жен*/
.heroic_order5  { background-position: -240px 0px; } /*Героический Перекач*/
.heroic_order6  { background-position: -300px 0px; } /*Героический Дейлинист*/
.heroic_order7  { background-position: -360px 0px; } /*Собиратель артефакта «Коготь Дракона»*/
.heroic_order8  { background-position: -420px 0px; } /*Серийный Брадобрей*/
.heroic_order9  { background-position: -480px 0px; } /*Величайший наездник*/
.heroic_order10 { background-position: -540px 0px; } /*Невыполнимое – выполнимо*/
.heroic_order11 { background-position: -600px 0px; } /*Героический махинатор*/
.heroic_order12 { background-position: -660px 0px; } /*Величайший ланиста*/
.heroic_order13 { background-position: -720px 0px; } /*Великий рой*/
.heroic_order14 { background-position: -780px 0px; } /*Шутовской щитомеч*/
.heroic_order15 { background-position: -840px 0px; } /*Властелин Золотой Армии!*/
.heroic_order16 { background-position: -900px 0px; } /*Героический Ахав*/
.heroic_order17 { background-position: -960px 0px; } /* */
.heroic_order18 { background-position: -1020px 0px; } /*Властелин армии дуболомов!*/
.heroic_order19 { background-position: -1080px 0px; } /*Героик великого познания!*/
.heroic_order20 { background-position: 0px -120px; } /*Героический Расхититель*/
.heroic_order21 { background-position: -60px -120px; } /*Героический Акционист*/
.heroic_order22 { background-position: -120px -120px; } /*Героический Победоносец*/
.heroic_order23 { background-position: -180px -120px; } /*Мастер на все руки*/
.heroic_order24 { background-position: -240px -120px; } /*Лучший в своем деле*/
.heroic_order25 { background-position: -300px -120px; } /*Героический Колосс*/
.heroic_order26 { background-position: -360px -120px; } /*Героическая Тыква*/
.heroic_order27 { background-position: -420px -120px; } /*Героический Оболваниватель*/
.heroic_order28 { background-position: -480px -120px; } /*Царь царей*/
.heroic_order29 { background-position: -540px -120px; } /*Героический путешественник*/
.heroic_order30 { background-position: -600px -120px; } /*Героический страдалец*/
.heroic_order31 { background-position: -660px -120px; } /*Героический боец*/
.heroic_order32 { background-position: -720px -120px; } /*Шутовские сапожки*/
.heroic_order33 { background-position: -780px -120px; } /*Шутовской молоточек*/
.heroic_order34 { background-position: -840px -120px; } /*Героический предводитель!*/
.heroic_order35 { background-position: -900px -120px; } /*Героический пехотинец*/
.heroic_order36 { background-position: -960px -120px; } /*Укротитель Летунов*/
.heroic_order37 { background-position: -1020px -120px; } /*Укротитель Мимимишек!*/
.heroic_order38 { background-position: -1080px -120px; } /*Песчаное преодоление*/
.heroic_order39 { background-position: 0px -240px; } /*Монстр прокачки*/
.heroic_order40 { background-position: -60px -240px; } /*Копытных дел мастер*/
.heroic_order41 { background-position: -120px -240px; } /*Учёный совёнок*/
.heroic_order42 { background-position: -180px -240px; } /*Умный сапожник*/
.heroic_order43 { background-position: -240px -240px; } /*Легенда космических сражений*/
.heroic_order44 { background-position: -300px -240px; } /*Великий сталкерус*/
.heroic_order45 { background-position: -360px -240px; } /*Команда мечты*/
.heroic_order46 { background-position: -420px -240px; } /*Сталкерусы-титаны*/
.heroic_order47 { background-position: -480px -240px; } /*Элитная команда*/


/* This creates a pseudo element inslide each LI */
content:'.';
text-indent:-9999px;
overflow:hidden;
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
opacity:0;
/* Gradients! */
background-image:-webkit-gradient(linear, left top, right top, from(rgba(168,168,168,0.5)),color-stop(0.5,rgba(168,168,168,0)), to(rgba(168,168,168,0.5)));
background-image:-moz-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
background-image:-o-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
background-image:-ms-linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
background-image:linear-gradient(left, rgba(168,168,168,0.5), rgba(168,168,168,0) 50%, rgba(168,168,168,0.5));
/* Creating borders with box-shadow. Useful, as they don't affect the size of the element. */
box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff,1px 0 0 #a3a3a3,2px 0 0 #fff;
/* This will create a smooth transition for the opacity property */
-moz-transition:0.25s all;
-webkit-transition:0.25s all;
-o-transition:0.25s all;
transition:0.25s all;
}


/* Treating the first LI and li:after elements separately */
/*Абилки сталкерусов. Шаблон:Скилы_сталкерусов. Для вставки - {{Скилы сталкерусов|1}}*/
 
.skill_box {margin-bottom: 4px;width: 90px;height: 90px;position: relative;border-radius: 3px;overflow: hidden;background-image: url("https://wiki.botva.ru/images/7/72/Img_skills_90.png");}
.fancyNav li:first-child{
.skill_1  { background-position: -0px 0px; } /*Лягух. Титуновая чуйка*/
border-radius: 4px 0 0 4px;
.skill_2  { background-position: -90px 0px; } /*Черепахий. На опыте*/
}
.skill_3  { background-position: -180px 0px; } /*Фламий. Высотный обзор*/
 
.skill_4  { background-position: -270px 0px; } /*Цыпа. Проводник*/
.fancyNav li:first-child:after,
.skill_5  { background-position: -360px 0px; } /*Кротан. Ранговик*/
.fancyNav li.selected:first-child:after{
.skill_6  { background-position: 0px -90px; }  /*Криветуля. Вторая попытка*/
box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
.skill_7  { background-position: -90px -90px; } /*Енотун. Тактический нюх*/
-moz-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
.skill_8  { background-position: -180px -90px; } /*Скарабейр. Зональный след*/
-webkit-box-shadow:1px 0 0 #a3a3a3,2px 0 0 #fff;
.skill_9  { background-position: -270px -90px; } /*Петухан. Укрыватель*/
.skill_10 { background-position: -360px -90px; } /*Курошлёп. На позитиве*/
border-radius:4px 0 0 4px;
.skill_11 { background-position: 0px -180px; }  /*Друутка. Первопроходец*/
}
.skill_12 { background-position: -90px -180px; } /*Индюшайна. Знаток карты*/
 
.skill_13 { background-position: -180px -180px; } /*Сомуль. Наводящий страх*/
.fancyNav li:last-child{
.skill_14 { background-position: -270px -180px; } /*Аксоша. Гений тактики*/
border-radius: 0 4px 4px 0;
.skill_15 { background-position: -360px -180px; } /*Амфибус. Въедливый поиск*/
}
.skill_16 { background-position: 0px -270px; } /*Жабладама. Титун Магнит*/
 
.skill_17 { background-position: -90px -270px; } /*Титанида*/
/* Treating the last LI and li:after elements separately */
.skill_18 { background-position: -180px -270px; } /*Мутное болото*/
 
.skill_19 { background-position: -270px -270px; } /*Остров с пирамидой*/
.fancyNav li:last-child:after,
.skill_20 { background-position: -360px -270px; } /*Остров с башней*/
.fancyNav li.selected:last-child:after{
.skill_21 { background-position: 0px -360px; } /*Вулканические земли*/
box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
.skill_22 { background-position: -90px -360px; } /*Заснеженные горы*/
-moz-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
.skill_23 { background-position: -180px -360px; } /*Знойная пустыня*/
-webkit-box-shadow:-1px 0 0 #a3a3a3,-2px 0 0 #fff;
.skill_24 { background-position: -270px -360px; } /*Волшебный лес*/
.skill_25 { background-position: -360px -360px; } /*Другие зоны*/
border-radius:0 4px 4px 0;
.skill_26 { background-position: -450px 0px; } /*Медвед. Прагматик*/
}
.skill_27 { background-position: -450px -90px; } /*Котимо. Тайные тропы*/
 
.skill_28 { background-position: -450px -180px; } /*Ленни. Лесной проводник*/
.fancyNav li:hover:after,
.skill_29 { background-position: -450px -270px; } /*Пингви. Любопытный клюв*/
.fancyNav li.selected:after,
.skill_30 { background-position: -450px -360px; } /*Крок. Вулканический авторитет*/
.fancyNav li:target:after{
.skill_31 { background-position: -540px -90px; } /*Крок. Вулканический авторитет*/
/* This property triggers the CSS3 transition */
opacity:1;
}
 
.fancyNav:hover li.selected:after,
.fancyNav:hover li:target:after{
/* Hides the targeted li when we are hovering on the UL */
opacity:0;
}
 
.fancyNav li.selected:hover:after,
.fancyNav li:target:hover:after{
opacity:1 !important;
}
 
/* Styling the anchor elements */
 
.fancyNav li a{
color: #5d5d5d;
display: inline-block;
font: 20px/1 Lobster,Arial,sans-serif;
padding: 12px 35px 14px;
position: relative;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
z-index:2;
text-decoration:none !important;
white-space:nowrap;
}
 
.fancyNav a.homeIcon{
background:url('../img/home.png') no-repeat center center;
display: block;
overflow: hidden;
padding-left: 12px;
padding-right: 12px;
text-indent: -9999px;
width: 16px;
}
 
 
/*-------------------------
Demo Page Styles
--------------------------*/
 
 
h1,h2{
color: #fff;
line-height: 1;
background-color: #222;
font-family: 'Segoe UI Light','Segoe UI',Arial,sans-serif;
font-weight: normal;
margin: 0 auto;
position: absolute;
left: 50%;
margin-left: -446px;
}
 
h1{
font-size: 36px;
padding: 5px 15px 10px;
top: 0;
}
 
h2{
font-size: 14px;
padding: 4px 13px 9px 11px;
top: 51px;
}
 
header{
display:block;
margin-top:50px;
position:relative;
}
 
nav{
display: block;
margin: 300px auto 0;
text-align: center;
width: 600px;
}
 
footer{
color: #BBBBBB;
font-size: 15px;
line-height: 1.6;
padding: 60px 20px 0;
text-align: center;
display:block;
}
 
footer b{
color: #888888;
display: block;
font-size: 10px;
font-weight: normal;
}
 
a, a:visited {
text-decoration:none;
outline:none;
color:#54a6de;
}
 
a:hover{
text-decoration:underline;
}

Текущая версия от 02:37, 6 октября 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");


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


.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} /*Сущность скитальца*/



/*Героики. Шаблон:Гер. Для вставки - {{Гер|1}}*/
.heroic_orders_box {margin-bottom: 4px;width: 60px;height: 60px;position: relative;border-radius: 3px;overflow: hidden;background-image: url("https://wiki.botva.ru/images/b/b5/Heroic_orders.png");}
.heroic_order1  { background-position: -0px 0px; } /*Истинно лучшие свин муж*/
.heroic_order2  { background-position: -60px 0px; } /*Истинно лучшие баран муж*/
.heroic_order3  { background-position: -120px 0px; } /*Истинно лучшие свин жен*/
.heroic_order4  { background-position: -180px 0px; } /*Истинно лучшие баран жен*/
.heroic_order5  { background-position: -240px 0px; } /*Героический Перекач*/
.heroic_order6  { background-position: -300px 0px; } /*Героический Дейлинист*/
.heroic_order7  { background-position: -360px 0px; } /*Собиратель артефакта «Коготь Дракона»*/
.heroic_order8  { background-position: -420px 0px; } /*Серийный Брадобрей*/
.heroic_order9  { background-position: -480px 0px; } /*Величайший наездник*/
.heroic_order10 { background-position: -540px 0px; } /*Невыполнимое – выполнимо*/
.heroic_order11 { background-position: -600px 0px; } /*Героический махинатор*/
.heroic_order12 { background-position: -660px 0px; } /*Величайший ланиста*/
.heroic_order13 { background-position: -720px 0px; } /*Великий рой*/
.heroic_order14 { background-position: -780px 0px; } /*Шутовской щитомеч*/
.heroic_order15 { background-position: -840px 0px; } /*Властелин Золотой Армии!*/
.heroic_order16 { background-position: -900px 0px; } /*Героический Ахав*/
.heroic_order17 { background-position: -960px 0px; } /* */
.heroic_order18 { background-position: -1020px 0px; } /*Властелин армии дуболомов!*/
.heroic_order19 { background-position: -1080px 0px; } /*Героик великого познания!*/
.heroic_order20 { background-position: 0px -120px; } /*Героический Расхититель*/
.heroic_order21 { background-position: -60px -120px; } /*Героический Акционист*/
.heroic_order22 { background-position: -120px -120px; } /*Героический Победоносец*/
.heroic_order23 { background-position: -180px -120px; } /*Мастер на все руки*/
.heroic_order24 { background-position: -240px -120px; } /*Лучший в своем деле*/
.heroic_order25 { background-position: -300px -120px; } /*Героический Колосс*/
.heroic_order26 { background-position: -360px -120px; } /*Героическая Тыква*/
.heroic_order27 { background-position: -420px -120px; } /*Героический Оболваниватель*/
.heroic_order28 { background-position: -480px -120px; } /*Царь царей*/
.heroic_order29 { background-position: -540px -120px; } /*Героический путешественник*/
.heroic_order30 { background-position: -600px -120px; } /*Героический страдалец*/
.heroic_order31 { background-position: -660px -120px; } /*Героический боец*/
.heroic_order32 { background-position: -720px -120px; } /*Шутовские сапожки*/
.heroic_order33 { background-position: -780px -120px; } /*Шутовской молоточек*/
.heroic_order34 { background-position: -840px -120px; } /*Героический предводитель!*/
.heroic_order35 { background-position: -900px -120px; } /*Героический пехотинец*/
.heroic_order36 { background-position: -960px -120px; } /*Укротитель Летунов*/
.heroic_order37 { background-position: -1020px -120px; } /*Укротитель Мимимишек!*/
.heroic_order38 { background-position: -1080px -120px; } /*Песчаное преодоление*/
.heroic_order39 { background-position: 0px -240px; } /*Монстр прокачки*/
.heroic_order40 { background-position: -60px -240px; } /*Копытных дел мастер*/
.heroic_order41 { background-position: -120px -240px; } /*Учёный совёнок*/
.heroic_order42 { background-position: -180px -240px; } /*Умный сапожник*/
.heroic_order43 { background-position: -240px -240px; } /*Легенда космических сражений*/
.heroic_order44 { background-position: -300px -240px; } /*Великий сталкерус*/
.heroic_order45 { background-position: -360px -240px; } /*Команда мечты*/
.heroic_order46 { background-position: -420px -240px; } /*Сталкерусы-титаны*/
.heroic_order47 { background-position: -480px -240px; } /*Элитная команда*/


/*Абилки сталкерусов. Шаблон:Скилы_сталкерусов. Для вставки - {{Скилы сталкерусов|1}}*/
.skill_box {margin-bottom: 4px;width: 90px;height: 90px;position: relative;border-radius: 3px;overflow: hidden;background-image: url("https://wiki.botva.ru/images/7/72/Img_skills_90.png");}
.skill_1  { background-position: -0px 0px; } /*Лягух. Титуновая чуйка*/
.skill_2  { background-position: -90px 0px; } /*Черепахий. На опыте*/
.skill_3  { background-position: -180px 0px; } /*Фламий. Высотный обзор*/
.skill_4  { background-position: -270px 0px; } /*Цыпа. Проводник*/
.skill_5  { background-position: -360px 0px; } /*Кротан. Ранговик*/
.skill_6  { background-position: 0px -90px; }  /*Криветуля. Вторая попытка*/
.skill_7  { background-position: -90px -90px; } /*Енотун. Тактический нюх*/
.skill_8  { background-position: -180px -90px; } /*Скарабейр. Зональный след*/
.skill_9  { background-position: -270px -90px; } /*Петухан. Укрыватель*/
.skill_10 { background-position: -360px -90px; } /*Курошлёп. На позитиве*/
.skill_11 { background-position: 0px -180px; }  /*Друутка. Первопроходец*/
.skill_12 { background-position: -90px -180px; } /*Индюшайна. Знаток карты*/
.skill_13 { background-position: -180px -180px; } /*Сомуль. Наводящий страх*/
.skill_14 { background-position: -270px -180px; } /*Аксоша. Гений тактики*/
.skill_15 { background-position: -360px -180px; } /*Амфибус. Въедливый поиск*/
.skill_16 { background-position: 0px -270px; }  /*Жабладама. Титун Магнит*/
.skill_17 { background-position: -90px -270px; } /*Титанида*/
.skill_18 { background-position: -180px -270px; } /*Мутное болото*/
.skill_19 { background-position: -270px -270px; } /*Остров с пирамидой*/
.skill_20 { background-position: -360px -270px; } /*Остров с башней*/
.skill_21 { background-position: 0px -360px; } /*Вулканические земли*/
.skill_22 { background-position: -90px -360px; } /*Заснеженные горы*/
.skill_23 { background-position: -180px -360px; } /*Знойная пустыня*/
.skill_24 { background-position: -270px -360px; } /*Волшебный лес*/
.skill_25 { background-position: -360px -360px; } /*Другие зоны*/
.skill_26 { background-position: -450px 0px; } /*Медвед. Прагматик*/
.skill_27 { background-position: -450px -90px; } /*Котимо. Тайные тропы*/
.skill_28 { background-position: -450px -180px; } /*Ленни. Лесной проводник*/
.skill_29 { background-position: -450px -270px; } /*Пингви. Любопытный клюв*/
.skill_30 { background-position: -450px -360px; } /*Крок. Вулканический авторитет*/
.skill_31 { background-position: -540px -90px; } /*Крок. Вулканический авторитет*/
Источник — https://wiki-test.botva.ru/index.php?title=MediaWiki:Common.css&oldid=19486