Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html">
- <!--
- This is theme #03 by sandragonthemes.
- Please follow the rules and do not remove the credit.
- For questions please message me.
- -->
- <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|Engagement' rel='stylesheet' type='text/css'>
- <!--DEFAULT VARIABLES-->
- <meta name="color:Background" content ="#4a4a4a"/>
- <meta name="color:Sidebar" content ="#8f70b6"/>
- <meta name="color:Sidebar text" content="#ffffff"/>
- <meta name="color:Shadows" content="#1b0721"/>
- <meta name="color:Top Bar" content ="#310f3c"/>
- <meta name="color:Text" content="#8B7499"/>
- <meta name="color:Link" content="#461556"/>
- <meta name="color:Link Hover" content="#310f3c"/>
- <meta name="color:Topbar links" content="#ffffff"/>
- <meta name="color:Topbar links hover" content="#e3d5ec"/>
- <meta name="color:Post background" content="#ffffff"/>
- <meta name="color:Navigation" content="#8b7499"/>
- <meta name="color:Navigation hover" content="#efe6f5"/>
- <meta name="image:Sidebar" content="http://i.imgur.com/ZIncGVa.jpg"/>
- <meta name="font:Body" content="Trebuchet MS"/>
- <meta name="text:Font size" content="10px"/>
- <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=""/>
- <style type="text/css">
- /*SCROLLBAR*/
- ::-webkit-scrollbar {
- width: 5px;
- }
- ::-webkit-scrollbar-track {
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
- border-radius: 10px;
- }
- ::-webkit-scrollbar-thumb {
- border-radius: 10px;
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
- }
- /*CREDIT DO NOT REMOVE*/
- #credit{
- text-transform: lowercase;
- position: fixed;
- right: 26px;
- bottom: 3px;
- text-align: center;
- font-size: 9px;
- letter-spacing: 1px;
- width: 30px;
- }
- /*BODY*/
- body {
- background-color: {color:Background};
- font-size: {text:Font size};
- font-family: {font:Body};
- font-size: 12px;
- color: {color:Text};
- }
- a{
- color: {color:Link};
- font-weight: none;
- text-decoration: none;
- }
- a:hover{
- color: {color:Link Hover};
- }
- a img {
- border: 0px;
- }
- ul{
- list-style-type: none;
- padding: 0px;
- margin: 0px;
- }
- /*SIDEBAR*/
- .sidebar {
- position: fixed;
- width: 220px;
- height: 100%;
- padding: 150px 20px 0px 20px;
- margin-left:20px;
- margin-top: -8px;
- text-align: center;
- background-color: {color:Sidebar};
- color: {color:Sidebar text};
- -moz-box-shadow: 0 0 10px 5px #363338;
- box-shadow: 0 0 10px 5px #363338;
- -webkit-box-shadow: 0 0 10px 5px #0363338;
- }
- .sidebar img{
- margin-bottom:7px;
- width: 200px;
- height: 200px;
- border: 10px solid {color:Shadows};
- }
- #desc{
- height: 210px;
- overflow:auto;
- }
- /*TOP BAR*/
- #horizontal_bar{
- width: 100%;
- height: 65px;
- background-color: {color:Top Bar};
- margin: 60px 0 0 -8px;
- position: fixed;
- box-shadow: 0px 5px 1px {color:Shadows};
- }
- #blogtitle{
- position: fixed;
- margin-top: 34px;
- font-family: 'Engagement', cursive;
- font-size: 28px;
- color: {color:Topbar links};
- }
- #blogtitle a{
- color: {color:Topbar links};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- text-shadow: 1px 1px {color:Shadows};
- }
- #blogtitle a:hover{
- color: {color:Topbar links hover};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- text-shadow: 1px 1px {color:Shadows};
- }
- #menu_wrapper{
- height: 24px;
- width: 325px;
- margin: auto;
- margin-top: 16px;
- margin-left: 8px;
- font-family: 'Armata', sans-serif;
- float: left;
- }
- .menu{
- color: {color:Sidebar text};
- height: 25px;
- float: left;
- margin: auto;
- text-align: center;
- padding: 9px 5px 0 5px;
- background-color: {color:Top Bar};
- }
- .menu:hover{
- opacity:1;
- height: 25px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 20px;
- border-radius: 10px;
- background-color: {color:Sidebar};
- -webkit-box-shadow: 2px 2px 2px 1px {color:Shadows};
- box-shadow: 1px 1px 1px 0px {color:Shadows};
- color: {color:Topbar links hover};
- text-shadow: 1px 1px {color:Shadows};
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- }
- .menu a{
- color: {color:Topbar links};
- }
- .menu a:hover{
- color: {color:Topbar links hover};
- text-shadow: 1px 1px {color:Shadows};
- }
- #navigation{
- float: left;
- margin-left: 630px;
- margin-top: -17px;
- font-family: 'Armata', sans-serif;
- }
- #navigation a{
- color: {color:Navigation};
- font-size: 70px;
- letter-spacing: 7px;
- text-shadow: 2px 2px {color:Shadows};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #navigation a:hover{
- color: {color:Navigation hover};
- font-size: 70px;
- letter-spacing: 7px;
- text-shadow: 2px 2px {color:Shadows};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- /*CONTENT*/
- #content {
- position: absolute;
- margin-left:335px;
- width: 525px;
- }
- .post {
- position: relative;
- margin-top: 20px;
- margin-bottom: 30px;
- background-color: {color:Post background};
- font-family: 'Armata', sans-serif;
- width: 500px;
- padding: 15px 10px 10px 10px;
- box-shadow: 1px 3px 1px 4px {color:Shadows};
- -webkit-border-top-left-radius: 20px;
- -webkit-border-top-right-radius: 20px;
- -moz-border-radius-topleft: 20px;
- -moz-border-radius-topright: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- }
- .info_wrapper{
- opacity:0;
- width: 520px;
- font-family: 'Crete Round', serif;
- color: {color:Sidebar};
- font-size: 16px;
- text-shadow: 1px 1px {color:Shadows};
- position:absolute;
- background:url(http://i.imgur.com/QJ8vb50.png) repeat;
- text-align: center;
- margin: -15px 0px 0px -10px;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- -webkit-border-top-left-radius: 20px;
- -webkit-border-top-right-radius: 20px;
- -moz-border-radius-topleft: 20px;
- -moz-border-radius-topright: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- }
- .info_wrapper img{
- margin: 3px 15px 0px;
- }
- .info_wrapper a{
- color: {color:Sidebar};
- }
- .info_wrapper a:hover{
- color: {color:Link};
- }
- .post:hover .info_wrapper{
- opacity:1;
- width: 520px;
- height: 25px;
- position:absolute;
- background:url(http://i.imgur.com/QJ8vb50.png) repeat;
- margin: -15px 0px 0px -10px;
- text-align: center;
- -webkit-border-top-left-radius: 20px;
- -webkit-border-top-right-radius: 20px;
- -moz-border-radius-topleft: 20px;
- -moz-border-radius-topright: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- }
- .post table{
- width:500px;
- background:url(http://i.imgur.com/QJ8vb50.png) repeat;
- }
- .tags {
- font-size: 10px;
- text-align: center;
- border-top: 1px solid {color:Shadows};
- width: 514px;
- margin-left: -10px;
- padding: 4px 3px 0px 3px;
- margin-bottom: -5px;
- }
- .tag {
- font-size: 10px;
- text-align:center;
- }
- .notes{
- background-color: {color:Post background};
- margin-top: 20px;
- margin-bottom: 10px;
- padding-top: 5px;
- padding-bottom: 5px;
- border: 2px solid {color:Post background};
- }
- blockquote {
- font-size: 11px;
- padding: 5px;
- border-left: 4px solid {color:Shadows};
- margin: 5px;
- }
- .quote {
- font-style: italic;
- }
- .source {
- margin-left: 25px;
- }
- .link {
- padding: 5px;
- font-size: 16px;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- font-weight: normal;
- font-style: italic;
- }
- .link:hover {
- color: {color:Link Hover};
- }
- ul.chat {
- margin: 0px 0px 7px 0px;
- padding: 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- color: {color:Link Hover};
- }
- .label {
- font-weight: bold;
- {color:Shadows}
- }
- .title {
- font-size: 20px;
- color: {color:Shadows};
- }
- {CustomCSS}
- </style>
- <title>{Title}</title>
- </head>
- <body>
- <div class="sidebar">
- <img src="{image:Sidebar}"/>
- <div id="desc">{block:Description}{Description}{/block:Description}</div>
- </div>
- <div id="horizontal_bar">
- <div id="menu_wrapper">
- {block:HasPages}{block:Pages}<div class="menu"><a href="{URL}">{Label}</a></div>{/block:Pages}{/block:HasPages}
- {block:ifLink1Title}<div class="menu"><a href="{text:Link 1}">{text:Link 1 Title}</a></div>{/block:ifLink1Title}
- {block:ifLink2Title}<div class="menu"><a href="{text:Link 2}">{text:Link 2 Title}</a></div>{/block:ifLink2Title}
- <div class="menu"><a href="/ask">Ask</a></div>
- <div class="menu"><a href="http://sandragonthemes.tumblr.com/">Theme</a></div>
- </div>
- <div id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
- </div>
- <div id="blogtitle"><a href="/">{Title}</a></div>
- <div id="content">
- {block:Posts}
- {block:Text}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- {block:Title}
- <a href="{Permalink}">{Title}</a>
- {/block:Title}
- {Body}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Text}
- {block:Photo}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- <center>{Photoset-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Photoset}
- {block:Quote}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- <span class="quote">"{Quote}"</span>
- {block:Source}
- <div class="source">– {Source}</div>
- {/block:Source}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Quote}
- {block:Link}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- <center><a href="{URL}" class="link" {Target}>{Name} →</a></center>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- {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>
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- <center>{Video-500}</center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Video}
- {block:Audio}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- {AudioPlayerBlack}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:ContentSource} <a href="{SourceURL}"></a>{/block:ContentSource} {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
- <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="post">
- <div class="info_wrapper">
- {block:Date}{DayOfMonth} {ShortMonth}{/block:Date}<a href="{ReblogURL}">
- <img class="reblog_btn" src="http://i.imgur.com/9HxCVKR.png"/></a>
- {block:NoteCount}<a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount}
- </div>
- <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} {block:PostNotes} {PostNotes} {/block:PostNotes}</div>
- </div>
- {/block:Answer}
- {/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement