Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <!--theme by elsewheretales.tumblr.com
- enjoy!
- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!--fonts-->
- <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Roboto' />
- <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato" />
- <!--scripts-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <!--Default Variables-->
- <meta name="if:400px Posts" content="0" />
- <meta name="if:Faded Posts" content="0" />
- <meta name="if:Show Tags" content="1" />
- <meta name="if:Show Captions" content="1" />
- <meta name="image:Sidebar Image Top" content="" />
- <meta name="image:Sidebar Image Bottom" content="" />
- <meta name="image:Left Background" content="" />
- <meta name="image:Post Background" content="" />
- <meta name="text:Blog Title" content="" />
- <meta name="text:Asker Text" content="whispered" />
- <meta name="text:Top Link 1" content="" />
- <meta name="text:Top Link 1 URL" content="" />
- <meta name="text:Top Link 2" content="" />
- <meta name="text:Top Link 2 URL" content="" />
- <meta name="text:Top Link 3" content="" />
- <meta name="text:Top Link 3 URL" content="" />
- <meta name="text:Top Link 4" content="" />
- <meta name="text:Top Link 4 URL" content="" />
- <meta name="text:Bottom Link 1" content="" />
- <meta name="text:Bottom Link 1 URL" content="" />
- <meta name="text:Bottom Link 2" content="" />
- <meta name="text:Bottom Link 2 URL" content="" />
- <meta name="text:Bottom Link 3" content="" />
- <meta name="text:Bottom Link 3 URL" content="" />
- <meta name="text:Bottom Link 4" content="" />
- <meta name="text:Bottom Link 4 URL" content="" />
- <meta name="color:Left Background" content="#f4f4f4" />
- <meta name="color:Post Background" content="#f4f4f4" />
- <meta name="color:Sidebar Background" content="#ffffff" />
- <meta name="color:Desc Background" content="#ffffff" />
- <meta name="color:Posts" content="#ffffff" />
- <meta name="color:Text" content="#555555" />
- <meta name="color:Link" content="#000000" />
- <meta name="color:Link Hover" content="#bbbbbb" />
- <meta name="color:Borders" content="#e2e2e2" />
- <!-- jquery script for tooltip -->
- <script>
- $().ready(function() {
- $("[title]").style_my_tooltips({
- tip_follows_cursor: "on",
- tip_delay_time: 200
- });
- });
- </script>
- <!----CSS begins--->
- <style type="text/css">
- /* tooltip */
- #s-m-t-tooltip{
- margin-left:14px;
- font-size:10px;
- line-height:18px;
- position:absolute;
- text-transform:uppercase;
- letter-spacing:1px;
- z-index:9999;
- border:1px solid {color:Borders};
- background:{color:Sidebar Background};
- color:{color:Link};
- padding:3px;
- -webkit-transition:all 0.2s;
- -moz-transition:all 0.2s;
- -ms-transition:all 0.2s;
- -o-transition:all 0.2s;
- transition:all 0.2s;
- }
- /* scrollbar */
- ::-webkit-scrollbar{
- width: 5px;
- height: 5px;
- background-color: {color:Borders};
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:Background};
- border:1px solid {color:Borders};
- }
- ::-webkit-scrollbar-track{
- background-color:{color:Background};}
- /* cursor and reset */
- *, body, a, a:link, a:visited, a:hover {
- cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png),
- auto!important;
- }
- /* stuff */
- body {
- background: url('{image:Left Background}') {color:Left Background};
- color:{color:Text};
- font-family: 'Roboto', Cambria, serif;
- font-size:11px;
- line-height:170%;
- text-align:justify;
- margin:0;
- padding:0;
- }
- a, a:link, a:visited {
- color: {color:Link};
- text-decoration:none;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition:all 0.3s linear;
- transition: all 0.3s linear;
- }
- a:active, a:hover {
- color: {color:Link Hover};
- border-bottom:1px dashed {color:Borders};
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- -o-transition:all 0.3s linear;
- transition: all 0.3s linear;
- }
- img{
- opacity:1;
- border:none;
- text-decoration:none;
- }
- h1 {
- font-family:'Lato', Cambria, serif;
- font-size:13px;
- letter-spacing:1px;
- padding-top:5px;
- text-align:center;
- font-weight:normal;
- text-transform:uppercase;
- line-height:100%;
- color:{color:Text};
- }
- h2 {
- font-family:'Lato', Cambria, serif;
- font-size:12px;
- letter-spacing:1px;
- line-height:120%;
- text-align:center;
- letter-spacing:1px;
- color:{color:Text};
- padding:3px;
- font-weight:normal;
- }
- blockquote {padding:0px; padding-left:5px; margin:5px; border-left: 1px solid {color:Borders}; overflow:hidden;}
- blockquote img {max-width:90%;}
- small, big {font-size:12px;letter-spacing:1px; line-height:18px;}
- b, strong {color: {color:Text}; }
- i, em {color: {color:Text};}
- p {margin-top:10px; margin-bottom:10px;}
- ol {list-style:normal;}
- ul {list-style:square;}
- s, strike, del {color: {color:Text}; font-size:100%;}
- background { {color:Background}; border:1px solid {color:Borders}; margin:0; padding: 5px;}
- #title {
- font-size:12px;
- letter-spacing:1px;
- line-height:18px;
- padding:5px;
- text-align:center;
- border-bottom:1px solid {color:Borders};
- }
- #sidebar {
- width:250px;
- height:100%;
- position:fixed;
- margin:0px 0px 0px -523px;
- padding:60px 33px 0px 0px;
- background-color:{color:Sidebar Background};
- color:{color:Text};
- border-right:1px solid {color:Borders};
- border-left:1px solid {color:Borders};
- }
- #side1 {
- }
- #side1 img {
- width:80px;
- height:80px;
- float:right;
- padding:3px;
- background:{color:Background};
- margin:15px 18px 0px 0px;
- border:1px solid {color:Borders};
- }
- #side1 a {border:none; max-width:80px; }
- #side1 img:hover {
- filter:gray;
- -webkit-filter: grayscale(100%);
- }
- #links1 {
- float:left;
- text-align:right;
- width:83px;
- margin:17px 0px 0px 57px;
- text-transform:uppercase;
- font-size:8px;
- }
- #links1 a {
- color:{color:Link};
- display:block;
- border-bottom:1px solid {color:Borders};
- }
- #links1 a:hover {
- color:{color:Link Hover};
- border-bottom:1px dashed {color:Link Hover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition:all 0.3s ease-in-out;
- }
- #side2 { }
- #side2 img {
- width:80px;
- float:left;
- margin:15px 0px 0px 45px;
- height:80px;
- padding:3px;
- background:{color:Background};
- border:1px solid {color:Borders};
- }
- #side2 a {border:none; max-width:80px;}
- #side2 img:hover {
- filter:gray;
- -webkit-filter: grayscale(100%);
- }
- #links2 {
- float:right;
- margin:20px 25px 0px 0px;
- width:83px;
- text-align:left;
- text-transform:uppercase;
- font-size:8px;
- }
- #links2 a {
- color:{color:Link};
- display:block;
- border-bottom:1px solid {color:Borders};
- }
- #links2 a:hover {
- border-bottom:1px dashed {color:Link Hover};
- color:{color:Link Hover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- #blogtitle {
- font-family:'Lato', Cambria, serif;
- border-top:1px solid {color:Borders};
- text-align:center;
- font-size:12px;
- text-transform:uppercase;
- float:right;
- margin:15px 0px 0px 10px;
- padding:10px 0px 10px 0px;
- }
- #blogtitle a{
- color:{color:Text};
- }
- #blogtitle a:hover {
- border-bottom:1px dashed {color:Link Hover};
- }
- #desc {
- width:200px;
- font-family: 'Roboto', Cambria, serif;
- font-size:11px;
- margin:10px 0px 0px 0px;
- background:{color:Desc Background};
- border:1px solid {color:Borders};
- padding:7px 10px 10px 5px;
- text-transform:none;
- line-height:150%;
- }
- #desc:first-letter {
- font-size:18px;
- font-weight:bold;
- }
- .page {
- width:220px;
- text-align:center;
- text-transform:lowercase;
- padding-top:5px;
- border-bottom:1px solid {color:Borders};
- }
- .page a {
- color:{color:Link};
- }
- .page a:hover{
- color: {color:Link Hover};
- border:none;
- }
- /*content*/
- #content {
- left:47%;
- position:absolute;
- overflow:visible;
- height:100%;
- }
- /* post space */
- #entry {
- background: url('{image:Post Background}') {color:Post Background};
- padding:60px 0px 100px 0px;
- {block:ifnot400pxPosts}
- width:1000px;
- margin-left:-240px;
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- width:1000px;
- margin-left:-175px;
- {/block:if400pxPosts}
- }
- /* actual posts */
- #post {
- padding:10px 10px 0px 10px;
- margin-bottom:150px;
- border:1px solid {color:Borders};
- background:{color:Posts};
- {block:ifnot400pxPosts}
- width:500px;
- margin-left:60px;
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- {block:ifFadedPosts}
- opacity:0.7;
- {/block:ifFadedPosts}
- }
- /* faded posts */
- #post:hover {
- {block:ifFadedPosts}
- opacity:1;
- -webkit-transition:0.3s;
- -moz-transition:0.3s;
- -o-transition:0.3s;
- {/block:ifFadedPosts}
- }
- /* image posts */
- #post img {
- display:block;
- padding-bottom:5px;
- {block:ifnot400pxPosts}
- max-width:500px;
- {/block:ifnot400pxpOSTS}
- {block:if400pxPosts}
- max-width:400px;
- {/block:if400pxPosts}
- }
- .photoset {
- display:block;
- padding-bottom:5px;
- {block:ifnot400pxPosts}
- max-width:500px;
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- max-width:400px;
- {/block:if400pxPosts}
- }
- #post li {max-width:100%;}
- {block:ifShowCaptions}
- #post .blockquote {
- margin: 10px 0px 10px 10px;
- padding-left: 15px;
- border-left: 1px solid {color:Borders};
- }
- {/block:ifShowCaptions}
- {block:ifShowCaptions}
- #post .blockquote img { max-width:90%;}
- {/block:ifShowCaptions}
- /* quote */
- .quote{
- font-size:13px;
- line-height:140%;
- margin:0px 20px;
- padding: 10px 0px 10px 0px;
- text-align:center;
- letter-spacing:1px;
- color:{color:Text};
- }
- .quotecomma1{
- margin:20px -30px 5px 0px;
- float:left;
- opacity:0.3;
- position:relative;
- font-size:60px;
- font-family:'Roboto';
- letter-spacing:1px;
- }
- .quotecomma2{
- margin:5px 0px 0px 0px;
- float:right;
- opacity:0.3;
- position:relative;
- font-size:60px;
- font-family:'Roboto';
- letter-spacing:1px;
- }
- .quotesource {
- text-align:right;
- font-size:12px;
- letter-spacing:1px;
- line-height: 140%;
- }
- /* audio */
- .tumblr_audio_player {
- {block:ifnot400pxPosts}
- height:30px;
- width:490px;
- border:1px solid {color:Borders};
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- height:30px;
- width:390px;
- border:1px solid {color:Borders};
- {/block:if400pxPosts}
- }
- .player {
- overflow:hidden;
- text-align:center;
- height:50px;
- }
- .audioinfo {
- font-size:12px;
- letter-spacing:2px;
- padding:10px 0px 10px 0px;
- text-align:center;
- }
- /*question and answer */
- .question {
- text-align:left;
- margin-bottom:20px;
- font-size:12px;
- padding:10px;
- border-bottom:1px solid {color:Borders};
- }
- .asker {
- font-size:11px;
- letter-spacing:1px;
- line-height:18px;
- text-align:left;
- }
- .asker a {
- font-style:normal;
- }
- .answer {
- text-align:left;
- margin: 0px 10px;
- }
- /* chat posts */
- .chat {margin:0px; font-size:11px;}
- .chat ol {
- padding:0;
- line-height:160%;
- list-style:none;
- }
- .line.odd {
- background: {color:Borders};
- padding:5px;
- }
- .line.even {
- padding:5px;
- }
- .label {
- color:{color:Text};
- font-weight:bold;
- padding-right:1px;
- letter-spacing:1px;
- text-transform:none;
- }
- /* post footer */
- #permalink {
- margin-top:10px;
- font-size:9px;
- letter-spacing:1px;
- text-align:left;
- text-transform:uppercase;
- border-top:1px solid {color:Borders};
- }
- #permalink a {
- margin:0px 5px;
- color:{color:Text};
- }
- #permalink a:hover{
- color: {color:Link Hover};
- }
- /* tags */
- .tags {
- {block:ifnot400pxPosts}
- width:500px;
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- font-size:10px;
- font-family:'Roboto', tahoma, serif;
- text-align:center;
- text-transform:lowercase;
- line-height:130%;
- border-top:1px solid {color:Borders};
- opacity:1;
- padding:3px 0px 3px 0px;
- {block:ifnotShowTags}
- display:none;
- {/block:ifnotShowTags}
- }
- .tags a{
- padding-left:3px;
- color:{color:Link};
- }
- .tags a:hover{
- color:{color:Link Hover};
- }
- /* notes */
- .notes {
- {block:IndexPage}
- display: none;
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:ifnot400pxPosts}
- width:500px;
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- padding-left:20px;
- margin-left:20px;
- {/block:PermalinkPage}
- text-align:left;
- }
- .notes img {
- display:none;
- }
- .notes li {
- list-style-type:none;
- padding:5px 0px;
- text-align:left;
- margin:0 0 0 -40px;
- font-size:10px;
- border-bottom:1px solid {color:Borders};
- }
- .notess {
- font-size:11px;
- font-weight:bold;
- letter-spacing:1px;
- color:{color:Text};
- text-transform:uppercase;
- }
- /* credit */
- #box {
- font-size:10px;
- font-family:cambria;
- letter-spacing:1px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #box a {
- position:fixed;
- padding:5px;
- background-color:{color:Background};
- color:{color:Text};
- border:1px solid {color:Borders};
- right:10px;
- bottom:10px;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #box a:hover {
- color:{color:Text};
- background-color:{color:Link Hover};
- -moz-transform:rotate(360deg);
- -webkit-transform:rotate(360deg);
- -o-transform:rotate(360deg);
- -ms-transform:rotate(360deg);
- transform:rotate(360deg);
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="content">
- <!--sidebar-->
- <div id="sidebar">
- <!--top part-->
- <div id="side1">
- <a href="/"><img src="{image:Sidebar image Top}"></a>
- <div id="links1">
- {block:ifTopLink1}
- <a href="{text:Top Link 1 URL}">{text:Top Link 1}</a>
- {/block:ifTopLink1}
- {block:ifTopLink2}
- <a href="{text:Top Link 2 URL}">{text:Top Link 2}</a>
- {/block:ifTopLink2}
- {block:ifTopLink3}
- <a href="{text:Top Link 3 URL}">{text:Top Link 3}</a>
- {/block:ifTopLink3}
- {block:ifTopLink4}
- <a href="{text:Top Link 4 URL}">{text:Top Link 4}</a>
- {/block:ifTopLink4}
- </div>
- </div>
- <div id="blogtitle"><a href="/">{text:Blog Title}</a>
- <div id="desc">{Description}</div>
- {block:Pagination}
- <div class="page">
- {block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}
- {CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> →</a>
- {/block:NextPage}</div>
- {/block:Pagination}
- <!--MUSIC PLAYER SPACE-->
- </div>
- <!--bottom part-->
- <div id="side2">
- <a href="/"><img src="{image:Sidebar image Bottom}"></a>
- <div id="links2">
- {block:ifBottomLink1}<a href="{text:Bottom Link 1 URL}">{text:Bottom Link 1}</a>{/block:ifBottomLink1}
- {block:ifBottomLink2}<a href="{text:Bottom Link 2 URL}">{text:Bottom Link 2}</a>{/block:ifBottomLink2}
- {block:ifBottomLink3}<a href="{text:Bottom Link 3 URL}">{text:Bottom Link 3}</a>{/block:ifBottomLink3}
- {block:ifBottomLink4}<a href="{text:Bottom Link 4 URL}">{text:Bottom Link 4}</a>{/block:ifBottomLink4}
- </div>
- </div>
- </div>
- <div id="entry">
- {block:Posts}
- <div id="post">
- <!--text-->
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- <!--link-->
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--quote-->
- {block:Quote}
- <div class="quotecomma1">“</div>
- <center><big><big><div class="quote">{Quote}</div></big></big></center>
- <div class="quotecomma2">”</div><br>
- {block:Source}<div class="quotesource"> - {Source}</div>{/block:Source}
- {/block:Quote}
- <!--chat-->
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- <!--photo-->
- {block:Photo}
- {block:ifnot400pxPosts}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {/block:if400pxPosts}
- {block:ifShowCaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photo}
- <!--photoset-->
- {block:Photoset}
- <div class="photoset">
- {block:ifnot400pxPosts}
- {Photoset-500}
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- {Photoset-400}
- {/block:if400pxPosts}
- </div>
- {block:ifShowCaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photoset}
- <!--video-->
- {block:Video}
- {block:ifnot400pxPosts}
- {Video-500}
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- {Video-400}
- {/block:if400pxPosts}
- {block:ifShowCaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Video}
- <!--audio-->
- {block:Audio}
- <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}<div style="font-size:11px;padding-top:5px;letter-spacing:1px;line-height:150%;">{Artist}</div>{/block:Artist}</div>
- {block:AudioPlayer}
- <div class="player">{AudioPlayerwhite}</div>
- {/block:AudioPlayer}
- {/block:Audio}
- <!--question answer-->
- {block:Answer}
- <div class="question">
- <div class="asker">{Asker} {text:Asker Text}:</div>{Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <!--footer-->
- <div id="permalink">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}| +{NoteCount}</a>{/block:NoteCount}
- |<span style="float:center; text-transform:upperrcase;"><a title="Reblog Post" href="{ReblogURL}" style="color:{color:title};"> REBLOG</a></span>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <span style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{block:ContentSource} | <a href="{ReblogRootURL}"> © </a>{/block:ContentSource}{/block:RebloggedFrom}</span>
- </div>
- {block:ifShowTags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
- {/block:HasTags}{/block:ifShowTags}
- </div>
- <!--notes-->
- {block:PostNotes}
- <div class="notes">
- {block:NoteCount}<div class="notess">notes</div>{/block:NoteCount}
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- <!----IF YOU WANT TO ADD ANY SCROLL TO TOP THING------------>
- <!----THEN THIS IS A GOOD SPACE TO PASTE THE CODE----------->
- <!--credit-->
- <div id="box"><a href="http://elsewheretales.tumblr.com">ET</div>
- <!--finish-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement