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">
- <head>
- <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}
- <!--Default Variables-->
- <meta name="color:blockquote" content="#2f3039"/>
- <meta name="color:text" content="#4b4d5a"/>
- <meta name="color:link" content="#6a735d"/>
- <meta name="color:hover" content="#a0aa89"/>
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1" content="" />
- <meta name="text:link 1 title" content=""/>
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:link 2 title" content=""/>
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:link 3 title" content=""/>
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:link 4 title" content=""/>
- <meta name="text:Link 5 URL" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:link 5 title" content=""/>
- <meta name="text:Link 6 URL" content="" />
- <meta name="text:Link 6" content="" />
- <meta name="text:link 6 title" content=""/>
- <meta name="text:Link 7 URL" content="" />
- <meta name="text:Link 7" content="" />
- <meta name="text:link 7 title" content=""/>
- <meta name="text:Link 8 URL" content="" />
- <meta name="text:Link 8" content="" />
- <meta name="text:link 8 title" content=""/>
- <!-- jquery for tooltips-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Fjalla+One::latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <!--CSS customization here. -->
- <style type="text/css">
- #s-m-t-tooltip{
- position:absolute;
- margin-top: 30px;
- text-transform: uppercase;
- z-index:9999;
- font-family: helvetica;
- font-size: 25px;
- font-weight: bold;
- letter-spacing: -1px;
- color: {color:text} !important;
- -moz-transition-duration:.80s;
- -webkit-transition-duration:.80s;
- -o-transition-duration:.80s;
- }
- *, body, a, a:hover, img {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), auto;}
- ::-webkit-scrollbar{height: auto; width: 2px; -webkit-border-radius: 50px; }
- ::-webkit-scrollbar-thumb{background-color: #262a3e;}
- ::-webkit-scrollbar-track{background-color: #;}
- iframe#tumblr_controls {
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.2;transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out;
- }
- /*basics*/
- blockquote {padding:5px 0 5px 20px;
- border-left:1px solid {color:blockquote};
- margin-left:30px;
- }
- body {
- background:url('http://i.imgur.com/0XTFKwD.png') top left fixed repeat;
- color:{color:text};
- font-family:baskerville;
- font-size: 12px;
- letter-spacing: 0px;
- text-align:left;
- margin:0px;
- line-height:16px;
- }
- a {
- color:{color:link};
- text-transform: uppercase;
- text-decoration:none;
- -moz-transition-duration:.80s;
- -webkit-transition-duration:.80s;
- -o-transition-duration:.80s;
- letter-spacing: 1px;
- font-weight: normal;
- font-size: 9px;
- }
- a:hover {
- text-transform: uppercase;
- text-decoration:none;
- letter-spacing: 1px;
- font-weight: normal;
- color: {color:hover};
- -moz-transition-duration:.80s;
- -webkit-transition-duration:.80s;
- -o-transition-duration:.80s;
- }
- small {
- font-size: 11.3px;}
- big {
- font-size:14px;}
- b, strong { color: #656a5c !important;
- text-shadow: 0 0 4px #646982;}
- }
- pre { white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- hr {
- border: 1px dashed #aea194;
- }
- /*sidebar*/
- #sidebar {text-align:left;
- position:fixed;
- width:auto;
- }
- #links {
- position:fixed;
- line-height:16px;
- text-align: right;
- margin-left: 990px;
- margin-top:230px;
- }
- #links a {
- color: {color:link};
- text-transform: uppercase;
- font-family: baskerville;
- font-size: 30px !important;
- margin-left: 10px;
- display:block;
- margin-top:20px;
- -moz-transition-duration:.80s;
- -webkit-transition-duration:.80s;
- -o-transition-duration:.80s;
- }
- #links a:hover {
- color: {color:hover};
- -moz-transition-duration:.80s;
- -webkit-transition-duration:.80s;
- -o-transition-duration:.80s;
- }
- /*pagination*/
- #pagination {
- text-transform: uppercase;
- font-weight:normal;
- font-family:baskerville;
- margin-top:540px;
- letter-spacing:1px;
- margin-left: 760px;
- width: 300px;
- text-align:right;
- position: absolute;
- }
- #pagination a {
- padding:0px;
- color: {color:link} !important;
- font-size: 20px;
- }
- /*container*/
- #con {
- width:435px;
- height:266px;
- padding: 5px;
- top:260px;
- left:525px;
- position:fixed;
- overflow-y:scroll;
- overflow-x:hidden;
- }
- /*posts*/
- #entries {
- width:400px;
- padding:2px;
- margin-bottom:10px;
- }
- #title {
- color:#a0aa89;
- font-size: 20px;
- font-family: baskerville;
- font-weight: normal;
- text-align: center;
- text-transform: uppercase;
- padding-bottom: 15px;
- }
- #posts {
- width: 400px;
- {block:IndexPage}
- margin-bottom:25px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:15px;
- {/block:PermalinkPage}
- }
- #posts img, #posts li, #posts blockquote { max-width: 100%;}
- #posts img {
- opacity: .6;
- filter: alpha(opacity=60);
- -moz-opacity: 0.6;
- -khtml-opacity: 0.6;
- transition: opacity .8s ease-in-out;
- -moz-transition: opacity .8s ease-in-out;
- -webkit-transition: opacity .8s ease-in-out;
- }
- #posts img:hover {
- opacity: 1.0;
- filter: alpha(opacity=100);
- -moz-opacity: 1.0;
- -khtml-opacity: 1.0;
- transition: opacity .8s ease-in-out;
- -moz-transition: opacity .8s ease-in-out;
- -webkit-transition: opacity .8s ease-in-out;
- }
- iframe.photoset {
- opacity: .6;
- filter: alpha(opacity=60);
- -moz-opacity: 0.6;
- -khtml-opacity: 0.6;
- transition: opacity .9s ease-in-out;
- -moz-transition: opacity .8s ease-in-out;
- -webkit-transition: opacity .8s ease-in-out;
- }
- iframe.photoset:hover {
- opacity: 1.0;
- filter: alpha(opacity=100);
- -moz-opacity: 1.0;
- -khtml-opacity: 1.0;
- transition: opacity .8s ease-in-out;
- -moz-transition: opacity .8s ease-in-out;
- -webkit-transition: opacity .8s ease-in-out;
- }
- .caption {width:100%;
- margin-top:10px;
- }
- /*quote*/
- #titlequote{text-align:left;
- font-size:20px;
- line-height:18px;
- color: {color:link};
- font-style: italic;
- }
- #source {
- margin-top:15px;
- margin-left:15px;}
- /*audio*/
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- 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;
- }
- .newplayerbutton {
- position: relative;
- width: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 60px;
- width: 270px;
- -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 {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- }
- .trackdetails {
- background-color: transparent;
- width: auto;
- padding: 10px;
- display:inline-block;
- margin-left: 90px;
- min-height: 60px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- /*asks*/
- .q {margin-bottom:10px;
- border-bottom: 1px dotted #22232e;
- border-top: 1px dotted #22232e;
- padding: 15px;
- }
- .as {
- font-weight:bold;}
- .a {
- margin-top:10px;
- }
- /*chat*/
- .chat ol {
- padding:0;
- list-style:none;
- }
- .line {padding:5px 0;}
- .label {font-weight:bold;
- }
- /*permalink and notes*/
- #permalink {
- margin-top:15px;
- padding-top: 5px;
- text-align: center;
- border-top: 1px dotted #22232e;
- }
- #permalink a {margin-right:10px;
- color: {color:text};
- font-size:8px;
- text-transform:uppercase;
- }
- .tags {
- word-break:break-all;
- padding-bottom: 5px;
- }
- .tags a {
- text-transform:uppercase;
- font-size:8px !important;
- color:{color:link} !important;
- }
- .tags a:hover {
- color:{color:hover} !important;
- }
- .pagenotes {
- {block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- width:500px;
- text-align:left;
- }
- .pagenotes img {
- display:none!important;}
- .pagenotes li {
- list-style-type:none;
- padding:5px 0px;
- text-align:left;
- margin:0 0 0 -40px;
- }
- /************** FLAGS UPDATES TAB **************/
- /* tutorial by deanlirium|tumblr (clarence.tk) */
- #flags {
- position:fixed;
- top:100px; /* distance from the top of the page - adjust as you wish! */
- left:-10px;
- text-align:center;
- text-transform:uppercase; /* the text is in all caps - delete this line and it won't be */
- color:#4b4d5a; /* change text color: use sites like http://www.colorpicker.com/ or the tumblr thing, copy the code it gives you and paste it! remember the #! */
- font-size:8px; /* adjust font size */
- letter-spacing:1px;
- z-index:2147483607;
- font-family:calibri;}
- #flag1 {
- border:solid 6px #1e2131; /* flag color */
- border-right:solid 6px transparent; /* IMPORTANT! -- to make the flag thicker increase the border and border-right value; it looks better if they both have the same number! */
- padding-left:10px;
- width:20px; /* increase or decrease to change the lenght of the CLOSED flag */
- height:0px;
- position:absolute;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover {
- width:180px;} /* lenght of the OPEN flag */
- #upd1 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px; /* adjust this if you've changed the length of the open flag, subtract what you add here to the 'left' value below */
- left:-180px;
- margin-top:6px; /* keep this number equal to the 'border' value for the flag */
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag1:hover #upd1{
- left:0px;
- opacity:1;}
- /* following is the coding for the other flags - same as above! */
- #flag2 {
- border:solid 6px #313445;
- margin-top:20px;
- position:absolute;
- border-right:solid 6px transparent;
- padding-left:10px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover {
- width:180px;}
- #upd2 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px;
- left:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag2:hover #upd2{
- left:0px;
- opacity:1;}
- /*if you want more flags, just copy the part of the code below and change the numbers - then increase the margin-top value for the #flag(number) adding 20px each new flag! copy from here: */
- #flag3 {
- border:solid 6px #474d42;
- position:absolute;
- margin-top:40px; /* this one! */
- border-right:solid 6px transparent;
- padding-left:10px;
- width:20px;
- height:0px;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover {
- width:180px;}
- #upd3 {
- position:absolute;
- width:110px;
- padding:10px;
- padding-left:60px;
- left:-180px;
- margin-top:6px;
- opacity:0;
- -moz-transition:all 0.7s ease-out;
- -webkit-transition:all 0.7s ease-out;
- -o-transition:all 0.7s ease-out;}
- #flag3:hover #upd3{
- left:0px;
- opacity:1;}
- /* to here */
- {CustomCSS}
- </style>
- </head>
- <body>
- <!-- SCM Music Player http://scmplayer.net -->
- <script type="text/javascript" src="http://scmplayer.net/script.js"
- data-config="{'skin':'http://static.tumblr.com/zeaszfj/6I9n2rp0t/.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'BENEATH THE ICE - JEREMY SOULE','url':'https://www.youtube.com/watch?v=KwqEnAeRZQ8'},{'title':'COME SCIENTIST, DESTROY - UNDERWORLD','url':'https://www.youtube.com/watch?v=OdqcsqR4dmA'},{'title':'FARON WOODS - ZELDA REORCHESTRATED','url':'https://www.youtube.com/watch?v=56IszFGgOho'},{'title':'LAUKR - WARDRUNA','url':'https://www.youtube.com/watch?v=W1NFg9njuYQ'},{'title':'MERCHANT PRINCE - THOMAS BERGERSEN','url':'https://www.youtube.com/watch?v=ZgSCNS851Rg'},{'title':'STORMS IN AFRICA - ENYA','url':'https://www.youtube.com/watch?v=izYrFFyY0O4'},{'title':'THE LOXIAN GATE - ENYA','url':'https://www.youtube.com/watch?v=i7RRJFxjqDE'},{'title':'TUNDRA - JEREMY SOULE','url':'https://www.youtube.com/watch?v=PSB1IaY_b-0'}]}" ></script>
- <!-- SCM Music Player script end -->
- <div id="flags">
- <div id="flag1"><div id="upd1">
- <i>private</i> & <i>selective</i><br>goc mother nature<br>est jan2013<br>written by <b>sam</b><br>
- </div></div>
- <div id="flag2"><div id="upd2">
- follows both guardians of childhood book canon & rise of the guardians movie canon
- </div></div>
- <!---- if you want more flags, copy from here ---->
- <div id="flag3"><div id="upd3">
- all icons are made by <i>me</i> & are <i>not</i> for public use<br>theme made by the lovely <a href="http://www.laideurs.tumblr.com">laideurs</a>!
- </div></div>
- <!---- to here and change the numbers according to your css! ---->
- <!---- thanks for passing by and using this tutorial you're raaaaaaaaad c: ---->
- </div>
- <div id="sidebar">
- <div id="links">
- {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:link 1 title}">{text:Link 1}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:link 2 title}" >{text:Link 2}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3 URL}" title="{text:link 3 title}">{text:Link 3}</a> {/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4 URL}" title="{text:link 4 title}">{text:Link 4}</a> {/block:ifLink4}
- {block:ifLink5}<a href="{text:Link 5 URL}" title="{text:link 5 title}">{text:Link 5}</a> {/block:ifLink5}
- {block:ifLink6}<a href="{text:Link 6 URL}" title ="{text:link 6 title}">{text:Link 6}</a> {/block:ifLink6}
- {block:ifLink7}<a href="{text:Link 7 URL}" title="{text:link 7 title}">{text:Link 7}</a> {/block:ifLink7}
- {block:ifLink8}<a href="{text:Link 8 URL}" title="{text:link 8 title}">{text:Link 8}</a> {/block:ifLink8}
- </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 id="con">
- <div id="entries">
- {block:Posts}
- <div id="posts">
- {block:Quote}
- <div id="titlequote">“{Quote}”</div>
- {block:Source}<div id="source">— {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div id="title">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {/block:Video}
- {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}Artist: {Artist}{/block:Artist}<br/>
- {block:Album}Album: {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Answer}
- <div class="q">
- <div id="ask"><img src="{AskerPortraitURL-30}" style="float: left; margin-left:7px;margin-right:13px;padding:2px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;"></div><div class="as">{Asker} said: </div>{Question}</div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:Date}
- <div id="permalink">
- <a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Date}
- </div>
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </body></html>
Add Comment
Please, Sign In to add comment