Advertisement
Guest User

HERE U GO DEOXYS

a guest
Jul 11th, 2014
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!----------------------------------------------------------------
  2.  
  3. theme by atlas davejake/jhke for deoxys myrmidons! please don't steal.
  4.  
  5. ------------------------------------------------------------------->
  6.  
  7. <html lang="en">
  8. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10.  
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  13.  
  14. <head>
  15.  
  16. <script type="text/javascript">
  17. </script>
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  21. </script>
  22.  
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  24.  
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:links" content="#000"/>
  27. <meta name="color:text" content="#000"/>
  28. <meta name="color:linkshover" content="#fff"/>
  29. <meta name="color:borders" content="#000"/>
  30. <meta name="color:square" content="#fff"/>
  31. <meta name="color:square hover" content="#fff"/>
  32. <meta name="color:square border" content="#000"/>
  33.  
  34. <meta name="if:bgcover" content="0"/>
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:sideimg" content=""/>
  38. <meta name="image:favicon" content=""/>
  39.  
  40. <meta name="text:square1" content="" />
  41. <meta name="text:square1 text" content="link!" />
  42. <meta name="text:square2" content="" />
  43. <meta name="text:square2 text" content="link!" />
  44.  
  45. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  46. <script>
  47. (function($){
  48. $(document).ready(function(){
  49. $("[title]").style_my_tooltips({
  50. tip_follows_cursor:true,
  51. tip_delay_time:200,
  52. tip_fade_speed:300}); });})(jQuery);
  53. </script>
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar {width: 3px; height: 4px; background-color:#fff }
  58. ::-webkit-scrollbar-thumb {background-color: #e1e1e1; -webkit-border-radius: 1ex; }
  59.  
  60.  
  61. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.05;-webkit-transition: all 0.8s ease-out;-moz-
  62.  
  63. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  64.  
  65. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  66.  
  67.  
  68. body {
  69. padding: 0px;
  70. margin: 0px;
  71. color:{color:text};
  72. font-family:cousine;
  73. line-height:7px;
  74. font-size:8px;
  75. background: {color:Background}
  76. url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  77. -webkit-background-size: cover;
  78. -moz-background-size: cover;
  79. -o-background-size: cover;
  80. background-size: cover; {/block:ifbgcover}
  81. {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};}
  82.  
  83.  
  84. a:link, a:active, a:visited{
  85. text-decoration: none;
  86. -webkit-transition: color 0.3s ease-out;
  87. -moz-transition: color 0.3s ease-out;
  88. transition: color 0.3s ease-out;
  89. color:{color:links};}
  90.  
  91. a:hover {
  92. text-decoration: none;
  93. font-style:;
  94. -webkit-transition: color 0.3s ease-out;
  95. -moz-transition: color 0.3s ease-out;
  96. transition: color 0.3s ease-out;
  97. color: {color:linkshover};
  98. }
  99.  
  100. div#center{
  101. margin:auto;
  102. position:relative;
  103. width:1000px;
  104. background-color:;
  105. overflow:auto;
  106. overflow-y:hidden;}
  107.  
  108. .entry {
  109. float:left;
  110. display: block;
  111. margin:30px;
  112. overflow:hidden;
  113. width:250px;
  114. padding:0px;
  115. {block:PermalinkPage}
  116. width:300px;
  117. text-align:left;
  118. line-height:10px;
  119. {/block:PermalinkPage}
  120. background: white;
  121. border: 1px solid {color:borders};
  122. box-shadow:8px 8px 0px rgba(0,0,0,.2);
  123. }
  124.  
  125. .entry:hover .ppp{
  126. overflow:visible;
  127. opacity:0.9;}
  128.  
  129. #posts {
  130. width:700px;
  131. margin-top:5px;
  132. z-index:99;
  133. margin-left:50px;
  134. right:auto;
  135. background:transparent;
  136. margin-right:auto;
  137. position:relative;
  138. overflow-y: hidden;}
  139.  
  140. #posts img{ opacity:.6;-webkit-transition: 0.6s ease;transition: 0.6s ease;-o-transition: 0.6s ease;-moz-transition: 0.6s ease;}
  141.  
  142. #posts img:hover{opacity:1;-webkit-transition: 0.6s ease;transition: 0.6s ease;-o-transition: 0.6s ease;-moz-transition: 0.6s ease;}
  143.  
  144. #side{
  145. margin-left:650px;
  146. margin-top:100px;
  147. text-align:right;
  148. display:block;
  149. border:1px solid {color:borders};
  150. padding:5px;
  151. font-size:10px;
  152. width:100px;
  153. height:auto;
  154. line-height:10px;
  155. position:fixed;
  156. z-index:9999;
  157. background:white;
  158. box-shadow:5px 5px 0px rgba(0,0,0,.2);
  159. }
  160.  
  161.  
  162. .permalink{
  163. text-transform: normal;
  164. display: block;
  165. text-align: right;
  166. text-decoration: none;}
  167.  
  168.  
  169. #infscr-loading{
  170. bottom: -70px;
  171. position: absolute;
  172. left: 50%;
  173. margin-left:-8px;
  174. width:16px;
  175. height:11px;
  176. overflow:hidden;
  177. margin-bottom: 50px;}
  178.  
  179. #s-m-t-tooltip{
  180. max-width:150px;
  181. padding:3px 10px;
  182. margin:10px;
  183. border:1px solid {color:borders};
  184. background:#FFF;
  185. color:{color:text};
  186. z-index:999999;
  187. font-size:10px;
  188. text-transform:lowercase;
  189. box-shadow:1px 1px 0px rgba(0,0,0,.1);}
  190.  
  191. #postnotes{
  192. text-align: justify;}
  193.  
  194. #postnotes blockquote{
  195. border: 0px;}
  196.  
  197. blockquote{
  198. padding:0px 0px 2px 5px;
  199. margin:0px 0px 2px 10px;
  200. border-left: 1px dotted #555555;}
  201.  
  202. blockquote p, ul{
  203. margin:0px;
  204. padding:0px;}
  205.  
  206. .square {
  207. text-align:center;
  208. font-family:times;
  209. letter-spacing:-1px;
  210. font-size:12px;
  211. padding:5px;
  212. width:138px;
  213. margin-top:3px;
  214. margin-left:0px;
  215. }
  216.  
  217. .square a {
  218. padding:3px;
  219. text-align:right;
  220. display:inline-block;
  221. background:{color:square};
  222. border:1px solid {color:square border};
  223. margin-left:4px;
  224. -moz-transition-duration:.4s;
  225. -webkit-transition-duration:.4s;
  226. -o-transition-duration:.4s;
  227. }
  228.  
  229. .square a:hover{
  230. background:{color:square hover};
  231. border-radius:100%;
  232. border:1px solid {color:square border};
  233. -moz-transition-duration:.4s;
  234. -webkit-transition-duration:.4s;
  235. -o-transition-duration:.4s;
  236. }
  237.  
  238.  
  239. {CustomCSS}
  240.  
  241. </style>
  242.  
  243. {block:IndexPage}
  244.  
  245. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  246. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  247.  
  248. <script type="text/javascript">
  249. $(window).load(function(){
  250. var $wall = $('#posts');
  251. $wall.imagesLoaded(function(){
  252. $wall.masonry({
  253. itemSelector: '.entry, .entry_photo',
  254. isAnimated : false
  255. });
  256. });
  257.  
  258. $wall.infinitescroll({
  259. navSelector : '#pagination',
  260. nextSelector : '#pagination a',
  261. itemSelector : '.entry, .entry_photo',
  262. bufferPx : 2000,
  263. debug : false,
  264. errorCallback: function() {
  265. $('#infscr-loading').fadeOut('normal');
  266. }},
  267. function( newElements ) {
  268. var $newElems = $( newElements );
  269. $newElems.hide();
  270. $newElems.imagesLoaded(function(){
  271. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  272. });
  273. }); $('#posts').show(500);
  274. });
  275. </script>
  276.  
  277.  
  278. {/block:IndexPage}
  279.  
  280.  
  281. <title>{title}</title>
  282.  
  283. <link rel="shortcut icon" href="{image:favicon}" />
  284. <meta name="viewport" content="width=820" />
  285.  
  286. </head>
  287.  
  288. <body>
  289. <div style="position:fixed; bottom: 0px; left: 50px;"><img src="{image:sideimg}"></div>
  290. <div class="hh">
  291. <div id="picture">
  292. <div id="hh">
  293. </div></div></div></div>
  294.  
  295. <BODY onselectstart="return false;" ondragstart="return false;">
  296. <div class="wrapper">
  297. <div class="header"></div>
  298. <div id="center">
  299. <div id="side">{description}
  300. <div class="square">
  301. <a href="/" title="home"></a>
  302. <a href="/ask" title="message"></a>
  303. <a href="{text:square1}" title="{text:square1 text}"></a>
  304. <a href="{text:square2}" title="{text:square2 text}"></a>
  305. </div>
  306. </div>
  307. </div>
  308. </div><br>
  309. <center>
  310. </div></div>
  311.  
  312.  
  313.  
  314.  
  315. <div class="left">
  316. <div id="posts">
  317. {block:Posts}
  318. <div class="entry">
  319.  
  320. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  321.  
  322. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{block:IndexPage}{notecount} Notes{/block:IndexPage}</a></a><br>{/block:HasTags}</span></align>
  323. {/block:Text}
  324.  
  325. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  326.  
  327. class="permalink"><a href="{Permalink}">{notecount} Notes</a><a href="{Permalink}"></span></align>{block:Link}
  328.  
  329. {block:Photo}
  330. {block:IndexPage}
  331. <center>
  332. <div class="perma">
  333. <a href="{ReblogURL}" target="_blank"></a> </div>
  334. {block:Date}
  335. <div class="photo"><a href="{ReblogUrl}" title="at {24HourWithZero}:{Minutes} with {notecountwithlabel}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  336. {/block:Date}
  337. {/block:IndexPage}
  338. {block:PermalinkPage}
  339. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  340.  
  341. {LinkCloseTag}
  342. {/block:PermalinkPage}
  343. {/block:Photo}
  344.  
  345. {block:Photoset}
  346. <center>
  347.  
  348. <div class="ppp">
  349. <a href="{ReblogURL}" target="_blank"></a> </div>
  350.  
  351. {Photoset-250}</center>
  352. {/block:Photoset}
  353.  
  354. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  355.  
  356. href="{Permalink}">{notecount} Notes</a><a href="{Permalink}"> </span>{/block:Quote}
  357.  
  358. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  359. <ul class="chat">
  360. {block:Lines}
  361. <li class="user_{UserNumber}">
  362. {block:Label}
  363. <span class="label">{Label}</span>
  364. {/block:Label}
  365.  
  366. {Line}
  367. </li>
  368. {/block:Lines}
  369. <p align=right><span class="permalink"><a href="{Permalink}">{notecount} Notes</a><a href="{Permalink}">
  370. {/block:Chat}
  371.  
  372. {block:Audio}
  373. <div style="width:200px; height:30px;">
  374. {AudioPlayerBlack}
  375. </div>
  376. {block:IndexPage}<span class="permalink">
  377. <p align=right><span class="permalink"><a href="{Permalink}">{notecount} Notes</a><a href="{Permalink}"> </a>
  378. </span>{/block:IndexPage}
  379. {/block:Audio}
  380.  
  381. {block:Video}
  382. {block:IndexPage}
  383. <center>
  384. <div class="ppp">
  385. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  386. {Video-250}</center>
  387. {/block:IndexPage}
  388. {block:PermalinkPage}
  389. <center>
  390. {Video-400}</center>
  391. {/block:PermalinkPage}
  392. {block:Video}
  393.  
  394.  
  395. {block:PostNotes}<div align="middle">{caption}</div>
  396. <center>
  397.  
  398. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  399.  
  400. {block:HasTags}
  401. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  402. {block:RebloggedFrom}
  403. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  404. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  405.  
  406. {/block:RebloggedFrom}
  407. </center></span>
  408. <br>
  409. <div id="postnotes">{PostNotes}</div><br>
  410.  
  411. <center>{block:ContentSource}
  412. <br><a href="{SourceURL}">
  413. {lang:Source}:
  414. {block:SourceLogo}
  415. <img src="{BlackLogoURL}" width="{LogoWidth}"
  416. height="{LogoHeight}" alt="{SourceTitle}" />
  417. {/block:SourceLogo}
  418. {block:NoSourceLogo}
  419. {SourceLink}
  420. {/block:NoSourceLogo}
  421. </a>
  422. {/block:ContentSource}</center>
  423.  
  424. {/block:PostNotes}
  425. </div>
  426. {/block:Posts}
  427. </div></div>
  428.  
  429. {block:IndexPage}
  430. {block:Pagination}
  431. <div id="pagination">
  432. {block:NextPage}
  433. <a id="nextPage" href="{NextPage}"></a>
  434. {/block:NextPage}
  435. {block:PreviousPage}
  436. <a href="{PreviousPage}"></a>
  437. {/block:PreviousPage}
  438. </div>
  439. {/block:Pagination}
  440. {/block:IndexPage}
  441.  
  442. </body>
  443.  
  444. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement