API tools faq
paste
reindropz

favorite

reindropz
Jul 8th, 2012
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  6. <script>
  7. $(document).ready(function() {
  8. //
  9. $('a.poplight[href^=#]').click(function() {
  10. var popID = $(this).attr('rel'); //Get Popup Name
  11. var popURL = $(this).attr('href'); //Get Popup href to define size
  12. var query= popURL.split('?');
  13. var dim= query[1].split('&');
  14. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  15. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://www.pixelsxo.com/graphics/images/tiny//th_hmm.gif" class="btn_close" title="Close" alt="Close!!" /></a>');
  16. var popMargTop = ($('#' + popID).height() + 80) / 2;
  17. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  18. //Apply Margin to Popup
  19. $('#' + popID).css({
  20. 'margin-top' : -popMargTop,
  21. 'margin-left' : -popMargLeft
  22. });
  23. $('body').append('<div id="fade"></div>');
  24. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  25. return false;
  26. });
  27. $('a.close, #fade').live('click', function() {
  28. $('#fade , .popup_block').fadeOut(function() {
  29. $('#fade, a.close').remove(); //fade them both out
  30. });
  31. return false;
  32. });
  33. });
  34. </script>
  35. <html>
  36. <title>{Title}</title>
  37.  
  38. <!--
  39. ___________________________________________________________________________
  40.  
  41. CORPUS THEME BY NOCTOS @ TUMBLR
  42. ___________________________________________________________________________
  43.  
  44. -->
  45.  
  46. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl67rkfVl1qfamg6.gif">
  47. {block:Description}
  48. <meta name="description" content="{MetaDescription}" />
  49. {/block:Description}
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51.  
  52. <meta name="text:font" content="cambria" />
  53. <meta name="text:font size" content="9px" />
  54.  
  55. <meta name="image:background" content="" />
  56. <meta name="image:side" content="http://static.tumblr.com/nj7bgyh/iLKm3gsx7/tumblr_lxxy6b9t2a1r6hoxao1_500.jpg" />
  57. <meta name="image:side links BG" content="http://media.tumblr.com/tumblr_m3d3ogLzYw1qklwal.png" />
  58. <meta name="color:background" content="#fff" />
  59. <meta name="color:text" content="#777" />
  60. <meta name="color:links" content="#b4b4b4" />
  61. <meta name="color:links hover" content="#494949" />
  62. <meta name="color:bordering" content="#eee" />
  63. <meta name="color:side links TXT" content="#b3b3b3" />
  64. <meta name="color:side links BG hover" content="#eee" />
  65. <meta name="color:side links TXT hover" content="#b3b3b3" />
  66. <meta name="color:side title" content="#fff" />
  67. <meta name="color:post BG" content="#fff" />
  68. <meta name="color:post title BG" content="#fafafa" />
  69.  
  70. <meta name="if:endless scroll" content="1" />
  71. <meta name="if:show captions" content="0" />
  72. <meta name="if:post bordering" content="1" />
  73.  
  74. <meta name="if:small posts" content="1" />
  75. <meta name="if:medium posts" content="0" />
  76. <meta name="if:large posts" content="0" />
  77.  
  78. <meta name="text:link one" content="" />
  79. <meta name="text:link one title" content="" />
  80. <meta name="text:link two" content="" />
  81. <meta name="text:link two title" content="" />
  82. <meta name="text:link three" content="" />
  83. <meta name="text:link three title" content="" />
  84. <meta name="text:link four" content="" />
  85. <meta name="text:link four title" content="" />
  86. <meta name="text:link five" content="" />
  87. <meta name="text:link five title" content="" />
  88.  
  89. <style type="text/css">
  90.  
  91. {CustomCSS}
  92.  
  93. ::-webkit-scrollbar-thumb:vertical {background-color:{color:bordering};width:6px;border:1px solid #fff;}
  94. ::-webkit-scrollbar {height:0px;width:5px;background-color:{color:background};}
  95.  
  96. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  97.  
  98. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  99.  
  100.  
  101. body {
  102. background-image: url('{image:background}');
  103. background-attachment:fixed;
  104. background-color:{color:background};
  105. font-family:Leelawadee;
  106. font-size:9px;
  107. color:{color:text};
  108. }
  109.  
  110. a {
  111. color:{color:links};
  112. opacity:0.2px;
  113. text-decoration:none;
  114. -webkit-transition: all 0.6s ease-in;
  115. -moz-transition: all 0.6s ease-in;
  116. -o-transition: all 0.6s ease-in;
  117. }
  118.  
  119. a:hover {
  120. color:{color:links hover};
  121. opacity:0.2px;
  122. }
  123.  
  124. h1 {
  125. margin-top:0px;
  126. margin-bottom:-5px;
  127. font-size:16px;
  128. font-weight:lighter;
  129. letter-spacing:-1.5px;
  130. text-transform:uppercase;
  131. background-color:{color:post title BG};
  132. padding-left:6px;
  133. }
  134.  
  135. blockquote {
  136. padding-left:10px;
  137. border-left:1px solid {color:text};
  138. }
  139.  
  140. .audi img {
  141. max-width:100px;
  142. float:left;
  143. margin-right:5px;
  144. }
  145.  
  146. #content {
  147. {block:indexpage}
  148. {block:ifsmallposts}
  149. margin-left:43%;
  150. width:250px;
  151. {/block:ifsmallposts}
  152. {block:ifmediumposts}
  153. margin-left:34%;
  154. width:400px;
  155. {/block:ifmediumposts}
  156. {block:iflargeposts}
  157. margin-left:32%;
  158. width:500px;
  159. {/block:iflargeposts}
  160. {/block:indexpage}
  161. {block:permalinkpage}
  162. margin-left:43%;
  163. width:250px;
  164. {/block:permalinkpage}
  165. }
  166.  
  167. #entry {
  168. width: 250px;
  169. }
  170.  
  171. .post {
  172. float:right;
  173. overflow:hidden;
  174. {block:indexpage}
  175. padding:8px;
  176. margin-bottom:20px;
  177. background-color:{color:post BG};
  178. {block:ifpostbordering}
  179. border:4px solid {color:bordering};
  180. {/block:ifpostbordering}
  181. {block:ifsmallposts}
  182. width:250px;
  183. {/block:ifsmallposts}
  184. {block:ifmediumposts}
  185. width:400px;
  186. {/block:ifmediumposts}
  187. {block:iflargeposts}
  188. width:500px;
  189. {/block:iflargeposts}
  190. {/block:indexpage}
  191. {block:permalinkpage}
  192. margin-left:43%;
  193. width:250px;
  194. {/block:permalinkpage}
  195. }
  196.  
  197. .permalinkbox {
  198. position:relative;
  199. margin-top:-28px;
  200. float:right;
  201. margin-right:8px;
  202. -webkit-transition: all 0.6s ease-in;
  203. -moz-transition: all 0.6s ease-in;
  204. -o-transition: all 0.6s ease-in;
  205. z-index:999;
  206. opacity:0;
  207. {block:permalinkpage}
  208. display:none;
  209. {/block:permalinkpage}
  210. }
  211.  
  212. .permalink {
  213. background-color:{color:post BG};
  214. text-align:center;
  215. padding:4px;
  216. opacity:0.9;
  217. font-family:calibri;
  218. font-size:9px;
  219. text-transform:uppercase;
  220. -webkit-transition: all 0.6s ease-in;
  221. -moz-transition: all 0.6s ease-in;
  222. -o-transition: all 0.6s ease-in;
  223. }
  224.  
  225. .permalink:hover {
  226. opacity:1;
  227. }
  228.  
  229. .post:hover .permalinkbox {
  230. opacity:1;
  231. margin-right:8px;
  232. }
  233.  
  234.  
  235. .notes img {
  236. height:15px;
  237. width:15px;
  238. }
  239.  
  240. .notes {
  241. text-transform: center;
  242. }
  243.  
  244. .img {
  245. position:fixed;
  246. {block:indexpage}
  247. {block:ifsmallposts}
  248. left:43%;
  249. {/block:ifsmallposts}
  250. {block:ifmediumposts}
  251. left:34%;
  252. {/block:ifmediumposts}
  253. {block:iflargeposts}
  254. left:32%;
  255. {/block:iflargeposts}
  256. {/block:indexpage}
  257. {block:permalinkpage}
  258. left:43%;
  259. {/block:permalinkpage}
  260. top:30%;
  261. width:500px;
  262. height:500px;
  263. overflow:hidden;
  264. border-right:
  265. padding:10px 10px 10px 10px;
  266. background-color: none;
  267. border-radius:10px 10px 0px 0px;
  268. margin-top:45px;
  269. margin-left:-470px;
  270. }
  271.  
  272. .img:hover {
  273. border-radius: 10px 10px 0px 0px;
  274. }
  275.  
  276. #side {
  277. width:250px;
  278. position:fixed;
  279. {block:indexpage}
  280. {block:ifsmallposts}
  281. left:43%;
  282. {/block:ifsmallposts}
  283. {block:ifmediumposts}
  284. left:34%;
  285. {/block:ifmediumposts}
  286. {block:iflargeposts}
  287. left:32%;
  288. {/block:iflargeposts}
  289. {/block:indexpage}
  290. {block:permalinkpage}
  291. left:43%;
  292. {/block:permalinkpage}
  293. top:30%;
  294. margin-left:-284px;
  295. }
  296.  
  297. .desc {
  298. margin-top: 133px;
  299. margin-left: 108px;
  300. width: 30px;
  301. float:left;
  302. position: fixed;
  303. }
  304.  
  305. .descri {
  306. position:fixed;
  307. margin-top:-41px;
  308. float:right;
  309. text-transform: lowercase;
  310. width: 260px;
  311. height: 75px;
  312. font-size: 10px;
  313. font: arsenal white;
  314. margin-left: -248px;
  315. background: white;
  316. color: black;
  317. border-top: 4px solid #BEBEBE;
  318. border-bottom: 4px solid #BEBEBE;
  319. border-right: 4px solid #BEBEBE;
  320. border-left: 4px solid #BEBEBE;
  321. border-radius: 0px 0px 0px 0px;
  322. -webkit-transition: all 0.2s ease-in;
  323. -moz-transition: all 0.2s ease-in;
  324. -o-transition: all 0.2s ease-in;
  325. z-index:1;
  326. opacity:4;
  327. }
  328.  
  329. .descri:hover {
  330. border-radius: 0px 0px 0px 0px;
  331. opacity:4;
  332. border-top: 4px solid #BEBEBE;
  333. border-bottom: 4px solid #BEBEBE;
  334. background: white;
  335. position:fixed;
  336. color:black;
  337. -webkit-transition: all 0.5s ease-in;
  338. -moz-transition: all 0.5s ease-in;
  339. -o-transition: all 0.5s ease-in;
  340. z-index:1;
  341. opacity:2;
  342. }
  343.  
  344. .descri2 {
  345. position:fixed;
  346. margin-top:0px;
  347. float:right;
  348. text-transform: lowercase;
  349. width: 140px;
  350. height: 90px;
  351. font-size: 10px;
  352. font: arsenal white;
  353. margin-left: -68px;
  354. background: #EEE9E9;
  355. border-top: 4px solid #8B8989;
  356. border-bottom: 4px solid #8B8989;
  357. border-right: 4px solid #8B8989;
  358. border-left: 4px solid #8B8989;
  359. -webkit-transition: all 0.2s ease-in;
  360. -moz-transition: all 0.2s ease-in;
  361. -o-transition: all 0.2s ease-in;
  362. z-index:1;
  363. opacity:2;
  364. }
  365.  
  366. .descri2:hover {
  367. border-radius: 0px 0px 0px 0px;
  368. opacity:2;
  369. border-top: 4px solid #CDC1C5;
  370. border-bottom: 4px solid #CDC1C5;
  371. background: #EEE9E9;
  372. position: fixed;
  373. color:black;
  374. -webkit-transition: all 0.5s ease-in;
  375. -moz-transition: all 0.5s ease-in;
  376. -o-transition: all 0.5s ease-in;
  377. opacity:0;
  378. }
  379.  
  380. .link {
  381. z-index:1;
  382. float:left;
  383. margin-bottom:2px;
  384. background: none;
  385. color: white;
  386. font: ar julian;
  387. font-color: white;
  388. font-size: 8px;
  389. letter-spacing: 2px;
  390. text-transform: uppercase;
  391. height:12px;
  392. width:40px;
  393. padding-left:10px;
  394. margin-top:45px;
  395. margin-left:-250px;
  396. border-radius:0px 0px 0px 0px;
  397. -webkit-transition: all 0.2s ease-in;
  398. -moz-transition: all 0.2s ease-in;
  399. -o-transition: all 0.2s ease-in;
  400. opacity:1;
  401. }
  402.  
  403. .link:hover {
  404. background-color:{color:side links BG hover};
  405. height: 5px;
  406. width:40px;
  407. font-color: black;
  408. letter-spacing: 2px;
  409. border-radius:0px 0px 0px 0px;
  410. background: none;
  411. color: none;
  412. opacity:2;
  413. -webkit-transition: all 0.1s ease-in;
  414. -moz-transition: all 0.1s ease-in;
  415. -o-transition: all 0.1s ease-in;
  416. }
  417.  
  418.  
  419. .link2 {
  420. z-index:1;
  421. float:left;
  422. margin-bottom:2px;
  423. background: none;
  424. color:{color:side links TXT};
  425. font: calibri;
  426. font-color: white;
  427. font-size: 8px;
  428. letter-spacing: 2px;
  429. text-transform: uppercase;
  430. height:12px;
  431. width:50px;
  432. padding-left:10px;
  433. margin-top:45px;
  434. margin-left:-205px;
  435. border-radius:0px 0px 0px 0px;
  436. -webkit-transition: all 0.2s ease-in;
  437. -moz-transition: all 0.2s ease-in;
  438. -o-transition: all 0.2s ease-in;
  439. opacity:1;
  440. }
  441.  
  442. .link2:hover {
  443. background-color:{color:side links BG hover};
  444. height: 5px;
  445. width:50px;
  446. font-color: black;
  447. letter-spacing: 2px;
  448. border-radius:0px 0px 0px 0px;
  449. background: none;
  450. color: none;
  451. opacity:2;
  452. -webkit-transition: all 0.1s ease-in;
  453. -moz-transition: all 0.1s ease-in;
  454. -o-transition: all 0.1s ease-in;
  455. }
  456.  
  457. .link3 {
  458. z-index:1;
  459. float:left;
  460. margin-bottom:2px;
  461. background: none;
  462. color:{color:side links TXT};
  463. font: calibri;
  464. font-color: white;
  465. font-size: 8px;
  466. letter-spacing: 2px;
  467. text-transform: uppercase;
  468. height:12px;
  469. width:30px;
  470. padding-left:10px;
  471. margin-top:45px;
  472. margin-left:-145px;
  473. border-radius:0px 0px 0px 0px;
  474. -webkit-transition: all 0.2s ease-in;
  475. -moz-transition: all 0.2s ease-in;
  476. -o-transition: all 0.2s ease-in;
  477. opacity:1;
  478. }
  479.  
  480. .link3:hover {
  481. background-color:{color:side links BG hover};
  482. height: 5px;
  483. width:30px;
  484. font-color: black;
  485. letter-spacing: 2px;
  486. border-radius:0px 0px 0px 0px;
  487. background: none;
  488. color: none;
  489. opacity:2;
  490. -webkit-transition: all 0.1s ease-in;
  491. -moz-transition: all 0.1s ease-in;
  492. -o-transition: all 0.1s ease-in;
  493. }
  494.  
  495. .link4 {
  496. z-index:1;
  497. float:left;
  498. margin-bottom:2px;
  499. background: none;
  500. color:{color:side links TXT};
  501. font: calibri;
  502. font-color: white;
  503. font-size: 8px;
  504. letter-spacing: 2px;
  505. text-transform: uppercase;
  506. height:12px;
  507. width:50px;
  508. padding-left:10px;
  509. margin-top:45px;
  510. margin-left:-108px;
  511. border-radius:0px 0px 0px 0px;
  512. -webkit-transition: all 0.2s ease-in;
  513. -moz-transition: all 0.2s ease-in;
  514. -o-transition: all 0.2s ease-in;
  515. opacity:1;
  516. }
  517.  
  518. .link4:hover {
  519. background-color:{color:side links BG hover};
  520. height: 5px;
  521. width:50px;
  522. font-color: black;
  523. letter-spacing: 2px;
  524. border-radius:0px 0px 0px 0px;
  525. background: none;
  526. color: none;
  527. opacity:2;
  528. -webkit-transition: all 0.1s ease-in;
  529. -moz-transition: all 0.1s ease-in;
  530. -o-transition: all 0.1s ease-in;
  531. }
  532.  
  533. .link5 {
  534. z-index:1;
  535. float:left;
  536. margin-bottom:2px;
  537. background: none;
  538. color:{color:side links TXT};
  539. font: calibri;
  540. font-color: white;
  541. font-size: 8px;
  542. letter-spacing: 2px;
  543. text-transform: uppercase;
  544. height:12px;
  545. width:55px;
  546. padding-left:10px;
  547. margin-top:45px;
  548. margin-left:-55px;
  549. border-radius:0px 0px 0px 0px;
  550. -webkit-transition: all 0.2s ease-in;
  551. -moz-transition: all 0.2s ease-in;
  552. -o-transition: all 0.2s ease-in;
  553. opacity:1;
  554. }
  555.  
  556. .link5:hover {
  557. background-color:{color:side links BG hover};
  558. height: 5px;
  559. width:55px;
  560. font-color: black;
  561. letter-spacing: 2px;
  562. border-radius:0px 0px 0px 0px;
  563. background: none;
  564. color: none;
  565. opacity:2;
  566. -webkit-transition: all 0.1s ease-in;
  567. -moz-transition: all 0.1s ease-in;
  568. -o-transition: all 0.1s ease-in;
  569. }
  570.  
  571. .titleholder {
  572. height:25px;
  573. width:1450px;
  574. border-top:2px solid #EED5D2;
  575. border-bottom:2px solid #EED5D2;
  576. border-right:2px solid #EED5D2;
  577. border-left:2px solid #EED5D2;
  578. text-align:center;
  579. background: white;
  580. position: fixed;
  581. color: black;
  582. font: Lekton;
  583. text-transform: lowercase;
  584. margin-top:-334px;
  585. margin-left:-450px;
  586. border-radius: 0px 0px 0px 0px;
  587. }
  588.  
  589. .title a {
  590. font-family:constantia;
  591. text-transform: lowercase;
  592. font-size:15;
  593. background: ;
  594. font: Arial;
  595. color: black;
  596. margin-top: -2px;
  597. }
  598.  
  599. .title:hover {
  600. color: #000000;
  601. opacity: 2px;
  602. letter-spacing: 0px;
  603. border-radius: 0px 0px 0px 0px;
  604. }
  605.  
  606. .titleholder:hover {
  607. opacity:0.9px;
  608. height: 25px;
  609. width:1450px;
  610. border-radius: 0px 0px 0px 0px;
  611. background: white;
  612. -webkit-transition: all 0.4s ease-in;
  613. -moz-transition: all 0.4s ease-in;
  614. -o-transition: all 0.4s ease-in;
  615. }
  616.  
  617. .readholder {
  618. z-index:1;
  619. float:left;
  620. margin-bottom:2px;
  621. background: none;
  622. color:{color:side links TXT};
  623. font: calibri;
  624. font-color: white;
  625. font-size: 8px;
  626. letter-spacing: 3px;
  627. text-transform: uppercase;
  628. height:12px;
  629. width:130px;
  630. position: fixed;
  631. padding-left:10px;
  632. margin-top:-8px;
  633. margin-left:-185px;
  634. border-bottom: 2px solid #BEBEBE;
  635. border-top: 2px solid #BEBEBE;
  636. border-right: 2px solid #BEBEBE;
  637. border-left: 2px solid #BEBEBE;
  638. border-radius:0px 0px 0px 0px;
  639. -webkit-transition: all 0.2s ease-in;
  640. -moz-transition: all 0.2s ease-in;
  641. -o-transition: all 0.2s ease-in;
  642. opacity:1;
  643. }
  644.  
  645. .read {
  646. font-family: constantia;
  647. font-size: 3px;
  648. background: ;
  649. color: black;
  650. margin-top: -12px;
  651. text-align: center;
  652. }
  653.  
  654. .read:hover {
  655. color: #000000;
  656. opacity: 2px;
  657. font-size: 3px;
  658. }
  659.  
  660. .readholder:hover {
  661. background-color:{color:side links BG hover};
  662. text-transform: uppercase;
  663. width:130px;
  664. letter-spacing: 3px;
  665. border-radius:0px 0px 0px 0px;
  666. background: none;
  667. border-bottom: 2px solid #BEBEBE;
  668. color: #EED5D2;
  669. opacity:2;
  670. -webkit-transition: all 0.1s ease-in;
  671. -moz-transition: all 0.1s ease-in;
  672. -o-transition: all 0.1s ease-in;
  673. }
  674. .player {
  675. margin-top: -98px;
  676. margin-left: -255px;
  677. font-size: 9px;
  678. background: #FFDEAD;
  679. text-transform: uppercase;
  680. border-top: 2px solid;
  681. border-bottom: 2px solid;
  682. width: 80px;
  683. height: 12px;
  684. border-radius: 0px 0px 0px 0px;
  685. position: fixed;
  686. }
  687.  
  688. .pgna {
  689. position:fixed;
  690. {block:indexpage}
  691. {block:ifsmallposts}
  692. left:43%;
  693. {/block:ifsmallposts}
  694. {block:ifmediumposts}
  695. left:34%;
  696. {/block:ifmediumposts}
  697. {block:iflargeposts}
  698. left:32%;
  699. {/block:iflargeposts}
  700. {/block:indexpage}
  701. {block:permalinkpage}
  702. left:32%;
  703. {/block:permalinkpage}
  704. top:30%;
  705. margin-left:56px;
  706. margin-top:15px;
  707. text-align:right;
  708. margin-top:79px;
  709. }
  710.  
  711. .pops {
  712. font-size: 11px;
  713. line-height:13px;
  714. font-family: Arial;
  715. }
  716.  
  717. #fade { /*--Transparent background layer--*/
  718. display: none; /*--hidden by default--*/
  719. background: #000000;
  720. position: fixed; left: 0; top: 0;
  721. width: 100%; height: 100%;
  722. opacity: .80;
  723. z-index: 9999;
  724. }
  725. .popup_block{
  726. display: none; /*--hidden by default--*/
  727. background: #FFFAFA;
  728. padding: 10px;
  729. border: 1px solid #555;
  730. float: left;
  731. position: fixed;
  732. top: 50%; left: 50%;
  733. z-index: 99999;
  734. /*--CSS3 Box Shadows--*/
  735. -webkit-box-shadow: 0px 0px 20px #000;
  736. -moz-box-shadow: 0px 0px 20px #000;
  737. box-shadow: 0px 0px 20px #000;
  738. /*--CSS3 Rounded Corners--*/
  739. -webkit-border-radius: 0px;
  740. -moz-border-radius: 0px;
  741. border-radius: 0px;
  742. }
  743. img.btn_close {
  744. float: right;
  745. margin: -5px -5px 0px 0px;
  746. padding:none;
  747. }
  748. /*--Making IE6 Understand Fixed Positioning--*/
  749. *html #fade {
  750. position: absolute;
  751. }
  752. *html .popup_block {
  753. position: absolute;
  754. }
  755.  
  756.  
  757. .description {
  758. display: block;
  759. writing-mode: lr-tb;
  760. -webkit-transform: rotate(-360deg);
  761. -moz-transform: rotate(-360deg);
  762. -ms-transform: rotate(-360deg);
  763. -o-transform: rotate(-360deg);
  764. transform: rotate(-360deg);
  765. position: absolute;
  766. left: 54px;
  767. top: 4px;
  768. font-family:"georgia";
  769. font-size: 11px;
  770. text-transform: lowercase;
  771. letter-spacing: -1px;}
  772.  
  773. </style>
  774. {block:ifendlessscroll}
  775. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  776. {/block:ifendlessscroll}
  777. </head>
  778.  
  779. <!-- Back to top button by tiovani start -->
  780. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  781.  
  782. <script type="text/javascript" src="scrolltopcontrol.js">
  783. </script>
  784.  
  785. <script type="text/javascript" src="http://static.tumblr.com/rs5pbx8/3qKlwv8fz/love3.txt"></script>
  786. <!-- Back to top button by tiovani end -->
  787. <body>
  788.  
  789.  
  790. </div>
  791. </div>
  792.  
  793.  
  794. {block:ifnotendlessscroll}
  795. {block:Pagination}
  796. <div class="pgna">
  797. {block:NextPage}
  798. <a href="{NextPage}">FURTHER</a><br>
  799. {/block:NextPage}
  800. {block:PreviousPage}
  801. <a href="{PreviousPage}">ESCAPE</a>
  802. {/block:PreviousPage}
  803. </div>
  804. {/block:Pagination}
  805. {/block:ifnotendlessscroll}
  806.  
  807.  
  808. <div id="side">
  809. <div class="img">
  810. <img style="width:400px;" src="{image:side}"></div>
  811. <div class="desc">{Des}
  812. <div style="">
  813. </div>
  814. <div class="descri"><center><i>“Imperfection is beauty, madness is genius and it's better to be absolutely ridiculous than absolutely boring."</i><br> <br> <br>This blogger is somewhere to be seen in Hogwarts. District 8 and Aphrodite's Cabin. Enough said.[ <script language="JavaScript">
  815. var ref = (''+document.referrer+'');
  816. document.write('<script src="http://freehostedscripts1.net/ocounter.php?site=ID1349135&e1=&e2=&r=' + ref + '"><\/script>');
  817. </script> ]” </center></div>
  818. <div class="readholder" title="the blogger">
  819. <a href="#?w=200" rel="01" class="poplight"><center>THE TRIBUTE</center></a>
  820. </div>
  821. <div class="link" title="home">
  822. <a href="/">index</a>
  823. </div>
  824. <div class="link2" title="message">
  825. <a href="/ask">message</a>
  826. </div>
  827. <div class="link3" title="frequently asked">
  828. <a href="#?w=200" rel="03" class="poplight">faqs</a>
  829. </div>
  830. <div class="link4" title="credits">
  831. <a href="#?w=200" rel="06" class="poplight">credits</a>
  832. </div>
  833. <div class="link5" title="personal blog">
  834. <a href="#?w=200" rel="05" class="poplight">personal</a>
  835. </div>
  836. <div id style="font-size: 13px; margin-left: -120px; margin-top: -80px; width: 125px;"><center><img src="http://fontmeme.com/create.php?text=awkward&name=angelina.ttf&size=30&style_color=000000" alt="Script Fonts" title="Oh, I See." /></a></center></div>
  837. {block:iflinkone}<a href="{text:link one}" title="{text:link one title}"><div class="link">{text:link one title}</div></a>{/block:iflinkone}{block:iflinktwo}<a href="{text:link two}" title="{text:link two title}"><div class="link">{text:link two title}</div></a>{/block:iflinktwo}{block:iflinkthree}<a href="{text:link three}" title="{text:link three title}"><div class="link">{text:link three title}</div></a>{/block:iflinkthree}
  838. {block:iflinkfour}<a href="{text:link four}" title="{text:link four title}"><div class="link">{text:link four title}</div></a>{/block:iflinkfour}{block:iflinkfive}<a href="{text:link five}" title="{text:link five title}"><div class="link">{text:link five title}</div></a>{/block:iflinkfive}
  839. </div>
  840. </div>
  841.  
  842.  
  843. <div id="content">
  844.  
  845. {block:Posts}
  846.  
  847. {block:Text}
  848. <div class="post">
  849. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  850. {body}
  851. <div class="permalinkbox">
  852. <div class="permalink">
  853. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  854. </div>
  855. </div>
  856. {block:indexpage}
  857. {block:ifshowcaptions}
  858. {Caption}
  859. {/block:ifshowcaptions}
  860. {/block:indexpage}
  861. {block:permalinkpage}
  862. {Caption}
  863. {/block:permalinkpage}
  864. </div>
  865. {/block:Text}
  866.  
  867. {block:Photo}
  868. <div style="padding-bottom:5px;" class="post">
  869. {block:indexpage}
  870. {LinkOpenTag}
  871. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  872. {block:ifsmallposts}
  873. <img src="{PhotoURL-250}">
  874. {/block:ifsmallposts}
  875. {block:ifmediumposts}
  876. <img style="width:400px;" src="{PhotoURL-500}">
  877. {/block:ifmediumposts}
  878. {block:iflargeposts}
  879. <img src="{PhotoURL-500}">
  880. {/block:iflargeposts}
  881. {LinkCloseTag}
  882. {/block:indexpage}
  883. {block:permalinkpage}
  884. <img src="{PhotoURL-250}">
  885. {/block:permalinkpage}
  886. <div class="permalinkbox">
  887. <div class="permalink">
  888. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  889. </div>
  890. </div>
  891. {block:indexpage}
  892. {block:ifshowcaptions}
  893. {Caption}
  894. {/block:ifshowcaptions}
  895. {/block:indexpage}
  896. {block:permalinkpage}
  897. {Caption}
  898. {/block:permalinkpage}
  899. </div>
  900. {/block:Photo}
  901.  
  902. {block:Photoset}
  903. <div class="post">
  904. {block:indexpage}
  905. {block:ifsmallposts}
  906. {Photoset-250}
  907. {/block:ifsmallposts}
  908. {block:ifmediumposts}
  909. {Photoset-400}
  910. {/block:ifmediumposts}
  911. {block:iflargeposts}
  912. {Photoset-500}
  913. {/block:iflargeposts}
  914. {/block:indexpage}
  915. {block:permalinkpage}
  916. {Photoset-250}
  917. {/block:permalinkpage}
  918. <div class="permalinkbox">
  919. <div class="permalink">
  920. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  921. </div>
  922. </div>
  923. {block:indexpage}
  924. {block:ifshowcaptions}
  925. {Caption}
  926. {/block:ifshowcaptions}
  927. {/block:indexpage}
  928. {block:permalinkpage}
  929. {Caption}
  930. {/block:permalinkpage}
  931. </div>
  932. {/block:Photoset}
  933.  
  934. {block:Chat}
  935. <div class="post">
  936. {block:Title}<h1 style="margin-bottom:5px;">{Title}</h1>{/block:Title}
  937. {block:Lines}
  938. <li style="list-style:none;">
  939. {block:Label}
  940. {Label}
  941. {/block:Label}
  942. <i>
  943. {Line}
  944. </i>
  945. </li>
  946. {/block:Lines}
  947. <div class="permalinkbox">
  948. <div class="permalink">
  949. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{ShortYear}</a> [ {NoteCountWithLabel} ]
  950. </div>
  951. </div>
  952. {block:indexpage}
  953. {block:ifshowcaptions}
  954. {Caption}
  955. {/block:ifshowcaptions}
  956. {/block:indexpage}
  957. {block:permalinkpage}
  958. {Caption}
  959. {/block:permalinkpage}
  960. </div>
  961. {/block:Chat}
  962.  
  963. {block:Link}
  964. <div class="post">
  965. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  966. {block:Description}
  967. {Description}
  968. {/block:Description}
  969. <div class="permalinkbox">
  970. <div class="permalink">
  971. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  972. </div>
  973. </div>
  974. {block:indexpage}
  975. {block:ifshowcaptions}
  976. {Caption}
  977. {/block:ifshowcaptions}
  978. {/block:indexpage}
  979. {block:permalinkpage}
  980. {Caption}
  981. {/block:permalinkpage}
  982. </div>
  983. {/block:Link}
  984.  
  985. {block:Video}
  986. <div class="post">
  987. {block:indexpage}
  988. {block:ifsmallposts}
  989. {Video-250}
  990. {/block:ifsmallposts}
  991. {block:ifmediumposts}
  992. {Video-400}
  993. {/block:ifmediumposts}
  994. {block:iflargeposts}
  995. {Video-500}
  996. {/block:iflargeposts}
  997. {/block:indexpage}
  998. {block:permalinkpage}
  999. {Video-500}
  1000. {/block:permalinkpage}
  1001. <div class="permalinkbox">
  1002. <div class="permalink">
  1003. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  1004. </div>
  1005. </div>
  1006. {block:indexpage}
  1007. {block:ifshowcaptions}
  1008. {Caption}
  1009. {/block:ifshowcaptions}
  1010. {/block:indexpage}
  1011. {block:permalinkpage}
  1012. {Caption}
  1013. {/block:permalinkpage}
  1014. </div>
  1015. {/block:Video}
  1016.  
  1017. {block:Audio}
  1018. <div class="post">
  1019. <div style="margin-bottom:5px;background-color:#000;width:100%;">{AudioPlayerBlack}</div><div class="audi">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>{block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>{block:Album}<b>ALBUM:</b> {Album}{/block:Album}<br>{Block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}</p><b>PLAYS:</b> {PlayCountWithLabel}
  1020. <div class="permalinkbox">
  1021. <div class="permalink">
  1022. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  1023. </div>
  1024. </div>
  1025. {block:indexpage}
  1026. {block:ifshowcaptions}
  1027. {Caption}
  1028. {/block:ifshowcaptions}
  1029. {/block:indexpage}
  1030. {block:permalinkpage}
  1031. {Caption}
  1032. {/block:permalinkpage}
  1033. </div>
  1034. {/block:Audio}
  1035.  
  1036. {block:Quote}
  1037. <div class="post">
  1038. "{Quote}"
  1039. <div style="border-bottom:1px solid {color:bordering};margin-bottom:3px;padding-top:5px;"></div><div style="text-align:right;">
  1040. {block:Source}― <i>{Source}</i>{/block:Source}</div>
  1041. <div class="permalinkbox">
  1042. <div class="permalink">
  1043. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  1044. </div>
  1045. </div>
  1046. {block:indexpage}
  1047. {block:ifshowcaptions}
  1048. {Caption}
  1049. {/block:ifshowcaptions}
  1050. {/block:indexpage}
  1051. {block:permalinkpage}
  1052. {Caption}
  1053. {/block:permalinkpage}
  1054. </div>
  1055. {/block:Quote}
  1056.  
  1057. {block:Answer}
  1058. <div class="post">
  1059. <div style="padding:5px;background-color:{color:post title BG};">{Asker}: {Question}</div>{Answer}
  1060. <div class="permalinkbox">
  1061. <div class="permalink">
  1062. <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> [ {NoteCountWithLabel} ]
  1063. </div>
  1064. </div>
  1065. {block:indexpage}
  1066. {block:ifshowcaptions}
  1067. {Caption}
  1068. {/block:ifshowcaptions}
  1069. {/block:indexpage}
  1070. {block:permalinkpage}
  1071. {Caption}
  1072. {/block:permalinkpage}
  1073. </div>
  1074. {/block:Answer}
  1075.  
  1076. {block:PermalinkPage}
  1077. <div style="float:left;width:250px;">{block:Date}
  1078. <div style="font-weight:bold;font-size:12px;border-bottom:1px solid {color:bordering};margin-bottom:3px;text-transform:uppercase;">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({12Hour}:{Minutes}{AmPm})</div>{/block:Date}{block:PostNotes}{NoteCountWithLabel}<br>{block:PostNotes}{block:HasTags}tagged:{block:Tags}#<a href="{TagURL}" title="{Tag}">{Tag} </a>{/block:Tags}<br>{/block:HasTags}{block:RebloggedFrom}via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br>original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:Date}<div style="border-bottom:1px solid {color:bordering};padding-top:3px;margin-bottom:3px;"></div>navigation: <a href="{ReblogURL}" title="reblog this post">reblog</a>, <a href="/">index</a>, <a href="/random" title="random post">random</a>{/block:Date}{block:NoteCount}<div style="border-bottom:1px solid {color:bordering};padding-top:3px;"></div><div class="notes">{PostNotes}</div>{/block:NoteCount}</div>
  1079. {/block:PermalinkPage}
  1080.  
  1081. {/block:Posts}
  1082.  
  1083. </div>
  1084.  
  1085.  
  1086. <div id="01" class="popup_block">
  1087. <div class="pops">
  1088.  
  1089.  
  1090. Rein is my name, I live somewhere in South-East Asia called Little Philippines. A blogger at the age of 14. The Gender is Male, as well as gay. I'm also a wizard and Hufflepuff is my house. Charms has been my favorite course. I love the smell of the pizza and everything that smells good. I hate being judged, of course. I hate the RATS and I love the CATS. I love being called Reindrops, (which have been my url reindrop-s) and I love being free. I admire vintage, photography and typos. Also a Swiftie, Katniss Wannabe, Lermaniac, Bicycle Addict. I hate school and everything about school. Feel free to send messages in my olwery
  1091. <center>FACTS ABOUT ME : <a href="/tagged/facts">GO HERE</a></center>
  1092. <center>MY ENVIRONMENT : <a href="/tagged/kabuang">GO HERE</a></center>
  1093.  
  1094.  
  1095. </div>
  1096. </div></div>
  1097. <div id="02" class="popup_block">
  1098. <div class="pops">
  1099.  
  1100. <center><bold>READ THIS PLEASE.</bold></center>
  1101. I will be less active this coming next week due to starting of classes (like all of us too). Don't worry guys, I will still post photos but only limited and your messages will still be answered. I will open my blog in noontime or in the evening but only half-hour or what. Godbless and thank you for taking time reading this.
  1102. <center><a href="/ask">MESSAGE ME REGARDING ABOUT THIS</a></center>
  1103. <center><a href="/submit">SUBMIT ANYTHING U WANT</a></center>
  1104.  
  1105. </div>
  1106. </div></div>
  1107. <div id="03" class="popup_block">
  1108. <div class="pops">
  1109.  
  1110.  
  1111. <li>I'm Rein, from Phils. 14 and Male</li>
  1112. <li>I surely check blogs</li>
  1113. <li>Follow back messages will be ignored</li>
  1114. <li>I only have 4 digit followers</li>
  1115. <li>P4P is a sure thing :)</li>
  1116. <li>F4F, depends in my mood.</li>
  1117. <li>I will vote for you but MBF me</li>
  1118. <li>Haters gonna hate</li>
  1119. <li>And also, I HATE FANMAILS</li>
  1120.  
  1121.  
  1122. </div>
  1123. </div></div>
  1124. <div id="04" class="popup_block">
  1125. <div class="pops">
  1126.  
  1127. <b>OTHER ACCOUNTS :</b>
  1128.  
  1129. <li><a href="http://www.facebook.com/ReinDropz08" target="_blank">Le Facebook</a></li>
  1130. <li><a href="http://www.twitter.com/ReinTweetaholic" target="_blank">Le Twitter</a></li>
  1131. <li><a href="http://leswaggers.tumblr.com" target="_blank">Group Blog 1</a></li>
  1132. <li><a href="http://epicwonderstruck.tumblr.com" target="_blank">Group Blog 2</a></li>
  1133. <li><a href="http://notanother-diary.tumblr.com" target="_blank">Personal Blog</a></li>
  1134.  
  1135.  
  1136.  
  1137. <b>RELATED TO BLOGS :</b>
  1138. <li><a href="http://reindrop-s.tumblr.com/tagged/replies">Replies</a></li>
  1139. <li><a href="http://reindrop-s.tumblr.com/tagged/fansigns">Fansigns</a></li>
  1140. <li><a href="/blogroll">Blogroll</a></li>
  1141. <li><a href="/vips">Vips</a></li>
  1142.  
  1143.  
  1144.  
  1145. <b>MAIN CATEGORIES :</b>
  1146.  
  1147. <li><a href="/tagged/food">Food</a></li>
  1148. <li><a href="/tagged/photography">Fave Photographs</a></li>
  1149. <li><a href="/tagged/hearts">Hearts</a></li>
  1150. <li><a href="/tagged/puppy">My puppies</a></li>
  1151. <li><a href="/tagged/kabuang">District 12</a></li>
  1152. <li><a href="/tagged/bohol">Bohol, Phils. my place</a></li>
  1153.  
  1154. </div>
  1155. </div></div>
  1156. <div id="05" class="popup_block">
  1157. <div class="pops">
  1158.  
  1159. <b>Here in my personal blog, I often speak my own dialect. Filipino and Visaya [Fil. Language] but if you are open in any languages, feel free to proceed. But if you're really interested, now go and proceed too.
  1160.  
  1161.  
  1162.  
  1163. <center><i><a href="http://theothersideof-rein.tumblr.com" target="_blank">PROCEED TO MY PERSONAL BLOG</a></i></center>
  1164.  
  1165. </div>
  1166. </div></div>
  1167. <div id="06" class="popup_block">
  1168. <div class="pops">
  1169.  
  1170. <center>THEME : <a href="http://noctos.tumblr.com">Noctos</a></center>
  1171. <center>HEAVILY TWEAKED : <a href="http://reindrop-s.tumblr.com">18bicycles</a></center>
  1172. <center>SCROLL TO TOP: <a href="http://eccentricshutters.tumblr.com">Hannah</a></center>
  1173. <center>SIDEBAR PICTS : <a href="http://itsallabouttaylorswift.tumblr.com">Swifties</a></center>
  1174. <center>POWERED BY : <a href="http://www.tumblr.com">Tumblr</a></center>
  1175.  
  1176. <i>All photos here are not mine unless stated. If you have any seen copycats in your opinion then feel free to talk with me so I can explain you.</i>
  1177.  
  1178.  
  1179. </div>
  1180. </div></div>
  1181. <div id="07" class="popup_block">
  1182. <div class="pops">
  1183. <center><b>PLEASE READ FAQS FIRST</b></center>
  1184.  
  1185. <center><a href="http://reindrop-s.tumblr.com/ask">PROCEED TO ASKBOX</a></center>
  1186. </div>
  1187. </div></div>
  1188.  
  1189.  
  1190. </div></div></div></div></div></div></div></div></div></div>
  1191.  
  1192.  
  1193.  
  1194. </body>
  1195. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!