Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- ╱╱╱╱╱╱╭╮
- ╱╱╱╱╱╱┃┃
- ╭╮╭┳━━┫┃╭┳╮╱╭┳━┳┳━━╮
- ┃╰╯┃╭╮┃┃┣┫┃╱┃┃╭╋┫╭╮┃
- ╰╮╭┫╭╮┃╰┫┃╰━╯┃┃┃┃╭╮┃
- ╱╰╯╰╯╰┻━┻┻━╮╭┻╯╰┻╯╰╯
- ╱╱╱╱╱╱╱╱╱╭━╯┃
- ╱╱╱╱╱╱╱╱╱╰━━╯
- THEME 09 "DOUBLE X" BY VALIYRIA. PLEASE DON'T MESS WITH THE CREDIT, YOU CAN EDIT THE THEME HOWEVER YOU LIKE BUT DON'T USE AS A BASE. ENJOY!!!
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:Hover" content="#f2f2f2"/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Text" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Text" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Text" content="" />
- <meta name="color:scrollbarbg" content="ffffff"/>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- padding: 3px;
- display: none;
- text-align: center;
- position: absolute;
- font-size:7px;
- margin-left:15px;
- margin-top:0px;
- line-height:9px;
- font-family:arial;
- background-color:#fff;
- color: #000000;
- letter-spacing: 2px;
- text-transform: uppercase;
- opacity:1;
- border-bottom:1px solid #cccccc;
- }
- </style>
- <style type="text/css">
- /*--- SCROLLBAR ---*/
- ::-webkit-scrollbar-thumb{
- background-color: #000000;
- border: 2px solid #ffffff;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:11px;
- background-color:#000000;
- border:5px solid #ffffff;
- }
- /* --- BODY ---*/
- body {
- margin:0px;
- color:{color:text};
- font-family:'arial';
- font-size:9px;
- line-height:100%;
- text-align:justify;
- line-height:120%;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:7px;
- padding:7px;
- border-left:1px solid #cccccc;
- font-family:arial;
- font-size:9px;
- }
- blockquote blockquote {
- padding-left:5px;
- padding-top:3px;
- border-left:1px solid #e4e4e4;
- }
- h1 {
- font-size:10px;
- text-transform:none;
- font-weight:bold;
- text-align:center;
- padding:2px;
- letter-spacing:2px;
- line-height:150%;
- }
- a:hover {
- opacity:1;
- color:{color:hover};
- -webkit-transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- /* --- POST ENTRIES ---*/
- #entries {
- padding:10px;
- width:400px;
- margin-left:530px;
- margin-top:40px;
- font-size:10px;
- }
- .caption {
- width:400px;
- font-family:arial;
- letter-spacing:2px;
- line-height:170%;
- font-size:9px;
- text-align:left;
- padding-top:100px;
- }
- .caption a {
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- .caption a:hover {
- color:{color:hover};
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- /* --- BODY: POSTS ---*/
- #post {
- width:400px;
- padding-bottom:50px;
- padding:10px;
- margin-top:15px;
- }
- #post img {
- box-shadow: 10px 10px 10px #cccccc;
- }
- iframe.photoset {
- box-shadow: 10px 10px 10px #cccccc;
- }
- /* --- PERMALINKIE ---*/
- .notes {
- text-align:left;
- font-family:arial;
- text-transform:lowercase;
- letter-spacing:2px;
- padding:8px;
- font-size:8px;
- line-height:170%;
- }
- .notes a {
- padding:5px;
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- .notes a:hover {
- color:{color:hover};
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- .notes img {
- display:none;
- }
- .notes li {
- list-style-type:none;
- }
- .poop {
- width:400px;
- text-align:center;
- font-family:arial;
- text-transform:uppercase;
- letter-spacing:2px;
- padding-bottom:8px;
- font-size:9px;
- line-height:170%;
- border-bottom:1px solid #cccccc;
- color:#000000;
- font-weight:bold;
- }
- /* --- TITLE ---*/
- .title {
- width:200px;
- text-align:left;
- font-family:arial;
- padding:5px;
- letter-spacing:2px;
- color:#000000;
- margin-top:0px;
- margin-left:0px;
- line-height:110%;
- opacity:1;
- display:navigate;
- padding-top:23px;
- border-left:solid 1px #cccccc;
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- .title a {
- font-size:16px;
- text-transform:uppercase;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- .title a:hover {
- color:#000000;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- #sidebar:hover .title {
- font-style:italic;
- padding-left:45px;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- /* --- SIDEBAR IMAGE ---*/
- #sidebar {
- width:200px;
- position:fixed;
- margin-left:230px;
- margin-top:275px;
- }
- /* --- HOVER LINE ---*/
- #line {
- width: 1px;
- height:1px;
- opacity:0;
- display:inline-block;
- background-color:#cccccc;
- margin-left:0px;
- top:-30px;
- margin-bottom:5px;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- #line a {
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- #sidebar:hover #line {
- margin-left:-40px;
- width:50px;
- background-color:#cccccc;
- height:1px;
- opacity:1;
- display:inline-block;
- -webkit-transition-duration:.8s;
- -moz-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- /* --- SIDEBAR LINKS ---*/
- .links {
- width:150px;
- padding: 8px;
- font-size:15px;
- font-family:arial;
- text-align:left;
- margin-top:0px;
- margin-left:0px;
- text-transform:uppercase;
- word-spacing:4px;
- position:fixed;
- padding-bottom:10px;
- padding-top:9px;
- border-left:1px solid #cccccc;
- }
- .links a {
- font-size: 15px;
- }
- .links a:hover {
- color:{color:Hover}
- }
- /* --- DESCRIPTION ---*/
- #description {
- position:fixed;
- font-family:arial;
- font-size:9px;
- font-style:none;
- width:175px;
- margin-top:20px;
- padding:8px;
- margin-left:0px;
- text-align:justify;
- color:{color:text};
- line-height:170%;
- border-left:1px solid #cccccc;
- }
- #description a {
- color:{color:text};
- -moz-transition-duration:0.4s;
- -webkit-transition-duration:0.4s;
- -o-transition-duration:0.4s;
- }
- /* --- PAGINATION---*/
- #pagination {
- width:100px;
- font-size:12px;
- height:14px;
- text-align:left;
- margin-left:120px;
- margin-top:1px;
- padding:5px;
- position:fixed;
- word-spacing:3px;
- font-family:arial;
- letter-spacing:1px;
- opacity:1;
- padding-top:7px;
- padding-left:2px;
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- #pagination a {
- font-size:9px;
- color:#000000;
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- #pagination a:hover {
- color:{color:hover};
- }
- /* --- POST INFO ---*/
- #info {
- text-align:center;
- width:400px;
- margin-left:0px;
- font:helvetica
- margin-bottom:100px;
- text-transform:lowercase;
- font-size:13px;
- font-style:none;
- opacity:1;
- padding-top:9px;
- line-height:150%;
- margin-bottom:100px;
- color:{color:Link};
- padding:8px;
- word-spacing:4px;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #info a {
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #info a:hover {
- color:{color:hover};
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- /* --- QUOTATIONS ---*/
- #quote {
- width:394px;
- line-height:150%;
- margin-left:0px;
- font-style:italic;
- font-family: 'arial';
- font-size:14px;
- text-align:left;
- letter-spacing:1px;
- margin-top:0px;
- padding-top:5px;
- padding-bottom:5px;
- padding-left:5px;
- }
- #source, #source a {
- margin-top:10px;
- text-align:right;
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- margin-right:0px;
- padding-bottom:0px;
- font-family:'arial';
- }
- /* --- POST TAGS---*/
- #tags {
- font-family:'arial';
- width:400px;
- text-transform:lowercase;
- font-size:8px;
- font-style:none;
- height:23px;
- margin-top:4px;
- text-align:center;
- word-spacing:3px;
- padding-top:10px;
- color:{color:link};
- letter-spacing:1px;
- line-height:110%;
- margin-left:0px;
- border-top:1px solid #cccccc;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- }
- #tags a:hover {
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- color:{color:hover};
- }
- /* --- AUDIO ---*/
- .playerbuttonbg {
- position: absolute;
- left: 18px;
- top: 22px;
- width: 15px;
- height: 15px;
- background-color: #ffffff;
- padding: 10px;
- opacity: .6;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity:.9;
- -webkit-transition:all .6s ease-in-out;
- -moz-transition:all .6s ease-in-out;
- -o-transition:all .6s ease-in-out;
- -ms-transition:all .6s ease-in-out;
- transition:all .6s ease-in-out;
- }
- .newplayerbutton {
- position: relative;
- width: 10px;
- height: 10px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 150px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- box-shadow: 8px 8px 8px #cccccc;
- position: absolute;
- left: 0px;
- top: 3px;
- overflow: hidden;
- width: 70px;
- height: 70px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- .audioimgwrapper img:hover {
- -moz-transition-duration:.8s;
- -webkit-transition-duration:.8s;
- -o-transition-duration:.8s;
- }
- .trackdetails {
- text-align:left;
- padding-left:8px;
- line-height:100%;
- width: auto;
- font-family: 'arial';
- font-size:12px;
- display:inline-block;
- margin-left: 90px;
- background:#ffffff;
- width:396px;
- min-height:60px;
- padding-top:20px;
- margin-top:-2px;
- color:#000000;
- border-left:solid 1px #e4e4e4;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- /* --- QUESTIONS ---*/
- #asker {
- padding:8px;
- line-height:110%;
- font-family:arial;
- letter-spacing:1px;
- text-align:left;
- font-style:none;
- margin-left:0px;
- padding-bottom:12px;
- border-left:1px solid #e4e4e4;
- padding-top:12px;
- font-size:11px;
- }
- #asker a {
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out; transition:
- all 0.6s ease-in-out;
- }
- #asker a:hover {
- color:#000000;
- font-style:italic;
- -webkit-transition:all .6s ease-in-out;
- -moz-transition:all .6s ease-in-out;
- -o-transition:all .6s ease-in-out;
- -ms-transition:all .6s ease-in-out;
- transition:all .6s ease-in-out;
- }
- #answer {
- font-family:'arial';
- font-size:11px;
- text-align:justify;
- letter-spacing:1px;
- margin-left:0px;
- padding-left:20px;
- padding-top:5px;
- line-height:170%;
- }
- /* --- CREDIT ---*/
- #credit {
- position:fixed;
- bottom:15px;
- right:15px;
- font-size:18px;
- padding-top:11px;
- text-align:left;
- padding-left:6px;
- padding-right:4px;
- width:20px;
- height:18px;
- letter-spacing:1px;
- font-family:arial;
- color:#000000;
- -webkit-transition-duration:.6s;
- -moz-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #credit a{
- color:#000000;
- -webkit-transition-duration:.6s;
- -moz-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #credit a:hover {
- color:{color:hover};
- -webkit-transition-duration:.6s;
- -moz-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- /* --- UPDATES ---*/
- #updatesstuff {
- width:115px;
- height:300px;
- margin-top:-20px;
- margin-left:28px;
- position:fixed;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesblock {
- border:solid 1px #e4e4e4;
- box-shadow: 7px 7px 7px #cccccc;
- font-family:arial;
- font-weight:bold;
- letter-spacing:2px;
- width:100px;
- height:13px;
- padding-top:10px;
- padding:5px;
- position:fixed;
- top:30px;
- left:30px;
- font-size:12px;
- text-align:center;
- display:block;
- text-transform:lowercase;
- color:#000000;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesstuff #updatesblock {
- width:100px;
- opacity:1;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesstuff:hover #updatesblock {
- opacity:0;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesblock2 {
- border:solid 1px #e4e4e4;
- box-shadow: 7px 7px 7px #cccccc;
- font-family:arial;
- font-weight:bold;
- letter-spacing:2px;
- width:100px;
- height:13px;
- padding-top:10px;
- padding:5px;
- position:fixed;
- top:30px;
- left:30px;
- font-size:12px;
- text-align:center;
- display:block;
- text-transform:lowercase;
- color:#000000;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesstuff #updatesblock2 {
- width:100px;
- opacity:0;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesstuff:hover #updatesblock2 {
- opacity:1;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updates {
- font-weight:bold;
- margin-left:2px;
- border:solid 1px #e4e4e4;
- box-shadow: 7px 7px 7px #cccccc;
- margin-top:45px;
- padding:5px;
- font-family:arial;
- height:175px;
- padding-top:10px;
- width:100px;
- line-height:150%;
- font-size:8px;
- letter-spacing:1px;
- text-transform:lowercase;
- color:#000000;
- opacity:0;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesstuff #updates {
- height:120px; /*--- change your updates length here ---*/
- opacity:0;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- #updatesstuff:hover #updates {
- opacity:1;
- margin-top:45px;
- -moz-transition-duration:.6s;
- -webkit-transition-duration:.6s;
- -o-transition-duration:.6s;
- }
- {CustomCSS}</style></head><body>
- <div id="sidebar">
- <div class="title">
- <div id="line"></div>
- <a href="/">{title}</a>
- </div>
- <div id="description">
- {Description}
- </div>
- <div class="links">
- <a href="/" title="home">✖</a>
- <a href="/ask" title="mail">✖</a>
- <a href="{text:Link 1}" title="{text:Link 1 Text}">✖</a>
- <a href="{text:Link 2}" title="{text:Link 2 Text}">✖</a>
- <a href="{text:Link 3}" title="{text:Link 3 Text}">✖</a>
- </div>
- {block:Pagination}<div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">back</a> | {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
- </div>{/block:Pagination}
- </div>
- <div id="updatesstuff">
- <div id="updatesblock">hover</div> <!--you can change this title-->
- <div id="updatesblock2">updates</div> <!--you can change this title!-->
- <div id="updates">
- <center>
- WRITE YOUR UPDATES STUFF HERE
- </div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:Photo}
- {block:Photoset}{Photoset-400}
- {block:Caption}<span class="caption">{Caption}</span>
- {/block:Caption}{/block:Photoset}
- {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}<span style="font-size:13px; font-weight:bold;">{TrackName}</span>{/block:TrackName}<p>
- {block:Artist}<span style="font-size:11px; font-style:italic;">{Artist}</span>{/block:Artist}
- </div>
- </div>
- {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
- {/block:AudioPlayer}
- {block:Video}{Video-400}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><span style="font-family:arial;font-size:11px; color:#000000;">{Question}</span> - <span style="font-family: 'arial';font-size:12px; font-weight:bold; letter-spacing:2px;">{Asker}</span></div>
- <div id="answer"><span style="font-style:italic">{Answer}</span></div>{/block:Answer}</div>
- <div id="info">
- {block:Date} <a href="{Permalink}" title="{ShortMonth} {DayofMonth}" >✖</a> <a href="{Permalink}" title="+ {NoteCount} notes">✖</a>{/block:Date}
- {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >✖</a> {block:ContentSource} <a href="{SourceURL}" title="source: {ReblogRootName}" >✖</a> {/block:ContentSource}{/block:RebloggedFrom}<a href="{ReblogURL}" title="reblog" target="_blank" >✖</a>
- {block:HasTags}<div id="tags"><span style="font-weight:bold; font-style:italic;font-size:8px;">{block:Tags} <a href="{TagURL}">{Tag}</a>; {/block:Tags}</div>{/block:HasTags}</span></div>
- {/block:Posts}
- {block:PostNotes}
- <div class="notes">
- <div class="poop">Notes</div>
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- </div>
- <!--
- THEME MAKER CREDIT
- -->
- <div id="credit"><a href="http://jongritte.co.vu/">VL</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement