Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <!--
- This is theme #15 by sandragonthemes.
- Please follow the rules and do not remove the credit.
- If you have questions or feedback please send me a message.
- -->
- <html>
- <head>
- <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=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
- <!--DEFAULT VARIABLES-->
- <meta name="color:Background" content ="#ffffff"/>
- <meta name="color:Text" content="#9fa0a0"/>
- <meta name="color:Link" content="#bebebe"/>
- <meta name="color:Link Hover" content="#818181"/>
- <meta name="color:Borders" content="#eeeeee"/>
- <meta name="image:Sidebar image" content="http://i.imgur.com/boDGIgw.png"/>
- <meta name="font:Body" content="Palatino Linotype, Book Antiqua, Palatino, serif"/>
- <meta name="text:Font size" content="11px"/>
- <meta name="text:Undertitle" content="This is your undertitle"/>
- <meta name="text:Link 1" content="http://"/>
- <meta name="text:Link 1 Title" content=""/>
- <meta name="text:Link 2" content="http://">
- <meta name="text:Link 2 Title" content=""/>
- <meta name="text:Link 3" content="http://">
- <meta name="text:Link 3 Title" content=""/>
- <meta name="text:Link 4" content="http://">
- <meta name="text:Link 4 Title" content=""/>
- <meta name="text:Link 5" content="http://">
- <meta name="text:Link 5 Title" content=""/>
- <meta name="text:Link 6" content="http://">
- <meta name="text:Link 6 Title" content=""/>
- <meta name="text:Link 7" content="http://">
- <meta name="text:Link 7 Title" content=""/>
- <meta name="text:Link 8" content="http://">
- <meta name="text:Link 8 Title" content=""/>
- <style type="text/css">
- {CustomCSS}
- /*SCROLLBAR*/
- ::-webkit-scrollbar {
- width: 8px;
- height:8px;
- }
- ::-webkit-scrollbar-track {
- background-color: {color:Borders};
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:Link};
- }
- /*BODY*/
- body {
- background-color: {color:Background};
- font-family: {font:Body};
- font-size: {text:Font size};
- color: {color:Text};
- letter-spacing:1px;
- }
- a{
- color: {color:Link};
- font-weight:normal;
- text-decoration: none;
- font-size: 10px;
- }
- a:hover{
- color: {color:Link Hover};
- }
- ul{
- list-style-type: none;
- padding: 0px;
- margin: 0px;
- }
- hr{
- background-color: {color:Borders};
- height:1px;
- border: 0px;
- }
- h1{
- font-size: 14px;
- font-family: 'Libre Baskerville', serif;
- font-style:italic;
- margin-left:-10px;
- font-weight:normal;
- }
- h1 a{
- font-weight:normal;
- font-size: 14px;
- }
- img{
- border:none;
- }
- #container{
- width: 900px;
- }
- /*SIDEBAR*/
- #sidebar {
- width: 150px;
- height: 450px;
- position: fixed;
- text-align:center;
- margin-top:85px;
- margin-left:50px;
- font-style:italic;
- overflow:hidden;
- }
- #sidebar img{
- width:150px;
- height:450px;
- }
- #desc_bg{
- width:150px;
- height:450px;
- background-color:#fff;
- opacity:0;
- margin-top:-453px;
- position:fixed;
- z-index: 0;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- }
- #desc{
- width:140px;
- height:180px;
- font-style:italic;
- overflow:hidden;
- margin-top: -425px;
- margin-left: -100px;
- opacity:0;
- position:absolute;
- z-index: 99;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- color:{color:Link Hover};
- }
- #menu{
- margin-top: -230px;
- margin-left:113px;
- position:absolute;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- opacity:0;
- }
- #menu li{
- height:20px;
- margin:3px 0px 0px 32px;
- width:76px;
- padding:0px 5px;
- background-color: #fff;
- overflow:hidden;
- opacity: 0.7;
- }
- #sidebar:hover #desc_bg{
- opacity:0.6;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- }
- #sidebar:hover #desc{
- margin-left:5px;
- opacity:1;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- }
- #sidebar:hover #menu{
- margin-left:0px;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- opacity:1;
- }
- #titles{
- width:200px;
- position: fixed;
- text-align:center;
- margin-top:50px;
- margin-left:25px;
- overflow:hidden;
- }
- #blogtitle {
- height:25px;
- overflow:hidden;
- font-family: 'Libre Baskerville', serif;
- font-style:italic;
- text-transform:lowercase;
- text-shadow: 0px 1px {color:Link Hover};
- font-size:20px;
- margin:0px 0px -5px;
- }
- #blogtitle a{
- font-size:20px;
- -webkit-transition:all 0.6s;
- -moz-transition:all 0.6s;
- -ms-transition:all 0.6s;
- -o-transition:all 0.6s;
- }
- #undertitle{
- margin:0px;
- text-transform:uppercase;
- font-size:9px;
- }
- #nav{
- width:36px;
- height:100px;
- margin-top:200px;
- margin-left:210px;
- float:left;
- position:fixed;
- }
- #nav p{
- height:28px;
- overflow:hidden;
- }
- #nav a{
- line-height:11%;
- font-size: 70px;
- }
- #nav a:hover{
- font-style:italic;
- }
- /*CONTENT*/
- #content {
- float: right;
- width: 500px;
- z-index:90;
- }
- .post {
- width: 500px;
- padding: 15px 10px 0px 100px;
- z-index: 99;
- margin-top: 30px;
- margin-bottom: 50px;
- font-family: {font:Body};
- }
- .notes{
- margin-top: 10px;
- margin-bottom: 10px;
- padding-top: 5px;
- padding-bottom: 5px;
- font-size:9px;
- }
- .notes a{
- font-size: 9px;
- }
- .info{
- height:15px;
- }
- .list li{
- height:13px;
- float:right;
- margin: 6px 0px 0px 3px;
- padding: 0px 2px;
- line-height: 95%;
- border-top:1px solid {color:Borders};
- border-left:1px solid {color:Borders};
- border-right:1px solid {color:Borders};
- }
- .info a{
- font-size:9px;
- }
- .tagged_as{
- height:15px;
- width:50px;
- font-size:9px;
- background-color:{color:Link Hover};
- margin-top:-6px;
- color:{color:Background};
- padding-left:2px;
- padding-right:2px;
- }
- hr.info_break{
- width:500px;
- height:1px;
- background-color:{color:Link Hover};
- }
- .tags{
- font-size: 9px;
- text-align: left;
- width: 450px;
- margin-left:57px;
- margin-top:-15px;
- }
- .tags a{
- font-size:9px;
- margin-left:5px;
- border-bottom:1px solid {color:Background};
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- }
- .tags a:hover{
- /*text-decoration:underline;*/
- border-bottom:1px solid {color:Link Hover};
- -webkit-transition:all 0.3s;
- -moz-transition:all 0.3s;
- -ms-transition:all 0.3s;
- -o-transition:all 0.3s;
- }
- blockquote {
- padding-left:5px;
- margin:0px 4px 0px 10px;
- border-left: 2px solid {color:Link};
- font-size: {text:Font size};
- }
- .quote {
- font-style: italic;
- }
- .source {
- margin-left: 25px;
- }
- .link {
- font-size: 13px;
- }
- .link a {
- font-size: 13px;
- }
- ul.chat {
- margin: 0px 0px 7px 0px;
- padding: 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- }
- .chat li.odd {
- margin-bottom: 1px;
- }
- .chat li.even {
- margin-bottom: 1px;
- }
- .label {
- font-weight: bold;
- color: {color:Blogtitle};
- }
- #audio{
- width:70px;
- height: 70px;
- float:left;
- margin-right:10px;
- }
- #asker{
- font-size:20px;
- font-style:italic;
- margin-bottom:0px;
- margin-left:-10px;
- }
- #asker a{
- font-size:20px;
- font-style:italic;
- text-transform:capitalize;
- }
- #question{
- margin-left:20px;
- margin-top:0px;
- }
- #answer{
- margin-left:10px;
- }
- hr.ask_line{
- background-color:{color:Borders};
- height:1px;
- border:0px;
- }
- /*CREDIT*/
- #credit{
- position:fixed;
- bottom:15px;
- right:15px;
- padding:3px;
- border:1px solid {color:Borders};
- }
- #credit a{
- font-size:9px;
- }
- {CustomCSS}
- </style>
- <title>{Title}</title>
- </head>
- <body>
- <div id="container">
- <!--SIDEBAR STARTS HERE-->
- <div id="titles">
- <p id="blogtitle"><a href="/">{Title}</a></p>
- <p id="undertitle">{text:Undertitle}</p>
- </div>
- <div id="sidebar">
- <img src="{image:Sidebar image}"/>
- <div id="desc_bg"></div>
- <div id="desc">{block:Description}{Description}{/block:Description}</div>
- <ul id="menu">
- <li><a href="/ask">Ask</a></li>
- {block:ifLink1Title}<li><a href="{text:Link 1}" title="{text:Link 1 Title}">{text:Link 1 Title}</a></li>{/block:ifLink1Title}
- {block:ifLink2Title}<li><a href="{text:Link 2}" title="{text:Link 2 Title}">{text:Link 2 Title}</a></li>{/block:ifLink2Title}
- {block:ifLink3Title}<li><a href="{text:Link 3}" title="{text:Link 3 Title}">{text:Link 3 Title}</a></li>{/block:ifLink3Title}
- {block:ifLink4Title}<li><a href="{text:Link 4}" title="{text:Link 4 Title}">{text:Link 4 Title}</a></li>{/block:ifLink4Title}
- {block:ifLink5Title}<li><a href="{text:Link 5}" title="{text:Link 5 Title}">{text:Link 5 Title}</a></li>{/block:ifLink5Title}
- {block:ifLink6Title}<li><a href="{text:Link 6}" title="{text:Link 6 Title}">{text:Link 6 Title}</a></li>{/block:ifLink6Title}
- {block:ifLink7Title}<li><a href="{text:Link 7}" title="{text:Link 7 Title}">{text:Link 7 Title}</a></li>{/block:ifLink7Title}
- {block:ifLink8Title}<li><a href="{text:Link 8}" title="{text:Link 8 Title}">{text:Link 8 Title}</a></li>{/block:ifLink8Title}
- </ul>
- </div><!--end sidebar-->
- <div id="nav">
- <p>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</p>
- <p>{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</p>
- </div>
- <!--CONTENT STARTS HERE-->
- <div id="content">
- {block:Posts}
- {block:Text}
- <div class="post">
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post">
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <center>{Photoset-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <span class="quote">"{Quote}"</span>
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <center><a href="{URL}" class="link" {Target}>{Name} →</a></center>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- <center>{Video-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post">
- <left>{block:AlbumArt}<img src="{AlbumArtURL}" id="audio"/>{/block:AlbumArt}{AudioPlayerWhite}</left>
- {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br>
- {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}">Via</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}">Source</a></li>{/block:ContentSource}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post">
- <p id="asker">{Asker}:</p>
- <p id="question">{Question}</p>
- <hr class="ask_line" />
- <p id="answer">{Answer}</p>
- <div class="info"><ul class="list">
- {block:Date}<li><a href="{Permalink}">{TimeAgo}</a></li>{/block:Date}
- {block:NoteCount}<li><a href="{Permalink}">♥{NoteCount}</a></li>{/block:NoteCount}
- </ul></div>
- <hr class="info_break" />
- {block:HasTags}<div class="tagged_as">Tagged as:</div>
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Answer}
- {/block:Posts}
- </div><!--end content-->
- <div id="credit"><a href="http://sandragonthemes.tumblr.com">Theme</a></div>
- </div><!--end container-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement