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 08 BY STVCKY (STVCKY.TUMBLR.COM). DON'T STEAL OR USE AS BASE PLEASE AND THANK. IF YOU HAVE ANY ISSUES MESSAGE ME.
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <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="image:icon one" content="https://31.media.tumblr.com/8102435f6f5ef7b844fc9db3d3eb79a5/tumblr_inline_nd3mzbX0Ad1sdqauz.png"/>
- <meta name="image:icon two" content="https://31.media.tumblr.com/8076c737600e1a2b341f0026db5518d2/tumblr_inline_nd3mzqeqM01sdqauz.png"/>
- <meta name="image:icon three" content="https://31.media.tumblr.com/ec0e2ebc6cce55805acb488ed467fb28/tumblr_inline_nd3mzhzBUi1sdqauz.png"/>
- <meta name="image:icon four" content="https://31.media.tumblr.com/9a3bb1a6ce109180b8bcad9389b9a785/tumblr_inline_nd3mzy8HTO1sdqauz.jpg"/>
- <meta name="color:ask bg" content="#fcfcfc"/>
- <meta name="color:ask text" content="#000"/>
- <meta name="color:ask icon border" content="#000"/>
- <meta name="color:audio border" content="#fcfcfc"/>
- <meta name="color:background" content="#fcfcfc"/>
- <meta name="color:blockquote" content="#fcfcfc"/>
- <meta name="color:bold" content="#fcfcfc"/>
- <meta name="color:chat even" content="#000"/>
- <meta name="color:chat even bg" content="#fcfcfc"/>
- <meta name="color:chat odd" content="#fcfcfc"/>
- <meta name="color:chat odd bg" content="#000"/>
- <meta name="color:credit" content="#fcfcfc"/>
- <meta name="color:credit bg" content="#000"/>
- <meta name="color:description bg" content="#f0d3e7"/>
- <meta name="color:description scroll" content="#f0d3e7"/>
- <meta name="color:description scroll bg" content="#fcfcfc"/>
- <meta name="color:description text" content="#000"/>
- <meta name="color:icon one border" content="#000"/>
- <meta name="color:icon one border hover" content="#a5cae6"/>
- <meta name="color:icon two border" content="#000"/>
- <meta name="color:icon two border hover" content="#f0d3e7"/>
- <meta name="color:icon three border" content="#000"/>
- <meta name="color:icon three border hover" content="#e8e6ca"/>
- <meta name="color:icon four border" content="#000"/>
- <meta name="color:icon four border hover" content="#327c8f"/>
- <meta name="color:info" content="#000"/>
- <meta name="color:italics" content="#fcfcfc"/>
- <meta name="color:link" content="#fcfcfc"/>
- <meta name="color:link post" content="#fcfcfc"/>
- <meta name="color:main nav links" content="#a5cae6"/>
- <meta name="color:nav one links" content="#c7c5ab"/>
- <meta name="color:nav two links" content="#327c8f"/>
- <meta name="color:pagination" content="#fcfcfc"/>
- <meta name="color:pagination bg" content="#000"/>
- <meta name="color:post bg" content="#000"/>
- <meta name="color:post titles" content="#fcfcfc"/>
- <meta name="color:quote" content="#0000"/>
- <meta name="color:quote shadow" content="#fcfcfc"/>
- <meta name="color:scrollbar" content="#000"/>
- <meta name="color:selection" content="#000"/>
- <meta name="color:selection text" content="#fcfcfc"/>
- <meta name="color:subtitle" content="#fcfcfc"/>
- <meta name="color:subtitle shadow" content="#a5cae6"/>
- <meta name="color:tags" content="#fcfcfc"/>
- <meta name="color:tags border" content="#fcfcfc"/>
- <meta name="color:tags hover" content="#000"/>
- <meta name="color:tags hover shadow" content="#fcfcfc"/>
- <meta name="color:text" content="#fcfcfc"/>
- <meta name="color:title" content="#a5cae6"/>
- <meta name="text:subtitle" content="subtitle"/>
- <meta name="text:link one url" content="/"/>
- <meta name="text:link one" content="one"/>
- <meta name="text:link two url" content="/"/>
- <meta name="text:link two" content="two"/>
- <meta name="text:link three url" content="/"/>
- <meta name="text:link three" content="three"/>
- <meta name="text:link four url" content="/"/>
- <meta name="text:link four" content="four"/>
- <meta name="text:link five url" content="/"/>
- <meta name="text:link five" content="five"/>
- <meta name="text:link six url" content="/"/>
- <meta name="text:link six" content="six"/>
- <meta name="text:link seven url" content="/"/>
- <meta name="text:link seven" content="seven"/>
- <meta name="text:link eight url" content="/"/>
- <meta name="text:link eight" content="eight"/>
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- background-color: {color:scrollbar};
- height:auto;
- border-bottom:none;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:8px;
- background-color: {color:background};
- }
- ::selection {
- background-color: {color:selection};
- color: {color:selection text};
- }
- body {
- background-color: {color:background};
- margin:0px;
- color: {color:text};
- font-family:Arial;
- font-size:9px;
- line-height:100%;
- background-repeat: repeat;
- text-align: center;
- line-height: 110%;
- }
- i, em {
- color: {color:italics};
- }
- b, strong {
- color: {color:bold};
- opacity: .7;
- }
- a {
- text-decoration:none;
- -moz-outline-style:none;
- color: {color:link};
- opacity: .8;
- }
- a:hover {
- letter-spacing: 1.5px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- h1 {
- font-size:12px;
- text-transform:uppercase;
- line-height: 110%;
- text-align: center;
- color: {color:post titles};
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid {color:blockquote};
- max-width: 100%;
- word-wrap: break-word
- }
- blockquote img {
- max-width: 100%;
- }
- #si {
- width: 100px;
- height: 300px;
- position: fixed;
- margin-top: -300px;
- margin-left: 50px;
- }
- #sii {
- width: 100px;
- height: 300px;
- position: fixed;
- margin-top: -300px;
- margin-left: 500px;
- }
- /*PADFOOT AND PRONGS*/
- /*PRONGS*/
- #prongs {
- width: 50px;
- }
- #prongs img {
- width: 50px;
- height: 50px;
- border: 20px solid {color:icon one border};
- border-radius: 50%;
- padding: 5px;
- position: fixed;
- margin-left: -25px;
- }
- #prongs img:hover {
- border: 20px solid {color:icon one border hover};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #prongs:hover #boxi {
- opacity: 1;
- margin-left: 110px;
- margin-top: 40px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #boxi {
- opacity: 0;
- width: 200px;
- height: 200px;
- position: fixed;
- margin-top: 40px;
- }
- #title {
- font-family: times;
- font-style: italic;
- font-size: 20px;
- position: fixed;
- letter-spacing: 2px;
- color: {color:title};
- text-transform: lowercase;
- }
- #subt {
- font-family: arial;
- text-transform: uppercase;
- font-size: 9px;
- color: {color:subtitle};
- text-shadow: 1px 1px {color:subtitle shadow};
- position: fixed;
- margin-top: 10px;
- }
- #lb {
- width: 70px;
- height: 100px;
- margin-left: 50px;
- margin-top: 25px;
- position: fixed;
- }
- #lb a {
- font-family: arial;
- color: {color:main nav links};
- text-transform: uppercase;
- text-align: center;
- }
- /*PADFOOT*/
- #padfoot {
- width: 50px;
- }
- #padfoot img {
- width: 50px;
- height: 50px;
- border: 20px solid {color:icon two border};
- border-radius: 50%;
- padding: 5px;
- position: fixed;
- margin-top: 200px;
- margin-left: -25px;
- }
- #padfoot img:hover {
- border: 20px solid {color:icon two border hover};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #padfoot:hover #boxii {
- opacity: 1;
- margin-left: 110px;
- margin-top: 200px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #boxii {
- opacity: 0;
- width: 120px;
- height: 20px;
- margin-top: 200px;
- background-color: {color:description bg};
- position: fixed;
- padding: 40px;
- text-align: justify;
- font-family: times;
- font-size: 9px;
- color: {color:description text};
- letter-spacing: 2px;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- #boxii::-webkit-scrollbar-thumb {
- background-color: {color:description scroll};
- height:auto;
- border:none;
- }
- #boxii::-webkit-scrollbar {
- height:9px;
- width:5px;
- background-color: {color:description scroll bg};
- }
- /*WORMTAIL AND MOONY*/
- /*WORMTAIL*/
- #wormtail {
- width: 50px;
- }
- #wormtail img {
- width: 50px;
- height: 50px;
- border: 20px solid {color:icon three border};
- border-radius: 50%;
- padding: 5px;
- position: fixed;
- margin-left: -25px;
- }
- #wormtail img:hover {
- border: 20px solid {color:icon three border hover};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #wormtail:hover #boxiii {
- opacity: 1;
- margin-left: -140px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #boxiii {
- opacity: 0;
- width: 200px;
- height: 100px;
- position: fixed;
- }
- #boxiii a {
- color: {color:nav one links};
- font-size: 20px;
- font-family: arial;
- letter-spacing: 2px;
- }
- /*MOONY*/
- #moony {
- width: 50px;
- }
- #moony img {
- width: 50px;
- height: 50px;
- border: 20px solid {color:icon four border};
- border-radius: 50%;
- padding: 5px;
- position: fixed;
- margin-top: 200px;
- margin-left: -25px;
- }
- #moony img:hover {
- border: 20px solid {color:icon four border hover};
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #moony:hover #boxiv {
- opacity: 1;
- margin-left: -140px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #boxiv {
- opacity: 0;
- width: 200px;
- height: 100px;
- margin-top: 200px;
- position: fixed;
- }
- #boxiv a {
- color: {color:nav two links};
- font-size: 20px;
- font-family: arial;
- letter-spacing: 2px;
- }
- /*END OF MARAUDERS*/
- /*POSTS*/
- #all {
- padding:10px;
- width: 250px;
- font-size:10px;
- margin-left: 150px;
- margin-top: 500px;
- }
- #posts {
- width: 250px;
- padding-bottom:40px;
- padding-top:20px;
- padding-right: 30px;
- padding-left: 30px;
- margin-top:30px;
- background-color: {color:post bg};
- text-align: left;
- line-height: 110%;
- }
- #posts img {
- max-width: 100%;
- }
- #infos {
- opacity: 1;
- width: 50px;
- height: 90px;
- padding: 5px;
- background-color: {color:background};
- border: 20px solid {color:background};
- margin-bottom: -130px;
- margin-left: 320px;
- }
- #notess {
- width: 100%;
- font-size: 15px;
- color: black;
- text-align: center;
- margin-top: -30px;
- margin-left: -30px;
- }
- #notess a {
- color: {color:info};
- }
- #notess a:hover {
- opacity: .5;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #date {
- width: 100%;
- font-size: 10px;
- text-align: center;
- margin-top: 10px;
- margin-left: -30px;
- padding-bottom: 10px;
- border-bottom: 1px dotted {color:info};
- }
- #date a {
- color: {color:info};
- }
- #date a:hover {
- opacity: .5;
- }
- #source {
- width: 100%;
- font-size: 11px;
- text-align: center;
- margin-top: 10px;
- margin-left: -30px;
- }
- #source a {
- color: {color:info};
- }
- #source a:hover {
- opacity: .5;
- }
- #posts:hover #details {
- opacity: 1;
- margin-top:8px;
- margin-left: 0px;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;
- }
- #details {
- opacity: 0;
- text-align:left;
- margin-top:8px;
- margin-left: -400px;
- font-size:8px;
- font-style:none;
- }
- #tags {
- width: 250px;
- height: auto;
- font-family: arial;
- letter-spacing:0px;
- font-size:10px;
- margin-top:2px;
- text-align: right;
- padding: 3px;
- color: {color:tags};
- padding-bottom: 10px;
- padding-top: 10px;
- border-top: 1px solid {color:tags border};
- }
- #tags a {
- display:inline-block;
- padding:-3px;
- text-align:right;
- color: {color:tags};
- }
- #tags a:hover {
- color: {color:tags hover};
- text-shadow: 1px 1px {color:tags hover shadow};
- letter-spacing: 2px;
- }
- #question {
- padding:50px;
- font-family:arial;
- letter-spacing:2px;
- text-align:right;
- border:20px solid {color:ask bg};
- color: {color:ask text};
- background-color: {color:ask bg};
- }
- #question a {
- color: {color:ask text};
- }
- .convo .convoline {
- color: {color:chat even};
- background-color: {color:chat even bg};
- padding: 10px;
- }
- .convo .convoline.odd {
- color: {color:chat odd};
- background-color: {color:chat odd bg};
- padding: 10px;
- }
- .newplayerbutton {
- position: relative;
- width: 28px;
- height: 27px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -11px;
- left: -12px;
- }
- .tumblr_audio_player {
- border: none;
- padding: 0px;
- margin: 0px;
- height: 50px;
- width: 250px;
- }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 28px;
- height: 28px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- 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: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- border: 2px dotted {color:audio border};
- background-color: {color:audio border};
- padding: 2px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- overflow: hidden;
- width: 88px;
- height: 88px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- border: 2px dotted {color:audio border};
- padding: 2px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- .trackdetails {
- width: auto;
- display:inline-block;
- margin-left: 100px;
- min-height: 85px;
- line-height: 200%;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- padding: 10px;
- }
- #quote {
- font-size: 30px;
- font-family: times;
- font-style: italic;
- text-align: center;
- line-height: 110%;
- letter-spacing: 2px;
- padding-top: 10px;
- text-shadow: 2px 2px {color:quote shadow};
- color: {color:quote};
- }
- #qsource {
- font-size: 10px;
- font-family: arial;
- text-transform: uppercase;
- text-align: right;
- }
- #notes {
- width: 250px;
- height: 170px;
- overflow-y: scroll;
- overflow-x: hidden;
- margin-top: 30px;
- opacity: 1;
- text-align: left;
- }
- #link_post {
- width: 250px;
- height: auto;
- font-size: 15px;
- text-align: center;
- text-transform: uppercase;
- line-height: 100%;
- }
- #link_post a {
- color: {color:link post};
- }
- #link_post a:hover {
- letter-spacing: 2px;
- }
- #credit {
- position:fixed;
- bottom:8px;
- right:3px;
- font-size:9px;
- letter-spacing:1px;
- font-family:calibri;
- height: 15px;
- width: 20px;
- background-color: {color:credit bg};
- padding-top: 5px;
- text-align: center
- }
- #credit a {
- color: {color:credit};
- text-decoration:none;
- }
- #pagination {
- width: 300px;
- height: 100px;
- margin-top: 50px;
- margin-left: 150px;
- }
- #pagination a {
- opacity: 1;
- }
- .jump_page {
- padding: 4px 8px;
- background-color: {color:pagination bg};
- color: {color:pagination};
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 4px 8px;
- color: {color:pagination bg};
- font-family:century gothic;
- font-size:11px;
- text-decoration:none;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <!--PADFOOT AND PRONGS-->
- <div id="si">
- <div id="prongs">
- <img src="{image:icon one}">
- <div id="boxi">
- <div id="title">
- {Title}
- </div>
- <div id="subt">
- {text:subtitle}
- </div>
- <div id="lb">
- <a href="/" title="home">I.</a>
- <a href="/ask" title="ask">II.</a>
- <a href="/archive" title="past">III.</a>
- </div>
- </div>
- </div>
- <div id="padfoot">
- <img src="{image:icon two}">
- <div id="boxii">
- <p>{Description}</p>
- </div>
- </div>
- </div>
- <!--WORMTAIL AND MOONY-->
- <div id="sii">
- <!--WORMTAIL-->
- <div id="wormtail">
- <img src="{image:icon three}">
- <div id="boxiii">
- <a href="{text:link one url}" title="{text:link one}">I</a>
- <br><br>
- <a href="{text:link two url}" title="{text:link two}">II</a>
- <br><br>
- <a href="{text:link three url}" title="{text:link three}">III</a>
- <br><br>
- <a href="{text:link four url}" title="{text:link four}">IV</a>
- </div>
- </div>
- <!--MOONY-->
- <div id="moony">
- <img src="{image:icon four}">
- <div id="boxiv">
- <a href="{text:link five url}" title="{text:link five}">V</a>
- <br><br>
- <a href="{text:link six url}" title="{text:link six}">VI</a>
- <br><br>
- <a href="{text:link seven url}" title="{text:link seven}">VII</a>
- <br><br>
- <a href="{text:link eight url}" title="{text:link eight}">VIII</a>
- </div>
- </div>
- </div>
- <div id="all">
- {block:Posts}<div id="posts">
- <div id="infos">
- <div id="notess">
- <a href="{Permalink}">{NoteCount}</a>
- </div>
- <div id="date">
- <a href="{Permalink}">{MonthNumberWithZero}/{DayOfMonthWithZero} </a>
- </div>
- {block:ContentSource}
- <div id="source">
- <a href="{SourceURL}" title="source"><a href="{SourceURL}" title="source">☽</a>
- </div>
- {/block:ContentSource}
- </div>
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Link}<div id="link_post"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Photoset}{Photoset-250} {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}
- <div id="quote">"{Quote}"</div>
- <div id="qsource">{block:Source} —{Source}{/block:Source}</div>
- {/block:Quote}
- {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}{TrackName}{/block:TrackName}<br/>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>{block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
- {PlayCountWithLabel}</div></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:AudioPlayer}
- {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}<div class="convo">{block:Lines}<div class="convo"><div class="convoline {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</div></div></div>{/block:Lines}</div>
- {/block:Chat}
- {block:Answer}<div id="question"><span style="font-size:9px;">
- <center>
- <img src="{AskerPortraitURL-40}" style="border:20px solid {color:ask icon border}; padding: 10px; border-radius: 50%">
- </center>
- <br><br><br>
- </span>
- <center>
- "{Question}"
- <br><br>
- whispered {Asker}
- </center>
- </div>
- <left> <font face="arial">{Answer}</font>{/block:Answer}
- <div id="details">
- {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- </div></div>
- {/block:Posts}
- {/block:Posts}</div></div></div>
- </div></div>
- <div id="credit"><a href="http://stvcky.tumblr.com/">S</a></center></div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</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}" class="jump_page">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment