


<script language = "JavaScript">
var bigsize = "1000"; //Размер большой картинки
var smallsize = "300"; //Размер маленькой картинки
function changeSizeImage(im) {
  if(im.height == bigsize) im.height = smallsize;
  else im.height = bigsize;
}
</script>


  <title>Подрисуночная подпись слева</title>
  <style>
   .sign {
	float: left; /* Выравнивание по правому краю */
    border: 1px solid #333; /* Параметры рамки */
    padding: 2px; /* Поля внутри блока */
    margin: 10px 0 5px 5px; /* Отступы вокруг */
    background: #556B2F; /* Цвет фона */ 
   }
   .sign figcaption {
    margin: 0 auto 5px; /* Отступы вокруг абзаца */
   }
  </style>
  <!--[if lt IE 9]>
   <script>
    document.createElement('figure');
    document.createElement('figcaption');</script>
  <![endif]-->

  
  
  
  <title>Подрисуночная подпись справа</title>
  <style>
   .sign2 {
    float: right; /* Выравнивание по правому краю */
    border: 1px solid #333; /* Параметры рамки */
    padding: 2px; /* Поля внутри блока */
    margin: 10px 0 5px 5px; /* Отступы вокруг */
    background: #556B2F; /* Цвет фона */ 
   }
   .sign2 figcaption {
    margin: 0 auto 5px; /* Отступы вокруг абзаца */
   }
  </style>
  <!--[if lt IE 9]>
   <script>
    document.createElement('figure');
    document.createElement('figcaption');</script>
  <![endif]-->

  
  

<script type="text/javascript">
  function openImageWindow(src) {
    var image = new Image();
    image.src = src;
    var width = image.width;
    var height = image.height;
    window.open(src,"Image","width=" + width + ",height=" + height);
  }
</script>

  <style>
   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }
    ul {
    list-style-type: square; /* Квадратные маркеры */
   }
   ul {
    padding: 0; /* Убираем поля */
    margin-left: 20px; /* Отступ слева */
   }
  </style>
  
  
  <style>
   p {
    text-indent: 20px; /* Отступ первой строки в пикселах */
	margin-top: 2px; /* Отступ сверху */
    margin-bottom: 2px; /* Отступ снизу */
   }
  </style>

  <style>
<!-- Добавить библиотеку иконок -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  
  </style>
