tmpl_other.html 5.88 KB

Edit Raw Blame History Permalink

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Auto Life</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml"/>
<meta http-equiv="cache-control" content="max-age=300" />
<meta name = "viewport" content = "width = device-width" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="${MAIN_URL}/source/tmpl/project/css/styles.css" rel="stylesheet" media="all" />
 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />
    <noscript>
      <style>
        .es-carousel ul{
          display:block;
        }
      </style>
    </noscript>
<style type="text/css">
  /* Стили плагина Elastislide */
.es-carousel-wrapper{
  background-color:#999;
  width:100%;
  margin-top:-20px;
  height:50px;

}
.rg-thumbs{
  background-color:#CCC;
  width:100%;
  }
  es-carousel-wrapper{
    background-color:#CCC;}
.es-carousel{
  background-color:#ccc;

}
.es-carousel ul{
  display:none;
}
.es-carousel ul li{
  height:100%;
  float:left;
  display:block;
  width:100%
}
.es-carousel ul li a{
  display:block;
  border-style:solid;
  border-color:#222;
  opacity:0.8;
  -webkit-touch-callout:none;
  /* option */
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
  border-color:#fff;
  opacity:1.0;
}
.es-carousel ul li a img{
  display:block;
  border:none;
  max-height:100%;
  max-width:100%;
}
.es-nav span{
  position:absolute;
  top:50%;
  left:8px;
  background:transparent url(${MAIN_URL}/source/tmpl/project/images/nav_thumbs.png) no-repeat top left;
  width:14px;
  height:26px;
  margin-top:-13px;
  text-indent:-9000px;
  cursor:pointer;
  opacity:0.8;
}
.es-nav span.es-nav-next{
  right:8px;
  left:auto;
  background-position:top right;
}
.es-nav span:hover{
  opacity:1.0;
}

.rg-image-wrapper{
  position:relative;
  padding:5px 0px;
  background:transparent url(${MAIN_URL}/source/tmpl/project/images/black.png) repeat top left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  min-height:20px;
}
.rg-image{
  position:relative;
  text-align:center;
  line-height:0px;
  width:100%;
}
.rg-image img{
  max-height:100%;
  width:100%;
  margin-top:5px;
}
.rg-image-nav a{
  position:absolute;
  top:0px;
  left:0px;
  background:#000 url(${MAIN_URL}/source/tmpl/project/images/nav.png) no-repeat -20% 50%;
  width:0px;
  height:100%;
  text-indent:-9000px;
  cursor:pointer;
  opacity:0.3;
  outline:none;
  -moz-border-radius: 10px 0px 0px 10px;
  -webkit-border-radius: 10px 0px 0px 10px;
  border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
  right:0px;
  left:auto;
  background-position:115% 50%;
  -moz-border-radius: 0px 10px 10px 0px;
  -webkit-border-radius: 0px 10px 10px 0px;
  border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
  opacity:0.8;
}
.rg-caption {
  text-align:center;
  margin-top:15px;
  position:relative;
}
.rg-caption p{
  font-size:11px;
  letter-spacing:2px;
  font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
  line-height:16px;
  padding:0 15px;
  text-transform:uppercase;
}

.rg-view{
  display:none}
.rg-view a.rg-view-full{
  background-position:0px 0px;
}
.rg-view a.rg-view-selected{
  background-color:#6f6f6f;
  border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
  background-position:0px -16px;
}
.rg-loading{
  width:46px;
  height:46px;
  position:absolute;
  top:50%;
  left:50%;
  background:#000 url(${MAIN_URL}/source/tmpl/project/images/ajax-loader.gif) no-repeat center center;
  margin:-23px 0px 0px -23px;
  z-index:100;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  opacity:0.7;
}

.text2 p{
  margin-left:7px;
  margin-right:5px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px
}

</style>
<script id="img-wrapper-tmpl" type="text/x-jquery-tmpl">
      <div class="rg-image-wrapper">
        {{if itemsCount > 1}}

        {{/if}}
        <div class="rg-image"></div>
        <div class="rg-loading"></div>
        <div class="rg-caption-wrapper">
          <div class="rg-caption" style="display:none;">
            <p></p>
          </div>
        </div>
      </div>
      <div class="rg-image-nav">

          </div>
    </script>
</head>

<body>
<div id="all">
<div id="logo">
<a href="${MAIN_URL}">
<img src="${MAIN_URL}/source/tmpl/project/images/logo.jpg" width="100%" /></a>
</div>

<tal:block tal:content="structure page_content" />
  <div id="futm">
  <table border="0" width="100%" align="center">
<tr>
<td align="center" style="border-right:solid 1px #900"><a href="../auto_vn.html">Тюнинг<br /> интерьера</a></td>
<td align="center" style="border-right:solid 1px #900"><a href="../auto_v.html">Внешний<br /> тюнинг</a></td>
<td align="center" style="border-right:solid 1px #900"><a href="../aero.html">Аэрография<br /></a></td>
<td align="center"><a href="../cont.html">Контакты<br /> </a></td>
</tr>
</table>
</div>
</div>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="${MAIN_URL}/source/tmpl/project/js/jquery.tmpl.min.js"></script>
    <script type="text/javascript" src="${MAIN_URL}/source/tmpl/project/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="${MAIN_URL}/source/tmpl/project/js/jquery.elastislide.js"></script>
    <script type="text/javascript" src="${MAIN_URL}/source/tmpl/project/js/gallery.js"></script>
</html>