Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <!--
- This is theme #08 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=Rufina|Junge|Cherry+Swash:400,700' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Fenix|Gabriela|IM+Fell+Great+Primer:400italic' rel='stylesheet' type='text/css'>
- <!--DEFAULT VARIABLES-->
- <meta name="color:Link" content="#ab7979"/>
- <meta name="color:Link Hover" content="#815858"/>
- <meta name="color:Blogtitle" content="#d5d5d5"/>
- <meta name="color:Blogtitle hover" content="#7c7c7c"/>
- <meta name="image:Sidebar image" content="http://i.imgur.com/3hjKylh.gif"/>
- <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=""/>
- <style type="text/css">
- /*SCROLLBAR*/
- ::-webkit-scrollbar {
- width: 12px;
- height:12px;
- }
- ::-webkit-scrollbar-track {
- background-color: #000;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #393637;
- border-radius: 10px;
- }
- /*BODY*/
- body {
- background: #141414 url('http://i.imgur.com/GcLGrOS.png') repeat fixed;
- font-size: 10px;
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- font-size: 11px;
- line-height:110%;
- }
- a {
- font-weight: none;
- text-decoration: none;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- color: {color:Link};
- }
- a:hover {
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- color: {color:Link Hover};
- }
- a img {
- border: 0px;
- }
- ul{
- list-style-type: none;
- padding: 0px;
- margin: 0px;
- }
- h1 a{
- font-family: 'Rufina', serif;
- font-size: 14px;
- color: {color:Link};
- }
- h1 a:hover{
- font-family: 'Rufina', serif;
- font-size: 14px;
- color: {color:Link Hover};
- }
- h2{
- font-family: 'Rufina', serif;
- font-size: 16px;
- color: {color:Blogtitle};
- }
- /*SIDEBAR*/
- #sidebar_wrapper {
- position: fixed;
- width: 342px;
- margin:auto;
- text-align: center;
- float:left;
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
- padding-top:10px;
- }
- #blogtitle{
- width: 250px;
- text-align: center;
- font-family: 'Junge', serif;
- font-size: 24px;
- letter-spacing: 1px;
- z-index: 3;
- margin:auto;
- }
- #blogtitle a{
- color: {color:Blogtitle};
- }
- #blogtitle a:hover{
- color: {color:Blogtitle hover};
- }
- #sidebar_img{
- width: 250px;
- height:250px;
- margin: auto;
- border: 4px double {color:Blogtitle hover};
- z-index: 1;
- margin-bottom: 15px;
- }
- #sidebar_img img{
- width: 252px;
- height:252px;
- margin-left: -1px;
- margin-top: -1px;
- z-index: 2;
- }
- #desc{
- margin:auto;
- width:230px;
- height:250px;
- padding-right:14px;
- padding-left:14px;
- overflow:auto;
- color: #7c7c7c;
- }
- /*MENU LINKS*/
- #menu_background{
- width: 70px;
- height: 100%;
- background-color: #000;
- margin-left: 980px;
- margin-top:-8px;
- position:fixed;
- -moz-box-shadow: 0 0 5px 5px #000;
- box-shadow: 0 0 5px 5px #000;
- -webkit-box-shadow: 0 0 5px 5px #000;
- opacity:0.37;
- }
- #menu_wrapper{
- width: 70px;
- height: 100%;
- margin-left: 980px;
- position:fixed;
- }
- .menu{
- width: 50px;
- height: 35px;
- margin: 0px 10px 15px;
- overflow:hidden;
- font-size: 30px;
- text-align:center;
- text-shadow: 1px 1px #000;
- line-height: normal;
- }
- .menu a:hover{
- font-style:italic;
- text-shadow: 1px 1px #000;
- }
- .menu a[title]:hover:after{
- content: attr(title);
- padding: 4px 8px;
- margin-left: 5px;
- background-color: #272324;
- font-size: 11px;
- font-style:normal;
- position: absolute;
- -moz-box-shadow: 2px 2px 0px #000;
- -webkit-box-shadow: 2px 2px 0px #000;
- box-shadow: 2px 2px 0px #000;
- }
- /*CONTENT*/
- .content {
- width: 580px;
- margin-left: 350px;
- margin-top: -8px;
- position: absolute;
- background-color: #e4e4e4;
- -moz-box-shadow: 0 0 10px 5px #0b0b0b;
- box-shadow: 0 0 10px 5px #0b0b0b;
- -webkit-box-shadow: 0 0 10px 5px #0b0b0b;
- }
- .post {
- margin: 20px 29px;
- border: 1px solid #d5d5d5;
- width: 500px;
- padding: 10px 10px 5px;
- background-color: #efefef;
- color: #7c7c7c;
- font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
- }
- .post table{
- width: 500px;
- background-color: #e4e4e4;
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .tags {
- width: 500px;
- padding-top: 2px;
- padding-bottom: -3px;
- margin-bottom: 2px;
- margin-top: 3px;
- font-size: 10px;
- text-align: center;
- border-top: 1px solid #d5d5d5;
- }
- .info_wrapper{
- text-align:center;
- font-size: 10px;
- background-color: #e4e4e4;
- padding: 2px 0px;
- }
- .info_wrapper a{
- margin: 0px 5px;
- }
- .tag {
- font-size: 10px;
- text-align:center;
- }
- blockquote {
- font-size: 12px;
- padding: 5px;
- border-left: 4px solid {color:Link Hover};
- margin: 5px;
- }
- .quote {
- font-size: 12px;
- font-style: italic;
- }
- .source {
- margin-left: 25px;
- }
- .link {
- font-family: 'Junge', serif;
- padding: 5px;
- font-size: 16px;
- }
- .link:hover {
- color: {color:Link Hover};
- }
- ul.chat {
- margin: 0;
- padding: 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- }
- .label {
- font-weight: bold;
- color: #7c7c7c;
- }
- .title {
- font-size: 30px;
- font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
- color: {color:Blogtitle};
- }
- {CustomCSS}
- </style>
- <title>{Title}</title>
- </head>
- <body>
- <div id="container">
- <!--SIDEBAR STARTS HERE-->
- <div id="sidebar_wrapper">
- <div id="sidebar_img">
- <img src="{image:Sidebar image}"/>
- </div>
- <div id="desc">{block:Description}{Description}{/block:Description}</div>
- </div><!--END SIDEBAR-->
- <!--CONTENT STARTS HERE-->
- <div class="content">
- {block:Posts}
- {block:Text}
- <div class="post">
- {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>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </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="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <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>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <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>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </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="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- {block:Title}
- <a href="{Permalink}">{Title}</a>
- {/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>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- <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>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post">
- {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>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ <a href="{ReblogURL}">Reblog</a> ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} ◊ {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} ◊ {block:ContentSource} <a href="{SourceURL}">Source</a>{/block:ContentSource}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post">
- <table>
- <tr>
- <td class="askicon"><img src="{AskerPortraitURL-48}"></td>
- <td class="ask">{Asker} {text:asker}: {Question}</td>
- </tr>
- </table>
- {Answer}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}</div>
- <div class="info_wrapper">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ◊ {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}</div>
- <div class="notes">{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Answer}
- {/block:Posts}
- </div><!--end content-->
- <!--MENU STARTS HERE-->
- <div id="menu_background"></div>
- <div id="menu_wrapper">
- <div class="menu"><a href="/" title="Home">01.</a></div>
- <div class="menu"><a href="/ask" title="Message">02.</div>
- <div class="menu"><a href="{text:Link 1}" title="{block:ifLink1Title}{text:Link 1 Title}{/block:ifLink1Title}">03.</a></div>
- <div class="menu"><a href="{text:Link 2}" title="{block:ifLink2Title}{text:Link 2 Title}{/block:ifLink2Title}">04.</a></div>
- <div class="menu"><a href="{text:Link 3}" title="{block:ifLink3Title}{text:Link 3 Title}{/block:ifLink3Title}">05.</a></div>
- <div class="menu"><a href="http://sandragonthemes.tumblr.com/" title="Theme" target="_blank">06.</div>
- {block:Pagination}{block:NextPage}<div class="menu"><a href="{NextPage}" title="Next">»</a></div>{/block:NextPage}{/block:Pagination}
- {block:Pagination}{block:PreviousPage}<div class="menu"><a href="{PreviousPage}" title="Previous">«</a></div>{/block:PreviousPage}{/block:Pagination}
- </div><!--END MENU-->
- </div><!--END CONTAINER-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement