Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- theme by baudelair-e
- РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
- 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#">
- <!-- <link href="http://static.tumblr.com/xgofl0y/kPhm1ufhj/style-my-tooltips.css" rel="stylesheet" type="text/css" /> -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"><!--mce:0--></script>
- <script src="toggle.js" type="text/javascript"><!--mce:1--></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".description").hide();
- $(".box").click(function(){
- $('.description')
- .slideToggle("slow");
- return true;
- });
- });
- </script>
- <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
- <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
- <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 6px;
- }
- ::-webkit-scrollbar-thumb {
- background-color:#8ffcff;
- }
- ::-webkit-scrollbar-track{
- background-color:#ffffff;
- }
- ::-webkit-scrollbar-buttom{
- background-color:#fff;
- }
- @font-face{
- font-family: 'Freehand575BT';
- src: url('http://static.tumblr.com/vxnvkrs/NU1m8d3fw/tt1046m_-webfont.eot');
- src: url('http://static.tumblr.com/vxnvkrs/NU1m8d3fw/tt1046m_-webfont.eot?#iefix') format('embedded-opentype'),
- url('Phttp://static.tumblr.com/vxnvkrs/L7dm8d3gz/tt1046m_-webfont.woff') format('woff'),
- url('http://static.tumblr.com/vxnvkrs/QnXm8d3hp/tt1046m_-webfont.ttf') format('truetype'),
- url('http://static.tumblr.com/vxnvkrs/1mZm8d3j0/tt1046m_-webfont.svg') format('svg');
- }
- body{
- background-image:url('ФОН');
- font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
- text-align:left;
- font-size: 10px;
- color: #777777;
- background-color: #F7F7F7;
- background-attachment:fixed;
- background-repeat:repeat;
- }
- a{
- color: #777777;
- text-decoration: none;
- -webkit-transition-duration: .3s;
- }
- a:hover{
- color: #d9f2d9;
- text-decoration: none;
- font-weight:none;
- }
- #entries{
- width:520px;
- margin-left: 25%;
- margin-top: 10px;
- margin-bottom: 10px;
- position:absolute;}
- .post {
- width:500px;
- padding:10px;
- padding-bottom:0px;
- display: block;
- margin-bottom:14px;
- margin-top:8px;
- background-color:#FFFFFF;
- background-image: url('ФОН ПОСТОВ');
- background-repeat: repeat;
- text-align: center;
- font-style: normal;
- border-bottom:3px solid #373737;
- -webkit-box-shadow: 0px 6px 6px -5px #c3c3c3;
- -moz-box-shadow: 0px 6px 6px -5px #c3c3c3;
- box-shadow: 0px 6px 6px -5px #c3c3c3;
- }
- .post img {
- max-width:500px; }
- #below{
- width:514px;
- text-align:left;
- margin-bottom:25px;
- }
- #title{
- letter-spacing: 1px;
- font-style:italic;
- font-family:georgia;
- font-size:21px;
- text-align:center;
- line-height:110%;
- color: #777777;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #title a{
- color:#777777;
- border-bottom:0px solid transparent;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #title a:hover{
- color:#f8da8e;
- background-color: transparent;
- border-bottom:2px solid #f8da8e;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- -webkit-box-shadow: 0px 5px 6px -5px #c3c3c3;
- -moz-box-shadow: 0px 5px 6px -5px #c3c3c3;
- box-shadow: 0px 5px 6px -5px #c3c3c3;
- }
- .linkdescription{
- padding:length;
- line-height:10px;
- padding-bottom:5px;
- }
- #tone{
- font-family:georgia;
- font-style:italic;
- font-size:95px;
- position:absolute;
- top:-15px;
- left:0px;
- color:#f6f3f0;
- z-index:1;
- }
- #ttwo{
- font-family:georgia;
- font-style:italic;
- font-size:95px;
- position:absolute;
- bottom:-15px;
- right:15px;
- color:#f6f3f0;
- z-index:1;
- line-height:0px;
- }
- #link{font-size:16px; font-style:italic; font-family:georgia; text-align: center;
- color: #777777;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;}
- #link a{
- color:#777777;
- border-bottom:0px solid transparent;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #link a:hover{color:#d9f2d9; background-color: transparent;
- border-bottom:2px solid #d9f2d9; -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- -webkit-box-shadow: 0px 5px 6px -5px #c3c3c3;
- -moz-box-shadow: 0px 5px 6px -5px #c3c3c3;
- box-shadow: 0px 5px 6px -5px #c3c3c3;}
- .arrow{
- position:absolute;
- top:25px;
- left:407px;
- font-size:20px;
- font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
- color:#f3f3f3;
- text-shadow: 0px 2px 5px #f3f3f3;
- filter: dropshadow(color=#f3f3f3, offx=0, offy=2);
- z-index:650;
- }
- #tc{
- position:absolute;
- opacity:0;
- width:50px;
- height:30px;
- right:0px;
- bottom: 0px;
- text-align:center;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #tc a{color:#d8d4d1;}
- #tc a:hover {color:#ffba79;}
- h2{
- font:normal 15px Helvetica, Arial, sans-serif;
- letter-spacing: 1px;
- text-transform:none;
- text-align: left;
- margin-top: 1px;
- margin-bottom: 5px;
- padding: 2px;
- }
- h2 a{color: #777777 }
- h2 a:hover {
- text-decoration: underline;}
- #sidebaricon{padding: 5px;
- float:right;
- right:5%;
- bottom:200px;
- width: auto;
- position: fixed;
- height: auto;}
- #sidebaricon:hover #sidebarlinks{bottom: 300px;}
- #sidebarlinks {bottom:205px; position:fixed;
- -webkit-transition: all .9s ease-out;
- -moz-transition: all .9s ease-out;
- -o-transition: all .9s ease-out;
- transition: all .9s ease-out;}
- #linksplace{
- padding:5px;
- line-height:10px;
- width: 85px;
- height: 85px;
- background-color:#ffffff;
- border-top: 17px solid #373737; z-index: -5;}
- #blogtitle{
- margin-top:3px;
- line-height:120%;
- position: fixed;
- width: 95px;
- font-size: 14px;
- font-style:italic;
- font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
- text-align:center;}
- #blogtitle a{
- border-bottom:0px solid transparent;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- color:#373737;
- }
- #blogtitle a:hover{
- color:#c5c5c5;
- border-bottom:2px solid #373737;
- background-color:transparent;
- padding:0px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- -webkit-box-shadow: 0px 5px 6px -5px #c3c3c3;
- -moz-box-shadow: 0px 5px 6px -5px #c3c3c3;
- box-shadow: 0px 5px 6px -5px #c3c3c3;
- }
- #iconplace {
- padding:5px;
- width:85px;
- position: relative;
- height: 85px;
- background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#373737));
- background: -moz-linear-gradient(top, #c5c5c5, #373737); }
- #iconplace img{width:85px; height:85px;}
- #one {
- width: 85px;
- position: fixed;
- padding: 1px;
- text-align: center;}
- #one a{
- overflow:hidden;
- display:block;
- width: 40px;
- height: 25px;
- font-size: 8px;
- font-family:georgia;
- text-transform: none;
- padding-top: 15px;
- letter-spacing: 1px;
- color:#ffffff;
- -webkit-box-shadow: 0 8px 6px -6px #c3c3c3;
- -moz-box-shadow: 0 8px 6px -6px #c3c3c3;
- box-shadow: 0 8px 6px -6px #c3c3c3;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;}
- #one a:hover{
- transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;
- }
- #two {
- margin-left:43px;
- width: 85px;
- position: fixed;
- padding: 1px;
- text-align: center;}
- #two a{
- overflow:hidden;
- display:block;
- width: 40px;
- height: 25px;
- font-size: 8px;
- font-family:georgia;
- text-transform: none;
- padding-top: 15px;
- letter-spacing: 1px;
- color:#ffffff;
- -webkit-box-shadow: 0 8px 6px -6px #c3c3c3;
- -moz-box-shadow: 0 8px 6px -6px #c3c3c3;
- box-shadow: 0 8px 6px -6px #c3c3c3;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;}
- #two a:hover{
- transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;
- }
- #three {
- margin-top: 43px;
- width: 85px;
- position: fixed;
- padding: 1px;
- text-align: center;}
- #three a{
- overflow:hidden;
- display:block;
- width: 40px;
- height: 25px;
- font-size: 8px;
- font-family:georgia;
- text-transform: none;
- padding-top: 15px;
- letter-spacing: 1px;
- color:#ffffff;
- -webkit-box-shadow: 0 8px 6px -6px #c3c3c3;
- -moz-box-shadow: 0 8px 6px -6px #c3c3c3;
- box-shadow: 0 8px 6px -6px #c3c3c3;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;}
- #three a:hover{
- transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;
- }
- #four {
- margin-left: 43px;
- margin-top:43px;
- width: 85px;
- position: fixed;
- padding: 1px;
- text-align: center;}
- #four a{
- overflow:hidden;
- display:block;
- width: 40px;
- height: 25px;
- font-size: 8px;
- font-family:georgia;
- text-transform: none;
- padding-top: 15px;
- letter-spacing: 1px;
- color:#ffffff;
- -webkit-box-shadow: 0 8px 6px -6px #c3c3c3;
- -moz-box-shadow: 0 8px 6px -6px #c3c3c3;
- box-shadow: 0 8px 6px -6px #c3c3c3;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;}
- #four a:hover{
- transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;
- }
- .box{right:0px; position: absolute; top: 0px; max-width: 80px;
- background: -webkit-gradient(linear, left top, left bottom, from(#373737), to(#c5c5c5));
- background: -moz-linear-gradient(top, #373737, #c5c5c5);
- color:#ffffff; padding: 5px;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;}
- #desc{float:right; right: 12%; position:fixed; bottom:300px;}
- #descplace{
- width: 205px; margin-left: -245px; position: fixed; text-align: left; padding: 5px; z-index: 1; font-size: 10px; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
- -webkit-transition: all .6s ease-out;
- -moz-transition: all .6s ease-out;
- -o-transition: all .6s ease-out;
- transition: all .6s ease-out;}
- #descplace:hover .box{z-index:-1;}
- .description{color: #C2C2C2; text-align:left; background-color: trans}
- #imageside{ position:fixed; top: 110px; left: 4%;}
- #image {width: 300px; }
- #image img{max-width:240px; border: 8px solid #ffffff}
- #imagelinks {background-color: #373737; text-align: center; color:#fff; width: 235px; padding: 5px 10px 5px 10px; font-size: 9px; font-family: georgia; letter-spacing: 1px; margin-top:-4px;}
- #imagelinks a{color: #fff;}
- .footer{
- background-color:none;
- width:500px;
- padding:2px 6px 2px 6px;
- margin-bottom:10px;
- margin-top: -10px;
- font:normal 9px 'Open Sans Condensed';
- text-transform: uppercase;
- letter-spacing:1px;
- text-align: center;
- color:#ffffff;
- }
- .footer a{color: #e1f2e9;}
- .footer a:hover{color:#C6D4B5;}
- </style>
- </head>
- <body>
- <div id="imageside"><div id="image"><img src="АВА СЛЕВА"/></div>
- <div id="imagelinks">
- <a href="ССЫЛКА СЛЕВА">НАЗВАНИЕ</a>
- • <a href="ССЫЛКА СЛЕВА">НАЗВАНИЕ</a>
- • <a href="ССЫЛКА СЛЕВА">НАЗВАНИЕ</a>
- </div>
- </div>
- <div id="sidebaricon">
- <div id="sidebarlinks"> <div id="linksplace">
- <div id="one">
- <a style="background-color:#c9f5ff;" href="ССЫЛКА В КВАДРАТЕ">НАЗВ</a></div>
- <div id="two">
- <a style="background-color:#ffcfc9;" href="ССЫЛКА В КВАДРАТЕ">НАЗВ</a></div>
- <div id="three">
- <a style="background-color:#ffe5c9;" href="ССЫЛКА В КВАДРАТЕ">НАЗВ</a></div>
- <div id="four">
- <a style="background-color:#c9d3ff;" href="ССЫЛКА В КВАДРАТЕ">НАЗВ</a></div>
- </div></div>
- <div id="iconplace"><img src="АВАОЧКА НАД НАЗВАНИЕМ"></div>
- <div id="blogtitle"><a href="/">НАЗВАНИЕ БЛОГА</a></div>
- </div>
- <div id="desc"><div id="descplace"><div class="box">ОПИСАНИЕ </div>
- <div class="description"></div></div></div>
- <div id="entries">
- {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