Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- DRAG OS BY SOFTWARING
- JUBILEETHEMES.TUMBLR.COM
- DO NOT TAKE OFF CREDITS
- -->
- <style type="text/css">
- .drag{
- position:relative;
- cursor:hand;
- z-index: 100;
- }
- </style>
- <script type="text/javascript">
- /***********************************************
- * Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
- * This notice MUST stay intact for legal use
- * Visit http://www.dynamicdrive.com/ for this script and 100s more.
- ***********************************************/
- var dragobject={
- z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
- initialize:function(){
- document.onmousedown=this.drag
- document.onmouseup=function(){this.dragapproved=0}
- },
- drag:function(e){
- var evtobj=window.event? window.event : e
- this.targetobj=window.event? event.srcElement : e.target
- if (this.targetobj.className=="drag"){
- this.dragapproved=1
- if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
- if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
- this.offsetx=parseInt(this.targetobj.style.left)
- this.offsety=parseInt(this.targetobj.style.top)
- this.x=evtobj.clientX
- this.y=evtobj.clientY
- if (evtobj.preventDefault)
- evtobj.preventDefault()
- document.onmousemove=dragobject.moveit
- }
- },
- moveit:function(e){
- var evtobj=window.event? window.event : e
- if (this.dragapproved==1){
- this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
- this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
- return false
- }
- }
- }
- dragobject.initialize()
- </script>
- <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
- {block:Description}
- <meta name="description" content="{MetaDescription}">
- {/block:Description}
- <meta name="color:background" content="#000"/>
- <meta name="color:dropbox backg" content="#000"/>
- <meta name="color:title backg" content="#000"/>
- <meta name="color:post backg" content="#000"/>
- <meta name="color:border" content="#fff"/>
- <meta name="color:text" content="#fff"/>
- <meta name="color:links" content="#fff"/>
- <meta name="image:background" content="">
- <meta name="image:draggable image" content="">
- <meta name="image:sidebar" content="">
- <meta name="if:400px" content="0">
- <meta name="if:250px" content="1">
- <meta name="if:180px" content="0">
- <meta name="if:fullsized bg" content="">
- <meta name="if:dark icons" content="">
- <meta name="if:show captions" content="">
- <meta name="if:photo hover effect" content="">
- <meta name="if:navigation dropbox" content="1" />
- <meta name="text:dropbox title" content="navigation" />
- <meta name="text:link 1 title" content="" />
- <meta name="text:link 2 title" content="" />
- <meta name="text:link 3 title" content="" />
- <meta name="text:link 4 title" content="" />
- <meta name="text:link 5 title" content="" />
- <meta name="text:link 1 url" content="" />
- <meta name="text:link 2 url" content="" />
- <meta name="text:link 3 url" content="" />
- <meta name="text:link 4 url" content="" />
- <meta name="text:link 5 url" content="" />
- <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>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <style type="text/css">
- body {font-family: consolas; font-size: 10px; background:{color:background} url({image:background})top left fixed repeat; letter-spacing: 1px; color: {color:text}; {block:iffullsizedbg} background-size:cover; {/block:iffullsizedbg} }
- small {font-size: 8px; text-transform: uppercase;}
- img {max-width: 100%;}
- .post img {outline: 1px solid {color:border}; }
- #postholder {{block:if400px}width: 445px; {/block:if400px}
- {block:if250px} width: 295px; {/block:if250px}
- {block:if180px} width: 225px; {/block:if180px}
- height: 455px; margin: 105px 0px;overflow: auto; background: {color:post backg};-webkit-box-shadow: 7px 7px 0px 0px {color:border};-moz-box-shadow: 7px 7px 0px 0px {color:border};box-shadow: 7px 7px 0px 0px {color:border};border: 1px solid {color:border};}
- .post {{block:if400px}width: 400px; {/block:if400px}{block:if250px} width: 250px; {/block:if250px}{block:if180px} width: 180px; {/block:if180px} margin: 10px auto;padding: 5px 0px; text-align: center; }
- #s-m-t-tooltip { z-index: 99999999999999999999999999999999999999999999; letter-spacing:1.5px; padding: 3px; text-align:center; color: {color:text}; word-break: break-word;
- max-width: 140px; font-size: 8px; text-transform:uppercase; display:block; margin:10px 10px 10px 10px; margin-left: 20px; -webkit-box-shadow: 0px 0px 0px 1px {color:border}; -moz-box-shadow: 0px 0px 0px 1px {color:border}; box-shadow: 0px 0px 0px 1px {color:border}; border: 1px outset {color:border}; background: {color:post backg}; }
- a {text-decoration: none; text-transform: uppercase; color: {color:links};}
- .margin {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;
- {block:if400px}width: 450px; {/block:if400px} {block:if250px} width: 300px; {/block:if250px}{block:if180px} width: 250px; {/block:if180px} height: 455px; margin: 0px auto;}
- .b { color:{color:text}; overflow: hidden; text-align: right; padding: 3px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
- big {font-size: 10px; text-transform:uppercase;}
- li {list-style-image:url('http://i.imgur.com/NXirXPK.gif'); margin: 2px;}
- .cha {position: absolute; top:0;left:0; width: 100%; height:100%;background: url(http://static.tumblr.com/mqkrxog/48dn1ookw/transparent.png); background-size:cover; z-index: -9999999999999; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; {block:ifnotphotohovereffect} display:none;{/block:ifnotphotohovereffect}}
- #box { float:left; width: 130px; background: {color:post backg};margin: 10px;padding: 20px; -webkit-box-shadow: 7px 7px 0px 0px {color:border};-moz-box-shadow: 7px 7px 0px 0px {color:border};box-shadow: 7px 7px 0px 0px {color:border};border: 1px solid {color:border};}
- ::-webkit-scrollbar {-webkit-appearance: none; background: rgba(0,0,0,0);width: 2px; }
- ::-webkit-scrollbar-track {}
- ::-webkit-scrollbar-thumb {
- background: {color:border};}
- ::-webkit-scrollbar:horizontal {
- height: 0px;}
- {CustomCSS}
- </style>
- <script>
- /** code by softwaring.tumblr.com do not remove do not steal **/
- $.fn.changebackground = function(msg) {
- $(".cha").css("background-image", "url("+msg+")");
- };
- </script>
- </head>
- <body>
- <div class="cha"></div>
- <div id="box" class="drag">
- <img src="http://static.tumblr.com/mqkrxog/qskn1rxog/_.png" style="width: 8px; margin-left: 105px; margin-top: -15px; position:absolute; {block:ifdarkicons}-webkit-filter: invert(100%); {/block:ifdarkicons}"><img src="http://static.tumblr.com/mqkrxog/8SFn1rxrb/sq.png" style="width: 8px; position:absolute; z-index: 999999999999999; margin-top: -15px; margin-left: 120px;{block:ifdarkicons}-webkit-filter: invert(100%); {/block:ifdarkicons}"> <a href="http://jubileethemes.tumblr.com" title="theme"><img src="http://static.tumblr.com/mqkrxog/bMRn1rxq4/x.png"style="width: 8px;margin-left: 135px; margin-top: -15px; position:absolute;{block:ifdarkicons}-webkit-filter: invert(100%); {/block:ifdarkicons}"></a>
- <a href="/" style=" padding: 1px;">{title}</a><br>
- <center><img src="{image:sidebar}" style="max-width: 100%;"></center>
- {description}<br>
- {block:ifnavigationdropbox}
- <center><select style="
- background: {color:dropbox backg};
- color:{color:links};
- border:1px double {color:Border};
- -webkit-appearance:none;
- padding:0px;
- letter-spacing: 1px;
- margin: 5px; text-transform:uppercase;
- font-size: 10px;
- line-height: 15px;
- font-family: consolas;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">{text:dropbox title}</option>
- <option value="/ask">ask</option>
- <option value="/submit">submit</option>
- <option value="/archive">index</option>
- {block:iflink1title}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:iflink1title}
- {block:iflink2title}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:iflink2title}
- {block:iflink3title}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:iflink3title}
- {block:iflink4title}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:iflink4title}
- {block:iflink5title}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:iflink5title}
- </select></center>
- {/block:ifnavigationdropbox}
- {block:Pagination} <center> {block:PreviousPage} <a href="{PreviousPage}" id="PreviousPage">← back</a> - {/block:PreviousPage}
- {block:NextPage} <a href="{NextPage}" id="nextPage">next →</a> {/block:NextPage}</center>{/block:Pagination}
- </div>
- <div class="margin">
- <div id="postholder" class="drag">
- <img src="http://static.tumblr.com/mqkrxog/qskn1rxog/_.png" style="width: 8px; margin-top: 5px;{block:if400px} margin-left: 395px; {/block:if400px}{block:if250px} margin-left: 245px; {/block:if250px} {block:if180px} margin-left: 175px; {/block:if180px} {block:ifdarkicons}-webkit-filter: invert(100%); {/block:ifdarkicons}"> <img src="http://static.tumblr.com/mqkrxog/8SFn1rxrb/sq.png" style="width: 8px; position:absolute; z-index: 999999999999999; margin-top: 5px; margin-left: 8px;{block:ifdarkicons}-webkit-filter: invert(100%); {/block:ifdarkicons}"><img src="http://static.tumblr.com/mqkrxog/bMRn1rxq4/x.png"style="width: 8px;margin-left: 25px; margin-top: 5px; position:absolute;{block:ifdarkicons}-webkit-filter: invert(100%); {/block:ifdarkicons}">
- {block:posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- {block:Text}
- <div class="post">
- {block:Title}{Title}{/block:Title}
- {Body}
- <div class="b">
- <a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div>
- {/block:Text}
- {block:Quote} <div class="post">
- "<small>{Quote}</small>"
- — {Source}
- <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div>{/block:Quote}
- {block:Link} <div class="post">
- <a href="{URL}">{Name}</a>
- {block:Description}{Description}{/block:Description}
- <div class="b">
- <a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div>{/block:Link}
- {block:Chat} <div class="post">
- {block:Title}{Title}{/block:Title}<br>
- {block:Lines}{block:Label}<i>{Label}</i><br> {Line} <br><br>
- {/block:Label}{/block:Lines}
- <div class="b">
- <a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div>{/block:Chat}
- {block:Answer}<div class="post" >
- {Question}<br>
- - {Asker} <br>
- <i> {Answer} </i>
- <div class="b">
- <a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div> {/block:Answer}
- {block:Photo}
- <div class="post">
- <a href="{permalink}"><img src="{PhotoURL-HighRes}" onmouseover="$(this).changebackground('{PhotoURL-HighRes}')" alt="{PhotoAlt}"></a>
- {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
- <div class="b">
- <a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div>
- {/block:Photo}
- {block:Photoset}
- <div class="post">
- <center>
- {block:if400px} {Photoset-400} {/block:if400px}{block:if250px} {Photoset-250} {/block:if250px} {block:if180px} {block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"></a>{/block:Photos} {/block:if180px}
- </center>
- {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
- <div class="b">
- <a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div>
- {/block:Photoset}
- {block:audio}
- <div class="post" >
- {AudioPlayerBlack}
- {block:TrackName}{TrackName}{/block:TrackName}
- {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- {block:IndexPage} <div class="b"><a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div>{/block:IndexPage}</div>
- {/block:audio}
- {block:Video} <div class="post">
- <center>
- {block:if400px}{Video-400} {/block:if400px}{block:if250px}{Video-250} {/block:if250px} {block:if180px} {Video-250} {/block:if180px}
- </center>
- {block:ifshowcaptions}{caption}{/block:ifshowcaptions}
- <div class="b">
- <a href="{Permalink}">{NoteCountwithLabel}</a> /
- <a href="{ReblogURL}" target="_blank">reblog</a>
- </div></div>{/block:Video}
- {/block:posts}
- </div></div>
- <img src="{image:draggable image}" style="float:right; max-width: 250px;" class="drag">
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement