API tools faq
paste
Advertisement
Gazlan

Tumblr Thinking Of You

Gazlan
Oct 19th, 2014
224
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.60 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.  
  3.   "http://www.w3.org/TR/html4/strict.dtd">
  4.  
  5.  
  6.  
  7.  
  8.  
  9. <!--   
  10.  
  11. "Thinking Of You" THEMED BY -OHFRENCHIEE.TUMBLR.COM
  12. Please do not remove this credit!
  13. Thanks for using my public theme, enjoy!
  14.  
  15. -->
  16.  
  17.  
  18.  
  19. <html lang="en">
  20.  
  21. <head>
  22.  
  23. <style type="text/css">body, a, a:hover {cursor: url(http://i55.tinypic.com/117a8e9.png), auto;}</style>
  24.  
  25.  
  26.  
  27. <script type="text/javascript">
  28. // <![CDATA[
  29. var colour="#FFFFFF";
  30. var sparkles=50;
  31.  
  32. /******************************
  33. *  Tinkerbell Magic Sparkle   *
  34. * (c) 2005 mf2fm web-design   *
  35. *  http://www.mf2fm.com/rv    *
  36. *    vernonvan.tumblr.com     *
  37. * tumblr-layouts.tumblr.com   *
  38. * DON'T EDIT BELOW THIS BOX   *
  39. ****************************/
  40. var x=ox=400;
  41. var y=oy=300;
  42. var swide=800;
  43. var shigh=600;
  44. var sleft=sdown=0;
  45. var tiny=new Array();
  46. var star=new Array();
  47. var starv=new Array();
  48. var starx=new Array();
  49. var stary=new Array();
  50. var tinyx=new Array();
  51. var tinyy=new Array();
  52. var tinyv=new Array();
  53.  
  54. window.onload=function() { if (document.getElementById) {
  55.  var i, rats, rlef, rdow;
  56.  for (var i=0; i<sparkles; i++) {
  57.    var rats=createDiv(3, 3);
  58.    rats.style.visibility="hidden";
  59.    document.body.appendChild(tiny[i]=rats);
  60.    starv[i]=0;
  61.    tinyv[i]=0;
  62.    var rats=createDiv(5, 5);
  63.    rats.style.backgroundColor="transparent";
  64.    rats.style.visibility="hidden";
  65.    var rlef=createDiv(1, 5);
  66.    var rdow=createDiv(5, 1);
  67.    rats.appendChild(rlef);
  68.    rats.appendChild(rdow);
  69.    rlef.style.top="2px";
  70.    rlef.style.left="0px";
  71.    rdow.style.top="0px";
  72.    rdow.style.left="2px";
  73.    document.body.appendChild(star[i]=rats);
  74.  }
  75.  set_width();
  76.  sparkle();
  77. }}
  78.  
  79. function sparkle() {
  80.  var c;
  81.  if (x!=ox || y!=oy) {
  82.    ox=x;
  83.    oy=y;
  84.    for (c=0; c<sparkles; c++) if (!starv[c]) {
  85.      star[c].style.left=(starx[c]=x)+"px";
  86.      star[c].style.top=(stary[c]=y)+"px";
  87.      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  88.      star[c].style.visibility="visible";
  89.      starv[c]=50;
  90.      break;
  91.    }
  92.  }
  93.  for (c=0; c<sparkles; c++) {
  94.    if (starv[c]) update_star(c);
  95.    if (tinyv[c]) update_tiny(c);
  96.  }
  97.  setTimeout("sparkle()", 40);
  98. }
  99.  
  100. function update_star(i) {
  101.  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  102.  if (starv[i]) {
  103.    stary[i]+=1+Math.random()*3;
  104.    if (stary[i]<shigh+sdown) {
  105.      star[i].style.top=stary[i]+"px";
  106.      starx[i]+=(i%5-2)/5;
  107.      star[i].style.left=starx[i]+"px";
  108.    }
  109.    else {
  110.      star[i].style.visibility="hidden";
  111.      starv[i]=0;
  112.      return;
  113.    }
  114.  }
  115.  else {
  116.    tinyv[i]=50;
  117.    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  118.    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  119.    tiny[i].style.width="2px";
  120.    tiny[i].style.height="2px";
  121.    star[i].style.visibility="hidden";
  122.    tiny[i].style.visibility="visible"
  123.  }
  124. }
  125.  
  126. function update_tiny(i) {
  127.  if (--tinyv[i]==25) {
  128.    tiny[i].style.width="1px";
  129.    tiny[i].style.height="1px";
  130.  }
  131.  if (tinyv[i]) {
  132.    tinyy[i]+=1+Math.random()*3;
  133.    if (tinyy[i]<shigh+sdown) {
  134.      tiny[i].style.top=tinyy[i]+"px";
  135.      tinyx[i]+=(i%5-2)/5;
  136.      tiny[i].style.left=tinyx[i]+"px";
  137.    }
  138.    else {
  139.      tiny[i].style.visibility="hidden";
  140.      tinyv[i]=0;
  141.      return;
  142.    }
  143.  }
  144.  else tiny[i].style.visibility="hidden";
  145. }
  146.  
  147. document.onmousemove=mouse;
  148. function mouse(e) {
  149.  set_scroll();
  150.  y=(e)?e.pageY:event.y+sdown;
  151.  x=(e)?e.pageX:event.x+sleft;
  152. }
  153.  
  154. function set_scroll() {
  155.  if (typeof(self.pageYOffset)=="number") {
  156.    sdown=self.pageYOffset;
  157.    sleft=self.pageXOffset;
  158.  }
  159.  else if (document.body.scrollTop || document.body.scrollLeft) {
  160.    sdown=document.body.scrollTop;
  161.    sleft=document.body.scrollLeft;
  162.  }
  163.  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  164.    sleft=document.documentElement.scrollLeft;
  165.     sdown=document.documentElement.scrollTop;
  166.  }
  167.  else {
  168.    sdown=0;
  169.    sleft=0;
  170.  }
  171. }
  172.  
  173. window.onresize=set_width;
  174. function set_width() {
  175.  if (typeof(self.innerWidth)=="number") {
  176.    swide=self.innerWidth;
  177.    shigh=self.innerHeight;
  178.  }
  179.  else if (document.documentElement && document.documentElement.clientWidth) {
  180.    swide=document.documentElement.clientWidth;
  181.    shigh=document.documentElement.clientHeight;
  182.  }
  183.  else if (document.body.clientWidth) {
  184.    swide=document.body.clientWidth;
  185.    shigh=document.body.clientHeight;
  186.  }
  187. }
  188.  
  189. /******************************
  190. * tumblr-layouts.tumblr.com  *
  191. ****************************/
  192. function createDiv(height, width) {
  193.  var div=document.createElement("div");
  194.  div.style.position="absolute";
  195.  div.style.height=height+"px";
  196.  div.style.width=width+"px";
  197.  div.style.overflow="hidden";
  198.  div.style.backgroundColor=colour;
  199.  return (div);
  200. }
  201. // ]]>
  202. </script>
  203.  
  204.  
  205.  
  206.  
  207.  
  208.  
  209.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  210.         <meta name="image:Background"    content="http://static.tumblr.com/qyuefd2/GbAlklbnm/lilac_polka_dots4.jpg"/>
  211.         <meta name="image:Sidebar" content=""/>
  212.         <meta name="color:background" content="#F3EDF3"/>
  213.         <meta name="color:text" content="#C0C0C0"/>
  214.         <meta name="color:title" content="#F3EDF3"/>
  215.         <meta name="color:link" content="#BEA0BE"/>
  216.         <meta name="color:hover" content="#E4C7E9"/>
  217.         <meta name="text:title font size" content="24px"/>
  218.         <meta name="text:title line height" content="23px"/>
  219.         <meta name="text:title letter spacing" content="-1px"/>
  220.         <meta name="text:title font weight" content="normal"/>
  221.         <meta name="font:title" content="arial"/>
  222.         <meta name="if:show sidebar image" content="0"/>
  223.  
  224.  
  225.  
  226.  
  227. <!-- 'Learning Curve' h&p.com --!>
  228. <!-- Script from typeface.js -->
  229. <script src="http://static.tumblr.com/3ikgvxs/K16l80ow6/cufon-yui.js" type="text/javascript"></script>
  230. <script src="http://static.tumblr.com/w1nbsmo/Vx4lb09xk/learning_curve_400.font.js" type="text/javascript"></script>
  231. <script type="text/javascript">Cufon.replace('.title');</script>
  232.  
  233.  
  234.  
  235.  
  236. <title>{Title}</title>
  237. <link rel="shortcut icon" href="http://i52.tinypic.com/jaap6p.png">
  238. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  239. {block:Description}<font color="{color text}"><meta name="description" content="{MetaDescription}" /></font>{/block:Description}
  240.  
  241.  
  242.  
  243.  
  244.     <style type="text/css">
  245.  
  246.  
  247.  
  248.  
  249. img{
  250.  -webkit-transition: opacity 0.30s linear;  
  251.  opacity: .80;
  252.  }
  253.  img:hover{
  254.  -webkit-transition: opacity 0.30s linear;  
  255.  opacity: 1;
  256.  }  
  257.  
  258.  
  259. body {
  260. margin:0px;
  261. background-image:url({image:Background});
  262. background-postition:center;
  263. background-attachment: fixed;
  264. background-repeat: repeat;
  265. background-color:{color:background};
  266. }
  267.  
  268.  
  269. body, div, p, textarea, submit, input{
  270. font-family: arial;
  271. font-size: 10px;
  272. line-height:13px;
  273. color: {color:text};
  274. text-align:center;
  275. }
  276.  
  277.  
  278. a:link, a:active, a:visited{
  279. color: {color:link};
  280. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  281. text-decoration: none;
  282. }
  283.  
  284.  
  285. a:hover {
  286. color: {color:hover};
  287. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  288. text-decoration: none;
  289. }
  290.  
  291.  
  292. .title{
  293. font-family: trebuchet ms;
  294. font-size: 50px;
  295. line-height: 24px;
  296. text-align:center;
  297. color: #999999;
  298. letter-spacing: -1px;
  299. font-weight: normal;
  300. padding:1px 1px 0px 1px;
  301. }
  302.  
  303.  
  304. div#center{
  305. margin:auto;
  306. position:relative;
  307. width:780px;
  308. background-color: #F3EDF3;
  309. padding-top:0px;
  310. overflow:hidden;
  311. height: 100%;
  312. margin-bottom: -15px;
  313. border: 0px dotted #D1BAA0;
  314. margin-top:-8px;
  315. -moz-box-shadow: 0 0 10px #CCB3CC;
  316. -webkit-box-shadow: 0 0 10px#CCB3CC;
  317. box-shadow: 0 0 10px #CCB3CC;
  318. border: 1px dotted #FFFFFF;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
  319. }
  320.  
  321.  
  322. div#content{
  323. float: right;
  324. width:520px;
  325. padding:0px;
  326. padding-top: 5px;
  327. margin-right: 0px;
  328. margin-left: 7px;
  329. background: #F3EDF3;
  330. margin-top:2px;
  331. }
  332.  
  333.  
  334. div#entry{
  335. width:495px;
  336. background-color:#F3EDF3;
  337. margin-top:10px;
  338. margin-left:12px;
  339. padding-top:5px;
  340. padding-bottom:5px;
  341. padding-right:0px;
  342. padding-left:0px;
  343. border: 1px dashed #FFFFFF;
  344. -moz-box-shadow: 0 0 10px #CCB3CC;
  345. -webkit-box-shadow: 0 0 10px#CCB3CC;
  346. box-shadow: 0 0 10px #CCB3CC;
  347. -moz-border-radius:10px;
  348. -webkit-border-radius:10px;
  349. }
  350.  
  351.  
  352. div#sidebar{
  353. position:fixed !important;
  354. width: 242px;
  355. background-color:#F3EDF3;
  356. font-size: 10px;
  357. float: left;
  358. height: 46%;
  359. margin-top:2px;
  360. padding:5px;
  361. margin-left:8px;
  362. }
  363.  
  364.  
  365. div.navigation a {
  366. display:block;
  367. padding:3px 0;
  368. border-top: 0px solid #EEE;
  369. border-bottom:0px solid #EEE;
  370. background: #FEF5EE;
  371. margin-top:2px;
  372. position:relative;
  373. z-index:1; }
  374.  
  375.  
  376. div.navigation a:hover {
  377. display:block;
  378. padding:3px 0;
  379. border-top: 0px solid #d8d8d8;
  380. border-bottom: 0px solid #d8d8d8;
  381. background:#FFF0E4;
  382. z-index:2; }
  383.  
  384. p {
  385. margin:0px;
  386. margin-top:5px;
  387. }
  388.  
  389.  
  390. .title{
  391. color: #D1BAD1;
  392. font-family:'Book Antiqua', 'Century Gothic', sans-serif;
  393. font-size:40px;
  394. line-height:22px;
  395. font-weight:normal;
  396. letter-spacing:0px;
  397. text-align: center;
  398. }
  399.  
  400.  
  401. .postdate{
  402. display: block;
  403. margin-top:6px;
  404. margin-left:5px;
  405. width:485px;
  406. text-transform: normal;
  407. font-size: 9x;
  408. text-align:center;
  409. background-color:#FBF7FB;
  410. }
  411.  
  412.  
  413. blockquote{
  414. background-color: ;
  415. padding: 7px;
  416. padding-left:8px;
  417. border-left:0px solid ;
  418. border-right:0px solid ;
  419. b, strong ;}
  420. i, em ;}
  421. p{margin-top:3px; margin-bottom:3px;}
  422. blockquote img{display:block; width:100%;}
  423. padding: 0 0 0 15px;
  424. margin-left: 0px;
  425. blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  426. .audio{background-color:white; background-image:url(http://img80.imageshack.us/img80/4650/dsc0182.png); display:block;}
  427. .user_1 .label, .user_4 .label, .user_7 .label ;}
  428. .user_2 .label, .user_5 .label, .user_8 .label ;}
  429. .user_3 .label, .user_6 .label, .user_9 .label ; opacity:.75;}
  430. .chat{width:500px; border:1px dotted ; vertical-align:top;}
  431. .name{text-align:right; padding:2px; width:100px; vertical-align:top;}
  432. .person2, .person4 {background-color:; ;}
  433. .notes img{width:10px; position:relative; top:1px;}
  434. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  435. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  436.  
  437.    
  438.  
  439. </style>
  440. </head>
  441.  
  442.  
  443. <body>
  444.  
  445.  
  446.  
  447. <div id="center">
  448.  
  449. <div id="sidebar">
  450.  
  451. <BR><BR>
  452.  
  453. <center><big><a href="/"><div align="center"><span class="title">{Title}</span></div></a></big></center><BR>
  454.  
  455. <center>{block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=218px></a>{/block:ifshowsidebarimage}</center>
  456.  
  457. <center><div style="padding-left:6px;">{Description}
  458.  
  459. <BR><BR>
  460.  
  461.  
  462. <div class="navigate">
  463.  
  464.  
  465. <div style="background-color:#F9F2F9; padding: 1px; letter-spacing:2px; color:#BBAA9C; border: 1px solid #E2D3E2; font-family:century gothic;" ><a href="/">Home</a></div><p>
  466.  
  467.  
  468. <div style="background-color:#F9F2F9; padding: 1px; letter-spacing:2px; color:#BBAA9C; border: 1px solid #E2D3E2; font-family:century gothic;" ><a href="/ask">Message Me</a></div><p>
  469.  
  470.  
  471. <div style="background-color:#F9F2F9; padding: 1px; letter-spacing:2px; color:#BBAA9C; border: 1px solid #E2D3E2; font-family:century gothic;" ><a href="/archive">Archive</a></div><p>
  472.  
  473.  
  474. <div style="background-color:#F9F2F9; padding: 1px; letter-spacing:2px; color:#BBAA9C; border: 1px solid #E2D3E2; font-family:century gothic;" ><a href="http://-ohfrenchiee.tumblr.com">Theme Credit</a></div>
  475.  
  476.  
  477. </div>
  478.  
  479.  
  480.  
  481. </div></center>
  482.  
  483. <br>
  484.  
  485.  
  486. <div class="navy"><center>{block:PreviousPage}<a href="{PreviousPage}" title="newer entries"><img src="http://i56.tinypic.com/728vu8.png"></a></a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="older entries"><img src="http://i54.tinypic.com/2078bir.png"></a></a>{/block:NextPage}</center></div>
  487.  
  488.  
  489. </div>
  490.  
  491.  
  492. <BR>
  493.  
  494. <div id="content">
  495.     {block:Posts}
  496.     <div id="entry">
  497.     {block:Text}
  498.         {block:Title}<span class="title">{Title}</span>{/block:Title}
  499.         <span class="entrytext">{Body}</span>
  500.  
  501.     {/block:Text}
  502.    
  503.     {block:Link}
  504.         <a href="{URL}" class="title">{Name}</a>
  505.         {block:Description}{Description}{/block:Description}
  506.     {block:Link}
  507.    
  508.     {block:Photo}<center>
  509.         {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" margin-left=20px; width=480px>{LinkCloseTag}</center>
  510.         {block:Caption}{Caption}{/block:Caption}
  511.     {/block:Photo}
  512.    
  513.     {block:Quote}
  514.         <span class="title">{Quote}</span>
  515.        
  516.     {/block:Quote}
  517.    
  518.     {block:Chat}
  519. {block:Title}<span class="title">{Title}</span>{/block:Title}
  520. <ul class="chat">
  521.                             {block:Lines}
  522.                                 <li class="user_{UserNumber}">
  523.                                     {block:Label}
  524.                                         <span class="label">{Label}</span>
  525.                                     {/block:Label}
  526.  
  527.                                     {Line}
  528.                                 </li>
  529.                             {/block:Lines}
  530.                         </ul>
  531.  
  532.     {/block:Chat}
  533.  
  534.    
  535.     {block:Audio}
  536.         <centeR><div style="width:400px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  537. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  538.         {block:Caption}{Caption}{/block:Caption}
  539.     {/block:Audio}
  540.    
  541.     {block:Video}<center>
  542.         {Video-500}<BR>
  543.         {block:Caption}{Caption}{/block:Caption}</center>
  544.     {block:Video}
  545.  
  546.  
  547. <BR>
  548.  
  549. <span class="postdate">
  550. <center><a href="{Permalink}">Posted on {month} {DayOfMonthWithZero}, {Year} with {NoteCountwithLabel}</a> x <a href="{ReblogURL}" target="_blank" class="details">reblog this</a> </center></small></a></span></center>
  551. </span></div>
  552.  
  553.  
  554. {/block:Posts}
  555.  
  556. <BR>
  557.  
  558.  
  559.  
  560.  
  561. </body>
  562. </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!