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">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-- Theme coded by DRGL; owner of the blog artdelafolie/drgling. Do not copy/ steal the code or snippets, because that's not cool dude. You can just ask me so that I will at least know who wants the thing. And if you want a theme from me, just ask me. I will most probably do that for ya. #DRGL out yo -->
- <!-- =========== THEME 3 =========== -->
- <head>
- <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic' rel='stylesheet' type='text/css'>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="Description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:BG" content="">
- <meta name="color:SBG" content="">
- <meta name="color:Link" content="">
- <meta name="color:Link Hover" content="">
- <meta name="image:BG" content="">
- <meta name="image:SBG" content="">
- <meta name="image:Sidebar" content="">
- <meta name="text:URL1" content="/">
- <meta name="text:URL Title 1" content="home">
- <meta name="text:URL2" content="/ask">
- <meta name="text:URL Title 2" content="ask">
- <meta name="text:URL3" content="/tagged/headcanon">
- <meta name="text:URL Title 3" content="Headcanon">
- <meta name="text:URL4" content="">
- <meta name="text:URL Title 4" content="">
- <meta name="text:URL5" content="">
- <meta name="text:URL Title 5" content="">
- <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
- <style type="text/css">
- ::-webkit-scrollbar {background-color:#fff; width:8px}
- ::-webkit-scrollbar-thumb:vertical {background-color:#d2d2d2;}
- body {
- background-image:url('{image:BG}');
- background-color:{color:BG};
- font-family:'Josefin Sans', Helvetica, Arial;
- color:#282828;
- font-size:15px;
- }
- a {
- color:{color:Link};
- text-decoration:none;
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- a:hover {
- color:{color:Link Hover};
- }
- i, em {
- letter-spacing:1px;
- text-decoration:italic;
- }
- h1 {
- text-transform:uppercase;
- text-decoration:none;
- text-align:center;
- padding:3px;
- background-color: rgba(255,255,255,.1);
- }
- h3 {
- text-transform:uppercase;
- text-decoration:none;
- text-align:center;
- letter-spacing:1px;
- }
- blockquote {
- border-left:1px;
- border-left: solid;
- padding-left:3px;
- }
- blockquote blockquote {
- border-left:1px;
- border-left: solid;
- padding-left:3px;
- }
- div#qTip {
- position: absolute;
- padding: 8px;
- margin-left:5px;
- margin-top:5px;
- text-align: center;
- font-family:'Josefin Sans', Helvetica, Verdana;
- font-size:12px;
- border:1px solid #000;
- line-height:10px;
- z-index:9999;
- color: #000;
- background-color:#fff;
- letter-spacing: 2px;
- text-transform:uppercase;
- display:none;
- }
- #sidebarimg {
- position:fixed;
- height:400px;
- width:350px;
- border:10px solid #000;
- top:130px;
- left:100px;
- background-image:url('{image:SBG}');
- background-color:{color:SBG};
- z-index:10;
- }
- #sidebarimg img {
- height:400px;
- width:auto;
- overflow:hidden;
- }
- .descr{
- width:310px;
- text-align:right;
- height:360px;
- background-color:rgba(0,0,0,.6);
- padding:10px;
- opacity:0;
- position: absolute;
- overflow:auto;
- margin-left:-20px;
- margin-top:10px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out; color:#ccc;
- }
- #sidebarimg:hover .descr{
- opacity:0.95;
- margin-left:10px;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- .line {
- position:fixed;
- height:100%;
- border:10px solid #000;
- top:0px;
- left:275px;
- z-index:-999;
- }
- #navigation {
- position:fixed;
- font-family:'Gentium Book Basic', Times;
- font-size:18px;
- text-transform:uppercase;
- left:50px;
- top:200px;
- }
- #navigation a{
- color:{color:Link Hover};
- }
- #navigation a:hover{
- color:{color:Link};
- }
- #pagination {
- position:fixed;
- text-align:center;
- font-size:16px;
- font-weight:bolder;
- color:#000;
- width:100px;
- top: 200px;
- left:480px;
- z-index:990;
- }
- #pagination a {
- text-decoration:none;
- color:#000;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- #pagination a:hover {
- color:#e2e2e2;
- }
- .postcontainer {
- position: fixed;
- left: 600px;
- top: 60px;
- width: 650px;
- height: 550px;
- z-index: 99;
- overflow:auto;
- }
- /* 8 POST TYPES */
- .post {
- width:500px;
- margin-left:15px;
- margin-right:7px;
- margin-bottom:7px;
- margin-top:35px;
- padding:3px;
- z-index:-3;
- }
- .quote {
- text-align:justify;
- font-size:18px;
- line-height:20px;
- padding:5px;
- background-color: rgba(255,255,255,.2);
- }
- .asks {
- padding:3px;
- background-color: rgba(255,255,255,.2);
- }
- .notes {
- font-size:10px;
- text-align:center;
- text-transform:uppercase;
- border-top:1px dashed rgba(255, 255, 255, .7);
- padding-top:5px;
- padding-bottom:5px;
- }
- .tags {
- font-size:10px;
- text-align:center;
- text-transform:uppercase;
- }
- .audio {
- margin-bottom:10px;
- height:100px;
- }
- .albumart {
- position:absolute;
- width:98px;
- border:1px solid rgba(0,0,0,.1);
- padding:2px;
- z-index:1;
- }
- .player {
- position:absolute;
- background:#000;
- width:27px;
- z-index:999;
- height:27px;
- overflow:hidden;
- margin-top:35px;
- margin-left:35px;
- padding:3px;
- opacity:0;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- .audio:hover .player {
- opacity:.7;
- }
- .audioinfo {
- width:370px;
- float:right;
- text-align:left;
- padding:2px;
- line-height:20px;
- }
- .chats {
- line-height:20px;
- }
- #credit {
- border:1px solid #2d2d2d;
- margin:3px;
- padding:5px;
- font-size:10px;
- position:fixed;
- top:0px;
- left:0px;
- }
- </style>
- </head>
- <body>
- <div id="credit"><a href="http://murderouscurse.tumblr.com/t">DRGL</a></div>
- <div id="sidebarimg"><div class="descr">{Description}</div>
- <img src="{image:sidebar}">
- </div>
- <div class="line"></div>
- <div id="navigation">
- <a href="{text:URL1}" title="{text:URL Title 1}">i.</a> <br><br><br>
- <a href="{text:URL2}" title="{text:URL Title 2}">ii.</a> <br><br><br>
- <a href="{text:URL3}" title="{text:URL Title 3}">iii.</a> <br><br><br>
- <a href="{text:URL4}" title="{text:URL Title 4}">vi.</a> <br><br><br>
- <a href="{text:URL5}" title="{text:URL Title 5}">v.</a>
- </div>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">β </a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"> β</a>{/block:NextPage}{/block:Pagination}</div>
- <div class="postcontainer">
- {block:Posts}<div class="post">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote">{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">β {Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Answer}<div class="asks"><img src="{AskerPortraitURL-30}"/><i><b> {Asker}</b> asked: </i>{Question}</div>{Answer}{/block:answer}
- {block:Audio}
- <div class="audio">
- {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="player">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
- <div class="audioinfo">
- {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}</div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="chats">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
- <div class="notes">
- {block:Date}<a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} || <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
- {block:RebloggedFrom} || <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom}
- {block:ContentSource} || Β© <a href="{SourceURL}">{SourceLink}
- </a>{/block:ContentSource}{/block:Date}
- </div>
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:HasTags}<div class="tags">
- {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>{/block:Posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement