Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!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 prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#"><title>this house doesn't burn down slowly</title>
- <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
- <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
- <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
- <!----
- РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
- http://saint-california.viewy.ru/
- http://stcalifornia-themes.viewy.ru/
- theme by zara @ foxfaced.tumblr.com please do not remove credit --->
- <style type="text/css">
- body {
- background:#ffffff;
- margin:0px;
- color:#787A7A;
- font-family: calibri;
- font-size:10px;
- line-height:100%;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#706969;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- padding-left:2px;
- padding-right:2px;
- }
- a:hover {
- text-decoration: none;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- img {
- border:none;
- }
- h1 {
- font-size:15px;
- }
- ::selection {
- background: #a58aaf;
- color: #ffffff;
- }
- ::-moz-selection {
- background: #a58aaf;
- color: #ffffff;
- }
- ::-webkit-selection {
- background: #a58aaf;
- color: #ffffff;
- }
- ::-webkit-scrollbar {
- height: 3px;
- width: 4px;
- background: #ffffff;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #a58aaf;
- border:1px solid #EEE0E5;
- -webkit-border-radius: 5ex;
- -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
- }
- ::-webkit-scrollbar-corner {
- background: #transparent;
- }
- #entries {
- padding:10px;
- width:500px;
- margin-left:450px;
- margin-top:40px;
- }
- #post {
- width:500px;
- padding-bottom:40px;
- }
- .post {
- width:500px;
- padding:10px;
- display: block;
- margin-top:12px;
- background-color:#FEFEFE;
- background-image: url('');
- background-repeat: epeat;
- background-position:bottom;
- text-align: center;
- color: #484039;
- font-style: normal;
- border:2px solid #f7f7f7;
- }
- .post img {
- max-width:500px; }
- #post2 {
- width: 510px;
- padding-left: 10px;
- padding-bottom: 15px;
- padding-top: 15px;
- }
- #sb{
- width:360px;
- position:fixed;
- margin-top: -50px;
- margin-left:0px;
- background-image: URL(ФОН САЙДБАРА);
- background-color: ;
- height: 200%;
- }
- .sidebarimage {
- margin-top: 110px;
- width 150px;
- text-align: center;
- }
- .sidebarimage img {
- width:150px;
- }
- .sblinks {
- font-size:9px;
- width: 150px;
- font-family: calibri;
- text-transform: uppercase;
- font-weight:50;
- color: #ffffff;
- margin-top: 2px;
- margin-left:auto;
- margin-right:auto;
- letter-spacing: 1px;
- line-height: 100%;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- text-align: center;
- }
- .ok {
- margin-top:2px;
- background-color: rgba(255,255,255,0.2);
- padding-top: 3px;
- padding-bottom: 3px;
- }
- .ok2 {
- margin-top:2px;
- background-color: rgba(161,109,130,0.2);
- padding-top: 3px;
- padding-bottom: 3px;
- }
- .ok2 a {
- color: #fff;
- }
- .ok:hover{
- background-color: rgba(255,255,255,0.6);
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .ok a:hover{
- background-color: rgba(255,255,255,0);
- }
- .description {
- text-transform: uppercase;
- color: #717574;
- width: 80px;
- margin-left: 250px;
- text-align: left;
- margin-top: -340px;
- border: 0px solid #717574;
- padding:10px;
- opacity: 0;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #sb:hover .description {
- opacity: 0.7;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- .quote {
- margin-top: 10px;
- width: 100px;
- font-size: 10px;
- line-height: 120%;
- padding-top: 30px;
- padding-bottom: 30px;
- padding-left: 15px;
- padding-right: 2px;
- color: #717574;
- letter-spacing: 2px;
- border: 1px solid #717574;
- }
- #info {
- font-size: 9px;
- border-top: 1px solid #717574;
- font-family:calibri;
- text-align:justify;
- margin-top:10px;
- text-transform: uppercase;
- padding-top: 10px;
- padding-left: 10px;
- padding-right:10px;
- width: 490px;
- margin-left:10px;
- border-left: 4px solid #717574;
- }
- .tags {
- margin-top: 3px;
- }
- #asker {
- float:left;
- margin-right:5px;
- }
- #theme {
- position:fixed;
- width:100px;
- font-family:calibri;
- font-size:10px;
- right:5px;
- bottom:5px;
- text-align: right;
- text-transform: uppercase;
- }
- #theme a{
- color:#464745;
- }
- #albumart img{
- width:70px;
- height:70px;
- padding-bottom: 15px;
- opacity: 0.6;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #albumart img:hover{
- opacity:1;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- transition: all 0.5s ease-in;
- }
- #photo a:hover {
- background-color:#fff;
- }
- </style>
- </head><body>
- <div id="sb">
- <div class="sidebarimage"><img src="АВА В БЛОГЕ"></div>
- <div class="sblinks">
- <div class="ok2">НАЗВ ЧАСТИ ССЫЛОК</div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <div class="ok2">НАЗВ ЧАСТИ ССЫЛОК 2</div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <div class="ok"><a href="ССЫЛКА"> НАЗВАНИЕ</a></div>
- <br></div>
- <div class="description">
- ОПИСАНИЕ.
- ИНФОРМАЦИЯ О СЕБЕ.ЦИТАТА
- <br>
- </div>
- </div>
- </div>
- <div id="entries"><div id="post">
- <div id="post2">
- {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