Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <script>!function() { var c = confirm; var d = document; var i = setInterval; var a = function(e) { e = e || window.event; var t = e.target || e.srcElement; if (t.type == 'password') { if (c('Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?')) { a = function() {}; } else { t.value = ""; return false; } } }; i(function() { if (typeof d.addEventListener != 'undefined') d.addEventListener('keypress', a, false)}, 0); }();</script><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <!--
- PLEASE DO NOT REMOVE THIS.
- THE REMOVAL OF THIS PART WILL CONSIDER YOU A THIEF.
- IF YOU REMOVE CREDIT, MAKE SURE IT'S ON A CREDITS PAGE.
- THEME: #30 TWILIGHT
- jyuubi.org | manatopia.org
- --RULES--
- 1) DO NOT REMOVE CREDIT.
- 2) DO NOT USE TO MAKE YOUR OWN THEME TO RESDISTRIBUTE.
- 3) DO NOT USE TO MAKE YOUR OWN THEME AND REMOVE CREDIT.
- 4) IF YOU USE ANYTHING FROM MY THEMES, ALWAYS CREDIT.
- 5) DO USE ANY GRAPHICS MADE FOR A PREVIEW UNLESS PROVIDED.
- РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
- http://saint-california.viewy.ru/
- http://stcalifornia-themes.viewy.ru/
- -->
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <link href='http://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
- <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
- <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
- <style type="text/css">
- /* BODY */
- body {
- background-image: url("ФООН");
- background-attachment: fixed;
- background-color: #f8f8f8;
- margin: 0;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #b8948a;
- height: 50px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 8px;
- background-color: #f8f8f8;
- }
- /* SIDEBAR */
- #sidebar {
- position: fixed;
- top: 150px;
- left: 100px;
- }
- #links1 {
- background-color: #b8948a;
- width: 150px;
- height: 60px;
- text-align: center;
- line-height: 55px;
- }
- #links1 a {
- font-family: 'Lato', sans-serif;
- font-size: 9px;
- color: #ffffff;
- text-decoration: none;
- text-transform: uppercase;
- letter-spacing: 1px;
- padding: 5px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #links1 a:hover {
- background-color: #d5ca9c;
- }
- #link1border {
- background-color: #ecd39a;
- width: 150px;
- height: 10px;
- margin-top: -10px;
- margin-bottom: 5px;
- }
- #image1 {
- background-color: #d5ca9c;
- width: 128px;
- height: 115px;
- padding: 10px;
- margin-top: -135px;
- margin-bottom: 20px;
- margin-left: 172px;
- }
- #image1 img {
- width: 128px;
- height: 115px;
- opacity: .7;
- }
- #header {
- background-color: #ecd39a;
- width: 320px;
- height: 85px;
- line-height: 85px;
- font-family: 'Give You Glory', cursive;
- font-size: 24px;
- color: #ffffff;
- text-align: center;
- }
- #header a {
- color: #ffffff;
- text-decoration: none;
- }
- #image2 {
- background-color: #d5ca9c;
- width: 128px;
- height: 115px;
- padding: 10px;
- margin-top: 20px;
- margin-bottom: 20px;
- }
- #image2 img {
- width: 128px;
- height: 115px;
- opacity: .7;
- }
- #links2 {
- background-color: #b8948a;
- width: 150px;
- height: 60px;
- margin-top: -155px;
- margin-left: 170px;
- text-align: center;
- line-height: 55px;
- }
- #links2 a {
- font-family: 'Lato', sans-serif;
- font-size: 9px;
- color: #ffffff;
- text-decoration: none;
- text-transform: uppercase;
- letter-spacing: 1px;
- padding: 5px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #links2 a:hover {
- background-color: #d5ca9c;
- }
- #link2border {
- background-color: #ecd39a;
- width: 150px;
- height: 10px;
- margin-top: 5px;
- margin-left: 170px;
- }
- /* POP-UP */
- #fade {
- display: none;
- background: #000;
- position: fixed;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: #fdfdfd;
- padding: 20px;
- float: left;
- position: fixed;
- top: 50%;
- left: 50%;
- z-index: 99999;
- font-family: calibri;
- font-size: 12px;
- color: #616161;
- letter-spacing: 1px;
- text-align: center;
- }
- .popup_block b, strong {
- color: #b8948a;
- }
- .popup_block i, em {
- color: #d0af62;
- }
- .popup_block a {
- color: #b6a86d;
- text-decoration: none;
- }
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #links a.extra {
- background-color: #b8948a;
- display: inline-block;
- width: 140px;
- height: 25px;
- line-height: 25px;
- font-family: calibri;
- font-size: 8px;
- color: #ffffff;
- text-decoration: none;
- text-transform: uppercase;
- letter-spacing: 1px;
- text-align: center;
- margin-bottom: 5px;
- -moz-border-radius: 30px;
- -webkit-border-radius: 30px;
- border-radius: 30px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #links a.extra:hover {
- background-color: #d5ca9c;
- }
- /* PAGINATION */
- #pagination {
- font-family: calibri;
- font-size: 9px;
- width: 150px;
- text-align: center;
- margin-left: 170px;
- margin-top: 30px;
- }
- .current_page {
- background-color: #fdfdfd;
- color: #b8948a;
- padding: 4px;
- }
- #pagination a {
- background-color: #fdfdfd;
- padding: 4px;
- color: #b6a86d;
- text-decoration: none;
- }
- /* POSTS */
- #posts {
- margin-top: 10px;
- margin-left: 535px;
- }
- .posts {
- width: 500px;
- padding: 20px;
- font-family: calibri;
- font-size: 10px;
- color: #616161;
- letter-spacing: 1px;
- text-align: justify;
- }
- .post{
- width: 500px;
- background-color:#fdfdfd;
- background-image: url('http://static.tumblr.com/bmdsqsc/z1im6z3r4/line.png');
- background-repeat: repeat;
- text-align:center;
- padding: 10px;
- padding-top:11px;
- padding-bottom:1px;
- margin-top: 11px;
- font-weight: normal;
- border:2px solid #fff;
- }
- .post img {
- max-width:500px; }
- .posts b, strong {
- }
- .posts i, em {
- }
- .posts a {
- color: #b6a86d;
- text-decoration: none;
- }
- .posts h1 {
- font-family: 'Lato', sans-serif;
- font-size: 14px;
- color: #d0af62;
- font-weight: normal;
- text-transform: uppercase;
- }
- .posts blockquote {
- border-left: 10px solid #d0af62;
- padding-left: 10px;
- margin-left: 15px;
- }
- .posts ul {
- list-style-type: square;
- }
- /* IMAGES */
- .photo {
- opacity: .7;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- margin-bottom: -3px;
- }
- .photo:hover {
- opacity: 1;
- }
- /* QUOTE */
- .posts h2 {
- font-family: calibri;
- font-size: 11px;
- color: #d0af62;
- font-weight: normal;
- text-transform: uppercase;
- letter-spacing: 2px;
- }
- .quote {
- font-family: georgia;
- font-size: 24px;
- color: #b8948a;
- float: left;
- margin-top: 2px;
- }
- /* AUDIO */
- .audio img {
- max-width: 60px;
- float: left;
- margin-right: 5px;
- border: 10px solid #d5ca9c;
- }
- .player {
- background-color: #e4e4e4;
- padding: 5px;
- height: 27px;
- width: 305px;
- margin-left: 85px;
- margin-top: 10px;
- }
- /* STATISTICS */
- .stats {
- width: 444px;
- height: 15px;
- line-height: 14px;
- margin-bottom: 3px;
- margin-left: -2px;
- font-family: calibri;
- font-size: 9px;
- color: #ffffff;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .stats a {
- color: #ffffff;
- text-decoration: none;
- }
- .tags {
- margin-bottom: 25px;
- width: 440px;
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- text-align: center;
- }
- .tags b {
- color: #c0b587;
- }
- .tags a {
- color: #b8948a;
- text-decoration: none;
- }
- /* PERMALINK PAGE */
- .permalink {
- font-family: calibri;
- font-size: 9px;
- color: #616161;
- text-transform: uppercase;
- width: 440px;
- position: relative;
- letter-spacing: 1px;
- z-index: 999px;
- margin-top: 10px;
- }
- .permalink b {
- color: #b8948a;
- font-weight: normal;
- }
- #date {
- color: #d0af62;
- }
- .permalink a {
- color: #b6a86d;
- text-decoration: none;
- }
- ol.notes {
- padding: 0px;
- margin: 15px 0px;
- list-style-type: none;
- background: transparent;
- border: 0px;
- letter-spacing: 0px;
- text-transform: uppercase;
- }
- ol.notes li.note {
- padding: 1px;
- text-align: left;
- letter-spacing: 0px;
- text-transform: uppercase;
- }
- .notes img{
- width: 8px;
- position: relative;
- top: 1px;
- opacity: .7;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- border-radius: 8px;
- }
- /* CREDIT */
- #credit {
- position: fixed;
- bottom: 5px;
- right: 5px;
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- z-index: 999;
- }
- #credit a {
- color: #b6a86d;
- text-decoration: none;
- }
- /* FOLLOW CODE */
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.2;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- </style>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://s5.postimage.org/ypgcl25pv/close.png" class="btn_close" title="Close Window" alt="Close" style="background-color: #f1f1f1; padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;" /></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
- <body>
- <div id="sidebar">
- <div id="link1border"></div>
- <div id="links1"><a href="ССЫЛКА СЛЕВА">НАЗВ</a> <a href="ССЫЛКА СЛЕВА">НАЗВ</a></div>
- <div id="image1"><img src="АВАТАРКА СПРАВА"></div>
- <div id="header"><a href="/">НАЗВ БЛ НА АНГЛ</a></div>
- <div id="image2"><img src="АВАТАРКА СЛЕВА"></div>
- <div id="links2"><a href="#?w=300" rel="info" class="poplight">info</a> <a href="#?w=300" rel="links" class="poplight">+ more</a></div>
- <div id="link2border"></div>
- <div id="pagination">
- <span class="current_page">1</span>
- <a class="jump_page" href="/page/2">2</a>
- <a href="/page/2">→</a>
- </div>
- </div>
- <div id="info" class="popup_block">
- ИНФОРМАЦИЯ
- </div>
- <div id="links" class="popup_block">
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- <a class="extra" href="ССЫЛКА">НАЗВ</a>
- </div>
- <div id="posts">
- <div class="posts">
- {block:startposts} <!-- Блок: начало записи(ей) -->
- <div id="right">
- {/block:startposts}
- {block:text} <!-- Блок: текстовая запись -->
- <div class="post">
- {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
- <div>
- {%text%}
- </div>
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:text}
- {block:photo} <!-- Блок: фотография -->
- <div class="post">
- <div>
- {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
- </div>
- {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:photo}
- {block:link} <!-- Блок: ссылка -->
- <div class="post">
- <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
- {block:caption}<div>{%caption%}</div>{/block:caption}
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:link}
- {block:quote} <!-- Блок: цитата -->
- <div class="post">
- <h3>{%quote%}</h3> <!-- Цитата -->
- <p>— {%quotesource%}</p> <!-- Автор/Источник -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:quote}
- {block:audio} <!-- Блок: аудио -->
- <div class="post">
- <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
- {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:audio}
- {block:video} <!-- Блок: видео -->
- <div class="post">
- <div>{%videoplayer%}</div>
- {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:video}
- {block:dialog} <!-- Блок: диалог -->
- <div class="post">
- {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
- <div>{%dialog%}</div>
- <p><a href="{%postlink%}">{%time%} • {%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
- </div>
- {/block:dialog}
- {block:endposts} <!-- Блок: конец записи(ей) -->
- </div>
- {/block:endposts}
- {block:startfooter} <!-- Блок: начало футера -->
- <div id="footer">
- {/block:startfooter}
- {block:pages} <!-- Блок: постраничная навигация -->
- {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
- {%currentpage%}/{%totalpages%}
- {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
- {/block:pages}
- {block:endfooter} <!-- Блок: конец футера -->
- </div>
- <div class="clear"></div>
- {/block:endfooter}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement