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

Материал из Ботвапедии
Перейти к: навигация, поиск
Нет описания правки
мНет описания правки
 
(не показаны 452 промежуточные версии 5 участников)
Строка 1: Строка 1:
/* CSS @Invisible_man*/
@import url("/InvisibleCSS/morro.css");
@import url("/InvisibleCSS/may_2016.css");
table.collapsed tr.collapsible {
@import url("/InvisibleCSS/icon.css");
display: none;
@import url("/InvisibleCSS/star.css");
}
@import url("/InvisibleCSS/all.css");
@import url("/InvisibleCSS/scroll.css");
.collapseButton {
@import url("/InvisibleCSS/menu.css");
cursor: pointer;
@import url("/InvisibleCSS/snow_wars.css");
}


h1 { /* Заголовок 1 */
color: #8D673A; /*Цвет*/
text-shadow: 0 0 5px #CDAA80, 0 0 10px #CDAA80,
    0 0 20px #CDAA80, 0 0 30px #CDAA80,
    0 0 40px #CDAA80; /* Расплывающаяся тень */
}


h2 {
/* ВОТ ТАК ДОЛЖЕН ВЫГЛЯДЕТЬ РАЙ ПЕРФЕКЦИОНИСТА */
color: #8D673A;
text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
    0 0 10px #CDAA80, 0 0 15px #CDAA80,
    0 0 20px #CDAA80;
}


h3 {
color: #8D673A;
text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80,
    0 0 5px #CDAA80, 0 0 7px #CDAA80,
    0 0 10px #CDAA80;
}


h4 {  
.item_1660 {background-position: -500px -940px;} /* Кулон летуновода */
  color: #8D673A;  
.item_1404 {background-position: -460px -460px;} /* Стеклянный глаз */
  text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
.item_1405 {background-position: -460px -480px;} /* Тыквовин */
    0 0 2px #CDAA80, 0 0 3px #CDAA80,
.item_1287 {background-position: -440px -20px;} /* Щитовик */
    0 0 5px #CDAA80;
.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;} /* Шутовской щитомеч */


h5 {  
.item_king_1 {background-position: -320px 0; width:27px; height:20px;} /* кристальная корона царя горы */
color: #8D673A;  
.item_king_2 {background-position: -320px -20px; width:27px; height:20px;} /* бронзовая корона царя горы */
text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80,
.item_king_3 {background-position: -320px -40px; width:27px; height:20px;} /* золотая корона царя горы */
    0 0 1px #CDAA80, 0 0 2px #CDAA80,
    0 0 3px #CDAA80;
}


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


/* Верхрнее меню */


.addthis_toolbox {
position: fixed; /*Фиксированно на экране*/
z-index: 1000; /*Окошко всегда будет на переднем плане*/
top: 2px; /*Отступы*/
left: 15%;
padding: 5px;
width: 600px;
height: 90px;
opacity: 0.8; /*Прозрачность*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE 5.5+*/
-moz-opacity: 0.8; /* Mozilla 1.6 и ниже */
html-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */
background-image: url(https://wiki.botva.ru/images/4/43/Fon_2.png); /*Фон*/
background-position: 0px 0px;
background-size: 600px;
background-repeat: no-repeat;
}


.addthis_toolbox .custom_images a {  
/*Героики. Шаблон:Гер. Для вставки - {{Гер|1}}*/
  width: 32px;  
.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");}
  height: 32px;  
.heroic_order1 { background-position: -0px 0px; } /*Истинно лучшие свин муж*/
  cursor: pointer;  
.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; } /*Элитная команда*/


.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;
}


 
/*Абилки сталкерусов. Шаблон:Скилы_сталкерусов. Для вставки - {{Скилы сталкерусов|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; } /*Черепахий. На опыте*/
#mainmenu{
.skill_3  { background-position: -180px 0px; } /*Фламий. Высотный обзор*/
    position:relative;
.skill_4  { background-position: -270px 0px; } /*Цыпа. Проводник*/
 
.skill_5  { background-position: -360px 0px; } /*Кротан. Ранговик*/
    height:47px;
.skill_6  { background-position: 0px -90px; }  /*Криветуля. Вторая попытка*/
    padding:2;
.skill_7 { background-position: -90px -90px; } /*Енотун. Тактический нюх*/
    width:100%;
.skill_8  { background-position: -180px -90px; } /*Скарабейр. Зональный след*/
    z-index:10;
.skill_9  { background-position: -270px -90px; } /*Петухан. Укрыватель*/
    text-align:left;
