Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ᴛʜᴇᴍᴇ 06 ʙʏ ʜᴀʀᴅᴢɪᴀᴍ
- please don't take off the credit it's really small!!!!
- ╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━┳━━━╮ ╭━━┳╮╱╱╭╮
- ┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━┫╭━╮┃ ┃╭╮┃╰╮╭╯┃
- ╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━┫╰━━╮ ┃╰╯╰╮╰╯╭╯
- ╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━┻━━╮┃ ┃╭━╮┣╮╭╯
- ╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━┫╰━╯┃ ┃╰━╯┃┃┃
- ╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━┻━━━╯ ╰━━━╯╰╯
- ╭╮╱╭┳━━━┳━━━┳━━━┳━━━━┳━━┳━━━┳━╮╭━╮
- ┃┃╱┃┃╭━╮┃╭━╮┣╮╭╮┣━━╮━┣┫┣┫╭━╮┃┃╰╯┃┃
- ┃╰━╯┃┃╱┃┃╰━╯┃┃┃┃┃╱╭╯╭╯┃┃┃┃╱┃┃╭╮╭╮┃
- ┃╭━╮┃╰━╯┃╭╮╭╯┃┃┃┃╭╯╭╯╱┃┃┃╰━╯┃┃┃┃┃┃
- ┃┃╱┃┃╭━╮┃┃┃╰┳╯╰╯┣╯━╰━┳┫┣┫╭━╮┃┃┃┃┃┃
- ╰╯╱╰┻╯╱╰┻╯╰━┻━━━┻━━━━┻━━┻╯╱╰┻╯╰╯╰╯
- hardziam.tumblr.com // themesbyzsu.tumblr.com
- -->
- <!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">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:Background" content="#fff" />
- <meta name="color:Text" content="#000" />
- <meta name="color:Link" content="#333" />
- <meta name="color:Accent Color" content="#3e9dad" />
- <meta name="color:Link Hover Color" content="#000" />
- <meta name="color:Borders" content="#f1f1f1" />
- <meta name="color:Post Info Background" content="#f1f1f1" />
- <meta name="color:Side Img Border" content="#f1f1f1" />
- <meta name="color:Info Color" content="#000" />
- <meta name="color:Permalink Icon Color" content="#3e9dad" />
- <meta name="image:Sidebar" content="" />
- <meta name="if:Additional Links" content="1" />
- <meta name="if:400px Posts" content="0" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Title" content="link" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Title" content="link" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Title" content="link" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Title" content="link" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Title" content="link" />
- <meta name="text:Permalink Icon" content="d" />
- <meta name="text:Permalink Icon Size" content="60px" />
- <meta name="text:Permalink Icon Top Margin" content="-15px" />
- </script>
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <style>
- @font-face {font-family:Kawaii Food Font; src: url(http://static.tumblr.com/ssqfxic/Tjmn085y1/kawaii_food_font.ttf);}
- </style>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <style>
- div#qTip {
- padding: 6px;
- border-radius:5px;
- display:none;
- font:italic 10px Calibri;
- color:black;
- position:absolute;
- background:white;
- }
- </style>
- <style type="text/css">
- body {
- background: {color:Background};
- padding: 0;
- position:absolute;
- font-family: calibri;
- margin:0;
- width:100%;height:100%;
- font:12px Corbel;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:{color:Link};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- a:hover {
- color:{color:Link Hover Color};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- }
- blockquote{
- margin:5px;
- border-top:1px solid #eee;
- }
- h1 {
- font-family:tahoma;
- text-transform:lowercase;
- }
- h2 {
- font-family:tahoma;
- text-transform:uppercase;
- padding:5px;
- background:#f1f1f1;
- }
- h3 {
- font-size:15px;
- color:black;
- }
- #title {
- font-family:calibri;
- color:black;
- font-size:12px;
- margin-top:-5px;
- width:200px;
- margin-left:-20px;
- padding:10px;
- opacity:1;
- font-style:italic;
- background:{color:background};
- border:1px solid {color:Borders};
- text-align:center;
- text-decoration:none;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #triangles {
- width:221px;
- height:10px;
- margin-left:-20px;
- }
- #triangle-topright {
- width: 0;
- height: 0;
- float:left;
- border-top: 7px solid {color:Borders};
- border-left: 10px solid transparent;
- }
- #triangle-topleft {
- width: 0;
- float:right;
- height: 0;
- border-top: 7px solid {color:Borders};
- border-right: 9px solid transparent;
- }
- #sidebar {
- position:fixed;
- margin-top:60px;
- margin-left:100px;
- width:180px;
- padding:5px;
- }
- #border {
- height:150%;
- margin-top:-10px;
- width:200px;
- margin-left:95px;
- position:fixed;
- border-left:solid {color:Borders} 1px;
- border-right:solid {color:Borders} 1px;
- }
- #sidebar img {
- width:180px;
- height:auto;
- padding:10px;
- background:{color:background};
- margin-left:-10px;
- border:1px solid {color:Side Img Border};
- text-align:center;
- }
- #description {
- opacity:1;
- width: 160px;
- margin-top:0px;
- z-index:-100;
- padding:10px;
- color:{color:Text};
- font-size:11px;
- text-align:justify;
- font-family:calibri;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #icon font{
- float:left;
- padding-left:15px;
- }
- #post:nth-of-type(2n+0) #icon font{
- float:right;
- padding-left:0px;
- padding-right:15px;
- }
- #post:nth-of-type(2n+0) .info{
- text-align:right;
- }
- #icon a{
- color:{color:Permalink Icon Color};
- }
- #icon a:hover{
- color:{color:Link Hover Color};
- }
- #links {
- text-transform:uppercase;
- margin-top:-45px;
- margin-bottom:20px;
- margin-left:1px;
- width:190px;
- font-size:10px;
- font-family:corbel;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #links a{
- text-align:center;
- display:inline-block;
- width:22px;
- color:white;
- line-height:20px;
- background:transparent;
- border:4px solid white;
- border-bottom:none;
- margin-left:-5px;
- padding:5px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- box-shadow:1px 1px transparent inset, -1px -1px transparent inset;
- }
- #links a:first-child{
- margin-left:-4px;
- }
- #links a:hover{
- color:black;
- letter-spacing:2px;
- box-shadow:20px 20px white inset, -20px -20px white inset;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- /* ---------------------- */
- .mus {height: 70px; padding: 20px; display: table; position: relative;
- background:{color:Accent Color};
- width: 460px;
- {block:if400pxPosts}
- width:360px;
- {/block:if400pxPosts}
- }
- .mus img {height: 50px; position: absolute; border: 10px solid #f2f2f2;}
- .musiclabel {padding-left: 80px;
- text-align: left;
- display: table-cell;
- vertical-align: middle;
- font-family: calibri}
- .mlabel {color: {color:Text};
- font-style:italic;
- font-size:12px;}
- .newplayerbutton {
- position: relative;
- width: 28px;
- height: 27px;
- overflow: hidden;}
- .playerbuttonhug {
- position: absolute;
- top: -8px;
- left: -12px;}
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- margin-left:15px;
- height: 43px;
- width: 300px;
- {block:if400pxPosts}
- width:200px;
- {/block:if400pxPosts}
- }
- .playerbuttonbg {
- position: absolute;
- left: 30px;
- top: 30px;
- width: 30px;
- height: 30px;
- background:white;
- padding: 10px;
- opacity: 0.3;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;
- z-index: 1000;}
- .playerbuttonbg:hover {opacity: 0.8;
- transition-duration: 0.6s;
- -moz-transition-duration: 0.6s;
- -webkit-transition-duration: 0.6s;
- -o-transition-duration: 0.6s;}
- /* ---------------------- */
- .bubble {
- background: #f2f2f2;
- margin:7px 0px 5px 0px;
- padding:20px;
- min-height:40px;
- line-height:200%;
- position: relative;
- overflow:hidden;
- }
- .a{
- position:absolute;
- height:100%;
- background:{color:Accent Color};
- width:50px;
- margin:-20px;
- overflow:hidden;
- color:white;
- padding:15px;
- }
- .a img{
- width:30px;
- padding:10px;
- }
- .question{
- width:400px;
- {block:if400pxPosts}
- width:300px;
- {/block:if400pxPosts}
- font-size:12px;
- margin-left:80px;
- }
- #ans{
- padding:10px;
- background:#f9f9f9;
- }
- #chat span{
- display:block;
- margin:5px;
- background:#f9f9f9;
- border-bottom:1px solid #eee;
- padding:8px;
- }
- #chat b{
- text-transform:uppercase;
- font-style:italic;
- color:{color:Accent Color};
- }
- #entries {
- position:absolute;
- top:80px;
- left:400px;
- }
- #post {
- font-size:10px;
- padding: 5px;
- margin-bottom:50px;
- width: 500px;
- {block:if400pxPosts}
- width:400px;
- margin-bottom:130px;
- {/block:if400pxPosts}
- color:{color:Text};
- text-align: left;
- }
- .info {
- padding: 5px;
- margin-left:0px;
- font:10px corbel;
- min-height:25px;
- background:{color:Post Info Background};
- margin-top:20px;
- z-index:2;
- color: {color:Info Color};
- border-bottom-left-radius:5px;
- border-bottom-right-radius:5px;
- }
- .tags a{
- font-style:italic;
- display:inline-block;
- margin: 1px 2px;
- word-wrap:break-word;
- }
- #cr a{
- position:fixed;
- z-index:99999;
- right:15px;
- bottom:15px;
- padding:3px 7px;
- border:1px solid #ccc;
- background:#eee;
- color:#aaa;
- }
- #cr a:hover{
- color:#000;
- border-color:#000;
- }
- #links1{
- position:fixed;
- background:white;
- border:1px solid #ededed;
- padding:20px;
- margin-left:-20px;
- width:400px;
- height:366px;
- top:100px;
- z-index:100000;
- }
- #links1:before, #links1:after, #bg{
- width:442px;
- margin-left:-21px;
- height:100px;
- background:#fff;
- z-index:-999;
- position:fixed;
- top:0px;
- content:'';
- }
- #bg{
- width:100%;
- left:843px;
- height:100%;
- }
- #links1:after{
- top:508px;
- height:500px;
- }
- #links11 a, #links11 h1{
- display:block;
- font-style:italic;
- border-left:1px solid #eee;
- padding:4px 10px;
- }
- #links11 a:hover, #links11 h1{
- letter-spacing:1px;
- padding-left:20px;
- border-color:{color:Link Hover Color};
- }
- #links11 h1{
- font:bold 12px Corbel;
- display:block;
- padding-left:5px;
- text-transform:uppercase;
- margin:0;
- }
- #search{
- background:#f2f2f2;
- padding:15px;
- padding-left:30px;
- }
- #searchbox {
- font-family:Corbel;
- color:#333;
- border:0px;
- padding:5px;
- width:200px;
- }
- #searchbutton {
- padding:6px 10px 6px 10px;
- line-height:9px;
- font-size:10px;
- border:1px solid white;
- text-transform:uppercase;
- font-family:Corbel;
- margin-left:10px;
- letter-spacing:3px;
- color:black;
- background-color:#fff;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #searchbutton:hover {
- color:white;
- background:#333;
- cursor:pointer;
- border-color:#333;
- }
- #cl a{
- width:10px;
- height:10px;
- padding:5px;
- float:right;
- background:#000;
- text-align:center;
- color:white;
- margin-left:10px;
- margin-right:-10px;
- margin-top:-10px;
- line-height:10px;
- }
- #cl a:hover{
- background:white;
- color:black;
- }
- .hidden{
- display:none;
- }
- .unhidden{
- display:block;
- }
- .pagenotes img{
- display:none;
- }
- .pagenotes ul{
- list-style:none;
- margin:0;
- }
- .pagenotes li{
- display:block;
- padding:10px;
- background:transparent;
- margin:2px;
- width:500px;
- {block:if400pxPosts}
- width:400px;
- {/block:if400pxPosts}
- margin-left:-50px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .pagenotes li:hover{
- background:white;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- /*pagination*/
- #pagination {
- text-align:center;
- display:block;
- padding:0px;
- border-top:1px solid {color:Side Img Border};
- padding-bottom:40px;
- }
- #pagination a, #pagination span {
- border-top:1px solid {color:Side Img Border};
- display:inline-block;
- padding:5px;
- color:#ccc;
- margin:3px;
- margin-top:-1px;
- }
- #pagination span{
- color:black;
- border-color:black;
- }
- #pagination a:hover{
- color:{color:Link Hover Color};
- border-color:{color:Link Hover Color};
- }
- #bar{
- background:{color:Side Img Border};
- height:40px;
- padding:20px;
- position:fixed;
- bottom:0;
- z-index:99999999;
- width:462px;
- {block:if400pxPosts}
- width:362px;
- {/block:if400pxPosts}
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="border"></div>
- <div id="sidebar">
- <center>
- <div id="title">{Title}</div></center>
- <div id="triangles"><div id="triangle-topleft"></div><div id="triangle-topright"></div></div>
- <a href="/"><img src="{image:Sidebar}"/></a>
- <div id="links">
- <a href="{text:Link1}" title="{text:Link1 title}">1</a>
- <a href="{text:Link2}" title="{text:Link2 title}">2</a>
- <a href="{text:Link3}" title="{text:Link3 title}">3</a>
- <a href="{text:Link4}" title="{text:Link4 title}">4</a>
- {block:ifnotAdditionalLinks}
- <a href="{text:Link5}" title="{text:Link5 title}">5</a>
- {/block:ifnotAdditionalLinks}
- {block:ifAdditionalLinks}
- <a href="javascript:unhide('links1')" title="Links">5</a>
- {/block:ifAdditionalLinks}
- </div>
- <div id="description">{block:Description}{Description}{/block:Description}
- </div>
- </div>
- <div id="entries">
- <div id="links1" class="hidden">
- <div id="cl"><a href="javascript:unhide('links1');">X</a></div>
- <div id="links11">
- <h1>navigate this blog</h1>
- <!---- HERE YOU PUT IN YOUR LINKS!----->
- <a href="/">link 1</a>
- <a href="/tagged/sebastian+stan">love of my life</a>
- <!--------- LEAVE ALL THIS. ----------->
- <br>
- <div id="search">
- <form action="/search" method="get" class="search">
- <input type="text" name="q" value="{SearchQuery}" id="searchbox"/>
- <input type="submit" value="Search tags" id="searchbutton"/>
- </form></div>
- </div>
- <div id="bg"></div>
- </div>
- {block:Posts}
- <div id="post">
- {block:Text}<h1>{title}</h1>{Body}{/block:Text}
- {block:Quote}<h3>“{Quote}”</h3><div style="text-align:right; padding:5px; font-style:italic;">- {Source}</div>{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}
- {block:ifnot400pxPosts}
- <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
- {/block:if400pxPosts}
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}
- {block:ifnot400pxPosts}
- <center>{Photoset-500}</center>
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- <center>{Photoset-400}</center>
- {/block:if400pxPosts}
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Chat}
- <div id="chat">
- {block:Title}<t>{Title}</t><br>{/block:Title}
- {block:Lines}<span>{block:Label}<b>{Label}</b>{/block:Label} {Line}</span>{/block:Lines}</div> {/block:Chat}
- {block:Video}
- {block:ifnot400pxPosts}
- {Video-500}
- {/block:ifnot400pxPosts}
- {block:if400pxPosts}
- {Video-400}
- {/block:if400pxPosts}
- {block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Audio}
- {block:AudioPlayer}
- <div class="mus">
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- {/block:AudioPlayer}
- <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
- {block:AlbumArt}
- <img class="cover" src="{AlbumArtURL}" />
- {/block:AlbumArt}
- <div class="musiclabel">
- {block:TrackName}<span class="mlabel">{TrackName}</span>{/block:TrackName}<br>
- {block:Artist}{Artist}{/block:Artist} {block:Album}· {Album}{/block:Album}<br>
- {block:Playcount}{Playcount} Plays{/block:Playcount}
- </div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="bubble">
- <div class="a">
- <a href="{AskerURL}">
- <img src="{AskerPortraitURL-64}"></a>
- </div>
- <div class="question">
- <i style="color:{color:Link}">{Asker} said:</i> <br>{Question}</div></div><br>
- <div id="ans">
- {Answer}</div>{/block:Answer}
- <div class="info">
- <div id="icon"><a href="{Permalink}" title="permalink"><font style="font-family:'Kawaii Food Font'; font-size:{text:Permalink Icon Size}; font-weight:none; z-index:10000; margin-top:{text:Permalink Icon Top Margin}">{text:Permalink Icon}</font></a></div>
- {block:Date}{TimeAgo}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} <span style="color:{color:Link}">(<a href="{ReblogParentURL}">via</a>{block:ContentSource} - <a href="{SourceURL}">source</a>{block:ContentSource}){/block:RebloggedFrom}</span><br>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">-{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
- </div>
- {/block:Posts}
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Previous</a>
- {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}{block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="cr"><a href="http:://hardziam.tumblr.com">th</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement