Создание электронного справочника "Поляки на территории Южного Прибайкалья"

В том числе принял участие в художественных выставок: в 1867 г. - в Париже, в 1867 г. И 1883 г. - в Варшаве.

В течение почти 17-ти летнего пребывания в Сибири Л.Немировский совершенствовал свой талант.

По преимуществу он выполнял рисунки карандашом и акварелью, но также писал маслом. </font></section>

<section><h3>Творчество</h3><font size="5">24 рисунка из периода сибирской ссылки художника (вторая половина 1840 - 1856 гг.), - в настоящее время находятся в собрании Национального музея в Варшаве (Muzeum Narodowe) и хранятся в запасниках его коллекции.

Известны также 6-ть рисунков Л. Немировского, ныне хранящихся в Государственном музее А. С. Пушкина в Москве. Наконец, существует еще и данные о нескольких рисунках Л. Немировского, находящихся в частной собственности в Забайкалье.

Все перечисленное наследие Л. Немировского представляет собою по преимуществу пейзажные рисунки и акварели регионов Восточной Сибири.

Отчасти оно включает изображения населенных мест и аборигенных обитателей последних.</font></section>

<section><img src="img/works/Leopold_Niemirowski3.jpg"></section>

<section><img src="img/works/Leopold_Niemirowski2.jpg"></section>

</section>

<section>

<section><img src="img/selinskiy.jpg" height="500px" width="400px" alt="Фотография отсутствует"><p>Нарциз Целинский</p></section>

<section><h3>Биография</h3><font size="5"></font>(1817 -- 27 ноября 1866, Иркутск) -- первый руководитель Кругобайкальского восстания 1866 года.

Участник польских восстаний 1848 года в Галиции и Познани; затем в качестве инженерного капитана служил на Кавказе.

За участие в восстании 1863 года приговорен к каторге и сослан в Иркутскую губернию.

Был лидером подпольной организации, организовавшей летом 1866 г. Кругобайкальское восстание, и при начале восстания стал командиром повстанческой армии -- «Легиона Свободных Поляков» (Legion Wolnych Polakow).

</section>

</section>

<section>

<section><img src="img/chekanovskiy.jpg" height="500px" width="400px" alt="Фотография отсутствует"><p>Александр Чекановский</p></section>

<section><h3>Ранние годы</h3><font size="5"></font>Чекановский учился на медицинском факультете, одновременно посещая лекции по естествознанию.

После получения диплома врача 25-летний Чекановский выехал в Дерпт, за участие в польском восстании 1863 г. Чекановский был арестован, осуждён на бессрочную ссылку в Сибирь.</section>

<section><h3>Ссылка и научная деятельность</h3><font size="5">ПВ 1865 г. Чекановский прибыл на место ссылки в Забайкалье.

В течение 1869-1871 гг. Чекановский вёл работу над изучением Байкальских гор и сибирских земель от Байкала до Енисея и Саянских гор, а также исследовал Иркутскую губернию.

Пребывание Чекановского в Иркутске ознаменовалось рядом научных открытий, которые принесли ему славу «одного из выдающихся геологов России».

Изданная в 1872 г. монография по Иркутской губернии была удостоена золотой медали.</font></section>

</section>

<section>

<section><img src="img/cherskiy.jpg" height="500px" width="400px" alt="Фотография отсутствует"><p>Иван Дементьевич Черский</p></section>

<section><h3>Ранние годы</h3><font size="5">И. Д. Черский родился 3 мая 1845 г., при крещении получил имя Яна Станислава Франтишка.

В возрасте 10 лет потерял отца.

По свидетельству Б. Дыбовского, после смерти отца воспитанием Яна и его старшей сестры Михалины занималась мать.

Она обеспечила Яну хорошее домашнее образование, хотя заботилась в основном о «салонном» воспитании -- обучении танцам, музыке и пр.

По данным В. Ермоленко, перед поступлением в Виленскую гимназию Черский владел четырьмя иностранными языками -- французским, немецким, английским и латынью, а по данным Национальной Библиотеки Беларуси он также играл на фортепиано и хорошо рисовал.

С 1860 г. Черский продолжает образование в Правительственном (Шляхетском) институте в Вильно.</font></section>

<section><h3>Ссылка</h3><font size="5">Очень мало информации и о повстанческой деятельности Яна Черского.

Приводятся сведения о том, что Черский находился в партизанском отряде, возглавляемым Кастусем Калиновским.

В отряде он пробыл лишь около четырёх недель, а затем был взят в плен.

Витебским военно-полевым судом он был осуждён на бессрочную рекрутскую службу в Сибири с конфискацией имущества и лишением дворянского звания.

Был сослан в Омск.

По пути в Омск Черский знакомится с известным естествоиспытателем А. Л. Чекановским, Чекановский привил ему интерес к изучению природы и сбору различных коллекций.</font></section>

<section><h3>Научная деятельность</h3><font size="5">Более систематично пошли научные занятия Черского в Иркутске, благодаря руководству двух выдающихся польских натуралистов Дыбовского и Чекановского.

В изданиях Восточно-Сибирского отделения Императорского Русского Географического Общества, а затем и Академии наук, за время пребывания Черского в Иркутске, помещен ряд самостоятельных работ Черского по геологии Сибири и по остеологии современных и вымерших позвоночных животных Сибири;

работы эти поставили Черского в ряды весьма ведущих, опытных остеологов.

Появление наиболее важных трудов Черского относится к петербургскому периоду его деятельности.

В 1886 г. появился его «Отчет» о геологическом исследовании береговой полосы озера Байкал, с детальной геологической картой; в 1888 г. -- геологическое исследование Сибирского почтового тракта от озера Байкал до восточного склона Урала, а в 1891 г. объемистое «Описание коллекций послетретичных млекопитающих, собранных Ново-Сибирской экспедицией», представляющее полную остеологическую монографию остатков послетретичных млекопитающих не только Ново-Сибирских островов, но и всей Сибири. </font></section>

</section>

<section>

<section><img src="img/sharamovich.jpg" height="500px" width="350px" alt="Фотография отсутствует"><p>Густав Шарамович</p></section>

<section><h3></h3><font size="5">Густав Шарамович из Житомира (1836 - 1866).

После окончания гимназии Шарамович изучал историю, политическую экономию, музыку.

В 1860 году выехал в Киев, где завязал связи с университетской молодежью и стал членом студенческой гмины.

В феврале 1862 года выехал в Радомыслький уезд для подготовки восстания, а в апреле 1863 года был революционным начальником уезда.

Приговорен к 10 годам каторги.

За попытку бежать из Киевской крепости путем подкопа срок каторги был увеличен до 15 лет.

В Иркутск прибыл в 1865 г. </font></section>

<section><h3></h3><font size="5">О Г. Шарамовиче до нас, к сожалению, дошло мало сведений.

Но и по многочисленным архивным материалам и воспоминаниям участников событий можно заключить , что он бесспорно, относился к той части польских революционеров, которые мыслили об освобождении ссыльных путем вооруженной борьбы с царизмом,

при поддержке русских революционеров и местного населения..</font></section>

</section>

<section>

<section >

<h2>Ссылки на другие статьи</h2>

<p>Нажмите стрелочку "Далее", чтобы увидеть следующий элемент!</p>

<p><a href="rebel_slide.html" target="content">Восстание</a></p>

<p><a href="content1.html" target="content">Галлерея</a></p>

</section>

</section>

</div>

</div>

</th>

<th width="15%" valign="top" bgcolor="d00404"> <ul class="drop_vert_menu">

<li><a href="persons_slide.html#">Начало</a></li>

<li><a href="persons_slide.html#/1">С. Вронский</a>

<ul>

<li><a href="persons_slide.html#/1/1">Ранние годы</a></li>

<li><a href="persons_slide.html#/1/2">Ссылка</a></li>

<li><a href="persons_slide.html#/1/3">Творчество</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/2">В. Годлевский</a>

<ul>

<li><a href="persons_slide.html#/2/1">Биография</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/3">Б. Дыбовский</a>

<ul>

<li><a href="persons_slide.html#/3/1">Ранние годы</a></li>

<li><a href="persons_slide.html#/3/2">Ссылка</a></li>

<li><a href="persons_slide.html#/3/3">Научная деятельность</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/4">Л. Немировский</a>

<ul>

<li><a href="persons_slide.html#/4/1">Ранние годы</a></li>

<li><a href="persons_slide.html#/4/2">Ссылка</a></li>

<li><a href="persons_slide.html#/4/4">Реабилитация</a></li>

<li><a href="persons_slide.html#/4/5">Творчество</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/5">Н. Целинский</a>

<ul>

<li><a href="persons_slide.html#/5/1">Биография</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/6">А. Чекановский</a>

<ul>

<li><a href="persons_slide.html#/6/1">Ранние годы</a></li>

<li><a href="persons_slide.html#/6/2">Ссылка и научная деятельность</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/7">И. Черский</a>

<ul>

<li><a href="persons_slide.html#/7/1">Ранние Годы</a></li>

<li><a href="persons_slide.html#/7/2">Ссылка</a></li>

<li><a href="persons_slide.html#/7/3">Научная деятельность</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/8">Г. Шарамович</a>

<ul>

<li><a href="persons_slide.html#/8/1">Биография</a></li>

</ul>

</li>

<li><a href="persons_slide.html#/9">Ссылка на другие статьи</a></li>

</ul>

<script type="text/javascript">

//Функция показа

function show(state){

document.getElementById('window').style.display = state;

document.getElementById('wrap').style.display = state;

}

</script>

<!-- Задний прозрачный фон-->

<div onclick="show('none')" id="wrap"></div>

<!-- Само окно-->

<div id="window">

<!-- Картинка крестика-->

<img class="close" onclick="show('none')" src="sys.img/2.png">

<!-- Картинка подсказки-->

<img style="margin: 0px 0 0 20px;" src="sys.img/tip.png">

</div>

<li><center><button class="myButton" onclick="show('block')">Подсказка</button></center> </li>

</th>

</tr>

<script src="reveal.js-master/lib/js/head.min.js"></script>

<script src="reveal.js-master/js/reveal.js"></script>

<script>

Reveal.initialize({

controls: true,

progress: true,

history: true,

center: true,

});

</script>

</table>

</html>



Приложение №3

Код страницы с картами

<html ><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="js/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="css/jquery.fs.zoomer.css" />

<script src="js/jquery.fs.zoomer.js"></script>

<style>

.zoomable {

height: 595px;

width: 1150px;

margin:10px auto;

}

h1 {

text-align:center;

font-size:28px;

background-color:#FF6200;

color:#ffffff;

padding:9px;

font-family:Verdana;

}

p {

text-align:center;

}

p a{

font-size:14px;

color:#CBCDC9;

font-family:Verdana;

font-weight:700;

text-decoration:none;

}

p a:hover{

text-decoration:underline;

}

</style>

<script>

$(document).ready(function() {

$(".zoomable").zoomer();

});

</script></head> <body><div class="zoomable">

<h1>Карта 1800 г.</h1><img src="images/doroga.png" alt="Карта 1800 г."/>

<h1>Карта 1900 г.</h1><img src="images/railroad.png" alt="Карта 1900 г."/>

<h1>Современная карта</h1><img src="images/vostochno_sibirskaya.png" alt="Современная карта"/></div></body> </html>



Приложение №4

Код страницы с фотографиями

<html> <head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" type="text/css" href="css/style.css" />

<link rel="stylesheet" type="text/css" href="css/demo.css" />

<script src="js/modernizr.custom.63321.js"></script></head><body>

<div class="container">

<header class="clearfix"></header>

<section class="main">

<ul id="st-stack" class="st-stack-raw">

<li><div class="st-item"><a href="persons_slide.html#/6" target="content"><img src="img/chekanovskiy.jpg"/></a></div><div class="st-title"><h2>Александр Чекановский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>

<li><div class="st-item"><a href="persons_slide.html#/7" target="content"><img src="img/cherskiy.jpg"/></a></div><div class="st-title"><h2>Иван Дементьевич Черский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>

<li><div class="st-item"><a href="persons_slide.html#/3" target="content"><img src="img/dibovskiy.jpg"/></a></div><div class="st-title"><h2>Бенедикт Дыбовский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>

<li><div class="st-item"><a href="persons_slide.html#/2" target="content"><img src="img/godlevskiy1.jpg"/></a></div><div class="st-title"><h2>Виктор Годлевский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>

<li><div class="st-item"><a href="persons_slide.html#/4" target="content"><img src="img/nemirovskiy.jpg"/></a></div><div class="st-title"><h2>Леопольд Немировский</h2><h3>При нажатии на картинку откроется биография</h3></div></li>

<li><div class="st-item"><a href="persons_slide.html#/8" target="content"><img src="img/sharamovich.jpg"/></a></div><div class="st-title"><h2>Густав Шарамович</h2><h3>При нажатии на картинку откроется биография</h3></div></li>

<li><div class="st-item"><a href="img/Farewell_Europe!.png" target=""><img src="img/Farewell_Europe!.png"/></a></div><div class="st-title"><h2>Прощай Европа</h2><h3>Картина написана во время пересылки осужденных поляков</h3></div></li>

<li><div class="st-item"><a href="rebel_slide.html/#" target="_blank"><img src="img/image-01.jpg"/></a></div><div class="st-title"><h2>Подготовка к Кругобайкальскому Восстанию</h2><h3>При нажатии откроется история восстания</h3></div></li>

<li><div class="st-item"><a href="img/rebels.jpg" target="_blank"><img src="img/rebels.jpg"/></a></div><div class="st-title"><h2>Восстание на Кругобайкальском тракте</h2><h3>При нажатии картинка откроется в полном размере</h3></div></li>

<li><div class="st-item"><a href="img/rebels2.jpg" target="_blank"><img src="img/rebels2.jpg"/></a></div><div class="st-title"><h2>Восстание на Кругобайкальском тракте</h2><h3>При нажатии картинка откроется в полном размере</h3></div></li>

<li><div class="st-item"><a href="img/historic/1.jpg" target="_blanc"><img src="img/historic/1.jpg"/></a></div><div class="st-title"><h2>Удинский тракт</h2><h3>Между Мысовой и Улятуй</h3></div></li>

<li><div class="st-item"><a href="img/historic/2.jpg" target="_blanc"><img src="img/historic/2.jpg"/></a></div><div class="st-title"><h2>Половинный Мыс на Байкале</h2><h3>45 верст от ст. Лствяничная и Култук</h3></div></li>

<li><div class="st-item"><a href="img/historic/3.jpg" target="_blanc"><img src="img/historic/3.jpg"/></a></div><div class="st-title"><h2>Кругобайкальский тракт</h2><h3>Ст. Култук</h3></div></li>

<li><div class="st-item"><a href="img/historic/4.jpg" target="_blanc"><img src="img/historic/4.jpg"/></a></div><div class="st-title"><h2>Кругобайкальский тракт</h2><h3>Ст. Боярская</h3></div></li>

<li><div class="st-item"><a href="img/historic/6.jpg" target="_blanc"><img src="img/historic/6.jpg"/></a></div><div class="st-title"><h2>Кругобайкальский тракт</h2><h3>Вид на ст. Мысовая</h3></div></li>

<li><div class="st-item"><a href="img/historic/5.jpg" target="_blanc"><img src="img/historic/5.jpg"/></a></div><div class="st-title"><h2>Село Листвяничное</h2><h3>Озеро Байкал</h3></div></li>

<li><div class="st-item"><a href="img/historic/7.jpg" target="_blanc"><img src="img/historic/7.jpg"/></a></div><div class="st-title"><h2>Село Листвяничное</h2><h3>Озеро Байкал</h3></div></li>

<li><div class="st-item"><a href="img/historic/8.jpg" target="_blanc"><img src="img/historic/8.jpg"/></a></div><div class="st-title"><h2>Село Листвяничное</h2><h3>60 верст от города Иркутск</h3></div></li>

<li><div class="st-item"><a href="img/historic/11.jpg" target="_blanc"><img src="img/historic/11.jpg"/></a></div><div class="st-title"><h2>Село Листвяничное</h2><h3>Кругобайкальский тракт</h3></div></li>

<li><div class="st-item"><a href="img/historic/9.jpg" target="_blanc"><img src="img/historic/9.jpg"/></a></div><div class="st-title"><h2>Кругобайкальский тракт</h2><h3>Горная река</h3></div></li>

<li><div class="st-item"><a href="img/historic/15.jpg" target="_blanc"><img src="img/historic/15.jpg"/></a></div><div class="st-title"><h2>Вид на почтовый тракт при слиянии речек, образующих Клутук</h2><h3>7 верст от с. Култук</h3></div></li>

<li><div class="st-item"><a href="img/historic/13.jpg" target="_blanc"><img src="img/historic/13.jpg"/></a></div><div class="st-title"><h2>Кругобайкальский тракт и озеро Байкал</h2><h3></h3></div></li>

<li><div class="st-item"><a href="img/historic/польским мятежникам.jpg" target="_blanc"><img src="img/historic/польским мятежникам.jpg"/></a></div><div class="st-title"><h2>Памятник польским мятежникам</h2><h3>Историческая фотография</h3></div></li>

<li><div class="st-item"><a href="img/historic/SNV85614.jpg" target="_blanc"><img src="img/historic/SNV85614.jpg"/></a></div><div class="st-title"><h2>Памятник Польским Мятежникам</h2><h3>Современная фотография</h3></div></li>

<li><div class="st-item"><a href="img/historic/SNV89882.jpg" target="_blanc"><img src="img/historic/SNV89882.jpg"/></a></div><div class="st-title"><h2>Памятник Польским Мятежникам</h2><h3>Современная фотография</h3></div></li>

<li><div class="st-item"><a href="img/historic/DSC05539.jpg" target="_blanc"><img src="img/historic/DSC05539.jpg"/></a></div><div class="st-title"><h2>Место расположения Култукской Партии</h2><h3></h3></div></li>

<li><div class="st-item"><a href="img/historic/DSC05541.jpg" target="_blanc"><img src="img/historic/DSC05541.jpg"/></a></div><div class="st-title"><h2>Место расположения Култукской Партии</h2><h3></h3></div></li>

<li><div class="st-item"><a href="img/historic/SNV81745.jpg" target="_blanc"><img src="img/historic/SNV81745.jpg"/></a></div><div class="st-title"><h2>Пик Черского</h2><h3></h3></div></li>

<li><div class="st-item"><a href="img/historic/SNV81069.jpg" target="_blanc"><img src="img/historic/SNV81069.jpg"/></a></div><div class="st-title"><h2>Изображение засечек В.В. Ломакина, находящиеся близ засечек Черского</h2><h3></h3></div></li>

<li><div class="st-item"><a href="img/Реперные засечки на Байкале.jpg" target="_blanc"><img src="img/Реперные засечки на Байкале.jpg"/></a></div><div class="st-title"><h2>Изображение засечек В.В. Ломакина, находящиеся близ засечек Черского</h2><h3></h3></div></li>

</ul> </section>

</div> <!-- Блок, который необходимо скопировать -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript" src="js/jquery.stackslider.js"></script>

<script type="text/javascript">

$( function() {

$( '#st-stack' ).stackslider();

});

</script></body></html>



Приложение 6

Код CSS-скрипта для просмотра карт и увеличения изображения

/*

* Zoomer v3.0.9 - 2014-05-28

* A jQuery plugin for smooth image exploration. Part of the formstone library.

* http://formstone.it/components/zoomer/

*

* Copyright 2014 Ben Plum; MIT Licensed

*/

html, body {

-ms-content-zooming: none;

-ms-touch-action: none;

}

.zoomer .zoomer-holder { -ms-touch-action: none; }

.zoomer, .zoomer * {

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

-o-user-select: none;

user-select: none;

}

.zoomer { background: #eee url('images/jquery.fs.zoomer-loading.gif') no-repeat center; height: 100%; overflow: hidden; position: relative; width: 100%;

-webkit-transition: none;

-moz-transition: none;

-ms-transition: none;

-o-transition: none;

transition: none;

}

.zoomer .zoomer-positioner { margin: 0; height: 1px; position: absolute; width: 1px; }

.zoomer .zoomer-holder { box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); opacity: 0; position: relative;

-webkit-transition: none;

-moz-transition: none;

-ms-transition: none;

-o-transition: none;

transition: none;

}

.zoomer .zoomer-image { cursor: move; float: left; height: 100%; width: 100%;

-webkit-transition: opacity 0.25 linear;

-moz-transition: opacity 0.25 linear;

-ms-transition: opacity 0.25 linear;

-o-transition: opacity 0.25 linear;

transition: opacity 0.25 linear;

}

.zoomer .zoomer-tiles { height: 100%; position: relative; width: 100%; }

.zoomer .zoomer-tile { height: auto; position: absolute; width: auto; }

/* CONTROLS */

.zoomer .zoomer-controls { background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 3px; padding: 5px; position: absolute;

-webkit-transition: opacity 0.25 linear;

-moz-transition: opacity 0.25 linear;

-ms-transition: opacity 0.25 linear;

-o-transition: opacity 0.25 linear;

transition: opacity 0.25 linear;

}

.zoomer .zoomer-controls span { border-radius: 3px; color: #fff; cursor: pointer; display: block; font-size: 20px; font-weight: bold; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; }

.zoomer .zoomer-controls .zoomer-next,

.zoomer .zoomer-controls .zoomer-previous { display: none; }

.zoomer.zoomer-gallery .zoomer-controls .zoomer-next,

.zoomer.zoomer-gallery .zoomer-controls .zoomer-previous { display: block; }

/* CONTROLS - TOP, BOTTOM */

.zoomer .zoomer-controls-top,

.zoomer .zoomer-controls-bottom { left: 50%; margin: 0 0 0 -35px; }

.zoomer .zoomer-controls-top { bottom: auto; top: 10px; }

.zoomer .zoomer-controls-bottom { bottom: 10px; top: auto; }

.zoomer.zoomer-gallery .zoomer-controls-top,

.zoomer.zoomer-gallery .zoomer-controls-bottom { margin: 0 0 0 -65px; }

.zoomer .zoomer-controls-top span,

.zoomer .zoomer-controls-bottom span { float: left; }

.zoomer .zoomer-controls-top span:first-child,

.zoomer .zoomer-controls-bottom span:first-child { margin: 0 1px 0 0; }

/* CONTROLS - LEFT, RIGHT, TOP LEFT, TOP RIGHT, BOTTOM LEFT, BOTTOM RIGHT */

.zoomer .zoomer-controls-left,

.zoomer .zoomer-controls-top-left,

.zoomer .zoomer-controls-bottom-left

.zoomer .zoomer-controls-right,

.zoomer .zoomer-controls-top-right,

.zoomer .zoomer-controls-bottom-right { height: 71px; width: 40px; }

.zoomer.zoomer-gallery .zoomer-controls-left,

.zoomer.zoomer-gallery .zoomer-controls-top-left,

.zoomer.zoomer-gallery .zoomer-controls-bottom-left

.zoomer.zoomer-gallery .zoomer-controls-right,

.zoomer.zoomer-gallery .zoomer-controls-top-right,

.zoomer.zoomer-gallery .zoomer-controls-bottom-right { height: 131px; }

.zoomer .zoomer-controls-left,

.zoomer .zoomer-controls-right { margin: -35px 0 0 0; top: 50%; }

.zoomer.zoomer-gallery .zoomer-controls-left,

.zoomer.zoomer-gallery .zoomer-controls-right { margin: -65px 0 0 0; }

.zoomer .zoomer-controls-left { left: 10px; }

.zoomer .zoomer-controls-top-left { left: 10px; top: 10px; }

.zoomer .zoomer-controls-bottom-left { bottom: 10px; left: 10px; }

.zoomer .zoomer-controls-right { right: 10px; }

.zoomer .zoomer-controls-top-right { right: 10px; top: 10px; }

.zoomer .zoomer-controls-bottom-right { bottom: 10px; right: 10px; }

@media screen and (min-width: 980px) {

.zoomer .zoomer-controls span:hover { background: #003; }

}

Размещено на Allbest.ru