Utf8 convert

pay/main.css

@@ -210,7 +210,7 @@ img { border:0; }
   display: inline-block;
   position: relative;
 }
-/*Ñòèëü äëÿ êíîïêè, åñëè îíà åñòü*/
+/*Стиль для кнопки, если она есть*/
 .tip em,
 .linktip em {
   background:#FD6E00;
@@ -223,14 +223,14 @@ img { border:0; }
   cursor:pointer;
   padding: 0 4px;
 }
-/*Ñòèëü äëÿ èçîáðàæåíèÿ â ïîäñêàçêå*/
+/*Стиль для изображения в подсказке*/
 .tip>span>img {
   max-width: 50%;
   max-height: auto;
   margin: 3px;
   float: left;
 }
-/*Ñòèëü äëÿ êíîïêè çàêðûòèÿ ïîäñêàçêè(êðèñòèê)*/
+/*Стиль для кнопки закрытия подсказки(кристик)*/
 .answer>b,
 .answer-left>b {
   position:absolute;
@@ -248,44 +248,44 @@ img { border:0; }
   left:0;
 }
 .answer>b:hover,
-.answer-left>b:hover {color:#000;} /*ïðè íàâåäåíèè*/
+.answer-left>b:hover {color:#000;} /*при наведении*/
 
-/*Ñòèëü äëÿ áëîêà ïîäñêàçêè*/
+/*Стиль для блока подсказки*/
 .answer, 
 .answer-left { 
-  display:none; /*ñêðûâàåì*/
-  position:absolute; /*ïîçèöèîíèðóåì àáñîëþòíî*/
-  z-index:9999; /*îòîáðàæàåì ïîâåðõ âñåõ ýëåìåíòîâ íà ñòðàíèöå*/
-  background: #EDEDED; /*öâåò ôîíà*/
+  display:none; /*скрываем*/
+  position:absolute; /*позиционируем абсолютно*/
+  z-index:9999; /*отображаем поверх всех элементов на странице*/
+  background: #EDEDED; /*цвет фона*/
   border-radius: 3px; 
   border: 1px solid #ccc;
-  color: #000; /*öâåò òåêñòà*/
+  color: #000; /*цвет текста*/
   font: normal 500 14px Trebuchet MS;
   text-align:left;
-  text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*òåíü òåêñòà*/
+  text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*тень текста*/
   text-decoration: none;
-  opacity: 1; /*ïðîçðà÷íîñòü*/
+  opacity: 1; /*прозрачность*/
   cursor:default;
-  margin-top:-30px; /*ñìåùåíèå ââåðõ*/
-  width: 200px; /*øèðèíà !çíà÷åíèå*/
-  min-height: 50px; /*ìèíèìàëüíàÿ âûñîòà (åñëè òåêñòà ìàëî)*/
-  max-height: auto; /*âûñîòà â çàâèñèìîñòè îò êîëè÷åñòâà òåêñòà*/
-  white-space: normal; /*ïåðåíîñû ñëîâ*/
+  margin-top:-30px; /*смещение вверх*/
+  width: 200px; /*ширина !значение*/
+  min-height: 50px; /*минимальная высота (если текста мало)*/
+  max-height: auto; /*высота в зависимости от количества текста*/
+  white-space: normal; /*переносы слов*/
 }
 .answer {
-  box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*òåíü ñïðàâà*/
-  right: -240px; /*!ñìåùåíèå = øèðèíà + îòñòóïû*/
-  padding: 5px 20px 7px 7px; /*îòñòóïû âíóòðè*/
+  box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень справа*/
+  right: -240px; /*!смещение = ширина + отступы*/
+  padding: 5px 20px 7px 7px; /*отступы внутри*/
 }
 .answer-left {
-  box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*òåíü ñëåâà*/
-  left: -240px; /*!ñìåùåíèå*/
+  box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень слева*/
+  left: -240px; /*!смещение*/
   padding: 5px 7px 7px 20px;
 }
 .a-top {
-  bottom: -10px; /*!ñìåùåíèå, ïîëîæåíèå ïîäñêàçêè ââåðõ */
+  bottom: -10px; /*!смещение, положение подсказки вверх */
 }
-/*Ñòèëè äëÿ óãîëêà*/
+/*Стили для уголка*/
 .a-top:before,
 .answer:before, 
 .answer-left:before {
@@ -308,7 +308,7 @@ img { border:0; }
 .a-top:before {
   bottom: 10px;
 }
-/*Äëÿ îòîáðàæåíèÿ êëèê-ïîäñêàçêè áåç ñêðèïòà, òîëüêî íà CSS*/
+/*Для отображения клик-подсказки без скрипта, только на CSS*/
 .tip>a:focus~span.answer,
 .tip>a:focus~span.answer-left {
   display:block;