Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <head>
- <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}
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
- <!---theme by elsewheretales.tumblr.com
- enjoy!
- -->
- <!----DO NOT TOUCH THIS STUFF------------>
- <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>
- <!-----END OF DO NOT TOUCH THIS STUFF------------->
- <!--Default Variables-->
- <meta name="if:Faded Posts" content="0" />
- <meta name="if:Show Captions" content="0" />
- <meta name="if:Show Tags" content="0" />
- <meta name="color:Background" content="#fff" />
- <meta name="color:Container" content="#fff" />
- <meta name="color:Right Sidebar" content="#fff" />
- <meta name="color:Left Sidebar" content="#fff" />
- <meta name="color:Text" content="#111" />
- <meta name="color:Link" content="#555" />
- <meta name="color:Link Hover" content="#b2b2b2" />
- <meta name="color:Borders" content="#e2e2e2" />
- <meta name="image:Sidebar Image" content="" />
- <meta name="text:Left Title" content="" />
- <meta name="text:Right Title" content="" />
- <meta name="text:Updates Title1" content="" />
- <meta name="text:Updates Title2" content="" />
- <meta name="text:Link1" content="" />
- <meta name="text:Link1 URL" content="" />
- <meta name="text:Link2" content="" />
- <meta name="text:Link2 URL" content="" />
- <meta name="text:Link3" content="" />
- <meta name="text:Link3 URL" content="" />
- <meta name="text:Link4" content="" />
- <meta name="text:Link4 URL" content="" />
- <meta name="text:Link5" content="" />
- <meta name="text:Link5 URL" content="" />
- <meta name="text:Link6" content="" />
- <meta name="text:Link6 URL" content="" />
- <meta name="text:Link7" content="" />
- <meta name="text:Link7 URL" content="" />
- <meta name="text:Link8" content="" />
- <meta name="text:Link8 URL" content="" />
- <!-- jquery script for tooltip -->
- <script>
- $().ready(function() {
- $("[title]").style_my_tooltips({
- tip_follows_cursor: "on",
- tip_delay_time: 200
- });
- });
- </script>
- <!---------------------------CSS------------------------------>
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:300px;
- margin-left:14px;
- font-size:11px;
- line-height:18px;
- position:absolute;
- letter-spacing:1px;
- z-index:9999;
- background:{color:Background};
- color:{color:Text};
- border:1px solid {color:Borders};
- padding:3px;
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- transition:all 0.3s;
- }
- /* scrollbar */
- ::-webkit-scrollbar{
- width: 5px;
- height: 5px;
- -webkit-border-radius: 0px;
- background-color: #e2e2e2;
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:Background};
- border:1px solid {color:Borders};
- }
- ::-webkit-scrollbar-track{
- background-color:#fff;}
- /* cursor and reset */
- *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto!important;}
- /* other stuff */
- body {
- background: url('{image:Background}') {color:Background};
- color:{color:Text};
- font-family:'Playfair Display',cambria, serif;
- font-size:11px;
- letter-spacing:1px;
- line-height:18px;
- text-align:justify;
- margin:0;
- padding:0;
- }
- a {
- color:{color:Link};
- text-decoration:none;
- }
- a:hover {
- font-style:italic;
- text-decoration:none;
- color: {color:Link Hover};
- }
- img{
- opacity:1;
- border:none;
- text-decoration:none;
- }
- h1 {
- font-family:'Playfair Display', cambria, serif;
- font-size:13px;
- letter-spacing:1px;
- text-align:center;
- font-style:normal;
- text-transform:uppercase;
- font-weight:normal;
- line-height:100%;
- color:{color:Text};
- }
- h2 {
- font-family:'Playfair Display', cambria, serif;
- font-size:12px;
- letter-spacing:1px;
- line-height:120%;
- text-align:center;
- letter-spacing:1px;
- color:{color:Text};
- padding:1px;
- font-weight:normal;
- }
- blockquote {padding:0px; padding-left:10px; 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;
- margin-bottom:0px;
- text-align:center;
- font-weight:none;
- }
- /* left sidebar */
- #sidebar {
- height:100%;
- border-right:1px solid {color:Borders};
- border-left:1px solid {color:Borders};
- margin:0;
- width:200px;
- margin-left:-250px;
- position:fixed;
- padding-right:10px;
- background: {color:Left Sidebar};
- }
- /* sidebar image */
- .sidebaricon {
- margin:150px 0px 0px 75px;
- padding: 10px 10px 10px 0px;
- width:100px;
- height:auto;
- display:block;
- position:relative;
- }
- .sidebaricon img {
- display:block;
- max-width:100px;
- padding:4px;
- }
- .sidebaricon img:hover {
- filter:gray;
- -webkit-filter: grayscale(100%);
- }
- /* blog title */
- {block:ifLeftTitle}
- .blogtitle {
- width:150px;
- margin:10px 0px 0px 56px;
- padding:2px;
- font-family:baskerville;
- font-size:12px;
- letter-spacing:2px;
- line-height: 150%;
- text-transform:uppercase;
- text-align:center;
- border-top:1px solid {color:Borders};
- border-bottom:1px solid {color:Borders};
- }
- {/block:ifLeftTitle}
- .blogtitle a {color:{color:Text};}
- .blogtitle a:hover { color: {color:Link Hover};}
- /* sidebar links */
- .links{
- margin:0px 50px 0px 70px;
- padding-top:5px;
- letter-spacing:1px;
- line-height:18px;
- text-align:left;
- font-size:11px;
- text-transform:lowercase;
- color:{color:Link};
- }
- .links a {
- width:100px;
- display:block;
- padding:3px 4px;
- text-align:left;
- text-decoration:none;
- border-bottom:1px solid {color:Borders};
- }
- .links a:hover {
- padding-left:31px;
- font-style:italic;
- color:{color:Borders};
- -webkit-transition:0.6s;
- -moz-transition:0.6s;
- -o-transition:0.6s;
- }
- /* description */
- #desc {
- margin:20px 40px -10px 60px;
- width:130px;
- text-align:justify;
- line-height:140%;
- }
- #desc:first-letter {
- font-size:18px;
- font-weight:bold;
- display:block;
- text-transform:uppercase;
- float:left;
- padding:3px;
- margin: 2px 6px -4px 0px;
- border:1px solid {color:Borders};
- background-color:{color:Background};
- }
- /* pagination */
- .page {
- margin:30px 10px 0px 50px;
- text-align:center;
- font-size:14px;
- text-transform:lowercase;
- letter-spacing:1px;
- line-height:18px;
- }
- .page a {
- color:{color:Text};
- }
- .page a:hover{
- font-style:italic;
- color: {color:Link Hover};
- }
- /* content area */
- #content {
- left:47%;
- margin-left:-240px;
- position:absolute;
- overflow:visible;
- height:100%;
- }
- /* post space */
- #entry {
- width:600px;
- margin:0px 0px 0px -40px;
- padding:60px 0px 100px 30px;
- background:{color:Container};
- }
- /* actual posts */
- #post {
- width:500px;
- margin:20px 0px 80px 0px;
- {block:ifFadedPosts}
- opacity:0.7;
- {/block:ifFadedPosts}
- }
- #post:hover {
- {block:ifFadedPosts}
- opacity:1;
- -webkit-transition:0.3s;
- -moz-transition:0.3s;
- -o-transition:0.3s;
- {/block:ifFadedPosts}
- }
- /* image posts */
- #post img {
- max-width:500px;
- display:block;
- padding-bottom:0px;
- }
- .photoset {
- display:block;
- padding-bottom:0px;
- }
- #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}
- /* quotes */
- .quote{
- font-size:13px;
- line-height:140%;
- margin:0 20px;
- font-style:italic;
- text-align:center;
- letter-spacing:1px;
- color:{color:Text};
- padding-bottom:10px;
- }
- .quotecomma1{
- margin:0px 0px 5px 40px;
- float:left;
- position:relative;
- font-size:60px;
- font-family:'Playfair Display';
- letter-spacing:1px;
- }
- .quotecomma2{
- margin:5px 40px 0px 0px;
- float:right;
- position:relative;
- font-size:60px;
- font-family:'Playfair Display';
- letter-spacing:1px;
- }
- .quotesource {
- text-align:right;
- padding-top:10px;
- font-size:12px;
- text-transform:none;
- letter-spacing:2px;
- line-height: 140%;
- }
- /* audio */
- .tumblr_audio_player {
- border:none;
- padding:0px;
- margin:0px;
- height:30px;
- width:215px;
- border:1px solid {color:Borders};
- }
- .player {
- overflow:hidden;
- text-align:center;
- height:50px;
- }
- .audioinfo {
- font-size:12px;
- letter-spacing:2px;
- font-style:italic;
- padding-bottom:10px;
- text-align:center;
- }
- /* question and answer */
- .question {
- text-align:left;
- margin-bottom:20px;
- font-size:12px;
- padding:10px;
- border:1px solid {color:Borders};
- }
- .asker {
- font-size:11px;
- letter-spacing:2px;
- line-height:18px;
- text-align:right;
- font-weight:bold;
- }
- .asker a {
- font-style:normal;
- }
- .answer {
- text-align:left;
- margin: 0px 10px;
- }
- /* chat */
- .chat {margin:0px;}
- .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:10px;
- letter-spacing:1px;
- text-align:left;
- text-transform:none;
- border-top:1px solid {color:Borders};
- }
- #permalink a {margin:0px 5px;
- }
- #permalink a:hover{
- font-style:italic;
- color: {color:Link Hover};
- }
- /* tags */
- .tags {
- width:495px;
- font-size:10px;
- font-family:'Playfair Display', cambria, serif;
- text-align:left;
- line-height:130%;
- opacity:0;
- padding-top:5px;
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- .tags a{
- color:{color:Link};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- .tags a:hover{
- color:{color:Link Hover};
- -moz-transition-duration:0.8s;
- -webkit-transition-duration:0.8s;
- -o-transition-duration:0.8s;
- }
- /* hover tags */
- #post:hover .tags{
- opacity:1;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- /* notes */
- .notes {
- {block:IndexPage}
- display: none;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- 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;
- }
- .notess {
- font-size:11px;
- font-weight:bold;
- letter-spacing:1px;
- color:{color:Text};
- text-transform:lowercase;
- }
- /* right sidebar */
- #sidebar2 {
- height:100%;
- margin:0px 0px 0px 520px;
- border-left:1px solid {color:Borders};
- border-right:1px solid {color:Borders};
- background: {color:Right Sidebar};
- width:180px;
- float:right;
- position:fixed;
- padding-left:20px;
- }
- {block:ifRightTitle}
- .blogtitle2 {
- width:150px;
- margin:40px -10px 0px -20px;
- padding:2px;
- font-family:baskerville;
- font-size:12px;
- letter-spacing:2px;
- line-height: 150%;
- text-align:center;
- text-transform:uppercase;
- border-top:1px solid {color:Borders};
- border-bottom:1px solid {color:Borders};
- position:relative;
- }
- {/block:ifRightTitle}
- .links2{
- margin-top:10px;
- letter-spacing:1px;
- line-height:140%;
- text-align:left;
- font-size:11px;
- text-transform:lowercase;
- position:relative;
- }
- .links2 a {
- width:125px;
- display:block;
- padding:3px 4px;
- text-align:left;
- text-decoration:none;
- border-bottom:1px solid {color:Borders};
- }
- .links2 a:hover {
- padding-left:31px;
- font-style:italic;
- color:{color:Link Hover};
- -webkit-transition:0.6s;
- -moz-transition:0.6s;
- -o-transition:0.6s;
- }
- .updates{
- width:130px;
- margin-top:0px;
- text-transform:lowercase;
- text-align:left;
- font-family:'Playfair Display', cambria, serif;
- font-size:11px;
- letter-spacing:1px;
- line-height:140%;
- opacity: 1;
- position:relative;
- background-color:{color:Right Sidebar};
- z-index:9999;
- }
- .updates1 {
- overflow:hidden;
- font-family:'Playfair Display', cambria, serif;
- font-size:11px;
- letter-spacing:1px;
- padding:4px 0px 2px 5px;
- height:15px;
- border-bottom:1px solid {color:Borders};
- z-index:999999999999999999999;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .updates1:hover {
- height:150px; /* you can change this to anything you like, based on how long
- your updates tab is going to be */
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .updates2 {
- overflow:hidden;
- font-family:'Playfair Display', cambria, serif;
- padding:2px 0px 5px 5px;
- font-size:11px;
- letter-spacing:1px;
- line-height:140%;
- height:15px;
- word-wrap: break-all;
- border-bottom:1px solid {color:Borders};
- z-index:999999999999999999999;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- .updates2:hover {
- height:250px; /* you can change this to anything you like, based on how long
- your update is going to be */
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- /* theme 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
- }
- #box a:hover {
- color:{color:Link Hover};
- background-color:{color:Link};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /* umm finished */
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="content">
- <!--right sidebar-->
- <div id="sidebar2">
- <div class="blogtitle2"><a href="/">{text:Right Title}</a></div>
- <div class="links2">
- {block:ifLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:ifLink6}
- {block:ifLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:ifLink7}
- {block:ifLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:ifLink8}
- </div>
- <div class="updates">
- <div class="updates1">{text:Updates Title1}<div style="padding-top:20px; text-transform:none; opacity:1; text-align:left; color:{color:Text}; font-family:Cambria; font-size:12px;">
- - CONTENT HERE -
- This is like a short intro so keep it short :) And don't forget to delete these comments!
- </div>
- <br><br>
- </div>
- <div class="updates">
- <div class="updates2">{text:Updates Title2}<div style="padding-top:20px; text-transform:none; opacity:1; color:{color:Text};font-family:cambria; font-size:12px;">
- - PUT YOUR CONTENT HERE -
- Make it as long as you want, or as long as you can go, or if you know a bit of html code you can go into it and adjust the length of these tabs, go to #updates:hover in my code and look for my comments!
- </div></div>
- <br><br>
- </div>
- </div>
- </div>
- <!--left sidebar-->
- <div id="sidebar">
- <div class="sidebaricon">
- <a href="/"><img src="{image:Sidebar image}"></a>
- </div>
- <div class="blogtitle"><a href="/">{text:Left Title}</a></div>
- <div class="links">
- {block:ifLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}
- </div>
- {block:Description}<div id="desc">{Description}</div>{/block:Description}
- {block:Pagination}
- <div class="page">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </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><div class="quote">{Quote}</div></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}
- <!--pictures-->
- {block:Photo}
- <center>{LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {LinkCloseTag}</center>
- {block:ifShowCaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {Photoset-500}
- </div>
- {block:ifShowCaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photoset}
- <!--video-->
- {block:Video}
- {Video-500}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!--music-->
- {block:Audio}
- <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}<div style="font-size:11px;text-transform:none;padding-top:5px;letter-spacing:1px;line-height:150%;font-style:normal;">{Artist}</div>{/block:Artist}</div>
- {block:AudioPlayer}
- <div class="player">{AudioPlayerwhite}</div>
- {/block:AudioPlayer}
- {/block:Audio}
- <!--question answer-->
- {block:Answer}
- <div class="question">
- {Question}
- <div class="asker"> - {Asker}</div>
- </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:lowercase;"><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"> tagged as:
- {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
- {/block:HasTags}{/block:ifShowTags}
- </div>
- {block:PostNotes}
- <div class="notes">
- {block:NoteCount}<div class="notess">notes</div>{/block:NoteCount}
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- <!--credit-->
- <div id="box"><a href="http://elsewheretales.tumblr.com">ET</div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement