HostCMS → Форум → Общие вопросы по системе управления сайтом → Фотогалерея отображается криво

Фотогалерея отображается криво
3 июля 2013 г.
#
Фотогалерея отображается криво
Добрый день! Возник вопрос как сделать чтобы в фотогалерее превью отображались по 3 штуки в линию (ровно) у меня на данный момент как то коряво отображается всю голову сломал, не могу найти где настроить чтобы все картинки были одинакового размера и ровно в линию. Картинки во вложении *(сейчас и как хотелось бы). Помогите пожалуйста!

Сейчас:


Хотелось бы:
3 июля 2013 г.
#
Re: Фотогалерея отображается криво
Пиши
Контакты
sreqvanag@v.hn
skype:ferdinant1988
icq:311960596
Skype:ferdinant1988 ICQ:311960596 E-mail: ferdinant@i.ua
4 июля 2013 г.
#
Re: Фотогалерея отображается криво
Написал на почту! На всякий случай скидываю шаблоны css, xml


шаблон галереи

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0"
   xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
   xmlns:hostcms="http://www.hostcms.ru/"
   exclude-result-prefixes="hostcms">
   <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
   
   <!-- СписокКартинок -->
   
   <xsl:template match="/">
      <xsl:apply-templates select="/informationsystem"/>
   </xsl:template>
   
   <xsl:template match="/informationsystem">
      
      <!-- Получаем ID родительской группы и записываем в переменную $group -->
      <xsl:variable name="group" select="group"/>
      
      <!-- Если в находимся корне - выводим название информационной системы -->
      <xsl:if test="group = 0">
         <h1>
            <xsl:value-of disable-output-escaping="yes" select="name"/>
         </h1>
         
         <!-- Описание выводится при отсутствии фильтрации по тэгам -->
         <xsl:if test="count(tag) = 0">
            <xsl:value-of disable-output-escaping="yes" select="description"/>
         </xsl:if>
      </xsl:if>
      
      <!-- Если в находимся в группе - выводим название группы -->
      <xsl:if test="group != 0">
         <h1>
            <xsl:value-of disable-output-escaping="yes" select=".//informationsystem_group[@id=$group]/name"/>
         </h1>
         
         <!-- Описание выводим только на первой странице -->
         <xsl:if test="page = 0">
            <xsl:value-of disable-output-escaping="yes" select=".//informationsystem_group[@id=$group]/description"/>
         </xsl:if>
      </xsl:if>
      
      <!-- Обработка выбранных тэгов -->
      <xsl:if test="count(tag) = 1">
      <p class="h2">Метка — <strong><xsl:value-of select="tag/name"/></strong>.</p>
      </xsl:if>
      
      <!-- Отображение подгрупп данной группы, только если подгруппы есть и не идет фильтра по меткам -->
      <xsl:if test="count(tag) = 0 and count(.//informationsystem_group[parent_id=$group]) &gt; 0">
         <ul class="polaroids">
            <xsl:apply-templates select=".//informationsystem_group[parent_id=$group]" mode="groups"/>
         </ul>
      </xsl:if>
      
      <xsl:if test="count(informationsystem_item) > 0">
         <!-- Число элементов в строку -->
         <!-- jQuery lightbox -->
         <div id="gallery">
            <ul class="polaroids">
               <xsl:apply-templates select="informationsystem_item" />
            </ul>
         </div>
      </xsl:if>
      
      <br class="clearing" />
      
      <!-- Строка ссылок на другие страницы информационной системы -->
      <xsl:if test="ОтображатьСсылкиНаСледующиеСтраницы=1">
         <div>
            <!-- Ссылка, для которой дописываются суффиксы page-XX/ -->
            <xsl:variable name="link">
               <xsl:value-of select="/informationsystem/url"/>
               <xsl:if test="$group != 0">
                  <xsl:value-of select="/informationsystem//informationsystem_group[@id = $group]/url"/>
               </xsl:if>
            </xsl:variable>
            
            <xsl:if test="total &gt; 0 and limit &gt; 0">
               
               <xsl:variable name="count_pages" select="ceiling(total div limit)"/>
               
               <xsl:variable name="visible_pages" select="5"/>
               
               <xsl:variable name="real_visible_pages"><xsl:choose>
                     <xsl:when test="$count_pages &lt; $visible_pages"><xsl:value-of select="$count_pages"/></xsl:when>
                     <xsl:otherwise><xsl:value-of select="$visible_pages"/></xsl:otherwise>
               </xsl:choose></xsl:variable>
               
               <!-- Считаем количество выводимых ссылок перед текущим элементом -->
               <xsl:variable name="pre_count_page"><xsl:choose>
                     <xsl:when test="page - (floor($real_visible_pages div 2)) &lt; 0">
                        <xsl:value-of select="page"/>
                     </xsl:when>
                     <xsl:when test="($count_pages - page - 1) &lt; floor($real_visible_pages div 2)">
                        <xsl:value-of select="$real_visible_pages - ($count_pages - page - 1) - 1"/>
                     </xsl:when>
                     <xsl:otherwise>
                        <xsl:choose>
                           <xsl:when test="round($real_visible_pages div 2) = $real_visible_pages div 2">
                              <xsl:value-of select="floor($real_visible_pages div 2) - 1"/>
                           </xsl:when>
                           <xsl:otherwise>
                              <xsl:value-of select="floor($real_visible_pages div 2)"/>
                           </xsl:otherwise>
                        </xsl:choose>
                     </xsl:otherwise>
               </xsl:choose></xsl:variable>
               
               <!-- Считаем количество выводимых ссылок после текущего элемента -->
               <xsl:variable name="post_count_page"><xsl:choose>
                     <xsl:when test="0 &gt; page - (floor($real_visible_pages div 2) - 1)">
                        <xsl:value-of select="$real_visible_pages - page - 1"/>
                     </xsl:when>
                     <xsl:when test="($count_pages - page - 1) &lt; floor($real_visible_pages div 2)">
                        <xsl:value-of select="$real_visible_pages - $pre_count_page - 1"/>
                     </xsl:when>
                     <xsl:otherwise>
                        <xsl:value-of select="$real_visible_pages - $pre_count_page - 1"/>
                     </xsl:otherwise>
               </xsl:choose></xsl:variable>
               
               <xsl:variable name="i"><xsl:choose>
                     <xsl:when test="page + 1 = $count_pages"><xsl:value-of select="page - $real_visible_pages + 1"/></xsl:when>
                     <xsl:when test="page - $pre_count_page &gt; 0"><xsl:value-of select="page - $pre_count_page"/></xsl:when>
                     <xsl:otherwise>0</xsl:otherwise>
               </xsl:choose></xsl:variable>
               
               <p>
                  <xsl:call-template name="for">
                     <xsl:with-param name="limit" select="limit"/>
                     <xsl:with-param name="page" select="page"/>
                     <xsl:with-param name="items_count" select="total"/>
                     <xsl:with-param name="i" select="$i"/>
                     <xsl:with-param name="post_count_page" select="$post_count_page"/>
                     <xsl:with-param name="pre_count_page" select="$pre_count_page"/>
                     <xsl:with-param name="visible_pages" select="$real_visible_pages"/>
                  </xsl:call-template>
               </p>
               <div style="clear: both"></div>
            </xsl:if>
         </div>
      </xsl:if>
      
      <div style="clear: both"></div>
      
   </xsl:template>
   
   <!-- Шаблон выводит рекурсивно ссылки на группы инф. элемента -->
   <xsl:template match="informationsystem_group" mode="breadCrumbs">
      <xsl:variable name="parent_id" select="parent_id"/>
      
      <xsl:apply-templates select="//informationsystem_group[@id=$parent_id]" mode="breadCrumbs"/>
      
      <xsl:if test="parent_id=0">
         <a href="{/informationsystem/url}">
            <xsl:value-of disable-output-escaping="yes" select="/informationsystem/name"/>
         </a>
      </xsl:if>
      
   <span><xsl:text> → </xsl:text></span>
      
      <a href="{url}">
         <xsl:value-of disable-output-escaping="yes" select="name"/>
      </a>
   </xsl:template>
   
   <!-- Шаблон выводит ссылки подгруппы информационного элемента -->
   <xsl:template match="informationsystem_group" mode="groups">
      <li>
         <xsl:choose>
            <xsl:when test="image_small != ''">
               <a href="{url}" title="{name}"><img src="{dir}{image_small}" alt="{name}" /></a>
            </xsl:when>
            <xsl:otherwise>
               <a href="{url}" title="{name}"><img src="/images/no-image.png" alt="{name}" /></a>
            </xsl:otherwise>
         </xsl:choose>
      </li>
   </xsl:template>
   
   <xsl:template match="informationsystem_item">
      
      <li>
         <xsl:choose>
            <xsl:when test="image_large != ''">
               <a href="{dir}{image_large}" title="{name}" target="_blank"><img src="{dir}{image_small}" alt="{name}" /></a>
            </xsl:when>
            <xsl:when test="image_small != ''">
               <img src="{dir}{image_small}" alt="{name}" />
            </xsl:when>
            <xsl:otherwise>
               <img src="/images/no-image.png" alt="{name}" />
            </xsl:otherwise>
         </xsl:choose>
      </li>
   </xsl:template>
   
   <!-- /// Метки для информационного элемента /// -->
   <xsl:template match="tag">
      <a href="{/informationsystem/url}tag/{urlencode}/" class="tag">
         <xsl:value-of select="name"/>
      </a>
<xsl:if test="position() != last()"><xsl:text>, </xsl:text></xsl:if></xsl:template>
   
   <!-- Цикл для вывода строк ссылок -->
   <xsl:template name="for">
      
      <xsl:param name="limit"/>
      <xsl:param name="page"/>
      <xsl:param name="pre_count_page"/>
      <xsl:param name="post_count_page"/>
      <xsl:param name="i" select="0"/>
      <xsl:param name="items_count"/>
      <xsl:param name="visible_pages"/>
      
      <xsl:variable name="n" select="ceiling($items_count div $limit)"/>
      
      <xsl:variable name="start_page"><xsl:choose>
            <xsl:when test="$page + 1 = $n"><xsl:value-of select="$page - $visible_pages + 1"/></xsl:when>
            <xsl:when test="$page - $pre_count_page &gt; 0"><xsl:value-of select="$page - $pre_count_page"/></xsl:when>
            <xsl:otherwise>0</xsl:otherwise>
      </xsl:choose></xsl:variable>
      <br />
      <xsl:if test="$i = $start_page and $page != 0">
         <span class="ctrl">
            ← Ctrl
         </span>
      </xsl:if>
      
      <xsl:if test="$i = ($page + $post_count_page + 1) and $n != ($page+1)">
         <span class="ctrl">
            Ctrl →
         </span>
      </xsl:if>
      
      <xsl:if test="$items_count &gt; $limit and ($page + $post_count_page + 1) &gt; $i">
         <!-- Заносим в переменную $group идентификатор текущей группы -->
         <xsl:variable name="group" select="/informationsystem/group"/>
         
         <!-- Путь для тэга -->
         <xsl:variable name="tag_path">
            <xsl:choose>
               <!-- Если не нулевой уровень -->
               <xsl:when test="count(/informationsystem/tag) != 0">tag/<xsl:value-of select="/informationsystem/tag/urlencode"/>/</xsl:when>
               <!-- Иначе если нулевой уровень - просто ссылка на страницу со списком элементов -->
               <xsl:otherwise></xsl:otherwise>
            </xsl:choose>
         </xsl:variable>
         
         <!-- Определяем группу для формирования адреса ссылки -->
         <xsl:variable name="group_link">
            <xsl:choose>
               <!-- Если группа не корневая (!=0) -->
               <xsl:when test="$group != 0">
                  <xsl:value-of select="/informationsystem//informationsystem_group[@id=$group]/url"/>
               </xsl:when>
               <!-- Иначе если нулевой уровень - просто ссылка на страницу со списком элементов -->
               <xsl:otherwise><xsl:value-of select="/informationsystem/url"/></xsl:otherwise>
            </xsl:choose>
         </xsl:variable>
         
         <!-- Определяем адрес ссылки -->
         <xsl:variable name="number_link">
            <xsl:choose>
               <!-- Если не нулевой уровень -->
               <xsl:when test="$i != 0">page-<xsl:value-of select="$i + 1"/>/</xsl:when>
               <!-- Иначе если нулевой уровень - просто ссылка на страницу со списком элементов -->
               <xsl:otherwise></xsl:otherwise>
            </xsl:choose>
         </xsl:variable>
         
         <!-- Выводим ссылку на первую страницу -->
         <xsl:if test="$page - $pre_count_page &gt; 0 and $i = $start_page">
            <a href="{$group_link}{$tag_path}" class="page_link" style="text-decoration: none;">←</a>
         </xsl:if>
         
         <!-- Ставим ссылку на страницу-->
         <xsl:if test="$i != $page">
            <xsl:if test="($page - $pre_count_page) &lt;= $i and $i &lt; $n">
               <!-- Выводим ссылки на видимые страницы -->
               <a href="{$group_link}{$number_link}{$tag_path}" class="page_link">
                  <xsl:value-of select="$i + 1"/>
               </a>
            </xsl:if>
            
            <!-- Выводим ссылку на последнюю страницу -->
            <xsl:if test="$i+1 &gt;= ($page + $post_count_page + 1) and $n &gt; ($page + 1 + $post_count_page)">
               <!-- Выводим ссылку на последнюю страницу -->
               <a href="{$group_link}page-{$n}/{$tag_path}" class="page_link" style="text-decoration: none;">→</a>
            </xsl:if>
         </xsl:if>
         
         <!-- Ссылка на предыдущую страницу для Ctrl + влево -->
         <xsl:if test="$page != 0 and $i = $page">
            <xsl:variable name="prev_number_link">
               <xsl:choose>
                  <!-- Если не нулевой уровень -->
                  <xsl:when test="($page) != 0">page-<xsl:value-of select="$i"/>/</xsl:when>
                  <!-- Иначе если нулевой уровень - просто ссылка на страницу со списком элементов -->
                  <xsl:otherwise></xsl:otherwise>
               </xsl:choose>
            </xsl:variable>
            
            <a href="{$group_link}{$prev_number_link}{$tag_path}" id="id_prev"></a>
         </xsl:if>
         
         <!-- Ссылка на следующую страницу для Ctrl + вправо -->
         <xsl:if test="($n - 1) > $page and $i = $page">
            <a href="{$group_link}page-{$page+2}/{$tag_path}" id="id_next"></a>
         </xsl:if>
         
         <!-- Не ставим ссылку на страницу-->
         <xsl:if test="$i = $page">
            <span class="current">
               <xsl:value-of select="$i+1"/>
            </span>
         </xsl:if>
         
         <!-- Рекурсивный вызов шаблона. НЕОБХОДИМО ПЕРЕДАВАТЬ ВСЕ НЕОБХОДИМЫЕ ПАРАМЕТРЫ! -->
         <xsl:call-template name="for">
            <xsl:with-param name="i" select="$i + 1"/>
            <xsl:with-param name="limit" select="$limit"/>
            <xsl:with-param name="page" select="$page"/>
            <xsl:with-param name="items_count" select="$items_count"/>
            <xsl:with-param name="pre_count_page" select="$pre_count_page"/>
            <xsl:with-param name="post_count_page" select="$post_count_page"/>
            <xsl:with-param name="visible_pages" select="$visible_pages"/>
         </xsl:call-template>
      </xsl:if>
   </xsl:template>
   
   <!-- Склонение после числительных -->
   <xsl:template name="declension">
      
      <xsl:param name="number" select="number"/>
      
      <!-- Именительный падеж -->
      <xsl:variable name="nominative">
         <xsl:text>комментарий</xsl:text>
      </xsl:variable>
      
      <!-- Родительный падеж, единственное число -->
      <xsl:variable name="genitive_singular">
         <xsl:text>комментария</xsl:text>
      </xsl:variable>
      
      
      <xsl:variable name="genitive_plural">
         <xsl:text>комментариев</xsl:text>
      </xsl:variable>
      
      <xsl:variable name="last_digit">
         <xsl:value-of select="$number mod 10"/>
      </xsl:variable>
      
      <xsl:variable name="last_two_digits">
         <xsl:value-of select="$number mod 100"/>
      </xsl:variable>
      
      <xsl:choose>
         <xsl:when test="$last_digit = 1 and $last_two_digits != 11">
            <xsl:value-of select="$nominative"/>
         </xsl:when>
         <xsl:when test="$last_digit = 2 and $last_two_digits != 12    or $last_digit = 3 and $last_two_digits != 13    or $last_digit = 4 and $last_two_digits != 14">
            <xsl:value-of select="$genitive_singular"/>
         </xsl:when>
         <xsl:otherwise>
            <xsl:value-of select="$genitive_plural"/>
         </xsl:otherwise>
      </xsl:choose>
   </xsl:template>
</xsl:stylesheet>



шаблон стилей

* {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
}




a {
   color: #4A8FB9
}

html {
   height: 100%;
}

body {
   min-height:100%;
   height: 100%;
   color: #000;
   font-size: 0.9em;
   font-family: 'Roboto', sans-serif;
   background-color: #FFFFFF;
   background-image: url(../img/bgr_okinawa.png);
}

p {
   color: #485053;
   font-family: 'Roboto', sans-serif;
   font-size: 13px;
   margin-bottom: 10px;
   margin-top: 10px;
   padding-left: 0px;
   padding-right: 0px;
   font-weight: 300;
   font-style: normal;
}


.buttonetext  {
background-color: #e2e4e4;
width: 225px;
height: 86px;
font-family: 'Roboto';
display: inline-block;
text-align: center;
font-size: 16px;
font-stretch: condensed;
}


.button1 {
background-color: #fec35a;
width: 225px;
height: 86px;
margin: 0em 22px 2em 0px;
display: inline-block;
text-align: center;
font-family: 'Roboto';
font-size: 16px;
font-stretch: condensed;
}

.button2 {
background-color: #f4945f;
width: 225px;
height: 86px;
margin: 0em 22px 2em 0px;
display: inline-block;
text-align: center;
font-family: 'Roboto';
font-size: 16px;
font-stretch: condensed;
}

.button3 {
background-color: #f4675f;
width: 225px;
height: 86px;
margin: 0em 22px 2em 0px;
display: inline-block;
text-align: center;
font-family: 'Roboto';
font-size: 16px;
font-stretch: condensed;

}



a {
   color: #958f9a;
   text-decoration: none;
}

a:hover {
   color: #958f9a;
   text-decoration: none;
}

h1 {
   margin-bottom: 10px;
   color: #485053;
   font-size: 22px;
   font-family: 'Roboto Condensed', sans-serif;
   text-transform: uppercase;
   font-weight: normal;
}
h2 {
   margin-bottom: 15px;
   padding: 0;
   color: #1C1C1C;
   font-size: 19px;
   font-weight: normal;
}

h3 {
   padding: 0;
   color: #601F01;
   font-size: 16px;
   font-weight: bold;
   margin-bottom: 10px;
   margin-top: 25px;
}
/* -- */

#top_header {
   width: 727px;
   height: auto;
   margin: 0 auto;
   background-color: #FFFFFF;
   float: left;
   top: 0px;
   left: 0px;
   margin: 0;
}

#top_header-inner {
   float: left;
   width: 727px;
   height: auto;
   margin: auto;
}

#logo {
   font-family: 'Roboto Condensed', Arial, serif;
   float: left;
   width: 641px;
   height: 88px;
   font-weight: bold;
}

#header-poloska {
   float: left;
   width: 727px;
   height: 22px;
   margin: 0 0 8px 0;
   clear: both;
   background-color: #000;
}

#header-social {
   float: left;
   width: 727px;
   height: 45px;
   margin: 0 0 8px 0;
   clear: both;
}


/*-------------------------------------------------------------------------------------------*/
/* Social Networks */
/*-------------------------------------------------------------------------------------------*/

#social-wrap {
   width: 156px;
   float: right;
}
#social {
   list-style: none;
   margin: 0;
   height: 13px;
}
#social li {
   padding: 0;
   display: inline-block;
}
*+html #social li {
   display: inline-block;
   float: left;
}
#social li a {
   text-indent: -9999px;
   width: 25px;
   height: 25px;
   display: block;
   padding: 0;
   margin: 0 3px 0 0;
}


#social #vkontakte {
   background: url(/images/soc-icons-grey.png)
    no-repeat 0 0;
}

#social #vkontakte:hover {
   background: url(/images/soc-icons.png)
    no-repeat 0 0;
}


#social #facebook {
   background: url(/images/soc-icons-grey.png)
no-repeat -30px 0;
}

#social #facebook:hover {
   background: url(/images/soc-icons.png)
no-repeat -30px 0;
}


#social #odnoklassniki {
   background: url(/images/soc-icons-grey.png)
no-repeat -61px 0;
}

#social #odnoklassniki:hover {
   background: url(/images/soc-icons.png)
no-repeat -61px 0;
}

#social #twitter {
   background: url(/images/soc-icons-grey.png)
no-repeat -91px 0;
}

#social #twitter:hover {
   background: url(/images/soc-icons.png)
no-repeat -91px 0;
}

#social #youtube {
   background: url(/images/soc-icons-grey.png)
no-repeat -122px 0;
}
#social #youtube:hover {
   background: url(/images/soc-icons.png)
no-repeat -122px 0;
}





/* MAIN NAVIGATION */



/* menu */

#menu-container {
   float: left;
   width: 727px;
   height: 42px;
   margin: 18px 0 22px 0;
   background-color: #9f2020;
}



#menu {
   height: auto;
   padding: 0 0 0 0;
   margin-top: 13px;
   margin-left: auto;
   margin-right: auto;
   width: 73%;
}
#menu li.active a {
   color: #FFFFFF;
   text-decoration: none;
}
#menu li {
   float: left;
   padding: 0 15px 0 15px;
   color: #FFFFFF;
   font-size: 15px;
   /*font-weight: bold;*/
   text-transform: none;
   list-style: none;
   font-family: 'Roboto Condensed', Arial, serif;
   text-decoration: none;
}
#menu li a {
   color: #FFFFFF;
   text-decoration: none
}
#menu li a:hover {
   color: #fec35a;

   
}
/* end menu */


#slideshow {
   position:relative;
   height:228px;
   clear: right;
   margin-top: 0px;
   margin-left: 0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* -- */

div.page {
   width: 727px;
   margin: auto;
   height: auto !important;
   min-height:100%;
   height: 100%;
   background-color: #FFFFFF;
}

div.page div.footer_guarantor {
   height: 41px;
   clear: both;
   text-align: right;
   color: #999;
}

div.footer {
   font-size: 10px;
   margin: auto;
   margin-top: -41px;
   width: 727px;
   height: auto;
   clear: both;
   background-color: #FFFFFF;
   font-weight: normal;
}

div.footer img {
    float: left;
    margin: -6px 0px 0px 0px;
}



div.footer-menu {
   font-family: 'Roboto', sans-serif;
   float: left;
   width: 727px;
   height: auto;
   color: #958f9a;
   text-align: center;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-style: normal;
   font-weight: lighter;
}


div.footer-copyright {
   float: left;
   width: 727px;
   height: auto;
   color: #999999;
   
   padding: 15px 0 25px 0;
}

div.footer-npf {
   float: right;
   width: auto;
   height: auto;
   color: #999999;
   margin-top: 13px;
   margin-right: 15px;
}

.footer-npf a {
   color: #4A8FB9;
   text-decoration: underline
}

.footer-npf a:hover {
   color: #A5C8DC;
   text-decoration: none
}

div.metrika_informer {
   width: 80px;
   height: 31px;
   float: left;
   margin-left: 300px;
   margin-top: 4px;
   background-color: #F0F0F0;
   
}



div.page div.header {
   height: 430px;
}

div.page div.patch_minheight {
    width: 1px;
    height: 250px;
    float: right;
}

div.page div.mainbar {
   width: 727px;
   overflow: hidden;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 15px;
   padding-bottom: 15px;
}

.karta-content {
   width: 890px;
   height: 300px;
   float: left;
}






/*----------------------------------Work----------------------------------*/



.hr, .spacer {
   margin-top: 20px;
   margin-bottom: 20px;
}
.big-spacer  { padding-bottom: 35px; }
.hr, .big-hr {
   height: 2px;
   background-image: url(../img/line.gif);
   background-repeat: repeat-x;
}


/*-------------------------hostcms css-------------------------------------*/

p.button {
   height: 22px;
}
input.button {
   padding: 5px 25px;
}

.button,
.button a,
.button a:hover {
   color: #FFF;
   text-decoration: none;
}

.hit {
   color: #fff;
   background: url('/images/hit.png') no-repeat;
   margin: -10px 0px 0px -20px;
   position: absolute;
   width: 40px;
   height: 30px;
   border-radius: 20px;
   text-align: center;
   padding-top: 10px;
   text-transform: uppercase;
   font-size: 11pt;
   font-family: 'Open Sans Condensed';
   user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
}
.button {
   background-color: #E83531;
   display: inline-block;
   padding: 6px 25px 0px 25px;
   border-radius: 15px;
   margin: 0;
   border: none;
   user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   font-size: 9pt;
   cursor: pointer
}

span.current,a.page_link,span.ctrl{border-radius:15px;text-align:center;display:block;margin-right:.3em;background:#fff;float:left;padding:.3em .5em}
span.current,a.page_link{width:13px;color:#fff}
a.page_link{background-color:#d20a1c;text-decoration:none;color:#FFF!important}
span.current{background-color:#CCC}
span.ctrl{font-size:10px;color:#4F3327;padding:.5em .5em .3em}

div.rss {float: right; clear: both; margin-right: 40px}
div.rss img {margin-bottom: -4px;}




.tags{color:#AAA;margin:10px 15px 10px 0; font-size: 9pt}
.tags img{text-align:left;margin:0 5px -1px 0}
.tags a{font-style:italic; color:#AAA !important}
.tags span{padding-right:15px}

.TagsCloud a {
   font-family: Georgia;
   text-decoration: none;
   display: inline-block;
   padding: 1px 6px;
   margin: 1px 0;
   border-radius: 3px;
}

.TagsCloud a:hover {
   border-width: 0px;
   background-color: #E83531;
   color: #fff;
}

.news_list a,
.shop_list a,
.TagsCloud a {
   color: #7b7b7b;
}


/* jQuery lightbox */

#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul a:hover { color: #fff; }


/* ---------------------------------------------------------------- */
ul.polaroids { margin: 0px 0 10px 0px}
ul.polaroids li { display: inline; }
ul.polaroids a { background: #fff; display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 5px 5px 10px; text-align: center; font-family: sans-serif; text-decoration: none; color: #333; font-size: 14pt; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); box-shadow: 0 3px 6px rgba(0,0,0,.25);  }
ul.polaroids img { display: block; /*width: 190px;*/ margin-bottom: 12px; }

ul.polaroids li a:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); box-shadow: 0 3px 6px rgba(0,0,0,.5); position: relative; z-index: 5; }







#ajaxLoader {
   width: 32px; height: 32px; padding: 11px;
   box-shadow: 0 2px 2px rgba(204, 204, 204, 0.7); -moz-box-shadow: 0 2px 6px rgba(150, 150, 150, 0.7); -webkit-box-shadow: 0 2px 2px rgba(204, 204, 204, 0.7);
   border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;
   background-color: #FFF;
}
.siteMap li {
   line-height: 1.5em;
}
.siteMap li a {
   color: #333;
   font-weight: bold
}
.siteMap li ul li a {
   color: #777;
   font-weight: normal
}
Авторизация
Регистрация
+7 (495) 223-46-50
+7 (812) 448-38-90
8 (800) 333-49-91
Сегодня у нас выходной
Политика обработки персональных данных
Продолжая использовать сайт, вы даете согласие на обработку файлов куки и пользовательских данных на условиях политики обработки.
Редакции HostCMS Области применения
Возможности Поддержка
О HostCMS Заказать сайт Партнерская программа
© 2005—2026 ООО «Хостмэйк»

Мы используем куки и обработку пользовательских данных с помощью Яндекс.Метрики для лучшей работы сайта.
Оставаясь с нами, вы соглашаетесь на использование файлов куки.