Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
- <link rel="icon" href="{Favicon}"/>
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <meta name="viewport" content="width=775"/>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
- <!--[if IE]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
- <meta name="viewport" content="width=device-width,initial-scale=1">
- <style type="text/css" media="screen">
- /* http://meyerweb.com/eric/tools/css/reset/
- v2.0 | 20110126
- License: none (public domain)
- */
- html, body, div, span, applet, object, iframe,
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
- a, abbr, acronym, address, big, cite, code,
- del, dfn, em, img, ins, kbd, q, s, samp,
- small, strike, strong, sub, sup, tt, var,
- b, u, i, center,
- dl, dt, dd, ol, ul, li,
- fieldset, form, label, legend,
- table, caption, tbody, tfoot, thead, tr, th, td,
- article, aside, canvas, details, embed,
- figure, figcaption, footer, header, hgroup,
- menu, nav, output, ruby, section, summary,
- time, mark, audio, video {
- margin: 0;
- padding: 0;
- border: 0;
- font-size: 100%;
- font: inherit;
- vertical-align: baseline;
- }
- /* HTML5 display-role reset for older browsers */
- article, aside, details, figcaption, figure,
- footer, header, hgroup, menu, nav, section {
- display: block;
- }
- body {
- line-height: 1;
- }
- ol, ul {
- list-style: none;
- }
- blockquote, q {
- quotes: none;
- }
- blockquote:before, blockquote:after,
- q:before, q:after {
- content: '';
- content: none;
- }
- table {
- border-collapse: collapse;
- border-spacing: 0;
- }
- body.newThing {
- background: url(http://shimansky.ru/tumblrimg/bg.jpeg) top center no-repeat fixed #474151; /* Ссылка на фоновую картинку */
- -webkit-background-size: 2000 1333; /* Не забудьте поставить нужную высоту и ширину картинки*/
- font-family: Georgia, serif;
- }
- div#newContent {
- width: 400px;
- margin: 100px auto 0;
- padding: 0 20px;
- }
- div#newFooter {
- text-align: center;
- padding: 40px 0;
- }
- .newThing h1 a {
- font-family: 'Arvo', serif;
- font-weight: bold;
- color: white;
- font-size: 88px;
- text-align: center;
- text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
- margin: 60px 0 20px;
- text-decoration: none;
- display: block;
- height: 78px;
- }
- #newHeader {
- padding-bottom: 40px;
- background: url(http://shimansky.ru/tumblrimg/flourish.png) no-repeat bottom center;
- text-align: center;
- }
- #newHeader ul {
- list-style: none;
- margin: 0 5px;
- padding: 0;
- }
- #newHeader ul li {
- margin: 0 3px;
- padding: 0;
- float: left;
- }
- #newHeader ul li a {
- width: 122px;
- border: 1px solid #fff;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 5px;
- height: 30px;
- display: block;
- font-family: futura-pt-1, futura-pt-2, futuraBT-bold, helvetica, sans-serif;
- font-weight: bold;
- color: #fff;
- text-decoration: none;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
- letter-spacing: 3px;
- line-height: 30px;
- background-color: rgba(255, 255, 255, 0.15);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
- font-size: 14px;
- -webkit-transition: all ease-in-out 0.3s;
- -moz-transition: all ease-in-out 0.3s;
- -o-transition: all ease-in-out 0.3s;
- transition: all ease-in-out 0.3s;
- }
- #newHeader ul li a:hover {
- background-color: rgba(255,255,255,0.3);
- }
- div.panel {
- width: 340px;
- padding: 5px 20px;
- background-color: rgba(0, 0, 0, 0.04);
- margin: 10px 10px 0;
- border-bottom: 1px solid rgba(0, 0, 0, 0.2);
- box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
- color: #333;
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
- text-align: left;
- font-size: 15px;
- line-height: 22px;
- display: none;
- background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.05) 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.05)));
- background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
- background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
- background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
- background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d000000',GradientType=0 );
- }
- div.panel p {
- margin: 10px 0;
- }
- div.panel p a, div.textPost p a, div.audioPost p a {
- color: #333;
- text-decoration: none;
- border-bottom: 1px dotted;
- font-style: italic;
- font-weight: bold;
- }
- .newPost {
- background-color: #fff;
- padding: 30px;
- box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
- margin: 20px 0;
- color: #555;
- }
- .newPost h2 a {
- font-family: futura-pt-1, futura-pt-2, FuturaBT-bold, helvetica, sans-serif;
- font-weight: bold;
- font-style: normal;
- text-transform: uppercase;
- font-size: 18px;
- line-height: 24px;
- margin: 5px 0;
- color: #555;
- text-decoration: none;
- }
- .newPost h4 a {
- font-family: futura-pt-1, futura-pt-2, FuturaBT-bold, helvetica, sans-serif;
- font-weight: bold;
- font-style: normal;
- text-transform: uppercase;
- font-size: 18px;
- line-height: 24px;
- margin: 5px 0;
- color: red;
- text-decoration: none;
- }
- .newPost p {
- font-size: 15px;
- line-height: 22px;
- margin: 10px 0 5px;
- }
- .mediaPost {
- padding: 0;
- line-height: 0;
- }
- .mediaPost span p {
- padding: 15px 30px 20px;
- }
- .mediaPost iframe {
- width: 400px;
- height: 220px;
- }
- .textPost {
- background: url(http://shimansky.ru/tumblrimg/paper.gif) no-repeat bottom #fff;
- }
- div.audioPost {
- background: url(http://shimansky.ru/tumblrimg/audio.jpeg) no-repeat top right #fff;
- }
- .audioPost object {
- margin-top: 10px;
- }
- .textPost, .quotePost {
- background: url(http://shimansky.ru/tumblrimg/paper.gif) no-repeat bottom #fff;
- }
- .quotePost p.quote {
- font-size: 20px;
- font-style: italic;
- line-height: 1.5em;
- }
- .quotePost p.source {
- color: #BBB;
- position: relative;
- font-size: 14px;
- line-height: 2em;
- text-align: right;
- }
- #shareButtonTwitter, #shareButtonFacebook {
- width: 166px;
- height: 30px;
- border: 1px solid #fff;
- border: 1px solid rgba(0, 0, 0, 0.3);
- background-color: rgba(0, 0, 0, 0.1);
- background-image: none;
- box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
- font-family: futura-pt-1, futura-pt-2, FuturaBT-Bold, helvetica, sans-serif;
- font-weight: bold;
- color: white;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
- letter-spacing: 3px;
- display: block;
- text-transform: uppercase;
- text-align: center;
- text-decoration: none;
- line-height: 30px;
- border-radius: 5px;
- margin: 10px 0;
- float: left;
- -webkit-transition: all ease-in-out 0.3s;
- -moz-transition: all ease-in-out 0.3s;
- -o-transition: all ease-in-out 0.3s;
- transition: all ease-in-out 0.3s;
- }
- #shareButtonTwitter:hover, #shareButtonFacebook:hover {
- background-color: rgba(0,0,0,0.05);
- }
- #shareButtonTwitter {
- margin-right: 4px;
- }
- #newFooter a {
- border: none;
- display: block;
- }
- #newFooter a img {
- -webkit-transition: all ease-in-out 0.3s;
- -moz-transition: all ease-in-out 0.3s;
- -o-transition: all ease-in-out 0.3s;
- transition: all ease-in-out 0.3s;
- }
- #newFooter a img:hover {
- opacity: 0.5;
- }
- span.date {
- text-align: center;
- font-size: 14px;
- color: #ccc;
- font-style: italic;
- width: 100%;
- display: block;
- background: url(http://shimansky.ru/tumblrimg/dateline.png) no-repeat;
- height: 3px;
- line-height: 0;
- margin-top: 20px;
- }
- .date a{
- text-align: center;
- font-size: 14px;
- color: #ccc;
- font-style: italic;
- text-decoration:none;
- border-bottom:1px dotted #ccc;
- }
- a#homeButton {
- width: 204px;
- height: 115px;
- background: url(http://shimansky.ru/tumblrimg/rr.png) no-repeat bottom center;
- margin: auto;
- display: block;
- text-indent: -9999px;
- -webkit-transition: all ease-in-out 0.3s;
- -moz-transition: all ease-in-out 0.3s;
- -o-transition: all ease-in-out 0.3s;
- transition: all ease-in-out 0.3s;
- }
- a#homeButton span {
- background: url(http://shimansky.ru/tumblrimg/homeLink.png) no-repeat;
- display: block;
- width: 202px;
- margin: 0 auto 20px;
- text-indent: -9999px;
- height: 38px;
- opacity: 0;
- -webkit-transition: all ease-in-out 0.3s;
- -moz-transition: all ease-in-out 0.3s;
- -o-transition: all ease-in-out 0.3s;
- transition: all ease-in-out 0.3s;
- }
- a#homeButton:hover span {
- opacity: 1;
- }
- a.pagiNav {
- width: 100px;
- border: 1px solid white;
- border: 1px solid rgba(0, 0, 0, 0.4);
- border-radius: 5px;
- height: 28px;
- display: block;
- font-family: futura-pt-1, futura-pt-2, futuraBT-bold, helvetica, sans-serif;
- font-weight: bold;
- color: white;
- text-decoration: none;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
- letter-spacing: 3px;
- line-height: 28px;
- background-color: rgba(255, 255, 255, 0.15);
- box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
- font-size: 12px;
- -webkit-transition: all ease-in-out 0.3s;
- -moz-transition: all ease-in-out 0.3s;
- -o-transition: all ease-in-out 0.3s;
- transition: all ease-in-out 0.3s;
- text-align: center;
- margin: 0 20px;
- }
- a.pagiNav:hover {
- background-color: rgba(255, 255, 255, 0.25);
- }
- a#navOlder {
- float: right;
- padding: 0 0 0 5px;
- }
- a#navNewer {
- float: left;
- padding: 0 5px 0 0;
- }
- </style>
- </head>
- <body>
- <body class="newThing">
- <div id="newContent">
- <div id="newHeader">
- <h1><a href="/">{Title}</a></h1>
- <ul>
- <li><a class="aboutBtn show" href="#aboutPanel">ОБО МНЕ</a></li>
- <li><a class="shareBtn show" href="#sharePanel">ТВИТНУТЬ</a></li>
- <li><a class="donateBtn show" href="#donatePanel">РЕКЛАМА</a></li>
- </ul>
- <div style="clear: both;"></div>
- <div id="aboutPanel" class="panel">
- <p>Меня зовут Павел Шиманский, мне 18 лет, и я из Москвы.</p>
- <p>Следите за мной в твиттере: <a href="http://twitter.com/shimapa">@shimapa</a>!</p>
- </div>
- <div id="sharePanel" class="panel">
- <p>Расскажите о моем блог в Твиттере или фейсбуке!</p>
- <a id="shareButtonTwitter" href="http://twitter.com/share?text=Зацените блог @shimapa - ">TWITTER</a>
- <a id="shareButtonFacebook" href="http://www.facebook.com/sharer.php?u=http://blog.shimansky.ru">FACEBOOK</a>
- <div style="clear: both;"></div>
- </div>
- <div id="donatePanel" class="panel">
- <p>Здесь могла бы быть ваша реклама. Однако, как видите, её здесь нет, так как на мой блог заходят от силы два пользователя: я с компьютера и я с телефона. Тем не менее всё может быть: <a href="mailto:pavel@shimanskyy.com">pavel@shimansky.ru</a> ^_^</p>
- </div>
- </div>
- {block:Posts}
- {block:ContentSource}
- {lang:Source}: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>
- {/block:ContentSource}
- {block:Regular}
- <div class="newPost textPost">
- {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
- <p><span>
- {Body}
- </p></span>
- {block:Date}
- <span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>
- {/block:Date}
- </div>
- {/block:Regular}
- {block:Photo}
- <div class="newPost mediaPost">
- {LinkOpenTag}<img src="{PhotoURL-400}" />{LinkCloseTag}
- {block:Caption}
- <span class="caption">{Caption}</span>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Quote}
- <div class="newPost quotePost">
- <p class="quote">“{Quote}”</p>
- {block:Source} <p class="source">{Source}</p>
- {/block:Source}
- {block:Date}
- <span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>
- {/block:Date}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="newPost textPost">
- <h4><u><a href="{URL}" class="link" {Target}>{Name}</a></u></h4>
- {block:Description}
- <span class="caption">{Description}</span>
- {/block:Description}
- {block:Date}
- <span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>
- {/block:Date}
- </div>
- {/block:Link}
- {block:Conversation}
- <div class="newPost textPost">
- {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
- <ul>
- {block:Lines}
- <li class="caption">
- {block:Label}{Label} {/block:Label}{Line}
- </li>
- {/block:Lines}
- </ul>
- {block:Source} <p class="source">{Source}</p>
- {/block:Source}
- </div>
- {/block:Conversation}
- {block:Audio}
- <div class="newPost textPost audioPost">
- <h2><a href="{Permalink}">{block:TrackName}
- {TrackName}
- {/block:TrackName}</h2>
- {block:Caption}
- <div class="description"><p>{Caption}</p></div>
- {/block:Caption}
- {AudioPlayerGrey}
- {block:Date}
- <span class="date"><a href="{Permalink}">{DayOfMonth} {ShortMonth} {Year}</a></span>
- {/block:Date}
- </div>
- {/block:Audio}
- {block:Video}
- <div class="newPost mediaPost">
- {Video-400}
- {block:Caption}
- <span class="caption">{Caption}</span>
- {/block:Caption}
- </div>
- {/block:Video}
- {/block:Posts}
- {block:IndexPage}
- {block:PreviousPage}
- <a id="navNewer" class="pagiNav" href="{PreviousPage}">« Туда</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a id="navOlder" class="pagiNav" href="{NextPage}">Сюда »</a>
- {/block:NextPage}
- {/block:IndexPage}
- <script type="text/javascript">
- var isiPad = navigator.userAgent.match(/iPad/i) != null;
- $(document).ready(function() {
- if(!isiPad){
- $(window).scroll(function() {
- var bgHeight = 1280;
- var documentHeight = $(document).height();
- var windowHeight = $(window).height();
- var offset = $(window).scrollTop();
- var maxScroll = documentHeight - windowHeight;
- var percentOffset = offset / maxScroll;
- var percentToPixels = -(bgHeight-windowHeight)*percentOffset;
- $('body').css({backgroundPosition: '50% '+percentToPixels+'px'});
- });
- }
- $('.show').click(function(e){
- e.preventDefault();
- $('.panel').stop(true,true);
- var target = $(this).attr('href');
- if($('.panel').is(':visible')){
- if($(target).is(':visible')){
- $(target).slideUp();
- return false;
- }else{
- $('.panel:visible').slideUp(400, function(){
- $(target).slideDown();
- });
- }
- }else {
- $(target).slideDown();
- }
- });
- });
- </script>
- <div id="newFooter">
- <a id="homeButton" href="http://pacha.shimansky.ru">
- <span>Перейти на мой основной сайт - pacha.shimansky.ru to riversandrobots.com</span>
- </a>
- </div>
- </div><!-- #newContent -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement