API tools faq
paste
Advertisement
LayanaOliveira

Illusion

LayanaOliveira
Feb 14th, 2013
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.39 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.  
  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>
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!