Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <title>{Title}</title>
- <!-- VSELINA Ⓒ -->
- <!-- Please keep the credit intact. You may customize it all you want as long as you know what you're doing. Don't steal. Don't take fragments of the code. E N J O Y ! -->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="altertnate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="" />
- <meta name="font:Body" content="" />
- <meta name="font:title font" content="" />
- <meta name="image:Sidebar" content=""/>
- <meta name="color:Background" content=""/>
- <meta name="color:Sidebar" content=""/>
- <meta name="color:Border" content=""/>
- <meta name="color:Text" content=""/>
- <meta name="color:Links" content="#eee"/>
- <meta name="color:Title Hover" content=""/>
- <meta name="color:Hover Background" content=""/>
- <meta name="color:Links Hover" content=""/>
- <meta name="text:link 1" content="index"/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content="inbox"/>
- <meta name="text:link 2 url" content="/ask"/>
- <meta name="text:link 3" content="link 3"/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content="link 4"/>
- <meta name="text:link 4 url" content="/"/>
- <meta http-equiv="x-dns-prefetch-control" content="off"/>
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <link href='http://fonts.googleapis.com/css?family=Elsie:400,900' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- font-size: 11px;
- text-align:left;
- font-family: {font:body};
- font-weight:300;
- color: {color:text};
- background-color: {color:background};}
- .container{
- width: 400px;
- margin: auto;
- margin-top:100px;
- text-align:center;
- }
- a {
- color: {color:links};
- font-weight:400;
- text-decoration: none;
- transition-duration: 0.5s;
- }
- a:hover {
- -moz-transition-duration: 0.9s;
- -o-transition-duration: 0.9s;
- -webkit-transition-duration: 0.9s;
- color:{color:links hover};
- }
- .sidebar {
- background-color: {color:background};
- width:220px;
- padding:20px;
- height:260px;
- position: absolute;
- top: 40px;
- left:160px;
- position:fixed;
- }
- .blogtitle {
- text-align:center;
- width:200px;
- color:#696969;
- font-family: 'Elsie', cursive;
- font-weight:900;
- font-size:19px;
- letter-spacing:1px;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- }
- .blogtitle:hover{
- color:{color:title hover};
- }
- .description {
- text-align:justify;
- width:200px;
- color:{color:text};
- font-style:italic;
- text-transform:none;
- margin-lefT:-15px;
- margin-top:15px;
- font-family:{font:body font};
- letter-spacing:1px;
- font-size:10px;
- padding:14px;
- background-color:{color:border};
- text-align:left;
- }
- .sideimage {
- margin-left:-20px;
- max-width: 250px;
- max-height:260px;
- margin-top:10px;
- border:solid 5px {color:border};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- }
- .sideimage:hover {
- opacity:0.8;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- }
- .navi{ text-align:center;
- width:211px;
- color:#fff;
- margin-left:-7px;
- background:{color:hover background};
- padding:7px;
- margin-top:5px;
- font-size:12px;
- font-family: {font:font title};
- z-index:1;
- text-transform:uppercase;
- }
- .linksnav:hover {
- color:#fff;
- background:{color:hover background};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- }
- .postcol {width: 400px; margin-left:140px;}
- .posts {margin-bottom: 200px;
- text-align:left;
- }
- .posts blockquote {
- border-left: solid 2px {color:border};
- margin: 0;
- padding-left: 10px;
- }
- .postinfo {
- list-style-type: none;
- text-transform:uppercase;
- display: inline-block;
- padding-top:10px;
- margin-top:20px;
- width:400px;
- line-height:0%;
- text-align:left;
- border-top:1px solid {color:border};
- }
- .notes {text-align:left;
- margin-top:10px;
- }
- .tags {
- font-family:helvetica;
- width:250px;
- line-height:120%;
- font-size:9px;
- text-align:right;
- margin-top:-17px;
- margin-left:150px;
- opacity: 0;
- filter: alpha(opacity=0);
- z-index: 10;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- transition: all 0.8s ease;
- }
- .posts:hover .tags {
- opacity: 1;
- filter: alpha(opacity=100);
- }
- #content #posts #permalink {
- font-size:9px;
- margin-top:10px;
- }
- .quote{ text-align:left;
- font-size:14px;
- color:{color:text};
- }
- .source {
- text-align:right;
- border-top:2px solid {color:links hover};
- border-right:2px solid {color:links hover};
- font-size:12px;
- margin-top:5px;
- padding:7px;
- }
- .chat {
- width: 400px;
- margin-left:-40px;
- text-align: left;
- background-color:#fff;
- letter-spacing:1px;
- padding:40px;
- line-height:200%;
- }
- .chat li {
- list-style-type: none;
- border-bottom: solid 1px {color:border};
- }
- .label {
- color:{color:links hover};
- font-size:11px;
- letter-spacing:1px;
- padding-right:5px;
- }
- .playbox {
- margin-left:15px;
- margin-top:-80px;
- height:47px;
- border:1px solid {color:border};
- background-color:white;
- position: absolute;
- opacity:0.5;
- z-index: 100;
- -webkit-border-radius: 30px;
- -moz-border-radius: 30px;
- border-radius: 30px;
- }
- .playbox: hover {
- opacity:1;
- -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;
- }
- .playbutton {
- width:20px;
- height:30px;
- overflow:hidden;
- position:relative;
- margin-left:100px;
- z-index:100;
- margin:9px 18px 7px 10px;
- }
- .cover {
- margin-left:-10px;
- margin-top:20px;
- width:95px;
- height:95px;
- opacity:0.8;
- border:4px solid {color:border};
- }
- .audiodata {
- font-size:13px;
- font-family: sans-serif;
- font-weight:300;
- color:{color:text};
- padding-left:30px;
- padding-top:30px;
- padding-bottom:30px;
- background-color:#fafafa;
- height:40px;
- text-transform:none;
- margin-top:-105px;
- text-align:left;
- margin-left:100px;
- border:1px solid {color:border};
- }
- .jump_page {
- padding: 4px 8px;
- background-color: #fff;
- color:{color:link};
- font-family:helvetica;
- font-size:10px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 4px 8px;
- color: #fff;
- border-radius:100%;
- background-color:{color:links hover};
- font-family:helvetica;
- font-size:10px;
- text-decoration:none;
- }
- #credit {
- horizontal:auto;
- margin-bottom:10px;
- }
- </style>
- <!---------------------------------------------------
- SCRIPTS
- ---------------------------------------------------->
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- </head>
- <body>
- <div class="container">
- <div class="sidebar">
- <!---------------------------------------------------
- BLOG TITLE
- ---------------------------------------------------->
- <div style="margin-top: 20px;"><div class="blogtitle">{BlogTitle}</div></div>
- <img src="{image:Sidebar}" class="sideimage">
- <!---------------------------------------------------
- NAVIGATION
- ---------------------------------------------------->
- <div class="navi">
- <div class="linksnav">{block:iflink1}<a href="{text:link 1 url}"><span style="color:#fff; background-color:{color:links hover}; padding:5px"><b>{text:link 1}</b></span></a>{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}">{text:link 2}{/block:iflink2}</a>
- {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}</a>
- {block:iflink4}<a href="{text:link 4 url}">{text:link 4}{/block:iflink4}</a>
- </div>
- <!---------------------------------------------------
- DESCRIPTION
- ---------------------------------------------------->
- <div class="description">{block:description}{description}{/block:description}</div>
- <!---------------------------------------------------
- PAGINATION
- ---------------------------------------------------->
- <br>
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <div class="postcol">
- {block:Posts}
- <div class="posts">
- <!---------------------------------------------------
- TEXT POSTS
- ---------------------------------------------------->
- {block:Text}
- <div class="caption">{block:Title}<h2>{Title}</h2>{/block:Title}
- <div style="text-align:justify;">{Body}</div></div>
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Date}{/block:Text}
- <!---------------------------------------------------
- ANSWER POSTS
- ---------------------------------------------------->
- {block:Answer}
- <div class="question">
- <div style="text-align:left; background-color:#fff;color:#000;padding:10px;width:300px;margin:auto;"}<big><big><b> {Asker}: </b></big></big>{Question}</div>
- </div><div style="border:1px solid #f0f0f0; width 400px;"></div>
- {Answer}
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
- {/block:Answer}
- <!---------------------------------------------------
- QUOTE POSTS
- ---------------------------------------------------->
- {block:Quote}
- <div class="quote">
- <div class="quotetext_{Length}">"{Quote}"</div>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- </div>{block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Quote}
- <!---------------------------------------------------
- LINK POSTS
- ---------------------------------------------------->
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Date}
- {/block:Link}
- <!---------------------------------------------------
- CHAT POSTS
- ---------------------------------------------------->
- {block:Chat}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <ul class="chat">{block:Lines}<li class="li">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Chat}
- <!---------------------------------------------------
- PHOTO POSTS
- ---------------------------------------------------->
- {block:Photo}
- <img src="{PhotoURL-HighRes}" width="400px" >
- <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Photo}
- <!---------------------------------------------------
- PHOTOSET POSTS
- ---------------------------------------------------->
- {block:Photoset}
- <div style="width:400px;">{Photoset}</div>
- {block:Caption}{Caption}{/block:Caption}
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Photoset}
- <!---------------------------------------------------
- AUDIO POSTS
- ---------------------------------------------------->
- {block:Audio}<div id="audiopost">{block:AudioPlayer}{block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}<div class="playbox"><div class="playbutton">{AudioPlayerwhite}</div></div>{/block:AudioPlayer}
- <div class="audiodata">{block:trackName}<b>{TrackName}</b>{/block:TrackName}<small> by {block:Artist}{Artist}{/block:Artist} </small><br> <small>{PlayCountWithLabel}</small></div>
- {block:Caption}{Caption}{/block:Caption}
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- </div>
- {/block:Audio}
- <!---------------------------------------------------
- VIDEO POSTS
- ---------------------------------------------------->
- {block:Video}
- {Video-400}
- {block:Caption}{Caption}{/block:Caption}
- {block:Date}<div class="postinfo"><div id="permalink"><a href="{Permalink}">{block:Date}<span style="color:#fff; background-color:{color:links hover}; padding:5px">{DayOfMonthWithZero} {ShortMonth} {Year}</span>{/block:Date}</a> <a href="{Permalink}">{block:NoteCount}<span style="color:{color:links hover};"> ♥ </span> {NoteCountWithLabel}{/block:NoteCount}</a></div> <div style="margin-top:12px;"><br>{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogParentName} <a href="{ReblogRootURL}"> Ⓒ {ReblogRootName} </a>{/block:RebloggedFrom} {/block:PermalinkPage}</div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}</div>
- {/block:Date}
- {/block:Video}
- </div>
- <div class="notes"><div style="padding-top:-200px;">{block:PostNotes}<a name="notes">{PostNotes}</a>
- {/block:PostNotes}</div></div>
- {/block:Posts}
- <div class="credit"><a href="http://vselina.tumblr.com"><big><img src="https://31.media.tumblr.com/b2a8de2bad6bbe0e1bd3e83a2ceebe55/tumblr_inline_n3z76t2atr1qacf1b.png"></big></div><br><br>
- </div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement