API tools faq
paste
Advertisement
Guest User

Versatility theme

a guest
Jan 27th, 2015
166
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.03 KB | None | 0 0
raw download clone embed print report
  1. <style> body, a, a:hover { cursor:url('{text:Cursor Image URL}'), auto }</style>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.  
  6. <!-----------------------------------------------------------------
  7. Themes by Chloethemez // Dark orgasm
  8.  
  9. Versatility theme
  10.  
  11. Comments and suggestions are welcome
  12.  
  13. chloethemez.tumblr.com
  14.  
  15. ------------------------------------------------------------------>
  16. <meta name="image:Background" content="" />
  17. <meta name="image:Sidebar" content="" />
  18. <meta name="image:Pop up close button" content=""/>
  19. <meta name="image:Left Corner Image" content=""/>
  20. <meta name="image:Right Corner Image" content=""/>
  21.  
  22. <meta name="color:Background" content="#000000" />
  23. <meta name="color:Background Top Colour" content="#ff10a7"/>
  24. <meta name="color:Background Bottom Colour" content="#FFFFFF"/>
  25. <meta name="color:Body links" content="#615151" />
  26. <meta name="color:Body text" content="#1d1818" />
  27. <meta name="color:Sidebar background" content="#0a0303" />
  28. <meta name="color:Sidebar links" content="#b9b8b8" />
  29. <meta name="color:Sidebar text" content="#868484" />
  30. <meta name="color:Post color" content="#ffffff" />
  31. <meta name="color:Borders" content="#ffffff"/>
  32. <meta name="color:Text highlight" content="#d83e3e" />
  33. <meta name="color:Tooltip background" content=""/>
  34. <meta name="color:Tooltip text" content=""/>
  35. <meta name="color:Scrollbar thumb colour" content=""/>
  36. <meta name="color:Glitter Colour" content=""/>
  37.  
  38. <meta name="font:Body" content='Calibri'/>
  39. <meta name="font:Blogtitle" content='Calibri'/>
  40.  
  41. <meta name="if:Background Image" content="">
  42. <meta name="if:Maximised Background" content=""/>
  43. <meta name="if:Gradient Background" content="1"/>
  44. <meta name="if:Simple permalinks" content="">
  45. <meta name="if:Triangle permalinks" content="">
  46. <meta name="if:Night time permalinks" content="1">
  47. <meta name="if:Chinese permalinks" content="0">
  48. <meta name="if:Infinite scroll" content="1"/>
  49. <meta name="if:Sidebar portrait" content="0"/>
  50. <meta name="if:Captions" content="0"/>
  51. <meta name="if:Blogtitle bottom border" content=""/>
  52. <meta name="if:Online" content="1" />
  53. <meta name="if:Offline" content="0" />
  54. <meta name="if:Postlimit" content="0" />
  55. <meta name="if:Disable right click" content=""/>
  56. <meta name="if:Sparkle Cursor" content=""/>
  57. <meta name="if:Falling Hearts Effect" content="0" />
  58.  
  59. <meta name="text:Username" content=""/>
  60. <meta name="text:Favicon" content=""/>
  61. <meta name="text:Cursor Image URL" content=""/>
  62. <meta name="text:Title hover message" content=""/>
  63. <meta name="text:Ask info" content=""/>
  64. <meta name="text:Typing Tab Title Message One" content="These are the messages"/>
  65. <meta name="text:Typing Tab Title Message Two" content="that will type in your tab"/>
  66. <meta name="text:Typing Tab Title Message Three" content="at the top next to your favicon"/>
  67. <meta name="text:Font size" content='10px'/>
  68. <meta name="text:Border width 1 to 10" content=""/>
  69. <meta name="text:Sidebar width" content='200px'/>
  70. <meta name="text:Sidebar margin left" content="100px"/>
  71. <meta name="text:Sidebar opacity 0 to 1" content="0.9"/>
  72. <meta name="text:Post width" content='230px'/>
  73. <meta name="text:Post margin" content='15px'/>
  74. <meta name="text:Post padding" content='3px'/>
  75. <meta name="text:Post opacity 0 to 1" content="0.9"/>
  76. <meta name="text:Content width" content='700px'/>
  77. <meta name="text:Content margin left" content="350px"/>
  78. <meta name="text:Update one" content="put your updates in here">
  79. <meta name="text:Update two" content="and here">
  80. <meta name="text:Update three" content="and here hahaha">
  81. <meta name="text:Network Badge Codes" content=""/>
  82. <meta name="text:Online counter codes" content=""/>
  83. <meta name="text:Views counter codes" content=""/>
  84. <meta name="text:Follower counter codes" content=""/>
  85. <meta name="text:Link One URL" content=""/>
  86. <meta name="text:Link One Title" content=""/>
  87. <meta name="text:Link Two URL" content=""/>
  88. <meta name="text:Link Two Title" content=""/>
  89. <meta name="text:Link Three URL" content=""/>
  90. <meta name="text:Link Three Title" content=""/>
  91.  
  92. <script type="text/javascript"
  93. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  94. <script>
  95. $(document).ready(function() {
  96. //
  97. $('a.poplight[href^=#]').click(function() {
  98. var popID = $(this).attr('rel'); //Get Popup Name
  99. var popURL = $(this).attr('href'); //Get Popup href to define size
  100. var query= popURL.split('?');
  101. var dim= query[1].split('&');
  102. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  103. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="{image:Pop up close button}" class="btn_close" title="Close" alt="Close" /></a>');
  104. var popMargTop = ($('#' + popID).height() + 80) / 2;
  105. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  106. //Apply Margin to Popup
  107. $('#' + popID).css({
  108. 'margin-top' : -popMargTop,
  109. 'margin-left' : -popMargLeft
  110. });
  111. $('body').append('<div id="fade"></div>');
  112. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  113. return false;
  114. });
  115. $('a.close, #fade').live('click', function() {
  116. $('#fade , .popup_block').fadeOut(function() {
  117. $('#fade, a.close').remove(); //fade them both out
  118. });
  119. return false;
  120. });
  121. });
  122. </script>
  123.  
  124. {block:Description}
  125. <meta name="description" content="{MetaDescription}" />
  126. {/block:Description}
  127. <meta charset="utf-8">
  128. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  129. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  130. <link rel="shortcut icon" href="{text:Favicon}">
  131. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  132. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  133.  
  134.  
  135.  
  136. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  137. <script type="text/javascript">
  138. $(document).ready(function(){
  139. $(".links_body").hide();
  140. $(".links_head").click(function(){
  141. $(this).next(".links_body").slideToggle('fast');
  142. }); }); </script>
  143.  
  144. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  145. <script>
  146. (function($){
  147. $(document).ready(function(){
  148. $("[title]").style_my_tooltips({
  149. tip_follows_cursor:true,
  150. tip_delay_time:200,
  151. tip_fade_speed:300
  152. }
  153. );
  154. });
  155. })(jQuery);
  156. </script>
  157.  
  158.  
  159.  
  160.  
  161. <style type="text/css">
  162.  
  163. ::-webkit-scrollbar{ width:12px;
  164. background-image: -o-linear-gradient(bottom, #fff, #000 );
  165. background-image: -moz-linear-gradient(bottom, #000, #fff);
  166. background-image: -webkit-linear-gradient(bottom, {color:Background Bottom Colour}, {color:Background Top Colour});
  167. background-image: -ms-linear-gradient(bottom, #000, #fff);
  168. background-image: linear-gradient(bottom, #000, #fff); }
  169. ::-webkit-scrollbar-thumb{ background-color: {color:Scrollbar thumb colour}; border: {text:Border Width 1 to 10}px solid {color:Borders} }
  170.  
  171. #s-m-t-tooltip{
  172. max-width:200px;
  173. margin:15px;
  174. padding:4px 5px;
  175. border:1px solid {color:Borders};
  176. background:{color:Tooltip background};
  177. color:{color:Tooltip text};
  178. z-index:999999;
  179. font-size:10px;
  180. text-transform:uppercase;
  181. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  182.  
  183. .links_list { margin:0px; padding:0px; width:160px; border:1px solid #000; margin-left:-5px;}
  184.  
  185. .links_head { padding-top:3px; border:1px solid {color:Borders}; padding-bottom:3px; position:relative; margin:1px; text-align:center;}
  186.  
  187. .links_body { padding:9px; text-align:center; text-transform:uppercase;color: #fff; display:none;}
  188.  
  189.  
  190.  
  191. /*Basic styles*/
  192. ::-moz-selection {
  193. background: {color:Text highlight};
  194. color: #fff;
  195. }
  196. ::selection {
  197. background: {color:Text highlight};
  198. color: #fff;
  199. }
  200. #content {
  201. margin-left:{text:Content margin left};
  202. margin-top:10px;
  203. width:{text:Content width};
  204.  
  205. }
  206. body {
  207. background: {color:Background};
  208. background-position:fixed;
  209. color: {color:Body text};
  210. font-family: {font:Body};
  211. font-size: {text:Font size};
  212. margin: 0;
  213. padding: 0;
  214. background-repeat: no-repeat;
  215.  
  216. {block:ifBackgroundImage} background: url({image:Background}){/block:ifBackgroundImage}
  217.  
  218. {block:ifGradientBackground} background-image: -webkit-linear-gradient(bottom, {color:Background Bottom Colour}, {color:Background Top Colour});
  219. background-repeat: no-repeat;
  220. background-attachment: fixed;
  221. background-position: center;
  222. {/block:ifGradientBackground};
  223.  
  224.  
  225. {block:ifMaximisedBackground}
  226.  
  227. no-repeat center center fixed;
  228. -webkit-background-size: cover;
  229. -moz-background-size: cover;
  230. -o-background-size: cover;
  231. background-size: cover;
  232. {/block:ifMaximisedBackground}
  233.  
  234. }
  235.  
  236. a {
  237. color: {color:Body links};
  238. text-decoration: none;
  239. }
  240. blockquote {
  241. background: rgba(0, 0, 0, 0.2);
  242. border-left: 10px solid rgba(0, 0, 0, 0.2);
  243. margin: 0;
  244. padding: 2%;
  245. }
  246. iframe, img, embed, object, video {
  247. max-width: 100%;
  248. }
  249. img {
  250. height: auto;
  251. width: auto;
  252. }
  253. /*Sidebar*/
  254. #sidebar {
  255. border:{text:Border Width 1 to 10} solid {color:Borders};
  256. background: {color:Sidebar background};
  257. color: {color:Sidebar text};
  258. opacity:{text:Sidebar opacity 0 to 1};
  259. padding: 5px;
  260. padding-bottom:10px;
  261. color: {color:Sidebar text};
  262. width: {text:Sidebar width};
  263. float: left;
  264. opacity:{text:Sidebar opacity 0 to 1};
  265. margin-top:190px;
  266. margin-left:{text:Sidebar margin left};
  267. position:fixed;
  268.  
  269. }
  270. #sidebar a {
  271. color: {color:Sidebar links};
  272. }
  273.  
  274. #blogtitle{
  275. font-size:14px;
  276. text-transform:uppercase;
  277. text-align:center;
  278. {block:ifBlogtitleBottomBorder} border-bottom:{text:Border Width 1 to 10} solid {color:Borders}{/block:ifBlogtitleBottomBorder};
  279. Font-family:{font:Blogtitle};
  280.  
  281. }
  282. nav li {
  283. display: inline;
  284. }
  285. /*Article*/
  286. article {
  287. border:{text:Border Width 1 to 10} solid {color:Borders};
  288. background: {color:Post color};
  289. margin: {text:Post margin};
  290. padding: {text:Post Padding};
  291. width: {text:Post width};
  292. opacity:{text:Post opacity 0 to 1};
  293.  
  294. {block:PermalinkPage}
  295. width:500px;
  296. {/block:PermalinkPage}
  297.  
  298. }
  299.  
  300.  
  301.  
  302. .chat span {
  303. float: left;
  304. margin-right: 1%;
  305. }
  306. /*Metadata*/
  307.  
  308.  
  309. .metadata {
  310. opacity: 0;
  311. font-size:0px;
  312.  
  313. display:hidden;
  314. width: 100%;
  315. -webkit-transition: all .6s ;
  316. -moz-transition: all .6s;
  317. transition: all .6s ;
  318.  
  319. }
  320.  
  321. article:hover .metadata{
  322. opacity: 1;
  323. font-size:11px;
  324. font-family:Calibri;
  325.  
  326. width: 100%;
  327. -webkit-transition: all .6s ;
  328. -moz-transition: all .6s ;
  329. transition: all .6s ;
  330.  
  331. }
  332.  
  333. .notecount {
  334. float: right;
  335. }
  336. .reblogged {
  337. float: right;
  338. margin: 3% 0;
  339. width: 100%;
  340. }
  341. /*Tags and notes*/
  342. #tags, nav ul, .chat ul {
  343. list-style: none;
  344. list-style-image: none;
  345. margin: 0;
  346. padding: 0;
  347. }
  348. #tags li {
  349. float: left;
  350. margin-right: 1%;
  351. }
  352. .notes {
  353. clear: both;
  354. padding: 0;
  355. }
  356. /*Custom CSS*/
  357. {CustomCSS}
  358.  
  359. #fade { /*--Transparent background layer--*/
  360. display: none; /*--hidden by default--*/
  361. background: #000;
  362. position: fixed; left: 0; top: 0;
  363. width: 100%; height: 100%;
  364. opacity: .80;
  365. z-index: 9999;
  366. }
  367. .popup_block{
  368. display: none; /*--hidden by default--*/
  369. background: {color:Sidebar background};
  370. padding: 10px;
  371. border: 5px solid {color:Borders};
  372. float: left;
  373. color:{color:Sidebar text};
  374. font-size: 11px;
  375. position: fixed;
  376. top: 50%; left: 50%;
  377. z-index: 99999;
  378. /*--CSS3 Box Shadows--*/
  379. -webkit-box-shadow: 0px 0px 20px #000;
  380. -moz-box-shadow: 0px 0px 20px #000;
  381. box-shadow: 0px 0px 20px #000;
  382. /*--CSS3 Rounded Corners--*/
  383. -webkit-border-radius: 5px;
  384. -moz-border-radius: 5px;
  385. border-radius: 5px;
  386. }
  387. img.btn_close {
  388. float: right;
  389. margin: -20 -20px 0 0;
  390. }
  391. /*--Making IE6 Understand Fixed Positioning--*/
  392. *html #fade {
  393. position: absolute;
  394. }
  395. *html .popup_block {
  396. position: absolute;
  397. }
  398.  
  399.  
  400.  
  401. /*made by sppice, tutorial at megscoding.tumblr.com*/
  402.  
  403. #oneout {
  404. position:fixed;
  405. top:64px;left:1px;
  406. text-align:center;
  407. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  408. z-index:1; }
  409.  
  410. #oneout_inner {
  411. position:fixed;
  412. width:230px; height:10px;
  413. top:13px; left:-253px;
  414. padding:10px;
  415. border:{text:Border Width 1 to 10} solid {color:Borders};
  416. background: {color:Sidebar background};
  417. color: {color:Sidebar text};
  418. opacity:{text:Sidebar opacity 0 to 1};
  419. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  420. text-align:left;
  421. z-index:1; }
  422.  
  423. #oneout:hover {
  424.  
  425. left:255px;
  426. z-index:99999999; }
  427.  
  428. #oneout:hover #oneout_inner {
  429. height:50px;
  430. left:0px;
  431. z-index:-1; }
  432.  
  433. .onetitle {
  434. position:absolute;
  435. left:-2px; top:-50px;
  436. width:100px;
  437. padding:3px;
  438. text-transform:uppercase;
  439. font-family:arial; font-size:11px;
  440. border:{text:Border Width 1 to 10} solid {color:Borders};
  441. background: {color:Sidebar background};
  442. color: {color:Sidebar text};
  443. opacity:{text:Sidebar opacity 0 to 1};
  444. z-index:99999999; }
  445.  
  446. /*made by sppice, tutorial at megscoding.tumblr.com*/
  447.  
  448. #twoout {
  449. position:fixed;
  450. top:257px;left:-3px;
  451. text-align:center;
  452. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  453. z-index:1; }
  454.  
  455. #twoout_inner {
  456. height:2px;
  457. position:fixed;
  458. width:180px; height:auto;
  459. top:47px; left:-455px;
  460. padding:10px;
  461. border:{text:Border Width 1 to 10} solid {color:Borders};
  462. background: {color:Sidebar background};
  463. color: {color:Sidebar text};
  464. opacity:{text:Sidebar opacity 0 to 1};/* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
  465. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  466. text-align:left;
  467. z-index:1; }
  468.  
  469. #twoout:hover {
  470. left:205px;
  471. z-index:1; }
  472.  
  473. #twoout:hover #twoout_inner {
  474. height:100px;
  475. left:0px;
  476. z-index:2; }
  477.  
  478. .twotitle {
  479. position:absolute;
  480. left:1px; top:-210px;
  481. width:80px;
  482. padding:3px;
  483. text-transform:uppercase;
  484. font-family:arial; font-size:11px;
  485. border:{text:Border Width 1 to 10} solid {color:Borders};
  486. background: {color:Sidebar background};
  487. color: {color:Sidebar text};
  488. opacity:{text:Sidebar opacity 0 to 1};
  489. z-index:1;
  490. }
  491.  
  492. /*made by sppice, tutorial at megscoding.tumblr.com*/
  493.  
  494. #threeout {
  495. position:fixed;
  496. top:65px;left:-5px;
  497. text-align:center;
  498. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  499. z-index:0; }
  500.  
  501. #threeout_inner {
  502. position:fixed;
  503. width:150px; height:10px;
  504. top:85px; left:-255px;
  505. padding:10px;
  506. border:{text:Border Width 1 to 10} solid {color:Borders};
  507. background: {color:Sidebar background};
  508. color: {color:Sidebar text};
  509. opacity:{text:Sidebar opacity 0 to 1}; /* change #FFFFFF; to transparent; if you want the background of the slide out tab to be transparent and not white*/
  510. -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;
  511. text-align:left;
  512. z-index:-1; }
  513.  
  514. #threeout:hover {
  515. left:170px;
  516. z-index:-1; }
  517.  
  518. #threeout:hover #threeout_inner {
  519. left:-5px;
  520. height:85px;
  521. z-index:-1; }
  522.  
  523. .threetitle {
  524. position:absolute;
  525. left:1px; top:20px;
  526. width:60px;
  527. padding:3px;
  528. text-transform:uppercase;
  529. font-family:arial; font-size:11px;
  530. border:{text:Border Width 1 to 10} solid {color:Borders};
  531. background: {color:Sidebar background};
  532. color: {color:Sidebar text};
  533. opacity:{text:Sidebar opacity 0 to 1};
  534. z-index:-1; }
  535.  
  536. </style>
  537. {block:ifSparkleCursor}
  538. <script type="text/javascript">
  539. // <![CDATA[
  540. var colour="{color:Glitter Colour}";
  541. var sparkles=120;
  542.  
  543. /****************************
  544. * Tinkerbell Magic Sparkle *
  545. * (c) 2005 mf2fm web-design *
  546. * http://www.mf2fm.com/rv *
  547. * DON'T EDIT BELOW THIS BOX *
  548. ****************************/
  549. var x=ox=400;
  550. var y=oy=300;
  551. var swide=800;
  552. var shigh=600;
  553. var sleft=sdown=0;
  554. var tiny=new Array();
  555. var star=new Array();
  556. var starv=new Array();
  557. var starx=new Array();
  558. var stary=new Array();
  559. var tinyx=new Array();
  560. var tinyy=new Array();
  561. var tinyv=new Array();
  562.  
  563. window.onload=function() { if (document.getElementById) {
  564. var i, rats, rlef, rdow;
  565. for (var i=0; i<sparkles; i++) {
  566. var rats=createDiv(3, 3);
  567. rats.style.visibility="hidden";
  568. document.body.appendChild(tiny[i]=rats);
  569. starv[i]=0;
  570. tinyv[i]=0;
  571. var rats=createDiv(5, 5);
  572. rats.style.backgroundColor="transparent";
  573. rats.style.visibility="hidden";
  574. var rlef=createDiv(1, 5);
  575. var rdow=createDiv(5, 1);
  576. rats.appendChild(rlef);
  577. rats.appendChild(rdow);
  578. rlef.style.top="2px";
  579. rlef.style.left="0px";
  580. rdow.style.top="0px";
  581. rdow.style.left="2px";
  582. document.body.appendChild(star[i]=rats);
  583. }
  584. set_width();
  585. sparkle();
  586. }}
  587.  
  588. function sparkle() {
  589. var c;
  590. if (x!=ox || y!=oy) {
  591. ox=x;
  592. oy=y;
  593. for (c=0; c<sparkles; c++) if (!starv[c]) {
  594. star[c].style.left=(starx[c]=x)+"px";
  595. star[c].style.top=(stary[c]=y)+"px";
  596. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  597. star[c].style.visibility="visible";
  598. starv[c]=50;
  599. break;
  600. }
  601. }
  602. for (c=0; c<sparkles; c++) {
  603. if (starv[c]) update_star(c);
  604. if (tinyv[c]) update_tiny(c);
  605. }
  606. setTimeout("sparkle()", 40);
  607. }
  608.  
  609. function update_star(i) {
  610. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  611. if (starv[i]) {
  612. stary[i]+=1+Math.random()*3;
  613. if (stary[i]<shigh+sdown) {
  614. star[i].style.top=stary[i]+"px";
  615. starx[i]+=(i%5-2)/5;
  616. star[i].style.left=starx[i]+"px";
  617. }
  618. else {
  619. star[i].style.visibility="hidden";
  620. starv[i]=0;
  621. return;
  622. }
  623. }
  624. else {
  625. tinyv[i]=50;
  626. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  627. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  628. tiny[i].style.width="2px";
  629. tiny[i].style.height="2px";
  630. star[i].style.visibility="hidden";
  631. tiny[i].style.visibility="visible"
  632. }
  633. }
  634.  
  635. function update_tiny(i) {
  636. if (--tinyv[i]==25) {
  637. tiny[i].style.width="1px";
  638. tiny[i].style.height="1px";
  639. }
  640. if (tinyv[i]) {
  641. tinyy[i]+=1+Math.random()*3;
  642. if (tinyy[i]<shigh+sdown) {
  643. tiny[i].style.top=tinyy[i]+"px";
  644. tinyx[i]+=(i%5-2)/5;
  645. tiny[i].style.left=tinyx[i]+"px";
  646. }
  647. else {
  648. tiny[i].style.visibility="hidden";
  649. tinyv[i]=0;
  650. return;
  651. }
  652. }
  653. else tiny[i].style.visibility="hidden";
  654. }
  655.  
  656. document.onmousemove=mouse;
  657. function mouse(e) {
  658. set_scroll();
  659. y=(e)?e.pageY:event.y+sdown;
  660. x=(e)?e.pageX:event.x+sleft;
  661. }
  662.  
  663. function set_scroll() {
  664. if (typeof(self.pageYOffset)=="number") {
  665. sdown=self.pageYOffset;
  666. sleft=self.pageXOffset;
  667. }
  668. else if (document.body.scrollTop || document.body.scrollLeft) {
  669. sdown=document.body.scrollTop;
  670. sleft=document.body.scrollLeft;
  671. }
  672. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  673. sleft=document.documentElement.scrollLeft;
  674. sdown=document.documentElement.scrollTop;
  675. }
  676. else {
  677. sdown=0;
  678. sleft=0;
  679. }
  680. }
  681.  
  682. window.onresize=set_width;
  683. function set_width() {
  684. if (typeof(self.innerWidth)=="number") {
  685. swide=self.innerWidth;
  686. shigh=self.innerHeight;
  687. }
  688. else if (document.documentElement && document.documentElement.clientWidth) {
  689. swide=document.documentElement.clientWidth;
  690. shigh=document.documentElement.clientHeight;
  691. }
  692. else if (document.body.clientWidth) {
  693. swide=document.body.clientWidth;
  694. shigh=document.body.clientHeight;
  695. }
  696. }
  697.  
  698. function createDiv(height, width) {
  699. var div=document.createElement("div");
  700. div.style.position="absolute";
  701. div.style.height=height+"px";
  702. div.style.width=width+"px";
  703. div.style.overflow="hidden";
  704. div.style.backgroundColor=colour;
  705. return (div);
  706. }
  707. // ]]>
  708. </script>
  709. {/block:ifSparkleCursor}
  710.  
  711. {block:ifFallingHeartsEffect}
  712. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://www.picgifs.com/mini-graphics/mini-graphics/hearts/mini-graphics-hearts-655853.gif";image_urls['rain2']="http://www.picgifs.com/mini-graphics/mini-graphics/hearts/mini-graphics-hearts-655853.gif";image_urls['rain3']="http://www.picgifs.com/mini-graphics/mini-graphics/hearts/mini-graphics-hearts-655853.gif";image_urls['rain4']="http://www.picgifs.com/mini-graphics/mini-graphics/hearts/mini-graphics-hearts-655853.gif";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
  713. .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
  714. .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
  715. <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script>{/block:ifFallingHeartsEffect}
  716.  
  717. <script type="text/javascript">
  718. //Created by Title bar Maker (http://www.bosiljak.hr/titlemaker)
  719. function tb8_makeArray(n){
  720. this.length = n;
  721. return this.length;
  722. }
  723.  
  724. tb8_messages = new tb8_makeArray(3);
  725. tb8_messages[0] = "{text:Typing Tab Title Message One}";
  726. tb8_messages[1] = "{text:Typing Tab Title Message Two}";
  727. tb8_messages[2] = "{text:Typing Tab Title Message Three}";
  728. tb8_rptType = 'infinite';
  729. tb8_rptNbr = 5;
  730. tb8_speed = 100;
  731. tb8_delay = 900;
  732. var tb8_counter=1;
  733. var tb8_currMsg=0;
  734. var tb8_tekst ="";
  735. var tb8_i=0;
  736. var tb8_TID = null;
  737. function tb8_pisi(){
  738. tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
  739. document.title = tb8_tekst;
  740. tb8_sp=tb8_speed;
  741. tb8_i++;
  742. if (tb8_i==tb8_messages[tb8_currMsg].length){
  743. tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
  744. }
  745. if (tb8_currMsg == tb8_messages.length){
  746. if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
  747. clearTimeout(tb8_TID);
  748. return;
  749. }
  750. tb8_counter++;
  751. tb8_currMsg = 0;
  752. }
  753. tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
  754. }
  755. tb8_pisi()
  756. </script>
  757.  
  758. </head>
  759. <body>
  760. <!-- made by sppice, tutorial at megscoding.tumblr.com -->
  761.  
  762. <div id="oneout"><span class="onetitle">
  763.  
  764. Updates
  765.  
  766. </span><div id="oneout_inner">
  767.  
  768.  
  769. • {text:Update one} <br>
  770. • {text:Update two} <br>
  771. • {text:Update three}<br>
  772.  
  773.  
  774. <br></div></div>
  775.  
  776. <!-- made by sppice, tutorial at megscoding.tumblr.com -->
  777.  
  778. <div id="twoout"><span class="twotitle">
  779.  
  780. Networks
  781.  
  782. </span><div id="twoout_inner">
  783. <center>
  784.  
  785. <marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">{text:Network Badge Codes}</marquee>
  786.  
  787. <br></center></div></div>
  788.  
  789. <!-- made by sppice, tutorial at megscoding.tumblr.com -->
  790.  
  791. <div id="threeout"><span class="threetitle">
  792. stats
  793.  
  794. </span><div id="threeout_inner">
  795.  
  796. {block:ifOnline}☑ Online<br> ☐Offline <br>☐Post Limit{/block:ifOnline}
  797. {block:ifOffline}☐Online <br>☑ Offline <br>☐Post Limit{/block:ifOffline}
  798. {block:ifPostlimit}☐Online<br> ☐Offline<br> ☑Post Limit{/block:ifpostlimit}<br><center>
  799. {text:Online Counter Codes}//{text:Views Counter Codes}<br>
  800. {text:Follower Counter Codes}
  801.  
  802. <br></center></div></div>
  803.  
  804.  
  805.  
  806. <div style="position:fixed; background-color:{color:Sidebar Background}; right:10px; top:25px; padding:4px; color: {color:Text}; border:1px solid {color:Borders}; opacity:0.8; font-size:10px; z-index:222;"><a title="theme by Chloe"href="http://chloethemez.tumblr.com/">克洛伊</a></div>
  807. {block:IfDisableRightClick}
  808. <script language=JavaScript>
  809.  
  810. <!--
  811.  
  812. //Disable right click script III- By Renigade (renigade@mediaone.net)
  813.  
  814. //For full source code, visit http://www.dynamicdrive.com
  815.  
  816. var message="";
  817.  
  818. ///////////////////////////////////
  819.  
  820. function clickIE() {if (document.all) {(message);return false;}}
  821.  
  822. function clickNS(e) {if
  823.  
  824. (document.layers||(document.getElementById&&!document.all)) {
  825.  
  826. if (e.which==2||e.which==3) {(message);return false;}}}
  827.  
  828. if (document.layers)
  829.  
  830. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  831.  
  832. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  833.  
  834. document.oncontextmenu=new Function("return false")
  835.  
  836. // -->
  837.  
  838. </script>
  839. {/block:IfDisableRightClick}
  840.  
  841. <!--Sidebar/masthead-->
  842. <header id="sidebar">
  843. <!--Details: portrait (optional), title and description-->
  844. <div id="header">
  845. <div id="blogtitle"><a href="/" title="{text:Title hover message}">{Title}</a></div><p>
  846. {block:IfSidebarPortrait}
  847. <div id="Sidebarimg"><img src="{image:Sidebar}" width:{text:Sidebar width}/><p><div style="position:center"></div>
  848. {/block:IfSidebarPortrait}
  849. <center><div class="description">{Description}<p></div></center>
  850.  
  851. <center><div class="links_list">
  852. <p class="links_head">NAVIGATE</p>
  853. <div class="links_body">
  854. <center>
  855. <a href="/" title="refresh">REFRESH</a><br>
  856. <a href="#?w=500" rel="02" class="poplight" title="MSSG">ASK</a><br>
  857. <a href="{text:Link One URL}" title="{text:Link One Title}">{text:Link One Title}</a><br>
  858. <a href="{text:Link Two URL}" title="{text:Link Two Title}">{text:Link Two Title}</a><br>
  859. <a href="{text:Link Three URL}" title="{text:Link Three Title}">{text:Link Three Title}</a>
  860. </center>
  861. </div></div>
  862.  
  863.  
  864. </div>
  865. <!--Navigation-->
  866. <nav>
  867. <ul>
  868. {block:HasPages}
  869. {block:Pages}
  870. <li> <a href="{URL}">{Label}</a></li>
  871. {/block:Pages}
  872. {/block:HasPages}
  873. {block:SubmissionsEnabled}
  874. <li> <a href="/submit">{SubmitLabel}</a></li>
  875. {/block:SubmissionsEnabled}
  876.  
  877. </nav>
  878.  
  879. </header>
  880. <!--Content holder-->
  881. <div id="content">
  882. {block:Posts}
  883. <article>
  884. <!--Metadata: date, note count-->
  885. <header class="metadata">
  886.  
  887. {block:ifChinesePermalinks} {block:Date} <a href="{Permalink}#notes" title="{NoteCountWithLabel}">愛</a> <a href="{ReblogURL}" target="_blank" title="Reblog" >拼</a> {/block:Date} {/block:ifChinesePermalinks}
  888.  
  889. {block:ifNightTimePermalinks} {block:Date} <a href="{Permalink}#notes" title="{NoteCountWithLabel}">☆</a> <a href="{ReblogURL}" target="_blank" title="Reblog" >☽</a> {/block:Date} {/block:ifNightTimePermalinks}
  890.  
  891. {block:ifTrianglePermalinks} {block:Date} <a href="{Permalink}#notes" title="{NoteCountWithLabel}">▲</a> <a href="{ReblogURL}" target="_blank" title="Reblog" >▼</a> {/block:Date} {/block:ifTrianglePermalinks}
  892.  
  893. {block:ifSimplePermalinks} <a href="{Permalink}#notes">{NoteCountWithLabel}</a> {/block:ifSimplePermalinks}
  894.  
  895.  
  896. </header>
  897. <!--Unique code for each post type-->
  898. {block:Text}
  899. <div class="text">
  900. {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  901. {Body}
  902. {/block:Text}
  903.  
  904. {block:Photo}
  905. <div class="photo">
  906. {LinkOpenTag}<a href="{ReblogURL}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></a>{LinkCloseTag}
  907. {block:ifCaptions} {block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  908. {/block:Photo}
  909.  
  910. {block:Photoset}
  911. <div class="photoset">
  912. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  913. {block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
  914. {block:Caption}{Caption}{/block:Caption}
  915. {/block:Photoset}
  916.  
  917. {block:Quote}
  918. <div class="quote">
  919. <blockquote>{Quote}</blockquote>
  920. {block:Source}<cite> {Source} </cite>{/block:Source}
  921. {/block:Quote}
  922.  
  923. {block:Link}
  924. <div class="link">
  925. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  926. {block:Description}{Description}{/block:Description}
  927. {/block:Link}
  928.  
  929. {block:Chat}
  930. <div class="chat">
  931. <ul>
  932. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  933. </ul>
  934. {/block:Chat}
  935.  
  936. {block:Audio}
  937. <div class="audio">
  938. {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName}
  939. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div>
  940. <div class="player">{AudioPlayerBlack}</div>
  941. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  942. {block:Caption}{Caption}{/block:Caption}
  943. {/block:Audio}
  944.  
  945. {block:Video}
  946. <div class="video">
  947. <div class="video-player">{Video-500}</div>
  948. {block:Caption}{Caption}{/block:Caption}
  949. {/block:Video}
  950.  
  951. {block:Answer}
  952. <div class="answer">
  953. <h1 class="title">{Question}</h1>
  954. <div class="user"><img src="{AskerPortraitURL-96}"/><p>{Asker}</p></div>
  955. {Answer}
  956. {/block:Answer}
  957. </div>
  958. <footer class="details">
  959. {block:ContentSource}
  960.  
  961. {/block:ContentSource}
  962. {block:Permalink}
  963. <!--Tags and notes on displayed on permalink pages-->
  964. {block:HasTags}
  965. <ul id="tags">
  966. {block:Tags}<li> <a href="{TagURL}">{Tag}</a> </li>{/block:Tags}
  967. </ul>
  968. {/block:HasTags}
  969. {block:PostNotes}
  970. <div id="notes">
  971. {PostNotes}
  972. </div>
  973. {/block:PostNotes}
  974. {/block:Permalink}
  975. </footer>
  976. </article>
  977. {/block:Posts}
  978. <!--Close of article-->
  979. </div>
  980.  
  981. <!--Pagination: previous/next page links-->
  982. {block:Pagination}
  983. <div class="pagination">
  984. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  985. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  986. </div>
  987. {/block:Pagination}
  988.  
  989. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  990. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  991. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  992. {block:IfInfiniteScroll}
  993. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  994. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  995. {/block:IfInfiniteScroll}
  996. <!--Code for infinite scroll and grid layout-->
  997. <script>
  998. (function() {
  999. var $tumblelog = $('#content');
  1000. {block:IfInfiniteScroll}
  1001. $tumblelog.infinitescroll({
  1002. navSelector : ".pagination",
  1003. nextSelector : ".pagination a:first",
  1004. itemSelector : "article",
  1005. bufferPx : 50,
  1006. done : "",
  1007. loading: {
  1008. img : "",
  1009. msgText: ""
  1010. },
  1011. },
  1012. function( newElements ) {
  1013. var $newElems = $( newElements ).css({ opacity: 0 });
  1014. $newElems.imagesLoaded(function(){
  1015. $newElems.animate({ opacity: 1 });
  1016. $tumblelog.masonry( 'appended', $newElems);
  1017. });
  1018. }
  1019. );
  1020. {/block:IfInfiniteScroll}
  1021. $tumblelog.imagesLoaded( function(){
  1022. $tumblelog.masonry({
  1023. columnWidth: function( containerWidth ) {
  1024. return containerWidth / 100;
  1025. }
  1026. });
  1027. });
  1028. })();
  1029. </script>
  1030. <!--For users adding Google Analytics ID-->
  1031. <script>
  1032. var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1033. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1034. g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1035. s.parentNode.insertBefore(g,s)}(document,'script'));
  1036. </script>
  1037. </body>
  1038.  
  1039.  
  1040.  
  1041. <div style="position:fixed; bottom:0px; left:2px;">
  1042. <img src="{image:Left Corner Image}" width="250"/></div>
  1043.  
  1044.  
  1045.  
  1046. <div style="position:fixed; bottom:0px; right:2px;">
  1047. <img src="{image:Right Corner Image}" width="250"/></div>
  1048.  
  1049.  
  1050. <div id="02" class="popup_block">
  1051. {text:Ask info}
  1052. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:Username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  1053. </center></div>
  1054.  
  1055. </div></div></div></div></div></div></div></div></div></div>
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!