Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <!--
- This is theme #09 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=Armata|Crete+Round:400,400italic|Julius+Sans+One|Lancelot|Pacifico|Engagement|Pirata+One|Junge|Griffy' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Stalemate|Tangerine|Great+Vibes|Seaweed+Script|Cinzel+Decorative:700|Amatic+SC' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
- <!--DEFAULT VARIABLES-->
- <meta name="color:Background" content ="#ffffff"/>
- <meta name="color:Text" content="#9fa0a0"/>
- <meta name="color:Link" content="#b1d2af"/>
- <meta name="color:Link Hover" content="#9db99b"/>
- <meta name="color:Ask Background" content="#eeeeee"/>
- <meta name="image:Sidebar image" content="http://i.imgur.com/YcpXouw.png"/>
- <meta name="font:Body" content="Trebuchet MS"/>
- <meta name="text:Font size" content="11px"/>
- <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=""/>
- <style type="text/css">
- {CustomCSS}
- /*SCROLLBAR*/
- ::-webkit-scrollbar {
- width: 12px;
- height:12px;
- }
- ::-webkit-scrollbar-track {
- background-color: {color:Ask Background};
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:Link};
- border-radius: 10px;
- }
- /*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;
- text-transform:uppercase;
- font-size: 10px;
- }
- a:hover{
- color: {color:Link Hover};
- }
- ul{
- list-style-type: none;
- padding: 0px;
- margin: 0px;
- }
- h1{
- font-size: 13px;
- }
- h1 a{
- font-weight:normal;
- font-size: 13px;
- }
- #container{
- width: 900px;
- }
- /*SIDEBAR*/
- #sidebar {
- width: 316px;
- position: fixed;
- float:left;
- text-align:center;
- margin-top:20px;
- }
- #sidebar_img{
- width:160px;
- height:200px;
- border:5px solid {color:Ask Background};
- margin-bottom:5px;
- float:left;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -webkit-transition:all 1.9s;
- -moz-transition:all 1.9s;
- -ms-transition:all 1.9s;
- -o-transition:all 1.9s;
- }
- #sidebar_img img{
- width:160px;
- height:200px;
- }
- #menu{
- width:90px;
- margin:1px 7px 0px 25px;
- float:left;
- text-transform:uppercase;
- text-align:right;
- }
- #menu a{
- font-size:11px;
- width:90px;
- border-top:1px solid {color:AskBackground};
- -webkit-transition:all 0.6s;
- -moz-transition:all 0.6s;
- -ms-transition:all 0.6s;
- -o-transition:all 0.6s;
- }
- #menu a:hover{
- text-shadow: 2px 0 0 rgba(53,190,127,0.4), -2px 0 0 rgba(0,244,0,0.2);
- -webkit-transition:all 0.6s;
- -moz-transition:all 0.6s;
- -ms-transition:all 0.6s;
- -o-transition:all 0.6s;
- }
- #desc_bg{
- position:absolute;
- background-color: #a5a5a5;
- width:160px;
- height:200px;
- margin-top:-204px;
- opacity:0;
- -webkit-transition:all 1.9s;
- -moz-transition:all 1.9s;
- -ms-transition:all 1.9s;
- -o-transition:all 1.9s;
- }
- .desc{
- width:152px;
- height:0px;
- overflow:hidden;
- margin-top:-160px;
- position:absolute;
- padding: 4px;
- color:#e3e3e3;
- -webkit-transition:all 1.9s;
- -moz-transition:all 1.9s;
- -ms-transition:all 1.9s;
- -o-transition:all 1.9s;
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
- }
- #sidebar_img:hover .desc{
- height:110px;
- -webkit-transition:all 1.9s;
- -moz-transition:all 1.9s;
- -ms-transition:all 1.9s;
- -o-transition:all 1.9s;
- opacity:1;
- }
- #sidebar_img:hover #desc_bg{
- opacity:0.3;
- -webkit-transition:all 1.0s;
- -moz-transition:all 1.0s;
- -ms-transition:all 1.0s;
- -o-transition:all 1.0s;
- }
- #sidebar table{
- width:190px;
- }
- #nav{
- width:150px;
- height:20px;
- margin-left:100px;
- }
- #next a{
- font-size:30px;
- margin-top:-10px;
- padding:0px;
- line-height:40%;
- letter-spacing:-10px;
- }
- #prev a{
- width:75px;
- overflow:hidden;
- font-size: 30px;
- margin-top:-10px;
- padding:0px;
- line-height:40%;
- }
- /*CONTENT*/
- #content {
- float: right;
- width: 610px;
- z-index:90;
- position:relative;
- }
- .post {
- width: 500px;
- padding: 15px 10px 0px 100px;
- z-index: 99;
- margin-top: 20px;
- margin-bottom: 30px;
- font-family: {font:Body};
- }
- .post table{
- width:500px;
- background-color: {color:Ask Background};
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .notes{
- margin-top: 10px;
- margin-bottom: 10px;
- padding-top: 5px;
- padding-bottom: 5px;
- background-color: {color:Ask Background};
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- }
- .notes a{
- text-transform: uppercase;
- font-size: 10px;
- }
- .info{
- width: 90px;
- height:64px;
- position:absolute;
- margin-left: 510px;
- text-transform:uppercase;
- font-size: 10px;
- }
- .info p{
- margin: 2px 0px;
- }
- .tags{
- font-size: 9px;
- text-align: center;
- width: 500px;
- text-transform:uppercase;
- }
- .tags a:hover{
- font-size:10px;
- }
- blockquote {
- padding: 5px;
- border-left: 4px solid {color:Link Hover};
- margin: 5px;
- font-size: {text:Font size};
- }
- .quote {
- font-style: italic;
- }
- .source {
- margin-left: 25px;
- }
- .link {
- padding: 5px;
- 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};
- }
- {CustomCSS}
- </style>
- <title>{Title}</title>
- </head>
- <body>
- <div id="container">
- <!--SIDEBAR STARTS HERE-->
- <div id="sidebar">
- <ul id="menu">
- <li><a href="/">Home</a></li>
- <li><a href="/ask">Message</a></li>
- <li><a href="/archive">Archive</a></li>
- {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
- <li><a href="{text:Link 1}">{block:ifLink1Title}{text:Link 1 Title}{/block:ifLink1Title}</a></li>
- <li><a href="{text:Link 2}">{block:ifLink2Title}{text:Link 2 Title}{/block:ifLink2Title}</a></li>
- <li><a href="{text:Link 3}">{block:ifLink3Title}{text:Link 3 Title}{/block:ifLink3Title}</a></li>
- <li><a href="{text:Link 4}">{block:ifLink4Title}{text:Link 4 Title}{/block:ifLink4Title}</a></li>
- <li><a href="{text:Link 5}">{block:ifLink5Title}{text:Link 5 Title}{/block:ifLink5Title}</a></li>
- <li><a href="{text:Link 6}">{block:ifLink6Title}{text:Link 6 Title}{/block:ifLink6Title}</a></li>
- <li><a href="{text:Link 7}">{block:ifLink7Title}{text:Link 7 Title}{/block:ifLink7Title}</a></li>
- <li><a href="http://sandragonthemes.tumblr.com/">Theme</a><br></li>
- </ul>
- <div id="sidebar_img"><img src="{image:Sidebar image}"/><div id="desc_bg"></div><div class="desc">{block:Description}{Description}{/block:Description}</div></div>
- <table id="nav"><tr>
- <td id="prev">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↼</a>{/block:PreviousPage}</td>
- <td id="next">{block:NextPage}<a href="{NextPage}">⇀</a>{/block:NextPage}{/block:Pagination}</td>
- </tr></table>
- </div><!--end sidebar-->
- <!--CONTENT STARTS HERE-->
- <div id="content">
- {block:Posts}
- {block:Text}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- <center>{Photoset-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- <span class="quote">"{Quote}"</span>
- {block:Source}
- <div class="source">– {Source}</div>
- {/block:Source}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag} </a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- <center><a href="{URL}" class="link" {Target}>{Name} →</a></center>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- {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="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- <center>{Video-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- <li>{block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</li>
- <li>{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</li>
- </ul></div>
- {AudioPlayerBlack}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post">
- <div class="info"><ul>
- <li>{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</li>
- <li>{block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</li>
- </ul></div>
- <table>
- <tr>
- <td class="askicon"><img src="{AskerPortraitURL-48}"></td>
- <td class="ask">{Asker} {text:asker} asked: {Question}</td>
- </tr>
- </table>
- {Answer}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div> {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
- </div>
- {/block:Answer}
- {/block:Posts}
- </div><!--end content-->
- </div><!--end container-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement