Want more features on Pastebin? Sign Up, it's FREE!

Illusion

By: LayanaOliveira on Feb 14th, 2013  |  syntax: None  |  size: 30.39 KB  |  views: 25  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!-------------------------------------------------------------------------
  6.  
  7. THEME BY LAYANA OLIVEIRA (INOCENTADOS) DON'T COPY DON'T USE AS BASE DON'T REMOVE THE CREDIT.
  8.  
  9. -------------------------------------------------------------------------->
  10.  
  11. <head>
  12. <link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  13.  
  14. <div style="position:fixed;z-index:1338; !important;top:26px;right:3px;"><script src="http://totallylayouts.com/tumblr/users-online-counter/online.js?id=7HaTanhVZMvdHVpM9wEI"></script></div>
  15.  
  16. <div style="position:fixed;z-index:1338; !important;top:49px;right:3px;"><script src="http://totallylayouts.com/tumblr/visitor-counter/counter.js?id=210736"></script></div>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}" />
  20.  
  21. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  22.  
  23. {block:Description}
  24.     <meta name="description" content="{MetaDescription}"/>
  25. {/block:Description}
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  <!--BASIC FLUFF-->
  32.  
  33. <meta name="if:500px posts" content="0"/>
  34. <meta name="if:400px posts" content="0"/>
  35. <meta name="if:250px posts" content="1"/>
  36. <meta name="if:1 Column" content="0"/>
  37. <meta name="if:2 Columns" content="1"/>
  38. <meta name="if:3 Columns" content="0"/>
  39. <meta name="if:Image Opacity" content="1"/>
  40. <meta name="if:Cute Cursor" content="1"/>
  41. <meta name="if:Infinite Scrolling" content="1"/>
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <meta name="color:Scrollbar" content="#ccc"/>
  48. <meta name="color:Background" content="#fff"/>
  49. <meta name="color:Posts BG" content="#fff"/>
  50. <meta name="color:Links" content="#ccc"/>
  51. <meta name="color:Links hover" content="#aaa"/>
  52. <meta name="color:Text" content="#222"/>
  53. <meta name="color:Post Titles" content="#aaa"/>
  54. <meta name="color:Post Titles BG" content="#f9f9f9"/>
  55. <meta name="color:Quote Post BG" content="#f9f9f9"/>
  56. <meta name="color:Quote Post Color" content="#aaa"/>
  57. <meta name="color:Chat Post Name Underline" content="#aaa"/>
  58. <meta name="color:Title Color" content="#000"/>
  59. <meta name="color:Title Underline" content="#eee"/>
  60. <meta name="color:Perm BG" content="#fff"/>
  61. <meta name="color:Perm Text" content="#999"/>
  62. <meta name="color:Desc BG" content="#fff"/>
  63. <meta name="color:Desc Text" content="#888"/>
  64. <meta name="color:Desc Border" content="#eee"/>
  65. <meta name="color:Nav Text" content="#ccc"/>
  66. <meta name="color:Nav BG" content="#f5f5f5"/>
  67. <meta name="color:Extra Links BG" content="#444"/>
  68. <meta name="color:Extra Links Text" content="#ccc"/>
  69. <meta name="color:Extra Links BG Hover" content="#aaa"/>
  70. <meta name="color:Extra Links Text Hover" content="#eee"/>
  71. <meta name="color:Sidebar IMG Border" content="#f9f9f9"/>
  72. <meta name="color:Sidebar IMG Border Hover" content="#e7e7e7"/>
  73.  
  74.  
  75. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  76.  
  77.  
  78. <style type="text/css">
  79. {CustomCSS}
  80. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:75px;}
  81.  
  82. ::-webkit-scrollbar {height:0px;width:4px;background-color:white;}
  83.  
  84.  
  85. iframe#tumblr_controls {
  86. right:3px !important;
  87. position: fixed !important;
  88. -webkit-transition: opacity 0.7s linear;
  89. opacity: 0.7;
  90. -webkit-transition: all 0.8s ease-out;
  91. -moz-transition: all 0.8s ease-out;
  92. transition: all 0.8s ease-out;
  93. }
  94.  
  95. iframe#tumblr_controls:hover {
  96. -webkit-transition: opacity 0.7s linear;
  97. opacity: 1;
  98. -webkit-transition: all 0.4s ease-out;
  99. -moz-transition: all 0.4s ease-out;
  100. transition: all 0.4s ease-out;
  101. }
  102.  
  103. body{
  104.     background-color:{color:Background};
  105.     background-repeat:repeat;
  106.     background-attachment:fixed;
  107.     color:{color:text};
  108. font-family:trebuchet ms;
  109. font-size:9px;}
  110.    
  111. a, a:link, a:visited, a:active{
  112.     color:#000;
  113.     z-index:999;
  114.     text-decoration:none;
  115.     letter-spacing:1px;
  116.     -webkit-transition: all 0.4s ease-out;
  117. -moz-transition: all 0.4s ease-out;
  118. transition: all 0.4s ease-out;
  119.     }
  120.    
  121. a:hover {
  122.     color:{color:Links Hover};
  123.     text-decoration:none;
  124.      
  125.     -webkit-transition: all 0.4s ease-out;
  126. -moz-transition: all 0.4s ease-out;
  127. transition: all 0.4s ease-out;
  128.     }
  129.    
  130.    
  131. #posts {
  132.     margin-top:10px;
  133.    margin-left:-110px;
  134.    
  135. }
  136.  
  137. .posteu {
  138.     {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  139.     {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  140. {block:if400pxposts}width:400px;{/block:if400pxposts}
  141. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  142.     float:left;
  143.     position:relative;
  144.     margin:5px;
  145.     padding:0px;
  146. font-family:helvetica new;
  147. font-size:9px;
  148. height:auto;
  149. overflow:hidden;
  150.     color:{color:Text};
  151.     background-color:transparent;  
  152.     opacity:1;
  153.     -webkit-transition: all 0.4s ease-out;
  154. -moz-transition: all 0.4s ease-out;
  155. transition: all 0.4s ease-out;
  156.  
  157.    
  158. }
  159.  
  160. .jjong {
  161.     padding:7px;
  162. font-family:helvetica new;
  163. font-size:9px;
  164. height:auto;
  165. overflow:hidden;
  166.     color:{color:Text};
  167.     background-color:{color:Posts BG};  
  168.     }
  169.    
  170.    
  171.  
  172.     #inpiniteu {
  173.         {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  174.     {block:IndexPage}
  175.     {block:if500pxposts}width:500px;{/block:if500pxposts}
  176. {block:if400pxposts}width:900px;{/block:if400pxposts}
  177.  
  178. {block:if1column}
  179. {block:if250pxposts}width:250px;{/block:if250pxposts}
  180. {block:if400pxposts}width:400px;{/block:if400pxposts}
  181. {/block:if1column}
  182.  
  183. {block:if3columns}
  184. {block:if250pxposts}width:900px;{/block:if250pxposts}
  185. {/block:if3columns}
  186.  
  187. {block:if2columns}
  188. {block:if250pxposts}width:600px;{/block:if250pxposts}
  189. {/block:if2columns}
  190.  
  191. {/block:IndexPage}
  192.    position:relative;
  193.    
  194. }
  195.  
  196.  
  197. .title {
  198. font-family:dk;
  199. font-weight:lighter;
  200. font-size:25px;
  201. line-height:18px;
  202. text-align:center;
  203. background-color:{color:Post Titles BG};
  204. letter-spacing:3px;
  205. color:{color:Post Titles};
  206.    
  207. }
  208.  
  209. .title a {
  210.     color:{color:Post Titles};
  211.     }
  212.    
  213. .linktit {
  214.     font-family:dk;
  215. font-weight:lighter;
  216. font-size:20px;
  217. text-align:center;
  218. background-color:transparent;
  219. letter-spacing:3px;
  220. margin-left:15px;
  221. color:{color:Post Titles};
  222.     text-transform:uppercase;
  223.     }
  224.    
  225.    
  226. .texts, .chat, .link, .quote, .audio{
  227.  font-family:lucida console;
  228. font-size:9px;
  229. line-height:15px;
  230. margin-bottom:5px;
  231. margin-top:5px;
  232. color:{color:Text};
  233.     padding:10px;
  234.     letter-spacing:0px;
  235.    
  236.   }
  237.  
  238. {block:ifimageopacity}img, a img {
  239.     opacity:.89;
  240. }
  241.  
  242. .posteu img, .posteu a img, .photoset img, .photoset a img{
  243.     opacity:.89;
  244.     -webkit-transition: all 0.4s ease-out;
  245. -moz-transition: all 0.4s ease-out;
  246. transition: all 0.4s ease-out;
  247. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  248.     {block:IndexPage}{block:if500pxposts}max-width:500px;{/block:if500pxposts}
  249. {block:if400pxposts}max-width:400px;{/block:if400pxposts}
  250. {block:if250pxposts}max-width:250px;{/block:if250pxposts}{/block:IndexPage}
  251. }
  252.  
  253. .photoset {
  254.     opacity:.9;
  255.     -webkit-transition: all 0.4s ease-out;
  256. -moz-transition: all 0.4s ease-out;
  257. transition: all 0.4s ease-out;
  258. }
  259.  
  260. .photoset:hover {
  261.     opacity:.8;
  262.     -webkit-transition: all 0.4s ease-out;
  263. -moz-transition: all 0.4s ease-out;
  264. transition: all 0.4s ease-out;
  265.     }
  266.  
  267. .posteu img:hover, .posteu a img:hover, .photoset img:hover, .photoset a img:hover{
  268.     opacity:.7;
  269.     -webkit-transition: all 0.4s ease-out;
  270. -moz-transition: all 0.4s ease-out;
  271. transition: all 0.4s ease-out;
  272. }
  273. {/block:ifimageopacity}
  274.  
  275. #perm {
  276.     font-family:cambria;
  277.     font-size:8px;
  278.     text-align:center;
  279.     background-color:transparent;
  280.     padding:2px;
  281.      {block:PermalinkPage}opacity:0;{/block:PermalinkPage}
  282.     {block:IndexPage}{block:if500pxposts}width:400px;{/block:if500pxposts}
  283. {block:if400pxposts}width:300px;{/block:if400pxposts}
  284. {block:if250pxposts}width:150px;{/block:if250pxposts}{/block:IndexPage}
  285.     position:absolute;
  286.     margin-top:0px;
  287.     margin-left:47px;
  288.     letter-spacing:1px;
  289.     color:{color:Perm Text};
  290.     opacity:0;
  291.     text-transform:uppercase;
  292.     -webkit-transition: all 0.8s ease-out;
  293. -moz-transition: all 0.8s ease-out;
  294. transition: all 0.8s ease-out;
  295. }
  296.  
  297.    
  298. #perm a {
  299.     color:{color:Perm Text};
  300.     }
  301.    
  302.  
  303.  
  304. {block:IndexPage}.posteu:hover #perm {
  305. opacity:.9;
  306. {block:IndexPage}{block:if500pxposts}width:400px;{/block:if500pxposts}
  307. {block:if400pxposts}width:300px;{/block:if400pxposts}
  308. {block:if250pxposts}width:150px;{/block:if250pxposts}{/block:IndexPage}
  309. margin-top:-15px;
  310. -webkit-transition: all 0.8s ease-out;
  311. -moz-transition: all 0.8s ease-out;
  312. transition: all 0.8s ease-out;
  313. }
  314. {/block:IndexPage}
  315.  
  316. #permalink {
  317.     display:block;
  318.    width:500px;
  319.     padding:5px;
  320.     height:auto;
  321.     font-size:14px;
  322.     background-color:{color:Posts BG};
  323.     color:{color:Text};
  324.    
  325. }
  326.  
  327. #taemin {
  328.     display:block;
  329.     background-color:{color:Posts BG};
  330.    width:500px;
  331.     padding:0px;
  332. }
  333.  
  334. #askpic {
  335. margin-right:5px;
  336. float:left;
  337. -moz-border-radius:100px;
  338. border-radius:100px;
  339.  
  340. }
  341.  
  342. {block:ifinfinitescrolling}
  343. .pagination {
  344. display: none;
  345. }
  346. {/block:ifinfinitescrolling}
  347.  
  348.     @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  349.    
  350. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  351.  
  352. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  353.  
  354.  @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
  355.  
  356.  @font-face {font-family: "dk";src: url('http://static.tumblr.com/iuggpng/XaZm5hhme/dk_pimpernel.ttf');}
  357.  
  358.  @font-face {font-family: "sign";src: url('http://static.tumblr.com/iuggpng/59bm5hhnc/sign-handwriting_demo-version.ttf');}
  359.  
  360.  
  361.  
  362.  
  363. #hiddenmain {
  364.     display:block;
  365.     background-color:{color:Nav BG};
  366.     color:{color:Nav BG};
  367.     font-family:consolas;
  368.     font-size:9px;
  369.     padding:1px;
  370.     padding-left:5px;
  371.     padding-right:10px;
  372.     margin-top:-1px;
  373.     margin-left:100px;
  374.     position:absolute;
  375.     z-index:-10;
  376.     opacity:0;
  377.     line-height:12px;
  378. }
  379.  
  380.  
  381.  
  382. #desc {
  383.     background-color:{color:Desc BG};
  384.     border:1px solid {color:Desc Border};
  385.     color:{color:Desc Text};
  386.     width:200px;
  387.     opacity:.9;
  388.     padding:5px;
  389.     max-height:100px;
  390.     overflow:auto;
  391.     margin-left:20px;
  392.     margin-top:15px;
  393.     font-family:trebuchet ms;
  394.     -webkit-transition: all 0.8s ease-out;
  395. -moz-transition: all 0.8s ease-out;
  396. transition: all 0.8s ease-out;
  397. }
  398.  
  399.  
  400. .all:hover #leech {
  401.     margin-left:90px;
  402.     opacity:1;
  403. }
  404.  
  405. .all:hover .pic {
  406.     margin-left:180px;
  407.     }
  408.    
  409. .all:hover .pic2 {
  410. margin-left:0px;
  411. }
  412.  
  413. .all:hover #title {
  414.     width:300px;
  415.     -webkit-transition: all 0.8s ease-out;
  416. -moz-transition: all 0.8s ease-out;
  417. transition: all 0.8s ease-out;
  418. }
  419.  
  420. #title {
  421.     position:fixed;
  422.     top:100px;
  423.      {block:PermalinkPage}left:580px;{/block:PermalinkPage}
  424.      {block:IndexPage}
  425.     {block:if500pxposts}left:580px;{/block:if500pxposts}
  426. {block:if400pxposts}left:900px;{/block:if400pxposts}
  427. {block:if3columns}
  428. {block:if250pxposts}left:850px;{/block:if250pxposts}
  429. {/block:if3columns}
  430. {block:if2columns}
  431. {block:if250pxposts}left:590px;{/block:if250pxposts}
  432. {/block:if2columns}
  433. {block:if1column}
  434. {block:if400pxposts}left:480px;{/block:if400pxposts}{/block:if1column}
  435. {block:if1column}{block:if250pxposts}left:330px;{/block:if250pxposts}
  436. {/block:if1column}
  437. {/block:IndexPage}
  438.     border-bottom:1px dashed {color:Title Underline};
  439.     color:{color:Title Color};
  440.     font-family:sign;
  441.     font-size:30px;
  442.     width:240px;
  443.     padding-left:20px;
  444.     text-align:right;
  445.     overflow:hidden;
  446.     -webkit-transition: all 0.8s ease-out;
  447. -moz-transition: all 0.8s ease-out;
  448. transition: all 0.8s ease-out;
  449. }
  450.  
  451. .pic2 {
  452.     position:absolute;
  453.     margin-top:-110px;
  454.     margin-left:140px;
  455.      height:100px;
  456.     width:100px;
  457.     overflow:hidden;
  458.      -webkit-border-radius:70px 0px 70px 70px;
  459.     -moz-border-radius:70px 0px 70px 70px;
  460.     border-radius:70px 0px 70px 70px;
  461.   border:5px solid {color:Sidebar IMG Border};
  462.     -webkit-transition: all 0.8s ease-out;
  463. -moz-transition: all 0.8s ease-out;
  464. transition: all 0.8s ease-out;
  465. }
  466.  
  467. #pic2 {
  468.     width:100px;
  469.     height:100px;
  470.     overflow:hidden;
  471.      -webkit-border-radius:70px 0px 70px 70px;
  472.     -moz-border-radius:70px 0px 70px 70px;
  473.     border-radius:70px 0px 70px 70px;
  474.     -webkit-transition: all 0.8s ease-out;
  475. -moz-transition: all 0.8s ease-out;
  476. transition: all 0.8s ease-out;
  477. }
  478.  
  479. {block:IndexPage}{block:ifmusicplayercode}.music {
  480.     height:auto;
  481.     position:fixed;
  482.     bottom:10px;
  483.     {block:IndexPage}
  484.     {block:if500pxposts}left:590px;{/block:if500pxposts}
  485. {block:if400pxposts}left:910px;{/block:if400pxposts}
  486. {block:if3columns}
  487. {block:if250pxposts}left:860px;{/block:if250pxposts}
  488. {/block:if3columns}
  489. {block:if2columns}
  490. {block:if250pxposts}left:600px;{/block:if250pxposts}
  491. {/block:if2columns}
  492. {block:if1column}
  493. {block:if400pxposts}left:490px;{/block:if400pxposts}{/block:if1column}
  494. {block:if1column}{block:if250pxposts}left:340px;{/block:if250pxposts}
  495. {/block:if1column}
  496. {/block:IndexPage}
  497.     -webkit-transition: all 0.8s ease-out;
  498. -moz-transition: all 0.8s ease-out;
  499. transition: all 0.8s ease-out;
  500. }
  501.  
  502. #player {
  503.     width:0px;
  504.     overflow:hidden;
  505.     margin-top:-20px;
  506.     margin-left:80px;
  507.     -webkit-transition: all 0.8s ease-out;
  508. -moz-transition: all 0.8s ease-out;
  509. transition: all 0.8s ease-out;
  510.     }
  511.    
  512. #boom {
  513.     margin-left:10px;
  514.     -webkit-transition: all 0.8s ease-out;
  515. -moz-transition: all 0.8s ease-out;
  516. transition: all 0.8s ease-out;
  517. }
  518.  
  519. .music:hover #player {
  520.     width:500px;
  521.     -webkit-transition: all 0.8s ease-out;
  522. -moz-transition: all 0.8s ease-out;
  523. transition: all 0.8s ease-out;
  524.     }
  525. {/block:ifmusicplayercode}{/block:IndexPage}
  526.    
  527. .links {
  528.     margin-top:-80px;
  529.     margin-left:12px;
  530.     opacity:.05;
  531.      -webkit-transition: all 0.8s ease-out;
  532. -moz-transition: all 0.8s ease-out;
  533. transition: all 0.8s ease-out;
  534. }
  535.  
  536. #nabu {
  537.     display:block;
  538.     background-color:{color:Extra Links BG};
  539.     color:{color:Extra Links Text};
  540.     margin-bottom:3px;
  541.     opacity:.75;
  542.     width:75px;
  543.     text-align:center;
  544. }
  545.  
  546. #nabu:hover {
  547.     background-color:{color:Extra Links BG Hover};
  548.     color:{color:Extra Links Text Hover};
  549. }
  550.  
  551. #pag, #jump {
  552.     display:block;
  553.     background-color:#f5f5f5;
  554.     color:#ccc;
  555.     padding:3px;
  556.     width:50px;
  557.     border-left:0px solid #aaa;
  558.     line-height:7px;
  559.     font-family:consolas;
  560.     font-size:8px;
  561.     text-transform:uppercase;
  562.     margin-bottom:3px;
  563. }
  564.  
  565. .jump {
  566.     width:50px;
  567.     font-family:consolas;
  568.     font-size:8px;
  569.     text-transform:uppercase;
  570.     }
  571.    
  572. .jump:hover #jumppag {
  573.     opacity:1;
  574.     margin-left:5px;
  575.     margin-top:0px;
  576.     -webkit-transition: all 0.8s ease-out;
  577. -moz-transition: all 0.8s ease-out;
  578. transition: all 0.8s ease-out;
  579.     }
  580.  
  581. #jumppag {
  582.     opacity:0;
  583.     margin-left:-10px;
  584.     -webkit-transition: all 0.8s ease-out;
  585. -moz-transition: all 0.8s ease-out;
  586. transition: all 0.8s ease-out;
  587.     }
  588.    
  589. #pag:hover {
  590.     border-left:21px solid #888;
  591. }
  592.  
  593. .pag {
  594.     position:fixed;
  595.     {block:IndexPage}
  596.     {block:if500pxposts}left:832px;{/block:if500pxposts}
  597. {block:if400pxposts}left:1152px;{/block:if400pxposts}
  598.  
  599. {block:if3columns}
  600. {block:if250pxposts}left:1102px;{/block:if250pxposts}
  601. {/block:if3columns}
  602.  
  603. {block:if2columns}
  604. {block:if250pxposts}left:842px;{/block:if250pxposts}
  605. {/block:if2columns}
  606. {block:if1column}
  607. {block:if400pxposts}left:732px;{/block:if400pxposts}{/block:if1column}
  608. {block:if1column}{block:if250pxposts}left:582px;{/block:if250pxposts}
  609. {/block:if1column}
  610.  
  611. {/block:IndexPage}
  612.  
  613. top:315px;
  614. }
  615.  
  616. #title a {
  617.     color:{color:Title Color};
  618.     }
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627. big {font-family: arial;font-size: 20px;line-height: 22px;letter-spacing: -2px;text-transform: uppercase;font-weight: normal;}
  628. b {color: #555;}
  629. i, em {font-family: georgia; color: #888;}
  630. s, strike {color: #CCCCCC;}
  631.  
  632. small, sub, sup {font-family: arial; font-size: 9px;line-height: 10px; letter-spacing: 0px;text-transform: none;}
  633.  
  634. blockquote{padding:10px; background:#f9f9f9; border: 1px solid #eeeeee; margin: 0px;}
  635.  
  636.  
  637.  
  638. ul li, ol li {border-bottom: 1px solid #e0e0e0;list-style: square;padding: 2px 0;margin-left:-5px;}
  639.  
  640.  
  641.  
  642. #navbar-iframe {display: none;}
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653. .credit {
  654. position:fixed;
  655. font-family:consolas;
  656. bottom:1px;
  657. text-transform:uppercase;
  658. left:1px;
  659. color:#000;
  660. font-size:10px;
  661. opacity:1;
  662. }
  663.  
  664. .credit:hover {
  665. opacity:0.8;
  666. }
  667.  
  668. .credit a {
  669. color:{color:back to top button} !important;
  670. }
  671.  
  672. a.block{
  673. font-family: courier new;
  674. text-transform: uppercase;
  675. width:60px;
  676. height: 14px;
  677. background:transparent;
  678. color:#000;
  679. font-size:10px;
  680. letter-spacing: 2px;
  681. padding:3px;
  682. margin:2px;
  683. text-align:center;
  684. text-decoration:none;
  685. -webkit-transition: all 0.3s ease-out;
  686. -moz-transition: all 0.3s ease-out;
  687. -o-transition: all 0.3s ease-out;
  688. }
  689.  
  690. a.block:hover{
  691. background: #fff;
  692. color: #000;
  693. text-decoration: bold;
  694. text-shadow: 0px 0 .2px #000, -0px 0 .2px #000;
  695. -webkit-transition: all 0.3s ease-out;
  696. -moz-transition: all 0.3s ease-out;
  697. -o-transition: all 0.3s ease-out;
  698. }
  699.  
  700.  
  701. .what {
  702. color:#000;
  703. font-size: 23px;
  704. font-family: courier new;
  705. text-shadow: 2px 0 .2px #FF0000, -2px 0 .2px #00F1F5;
  706. text-transform: lowercase;
  707. text-align: center;
  708. -webkit-transition: all 0.3s ease-out;
  709. -moz-transition: all 0.3s ease-out;
  710. -o-transition: all 0.3s ease-out;
  711. }
  712.  
  713. .what:hover {
  714. color:#000;
  715. text-shadow: 0px 0 .2px #000, -0px 0 .2px #000;
  716. -webkit-transition: all 0.3s ease-out;
  717. -moz-transition: all 0.3s ease-out;
  718. -o-transition: all 0.3s ease-out;
  719. }
  720.  
  721.  
  722.  
  723.  
  724.  
  725. </style>
  726.  
  727. <!-- Scroll To Top Javascript -->
  728. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
  729. </script>
  730. <script type='text/javascript' language='Javascript'>
  731. var scrolltotop={
  732. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  733. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
  734. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  735. controlHTML: '<span style="font-size: 15px; font-family: courier new; color: #000;">BACK TO TOP</span>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  736. controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
  737. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  738. state: {isvisible:false, shouldvisible:false},
  739. scrollup:function(){
  740. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  741. this.$control.css({opacity:0}) //hide control immediately after clicking it
  742. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  743. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  744. dest=jQuery('#'+dest).offset().top
  745. else
  746. dest=0
  747. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  748. },
  749. keepfixed:function(){
  750. var $window=jQuery(window)
  751. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  752. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  753. this.$control.css({left:controlx+'px', top:controly+'px'})
  754. },
  755. togglecontrol:function(){
  756. var scrolltop=jQuery(window).scrollTop()
  757. if (!this.cssfixedsupport)
  758. this.keepfixed()
  759. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  760. if (this.state.shouldvisible && !this.state.isvisible){
  761. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  762. this.state.isvisible=true
  763. }
  764. else if (this.state.shouldvisible==false && this.state.isvisible){
  765. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  766. this.state.isvisible=false
  767. }
  768. },
  769. init:function(){
  770. jQuery(document).ready(function($){
  771. var mainobj=scrolltotop
  772. var iebrws=document.all
  773. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  774. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  775. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  776. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  777. .attr({title:'Back to Top'})
  778. .click(function(){mainobj.scrollup(); return false})
  779. .appendTo('body')
  780. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  781. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  782. mainobj.togglecontrol()
  783. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  784. mainobj.scrollup()
  785. return false
  786. })
  787. $(window).bind('scroll resize', function(e){
  788. mainobj.togglecontrol()
  789. })
  790. })
  791. }
  792. }
  793. scrolltotop.init()
  794. </script>
  795.  
  796.  
  797. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  798.  
  799.  
  800. {block:ifinfinitescrolling}<script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:ifinfinitescrolling}
  801.  
  802. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809. <script>
  810. $(function(){
  811. var $container = $('#inpiniteu');
  812. $container.imagesLoaded(function(){
  813. $container.masonry({
  814. itemSelector: '.posteu',
  815. });
  816. });
  817. $container.infinitescroll({
  818. itemSelector : ".posteu",
  819. navSelector : "div.pagination",
  820. nextSelector : ".pagination a#next",
  821. loadingImg : "",
  822. loadingText : "<em></em>",
  823. bufferPx : 10000,
  824. extraScrollPx: 12000,
  825. },
  826. // trigger Masonry as a callback
  827. function( newElements ) {
  828.   var $newElems = $( newElements ).css({ opacity: 0 });
  829. // ensure that images load before adding to masonry layout
  830. $newElems.imagesLoaded(function(){
  831. $newElems.animate({ opacity: 1 });
  832. $container.masonry( 'appended', $newElems, true );
  833. });
  834. }
  835. );
  836. });
  837. </script>
  838.  
  839.    
  840.     </head>
  841. <body>
  842.  
  843.  
  844. <table style="line-height: 17px;" width="600px"  border="0" align="center" cellspacing="5">
  845.  
  846. <!-- FIRST LOVE -->
  847.  
  848. <tr>
  849. <td valign="middle" style="width:500px; top: 30px; left: 300px;">
  850. <center><a href="/">
  851. <div class="img2">
  852. <img style="-webkit-border-radius: 900px;
  853. -moz-border-radius: 150px;
  854. border-radius: 150px; background-color: #fff; border: 1px solid #9b89a3; padding: 5px;
  855. height="100" height="100" src="http://data.whicdn.com/images/51568505/tumblr_mhtlxy6hly1rz932uo1_500_thumb.jpg"  >
  856. </div>    
  857.    
  858.    
  859. </a></center>
  860. <div class="what">illusion</div></br><center>
  861.  
  862. <a class="block" href="/about" target="_blank">about+links</a>  
  863. <a class="block" href="/tagged/meustextos" target="_blank">fragments</a>  
  864. <a class="block" href="http://inocentados.tumblr.com" target="_blank">theme</a>  
  865.  
  866.  
  867.  
  868. {block:ifinfinitescrolling}<div class="pagination">
  869. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  870. </div>
  871. {/block:ifinfinitescrolling}
  872.  
  873.  
  874. {block:ifnotinfinitescrolling}
  875. {block:Pagination}<div class="pag">
  876. {block:NextPage}<a href="{NextPage}" id="pag">hopes</a>
  877. {/block:NextPage}
  878. {block:PreviousPage}<a href="{PreviousPage}" id="pag">regrets</a>
  879. {/block:PreviousPage}
  880.  
  881. <div class="jump">
  882. <div id="jump">travel</div>
  883. <div id="jumppag">{block:JumpPagination length="5"}
  884. {block:CurrentPage}<div class="current_page">{PageNumber}</div>
  885. {/block:CurrentPage}
  886. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}</div></div>
  887. </div>{/block:Pagination}
  888. {/block:ifnotinfinitescrolling}
  889.  
  890.  
  891.  
  892.  
  893. <div align="center">
  894. <table cellpadding="0" cellspacing="0" style="margin-left: 235px;">
  895. <tr><td id="sidebar" valign="top" width="110" style="margin-left: -140px; margin-top: 39px; position: fixed;">
  896. <div class="what" style="padding:10px;">
  897.  
  898.  
  899.  
  900.  
  901.  
  902. <td id="sidebar" valign="top" width="525" style="margin-top: 26px;">
  903. <div class="header"> </div>
  904. <div id="main">
  905.  
  906. </div><br>
  907.  
  908.  
  909.  
  910.  
  911. </div></div>
  912. </div></div>
  913. </div></div>
  914. </div></div>
  915.  
  916.  
  917. </div>
  918.  
  919.  
  920.  
  921. </div>
  922.  
  923.  
  924.  
  925.         <div id="posts">
  926.  
  927.        
  928.         <div id="inpiniteu">
  929.        
  930.            {block:Posts}
  931.            
  932.            
  933.      
  934.       <div class="posteu">
  935.      
  936. {block:Text}
  937. <div class="jjong">
  938. <div class="texts">                      
  939. {block:Title}
  940. <div class="title"><a href="{Permalink}">{Title}</a></div>
  941. {/block:Title}
  942. {Body}</div>
  943. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div></div>
  944. {/block:Text}
  945.  
  946.  
  947.              
  948. {block:Photo}
  949. <a href="{Permalink}"><img class="photo"
  950. {block:IndexPage}
  951. {block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
  952. {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
  953. {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
  954. {/block:IndexPage}
  955. {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage} alt="{PhotoAlt}"/></a>
  956.  {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  957. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div>
  958. {/block:Photo}
  959.  
  960.  
  961.                
  962. {block:Photoset}
  963. <div class="photoset">
  964. <a href="{Permalink}">
  965. {block:IndexPage}
  966. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  967. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  968. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  969. {/block:IndexPage}
  970. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  971. </a>
  972. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
  973. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div>
  974. {/block:Photoset}
  975.  
  976.  
  977.  
  978. {block:Quote}
  979. <div class="jjong">
  980. <div class="quote">
  981. <div style="padding:5px; background-color:{color:Quote Post BG}; color:{color:Quote Post Color}; text-align:center;"><div style="font-size:25px; float:left; align:left; margin-right:5px;">❝</div> {Quote}</div>
  982. {block:Source}
  983. <div class="source" style="margin-top:10px; text-align:right;">- {Source}</div>
  984. {/block:Source}
  985. </div>
  986. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div></div>
  987. {/block:Quote}
  988.  
  989.  
  990.  
  991. {block:Link}
  992. <div class="jjong">
  993.  <div class="link">
  994. <a href="{URL}" class="linktit" {Target}>{Name}</a>
  995. {block:Description}
  996. <div class="description" style="border-left:5px solid #f1f1f1;">
  997. <div style="margin-left:10px;">{Description}</div></div>
  998. {/block:Description}
  999. </div>
  1000. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div></div>
  1001. {/block:Link}
  1002.  
  1003.  
  1004.  
  1005. {block:Chat}
  1006. <div class="jjong">
  1007. <div class="post chat">
  1008. {block:Title}
  1009. <h3><a href="{Permalink}">{Title}</a></h3>
  1010. {/block:Title}
  1011.  
  1012. <div class="chat">
  1013. {block:Lines}
  1014. <div class="{Alt} user_{UserNumber}">
  1015. {block:Label}
  1016. <span class="label" style="border-bottom:1px solid {color:Chat Post Name Underline};">{Label}</span>
  1017.  {/block:Label}
  1018. {Line}</div>
  1019. {/block:Lines}
  1020. </div>
  1021. </div>
  1022.     <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div></div>
  1023. {/block:Chat}
  1024.  
  1025.  
  1026.  
  1027. {block:Video}
  1028. <div class="video">
  1029. {block:IndexPage}{block:if500pxposts}{Video-500}{/block:if500pxposts}
  1030. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1031. {block:if250pxposts}{Video-250}{/block:if250pxposts}{/block:IndexPage}
  1032. {block:PermalinkPage}{Video-500}
  1033. {block:PermalinkPage}{block:Caption}
  1034. <div class="caption">{Caption}</div>
  1035. {/block:Caption}{/block:PermalinkPage}
  1036. </div>
  1037. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div>
  1038. {/block:Video}
  1039.  
  1040.  
  1041. {block:Audio}
  1042. <div class="jjong">
  1043. <div class="audio">
  1044. <div style="width:100%; background-color:black;">{AudioPlayerBlack}</div>
  1045. {block:AlbumArt}<div style="float:left; margin-top:5px; margin-right:10px;">
  1046. {block:PermalinkPage}<img src="{AlbumArtURL}" width="100" style="align:left;">{/block:PermalinkPage}
  1047. {block:IndexPage}<img src="{AlbumArtURL}" width="60">{/block:IndexPage}
  1048. </div>
  1049.  
  1050. {/block:AlbumArt}
  1051. {block:Caption}
  1052. <div class="caption">
  1053.  
  1054. {block:Artist}
  1055. <p><b>ARTIST</b>: {Artist}
  1056. {/block:Artist}
  1057.  
  1058. {block:Album}
  1059. <br><b>ALBUM</b>: {Album}
  1060. {/block:Album}
  1061.  
  1062. {block:TrackName}
  1063. <br><b>TRACK</b>: {TrackName}
  1064. {/block:TrackName}
  1065.  
  1066. {block:PlayCount}
  1067. <br><b>PLAYS</b>: {FormattedPlayCount}
  1068. {/block:PlayCount}
  1069.  
  1070. {Caption}</div>
  1071. {/block:Caption}
  1072.     </div>
  1073. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div></div>
  1074. {/block:Audio}
  1075.      
  1076.  
  1077.  
  1078. {block:Answer}
  1079. <div class="jjong">
  1080. <div class="askeu">
  1081. <div id="asku"><img src="{AskerPortraitURL-48}" id="askpic">
  1082. <div style="border-bottom:1px dashed #eee; align:right;">→ {Asker} whispered : {Question}</div></div>
  1083. {Answer}
  1084. </div>
  1085. <div id="perm"><a href="{Permalink}">{MonthNumber}.{DayOfMonth}.{ShortYear} - {NoteCountWithLabel}</a></div></div>
  1086. {/block:Answer}              
  1087.  
  1088.  
  1089.  
  1090. {block:PermalinkPage}
  1091. <div id="permalink">
  1092. <center>Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
  1093. <div>
  1094. {block:HasTags}tagged :{block:Tags}
  1095. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center>
  1096. <div id="taemin">{PostNotes}</div></div></div> {/block:PermalinkPage}
  1097. </div>
  1098.  
  1099.             {/block:Posts}
  1100.             </div>
  1101.         </div>
  1102. <!--------------------DON'T REMOVE THIS SESSION------------------------->
  1103. <a class="credit" title="Theme by Inocentados, base blogskins. Be Original, don't copy."  href="http://www.inocentados.tumblr.com"  target="_blank" ><b> © THEME</b></a>
  1104. <!------------------------------------------------------------------------>
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111.  
  1112. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1113.     </body>
  1114. </html>
clone this paste RAW Paste Data