.skill_10 { background-position: -360px -90px; } /*Курошлёп. На позитиве*/
    color: #8D653A;
.skill_11 { background-position: 0px -180px; }  /*Друутка. Первопроходец*/
text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80,
.skill_12 { background-position: -90px -180px; } /*Индюшайна. Знаток карты*/
      0 0 10px #CDAA80, 0 0 15px #CDAA80,
.skill_13 { background-position: -180px -180px; } /*Сомуль. Наводящий страх*/
      0 0 20px #CDAA80;
.skill_14 { background-position: -270px -180px; } /*Аксоша. Гений тактики*/
}
.skill_15 { background-position: -360px -180px; } /*Амфибус. Въедливый поиск*/
 
.skill_16 { background-position: 0px -270px; } /*Жабладама. Титун Магнит*/
#mainmenu ul, /* сбрасываем поля и отступы у списков */
.skill_17 { background-position: -90px -270px; } /*Титанида*/
#mainmenu ul ul {
.skill_18 { background-position: -180px -270px; } /*Мутное болото*/
    list-style:none;
.skill_19 { background-position: -270px -270px; } /*Остров с пирамидой*/
    padding:0;
.skill_20 { background-position: -360px -270px; } /*Остров с башней*/
    margin:0;
.skill_21 { background-position: 0px -360px; } /*Вулканические земли*/
vertical-align:middle;
.skill_22 { background-position: -90px -360px; } /*Заснеженные горы*/
font-size: 20px;
.skill_23 { background-position: -180px -360px; } /*Знойная пустыня*/
font-weight: bold;
.skill_24 { background-position: -270px -360px; } /*Волшебный лес*/
}
.skill_25 { background-position: -360px -360px; } /*Другие зоны*/
 
.skill_26 { background-position: -450px 0px; } /*Медвед. Прагматик*/
#mainmenu ul {   
.skill_27 { background-position: -450px -90px; } /*Котимо. Тайные тропы*/
    clear:left;
.skill_28 { background-position: -450px -180px; } /*Ленни. Лесной проводник*/
    position:relative;
.skill_29 { background-position: -450px -270px; } /*Пингви. Любопытный клюв*/
    right:50%;
.skill_30 { background-position: -450px -360px; } /*Крок. Вулканический авторитет*/
    height:20px;
.skill_31 { background-position: -540px -90px; } /*Крок. Вулканический авторитет*/
    float:right;
    text-align:center;
    font:16px Arial, Helvetica, sans-serif;
vertical-align:middle;
font-weight: bold;
 
}
#mainmenu ul li {
    border-right: 1px solid #222;
    box-shadow: 1px 0 0 #444;
    -moz-box-shadow: 1px 0 0 #444;
    -o-box-shadow: 1px 0 0 #444;
    -ms-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;   
    position:relative;
    left:50%;
    float:left;
   
    padding:0;
    margin:0;
    vertical-align:middle;
font-weight: bold;
}
#mainmenu ul li:last-child {
    border:none;
    box-shadow:none;
}  
#mainmenu ul li a {
    display:block;
    color: #ccc;
    text-decoration: none;
    padding:13px 20px;
}
#mainmenu ul li a:hover {
    background-color: #0186BA;
    background-image: -moz-linear-gradient(#04acec, #0186ba);   
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: -ms-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);
    color: #fafafa;
}
#mainmenu ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
   
/*************************** Выпадающие подпункты */
#mainmenu ul li ul {
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background: -webkit-linear-gradient(#444, #111);   
    background: -o-linear-gradient(#444, #111);  
    background: -ms-linear-gradient(#444, #111);   
    background: linear-gradient(#444, #111);       
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;   
    text-transform:none;
    opacity: 0;
    visibility: hidden;
    position:absolute;
    left:0;
    top:40px;
    font-size:12px;
    height:auto;
    width:150px;
}
#mainmenu ul li ul li {
    border:none;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -o-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -ms-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    position:relative;
    left:0;
    float:none;
    height:auto;
    margin:0;
    text-align:left !important;
}
#mainmenu ul li ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#mainmenu ul li ul li a {
    padding:10px 8px;
    border:none;
}
/*************************** Выпадающие пункты второго уровня */
#mainmenu ul li ul li ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);  
}
/*********************** Стрелочки на подпунктах */
#mainmenu ul ul li:first-child > a {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;  
}
#mainmenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}
#mainmenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;  
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#mainmenu ul ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}
#mainmenu ul ul ul li:first-child a:hover:after {
    border-right-color: #0299d3;
    border-bottom-color: transparent;    
}
#mainmenu ul ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

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