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">
- <!--
- theme by merel (labyrinthines.tumblr.com)
- do not remove, change or move the credit in any way.
- do not repost it and claim it as your own.
- do not use it as a base.
- РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
- http://saint-california.viewy.ru/
- http://stcalifornia-themes.viewy.ru/
- -->
- <html>
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
- <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
- <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
- <link href='http://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- color:#1d1d1d;
- background-image:url();
- background-color:#ffffff;
- font-family:;
- font-size:10px;
- line-height: 120%;
- text-align:justify;
- }
- a:link, a:active, a:visited {
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- font-family:;
- text-transform:uppercase;
- font-weight:none;
- text-align: center;
- text-decoration: none;
- color: #000000;
- }
- a:hover {
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- text-align: center;
- color: #e0d4bd;
- }
- a img {
- border: 0px;
- }
- .sidebar {
- background-color: #D7DBDC;
- border-left: 10px solid #ffffff;
- height: 100%;
- position: fixed;
- right: 0;
- top: 0;
- width: 310px;
- }
- .sidebarborder {
- background-color: #e0d4bd;
- width:120px;
- position: fixed;
- right: 320px;
- top:0;
- height:100%;
- }
- .rounds {
- height:595px;
- width:190px;
- margin:auto;
- position:fixed;
- top:0pt;
- right:216px;
- bottom:0pt;
- }
- .image1 {
- height:170px;
- width:170px;
- background-color:#ffffff;
- -moz-border-radius:170px;
- border-radius:170px;
- -webkit-border-radius: 170px;
- background-image:url(КРУГЛАЯ КАРТИНКА СВЕРХУ);
- border:7px solid #ffffff;
- margin-bottom:22px;
- z-index:100;
- }
- .image11 {
- height:170px;
- width:170px;
- margin-top:-205px;
- background-color:#fff;
- -moz-border-radius:170px;
- border-radius:170px;
- -webkit-border-radius: 170px;
- border:7px solid #ffffff;
- margin-bottom:22px;
- z-index:1000;
- opacity:0.2;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .image11:hover {
- height:170px;
- width:170px;
- margin-top:-205px;
- background-color:#fff;
- -moz-border-radius:170px;
- border-radius:170px;
- -webkit-border-radius: 170px;
- border:7px solid #ffffff;
- margin-bottom:22px;
- z-index:1000;
- opacity:0;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .roundlinks {
- height:139px;
- width:184px;
- -moz-border-radius:170px;
- -webkit-border-radius:170px;
- border-radius:170px;
- background-color:#ffffff;
- text-align:center;
- padding-top:45px;
- text-transform:uppercase;
- font-family:;
- font-size:6px;
- letter-spacing:2px;
- margin-bottom:22px;
- }
- .roundlinks a:link, .roundlinks a:active, .roundlinks a:visited {
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- font-color:#000000;
- font-family:;
- font-size:6px;
- letter-spacing:2px;
- }
- .roundlinks a:hover {
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- color: #e0d4bd;
- font-family:;
- font-size:6px;
- letter-spacing:2px;
- }
- .image2 {
- height:170px;
- width:170px;
- -moz-border-radius:170px;
- border-radius:170px;
- -webkit-border-radius:170px;
- background-image:url(КРУГЛАЯ КАРТИНКА СНИЗУ);
- border:7px solid #ffffff;
- }
- .image22 {
- height:170px;
- width:170px;
- border-radius:170px;
- margin-top:-184px;
- background-color:#ffffff;
- -moz-border-radius:170px;
- -webkit-border-radius: 170px;
- border:7px solid #ffffff;
- margin-bottom:22px;
- z-index:1000;
- opacity:0.2;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .image22:hover {
- height:170px;
- width:170px;
- margin-top:-184px;
- background-color:#fff;
- -moz-border-radius:170px;
- -webkit-border-radius: 170px;
- border:7px solid #ffffff;
- margin-bottom:22px;
- z-index:1000;
- opacity:0;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .sidebarleft {
- height:430px;
- width:248px;
- margin:auto;
- top:0pt;
- bottom:0pt;
- position:fixed;
- right: 1000px;
- }
- #entries {
- margin-top:-140px;margin-left:360px; width: 520px;text-align: center;
- }
- #posts{
- background-color: #FFFFFF;
- font-family:georgia ;
- z-index: 1;text-align: center;
- }
- .post {
- width:500px;
- padding:10px;
- padding-bottom:1px;
- display: block;
- margin-bottom:14px;
- background-color: rgba(255,255,255,1);
- background-image: url('ФОН ПОСТОВ');
- background-repeat: repeat;
- background-position:bottom;
- text-align: center;
- font-style: normal;border:1px solid #ededed;}
- .post img {
- max-width:500px;}
- .sidebardisc {
- height:190px;
- background-color:#D7DBDC;
- font-size: 8px;
- color:#1d1d1d;
- letter-spacing: 0.5px;
- line-height:100%;
- text-transform:uppercase;
- text-align:justify;
- width: 228px;
- padding:10px;
- font-family:;
- opacity:0.5;
- margin-bottom:5px;
- margin-top:10px;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .sidebardisc:hover {
- opacity:1;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- background-color:#D7DBDC;
- }
- .sidebarimage {
- width:248px;
- height:200px;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- background-image:url(ГЛАВНАЯ АВАТАРКА В БЛОГЕ СЛЕВА);
- opacity:0.8;
- }
- .sidebarimage:hover {
- opacity:1;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .title1 {
- font-family:Ruthie;
- font-size:35px;
- text-transform:lowercase;
- color:#d7dbdc;
- margin-left:3px;
- letter-spacing:0.5px;
- }
- .title2 {
- font-family: times new roman;
- font-size:6px;
- letter-spacing:3px;
- text-align:right;
- text-transform:uppercase;
- margin-right:3px;
- }
- .sidebarlinks {
- color: #000;
- font-family: times new roman;
- height: 125px;
- letter-spacing: 3px;
- padding: 5px;
- text-align:right;
- margin:auto;
- top:0pt;
- bottom:0pt;
- position:absolute;
- }
- .sidebarlinks a:link, .sidebarlinks a:active, .sidebarlinks a:visited {
- color: #000;
- font-family: times new roman;
- height: 20px;
- letter-spacing: 3px;
- padding: 15px 30px;
- text-align: center;
- width: 150px;
- }
- .sidebarlinks a:hover {
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- color: #000;
- font-family: times new roman;
- height: 20px;
- letter-spacing: 3px;
- padding: 15px 30px;
- text-align: center;
- width: 150px;
- }
- h3 {
- color:#000;
- font-family: ;
- font-size: 8px;
- letter-spacing:4px;
- line-height: 20px;
- margin: 0;
- padding: 5px;
- text-align: center;
- }
- h3 a:link, h3 a:active, h3 a:visited {
- font-family:;
- color:#000;
- font-size: 8px;
- letter-spacing:4px;}
- .title {
- font-size: 30px;
- font-family: ;
- letter-spacing: -2px;
- color: ;
- }
- </style>
- <script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/tumblelog.js?0ff90f4744de381c2ee8ee7f250254e8"></script><meta http-equiv="x-dns-prefetch-control" content="off"/>
- </head>
- <body>
- <div class="sidebarleft">
- <div class="title1">НАЗВ БЛОГА НА АНГЛ 1 </div>
- <div class="title2">НАЗВ БЛОГА НА АНГЛ 2</div>
- <div class="sidebardisc">
- ОПИСАНИЕ БЛОГА. ЦИТАТЫ. ВИДЖЕТЫ. ПЛЕЕРЫ.
- </div>
- <div class="sidebarimage"></div>
- <div style="margin-top:5px; height:20px; width:248px; background-color:#eff1f1; text-align:center; font-family:times new roman;font-size:7px; color:#000; text-transform:uppercase; line-height:20px; letter-spacing:2px;">
- <a href="/page/2" style="font-family:times new roman;font-size:7px; color:#000; text-transform:uppercase; line-height:20px; letter-spacing:2px;">NEXT</a>
- </div>
- </div>
- <div class="sidebar"></div>
- <div class="sidebarborder"></div>
- <div class="rounds">
- <div class="image1"></div>
- <div class="image11"></div>
- <div class="roundlinks">
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- <a href="ССЫЛКА">НАЗВАНИЕ</a><br>
- </div>
- <div class="image2"></div>
- <div class="image22"></div>
- </div>
- <div id="entries">
- <div id="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