Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- DO NOT REMOVE THIS!
- Warrior Theme
- Base Code are not mine, just saw it on theme-hunter.tumblr.com
- Customized and enchanced by trappedinyoursoul
- RULES!
- Like/Reblog if you're going to use it.
- Do not remove the credits.
- Do not redistribute and claim it as your own.
- Do not re-use this as a base code. You can use the Base Code I used. Here's the link -> http://pastebin.com/raw.php?i=37k9U4r3
- !-->
- <html lang="en">
- <head>
- <link href='http://fonts.googleapis.com/css?family={text:Font}' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Anonymous+Pro' rel='stylesheet' type='text/css'>
- <meta name="color:Background" content="#000"/>
- <meta name="color:Text" content="#555"/>
- <meta name="color:Link" content="#00ff7f"/>
- <meta name="color:Link Hover" content="#ffd700"/>
- <meta name="text:Font" content=""/>
- <meta name="image:Sidebar" content=""/>
- <meta name="text:Link1 Url" content="/" />
- <meta name="text:Link1 Title" content="Link 1" />
- <meta name="text:Link2 Url" content="/" />
- <meta name="text:Link2 Title" content="Link 2" />
- <meta name="text:Link3 Url" content="/" />
- <meta name="text:Link3 Title" content="Link 3" />
- <meta name="text:Link4 Url" content="/" />
- <meta name="text:Link4 Title" content="Link 4" />
- <meta name="text:Link5 Url" content="/" />
- <meta name="text:Link5 Title" content="Link 5" />
- <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <style type="text/css">
- #s-m-t-tooltip
- {
- display: block;
- background-color: {color:Link};
- font-family: {text:Font};
- font-size: 10px;
- color: #000;
- font-weight: bold;
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: center;
- text-transform: uppercase;
- margin-left: 20px;
- padding: 5px;
- min-width: 50px;
- z-index: 888;
- }
- iframe#tumblr_controls
- {
- right: 0px !important;
- position: fixed !important;
- -webkit-filter: invert(100%);
- opacity: 0.8;
- z-index: 999999;
- }
- body
- {
- background-color: {color:Background};
- font-family: {text:Font};
- font-size: 12px;
- color: {color:Text};
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: left;
- text-transform: normal;
- cursor: url(http://media.tumblr.com/534c06354311ec54ed5aa8601b5dd33d/tumblr_inline_mf915wGOVX1qcvlhg.png), auto;
- }
- a
- {
- color: {color:Link};
- text-decoration: none;
- cursor: url(https://31.media.tumblr.com/tumblr_m2umkyg2IP1qfamg6.gif), progress;
- transition-duration: 0.8;
- -moz-transition-duration: 0.8s;
- -webkit-transition-duration: 0.8s;
- -o-transition-duration: 0.8s;
- }
- a:hover
- {
- color: {color:Link Hover};
- text-decoration: none;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- #cunt
- {
- width: 250px;
- height: auto;
- }
- {block:PermalinkPage}
- width: 410px;
- {/block:PermalinkPage}
- }
- #center
- {
- padding-top: 3px;
- padding-bottom: 3px;
- position: fixed !important;
- width: 250px;
- height: 207px;
- background-color: #fff;
- {block:PermalinkPage}
- width: 410px;
- height: 207px;
- {/block:PermalinkPage}
- }
- #posts
- {
- float: center;
- {block:indexpage}
- width: 600px;
- {/block:indexpage}
- {block:permalinkpage}
- width: 750px;
- margin-top: 40px;
- {/block:permalinkpage}
- margin-left: 450px;
- margin-top: 0px;
- z-index:9999;
- }
- #sidebarimg
- {
- margin-bottom: 3px;
- padding: 10px;
- }
- #sidebarimg img
- {
- max-width: 272px;
- height: auto;
- }
- #sidebar
- {
- width: 284px;
- margin-left: 50px;
- height: auto;
- margin-top: 70px;
- position: fixed;
- overflow: hidden;
- background-color: {color:Sidebar};
- padding: 10px;
- }
- #title
- {
- font-family: 'Anonymous Pro';
- font-size: 18px;
- color: {color:Link};
- font-weight: bold;
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: center;
- text-transform: normal;
- margin-bottom: 5px;
- }
- #links
- {
- font-family: 'Calibri';
- font-size: 11px;
- color: {color:Link};
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: center;
- text-transform: uppercase;
- width: 262px;
- padding: 5px;
- }
- #description
- {
- font-family: {text:Font};
- font-size: 12px;
- color: {color:Text};
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: center;
- text-transform: normal;
- margin-bottom: 2px;
- padding: 5px;
- }
- askk
- {
- font-family: {text:Font};
- font-size: 12px;
- color: {color:Text};
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: center;
- text-transform: normal;
- z-index:1;
- }
- #entry
- {
- font-family: {text:Font};
- font-size: 12px;
- color: {color:Text};
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: left;
- text-transform: normal;
- z-index: 9999;
- float: left;
- width: 490px;
- height: auto;
- {block:PermalinkPage}
- width: 418px;
- height: auto;
- {/block:PermalinkPage}
- margin: 20px;
- overflow: hidden;
- padding: 6px;
- padding: 8px;
- padding: 7px;
- padding-bottom: 4px;
- }
- #entry .perma a
- {
- color: {color:Link};
- }
- #entry .perma
- {
- background-color: #fff;
- font-family: 'Cambria';
- font-size: 14px;
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: center;
- text-transform: lowercase;
- width: 500px;
- height: 15px;
- position: absolute;
- overflow: hidden;
- opacity: 0.0;
- margin-top: -10px;
- margin-left: 0px;
- padding-bottom: 1px;
- padding: 3px;
- padding: 5px;
- border-radius: 0px;
- -webkit-transition:opacity 0.5s linear; opacity: 0.0;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- #entry:hover .perma
- {
- overflow: visible;
- margin-top: 0px;
- border-top-right-radius: 0px;
- border-bottom-left-radius: 0px;
- -webkit-transition: all 0.5s linear; opacity: 1;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- .permalinktext
- {
- font-family: 'Cambria';
- font-size: 14px;
- color: {color:Link};
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: left;
- display: block;
- padding: 1px;
- margin: 0px 0px 0px 0px;
- -webkit-transition: color 0.5s ease-out;
- -moz-transition: color 0.5s ease-out;
- }
- .title
- {
- font-family: 'Anonymous Pro';
- font-size: 18px;
- color: {color:Link};
- font-weight: bold;
- letter-spacing: 1px;
- line-height: 1.50em;
- text-align: left;
- text-transform: normal;
- padding: 0px 0px 0px 0px;
- }
- #postnotes
- {
- text-align: left;
- }
- #postnotes blockquote
- {
- border: 1px;
- }
- blockquote
- {
- padding: 0px 0px 2px 5px;
- margin: 0px 0px 2px 10px;
- border-left: 1px solid #555555;
- }
- ul, ol, li
- {
- list-style: none;
- margin: 0px;
- padding: 0px
- }
- .like-button
- {
- display: inline-block;
- float: right;
- padding: 5px 0 0 10px;
- margin: -3px 0 0 0;
- }
- .reblog-button
- {
- display: inline-block;
- float: right;
- padding: 3px 5px 0 5px;
- }
- ::-webkit-scrollbar-thumb:vertical
- {
- background-color: {color:Link};
- height: 100px;
- }
- ::-webkit-scrollbar
- {
- background-color: {color:Background};
- height: 10px;
- width: 10px;
- }
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label
- {color: {color:Title};
- }
- </style>
- <title>{title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
- <meta name="viewport" content="width=720" />
- </head>
- <body onkeydown="return false">
- <div id="center">
- <div id="content">
- <div id="under">
- </div>
- </div>
- <div id="sidebar">
- <div id="title">{Title}</div>
- <div id="sidebarimg"><center><img src="{image:Sidebar}"/></center></div>
- <div id="links"><a href="{text:Link1 Url}">{text:Link1 Title}</a> · <a href="{text:Link2 Url}">{text:Link2 Title}</a> · <a href="{text:Link3 Url}">{text:Link3 Title}</a> · <a href="{text:Link4 Url}">{text:Link4 Title}</a> · <a href="{text:Link5 Url}">{text:Link5 Title}</a></div>
- <div id="description">{block:Description}<br>{Description}{/block:Description}</div></div>
- <div id="posts">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <span class="entrytext">{Body}</span>
- <div class="permalinktext"> <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><div class="like-button">{LikeButton size="14"}</div><div class="reblog-button">{ReblogButton size="14"}</div></div>
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name} →</a>
- <br>
- {block:Description}{Description}{/block:Description}
- <br>
- <div class="permalinktext"> <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><div class="like-button">{LikeButton size="14"}</div><div class="reblog-button">{ReblogButton size="14"}</div></div>
- {block:Link}
- {block:Photo}{block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><a href="{ReblogURL}" target="_blank"> · Reblog? </a></span></div>
- {/block:IndexPage}
- {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="perma">
- <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><a href="{ReblogURL}" target="_blank"> · Reblog? </a></span></div>
- <center>
- {Photoset-500}</center>
- {/block:IndexPage}
- {block:PermalinkPage}
- <center>
- {Photoset-500}</center>
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <span class="title">“{Quote}”</span>
- {block:Source}<p>—{Source}</p>{/block:Source}
- <div class="permalinktext"> <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><div class="like-button">{LikeButton size="14"}</div><div class="reblog-button">{ReblogButton size="14"}</div></div>
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <br>
- <br>
- <ul class="chat">
- {block:Lines}
- <li class="user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- <br>
- </ul>
- <div class="permalinktext"> <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><div class="like-button">{LikeButton size="14"}</div><div class="reblog-button">{ReblogButton size="14"}</div></div>
- {/block:Chat}
- {block:Audio}
- <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
- {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
- <div class="permalinktext"> <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><div class="like-button">{LikeButton size="14"}</div><div class="reblog-button">{ReblogButton size="14"}</div></div>
- {/block:Audio}
- {block:Video}<center>
- <div style="padding-top:0px; padding-bottom:2px;">
- {Video-250}</div>
- <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
- <div class="permalinktext"> <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><div class="like-button">{LikeButton size="14"}</div><div class="reblog-button">{ReblogButton size="14"}</div></div>
- {block:Video}
- {block:Answer}
- <br>
- <div style="border-radius:5px; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px;">
- <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; border-radius: 3px;"/>
- <askk>{Asker}</askk> asked: {Question}<br></div>
- <div style="font-family: {text:Font}; font-size: 12px;">
- {Answer}
- </div>
- <div class="permalinktext"> <a href="{permalink}">{DayOfMonth}{DayOfMonthSuffix} of {Month} ·</a><font color="#aaa"></font><a href="{permalink}"> {NoteCountwithlabel}</a><div class="like-button">{LikeButton size="14"}</div><div class="reblog-button">{ReblogButton size="14"}</div></div>
- {/block:Answer}
- {block:PostNotes}<div align="middle">{caption}</div>
- {block:HasTags}
- tagged {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags} with {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
- {block:RebloggedFrom}
- reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> and
- posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- </span>
- <br>
- <br>
- <br>
- <div id="postnotes">{PostNotes}</div><br>
- <center>{block:ContentSource}
- <br><a href="{SourceURL}">
- {lang:Source}:
- {block:SourceLogo}
- <img src="{BlackLogoURL}" width="{LogoWidth}"
- height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}
- {SourceLink}
- {/block:NoSourceLogo}
- </a>
- {/block:ContentSource}</center>
- {/block:PostNotes}
- </div>
- {/block:Posts}
- </div></div>
- {block:indexpage}
- {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#posts');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#entry, #entry_photo',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : '#page-nav',
- nextSelector : '#page-nav a',
- itemSelector : '#entry, #entry_photo',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#infscr-loading').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#content').show(500);
- });
- </script>
- {/block:indexpage}
- <BODY onselectstart="return false;" ondragstart="return false;">
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
- //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
- //** v1.1 (April 7th, 10'):
- //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
- //** 2) Fixes scroll animation not working in Opera.
- var scrolltotop={
- //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
- //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
- setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
- controlHTML: '<img src="https://24.media.tumblr.com/2727c483b55cb56d1712661c4ff98cc2/tumblr_mq8uqyCpnF1qklunfo2_100.png" style="filter:alpha(opacity=70); -moz-opacity:0.7; margin-bottom:-10px;" width=""/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
- controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
- anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
- state: {isvisible:false, shouldvisible:false},
- scrollup:function(){
- if (!this.cssfixedsupport) //if control is positioned using JavaScript
- this.$control.css({opacity:0}) //hide control immediately after clicking it
- var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
- if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
- dest=jQuery('#'+dest).offset().top
- else
- dest=0
- this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
- },
- keepfixed:function(){
- var $window=jQuery(window)
- var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
- var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
- this.$control.css({left:controlx+'px', top:controly+'px'})
- },
- togglecontrol:function(){
- var scrolltop=jQuery(window).scrollTop()
- if (!this.cssfixedsupport)
- this.keepfixed()
- this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
- if (this.state.shouldvisible && !this.state.isvisible){
- this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
- this.state.isvisible=true
- }
- else if (this.state.shouldvisible==false && this.state.isvisible){
- this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
- this.state.isvisible=false
- }
- },
- init:function(){
- jQuery(document).ready(function($){
- var mainobj=scrolltotop
- var iebrws=document.all
- mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
- mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
- mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
- .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
- .attr()
- .click(function(){mainobj.scrollup(); return false})
- .appendTo('body')
- if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
- mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
- mainobj.togglecontrol()
- $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
- mainobj.scrollup()
- return false
- })
- $(window).bind('scroll resize', function(e){
- mainobj.togglecontrol()
- })
- })
- }
- }
- scrolltotop.init()</script>
- </body>
- <div style="position: fixed; bottom: 10px; left: 10px;">
- <a href="http://trappedinyoursoul.tumblr.com" title="Themes by Celina">TBC</a>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement