Don't like ads? PRO users don't see any ads ;-)
Public Pastes

ace theme

By: jeekuro on Aug 7th, 2012  |  syntax: None  |  size: 23.23 KB  |  hits: 22  |  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. THEME BY: vivite.tumblr.com
  7. PLEASE DON'T REMOVE CREDITS! Thank you! :)
  8.  
  9. Background Credits: Subtlepatterns
  10.  
  11.  
  12. -->
  13.  
  14. <html>
  15. <title>{title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19.     <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21. <meta name="color:Background" content="#ffffff" />
  22. <meta name="color:Title" content="#fff" />
  23. <meta name="color:Title Bg" content="#eeeeee" />
  24. <meta name="color:Border1" content="#E2E2E2"/>
  25. <meta name="color:Border2" content="#E9E9E9"/>
  26. <meta name="color:Border3" content="#808080"/>
  27. <meta name="color:Entry" content="#ffffff" />
  28. <meta name="color:Entry text" content="#616161" />
  29. <meta name="color:Entries bold" content="#83A7B6" />
  30. <meta name="color:Entries italic" content="#aeaeae" />
  31. <meta name="color:Link" content="#83A7B6" />
  32. <meta name="color:Link hover" content="#999999" />
  33. <meta name="color:Sidebar" content="" />
  34. <meta name="color:Sidebar text" content="#999999" />
  35. <meta name="color:Mainlink" content="#696969" />
  36. <meta name="color:Mainlink hover" content="#749FB8" />
  37. <meta name="color:Navig" content="#83A7B6" />
  38. <meta name="color:Navig hover" content="#4D4D4D" />
  39. <meta name="color:Perma Link" content="#4D4D4D" />
  40. <meta name="color:Perma Link bg" content="#ffffff" />
  41. <meta name="color:Nextpage" content="#999999" />
  42. <meta name="color:Nextpage bg" content="#eeeeee" />
  43. <meta name="color:Nextpage hover" content="#A0C0D3" />
  44. <meta name="color:Scrollbar face" content="#A0C0D3" />
  45. <meta name="color:Scrollbar bg" content="#ffffff" />
  46.  
  47. <meta name="image:background" content="http://static.tumblr.com/jtqlgf2/2Snm35ppc/light_wool.png" />
  48. <meta name="image:sidebar" content="http://static.tumblr.com/h5tdsbo/lAkm366iz/200px_.png" />
  49. <meta name="image:Title Bg" content="http://static.tumblr.com/jtqlgf2/D5Jm35tlz/gradient_squares.png" />
  50.  
  51. <meta name="text:Music" content="" />
  52. <meta name="text:Link1" content="" />
  53. <meta name="text:Link1URL" content=""/>
  54. <meta name="text:Link2" content="" />
  55. <meta name="text:Link2URL" content=""/>
  56. <meta name="text:Link3" content="" />
  57. <meta name="text:Link3URL" content=""/>
  58. <meta name="text:Link4" content="" />
  59. <meta name="text:Link4URL" content=""/>
  60. <meta name="text:Link5" content="" />
  61. <meta name="text:Link5URL" content=""/>
  62. <meta name="text:Link6" content="" />
  63. <meta name="text:Link6URL" content=""/>
  64.  
  65. <meta name="font:Body" content="tahoma" />
  66.  
  67. <meta name="if:ShowCaptions" content="0" />
  68. <meta name="if:BoxShadows" content="1" />
  69. <meta name="if:MusicPlayer" content="0" />
  70. <meta name="if:FadingImages" content="1" />
  71. <meta name="if:InfiniteScroll" content="1" />
  72. <meta name="if:Links" content="0" />
  73. <meta name="color:Desc BG" content="#fff"/>
  74. <meta name="color:Desc Color" content="#bbb"/>
  75. <meta name="color:Desc Border" content="#eee"/>
  76. <meta name="color:Nav Background" content="#fff"/>
  77. <meta name="color:Nav Text" content="#ccc"/>
  78. <meta name="color:Nav Border" content="#eee"/>
  79. <meta name="color:Nav Text Hover" content="#c2dfda"/>
  80. <meta name="color:Nav Border Hover" content="#d3e9e5"/>
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  82.  
  83. <head>
  84.  
  85. <style type="text/css">
  86.  
  87. @font-face {
  88. font-family: "antipasto";
  89. src: url('http://static.tumblr.com/boda1ze/AFzm7wyga/infinity.ttf');
  90. }
  91.  
  92. @font-face {
  93. font-family: "dawningofanewday";
  94. src: url('http://static.tumblr.com/jtqlgf2/SeUm2ds6e/dawningofanewday.ttf');
  95.  
  96. }
  97.  
  98. @font-face {
  99.  
  100. font-family: "ruluko-regular";
  101.  
  102. src: url('http://static.tumblr.com/jtqlgf2/PtUm2dquz/ruluko-regular.ttf');
  103.  
  104. }
  105.  
  106.  
  107. @font-face {
  108. font-family: "economica-regular";
  109. src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');
  110. }
  111.  
  112. body {
  113. background-color:{color:background};
  114. background-image: url('{image:Background}');
  115. background-attachment:fixed;
  116. font-family:tahoma;
  117. font-size:10px;
  118. line-height:14px;
  119. text-align:justify;}
  120.  
  121. a {
  122.     text-decoration:none;
  123. }
  124.  
  125. ::-webkit-scrollbar-thumb:vertical {
  126. background-color: {color:scrollbar face};
  127. height: 30px;}
  128.  
  129. ::-webkit-scrollbar {
  130. height: 30px;
  131. width: 7px;
  132. background-color: {color:scrollbar bg};}
  133.  
  134. iframe#tumblr_controls {
  135. position: fixed !important;
  136. right:2px !important;
  137. -moz-transition: all 0.8s ease-out;
  138. -webkit-transition: opacity 0.7s linear;
  139. -webkit-transition: all 0.8s ease-out;
  140. transition: all 0.8s ease-out;
  141. opacity: 0.5;}
  142.  
  143. iframe#tumblr_controls:hover {
  144. -webkit-transition: opacity 0.7s linear;
  145. -moz-transition: all 0.4s ease-out;
  146. -webkit-transition: all 0.4s ease-out;
  147. transition: all 0.4s ease-out;
  148. opacity: 1;}
  149.  
  150. #posts {
  151. position:relative;
  152. width:610px;
  153. margin-left:520px;
  154. {block:permalinkpage}margin-left:520px;{/block:permalinkpage}
  155. margin-top:-135px;
  156. text-align:justify;
  157. font-size:10px;
  158. z-index:9;
  159. font-family:{font:body};}
  160.  
  161. .entries {
  162. color:{color:entry text};
  163. background-color:{color:entry};
  164. position:relative;
  165. width:250px;
  166. {block:permalinkpage}width:500px;{/block:permalinkpage}
  167. {block:Indexpage}float:left;{/block:indexpage}
  168. overflow:hidden;
  169. margin:8px;
  170. padding:8px;
  171. {block:indexpage}
  172. {block:ifboxshadows}box-shadow: 0px 0px 2px 2px #ccc;{/block:ifboxshadows}{/block:indexpage}
  173. {block:permalinkpage}border-bottom:1px dotted {color:entry text};{/block:permalinkpage}
  174. }
  175.  
  176. .entries blockquote {
  177. border-left: 3px solid {color:link};
  178. padding-left: 8px;
  179. margin-left: 10px;
  180. }
  181.  
  182. .entries b, strong{
  183. color: {color:entries bold};}
  184.  
  185. .entries i, em{
  186. color:{color:entries italic};}
  187.  
  188. .entries a{
  189. color:{color:link};
  190. text-decoration:none;
  191. }
  192.  
  193. .entries a:hover{
  194. color:{color:link hover};}
  195.  
  196. .entries:hover .reblog{
  197. opacity:.8;
  198. top:10px;}
  199.  
  200. .entries:hover .reb2{
  201. opacity:.9;
  202. margin-top:10px;}
  203.  
  204. .entries h1 {
  205. font-family: "ruluko-regular";
  206. font-weight:normal;
  207. font-size:14px;
  208. padding-left:10px;
  209. letter-spacing:1px;
  210. font-style:none;
  211. text-align:left;
  212. padding-bottom:2px;
  213. padding-top:3px;}
  214.  
  215. .entries h3 {
  216. font-family: "ruluko-regular";
  217. font-weight:normal;
  218. font-size:14px;
  219. padding-left:10px;
  220. letter-spacing:1px;
  221. text-align:left;
  222. padding-bottom:3px;
  223. padding-top:3px;}
  224.  
  225. .entries h2 {
  226. font-family: "ruluko-regular";
  227. font-size:13px;
  228. font-weight:normal;
  229. text-align:center;
  230. padding-bottom:8px;
  231. border-bottom: 1px dotted {color:link};
  232. }
  233.  
  234. .entries img {
  235. {block:indexpage}max-width:250px;{/block:indexpage}
  236. {block:permalinkpage}max-width:500px;{/block:permalinkpage}
  237. {block:iffadingimages}{block:indexpage}opacity:.7;{/block:indexpage}{/block:iffadingimages}
  238. -webkit-transition: all 0.7s ease-in-out;
  239. -moz-transition: all 0.7s ease-in-out;
  240. -o-transition: all 0.7s ease-in-out;
  241. -ms-transition: all 0.7s ease-in-out;
  242. transition: all 0.7s ease-in-out;}
  243.  
  244. .entries img:hover{
  245. opacity:1;}
  246.  
  247. .photo{
  248. {block:iffadingimages}{Block:indexpage}opacity:.7;{/block:indexpage}{/block:iffadingimages}
  249. -webkit-transition: all 0.7s ease-in-out;
  250. -moz-transition: all 0.7s ease-in-out;
  251. -o-transition: all 0.7s ease-in-out;
  252. -ms-transition: all 0.7s ease-in-out;
  253. transition: all 0.7s ease-in-out;}
  254.  
  255. .photo:hover{
  256. opacity:1;}
  257.  
  258. .ask {
  259. width:235px;
  260. padding-left:8px;
  261. border-bottom:1px dotted {color:link};
  262. padding-top:8px;
  263. padding-bottom:8px;
  264. padding-right:8px;
  265. font-style:none;
  266. font-size:13px;
  267. font-family: tahoma;}
  268.  
  269. .ask a{
  270. color:{color:link};
  271. font-style:none;
  272. font-size:13px;
  273. font-family: tahoma;}
  274.  
  275. .ask b, strong{
  276. color:{color:entries bold};
  277. font-weight:normal;
  278. font-size:12px;}
  279.  
  280. .answer{
  281. padding-bottom:4px;}
  282.  
  283. .chat{
  284. padding-top:5px;
  285. margin-left:5px;
  286. padding-left:6px;
  287. line-height:14px;}
  288.  
  289. .chat b{
  290. letter-spacing:1px;
  291. font-weight:normal;}
  292.  
  293. .audio{
  294. background: #e4e4e4;        
  295. display:block;
  296. margin-bottom:0px;
  297. margin-left:30px;
  298. position:relative;
  299. padding-left:5px;
  300. padding-top:4px;
  301. border-radius:200px;
  302. margin-top:0px;}
  303.  
  304. .cover{
  305. margin-left:0px;
  306. border-radius:200px;}
  307.  
  308. .cover img{
  309. max-width:30px;
  310. border-radius:100px;
  311. float:left;}
  312.  
  313. .what{
  314. position:relative;
  315. margin-top:5px;
  316. margin-left:10px;
  317. padding-left:10px;}
  318.  
  319. {block:indexpage}
  320. .reblog{
  321. position:absolute;
  322. opacity:0;
  323. top:-5px;
  324. width:250px;
  325. background-color:{color:perma link bg};
  326. text-align:center;
  327. -webkit-transition: all 0.7s ease-in-out;
  328. -moz-transition: all 0.7s ease-in-out;
  329. -o-transition: all 0.7s ease-in-out;
  330. -ms-transition: all 0.7s ease-in-out;
  331. transition: all 0.7s ease-in-out;}
  332.  
  333. .reblog a{
  334. color:{color:perma link};
  335. text-decoration:none;
  336. padding:4px;
  337. font-family: "economica-regular";
  338. text-transform:uppercase;
  339. font-size:11px;
  340. letter-spacing:1px;}
  341.  
  342. .reb2{
  343. position:absolute;
  344. border-radius:0px 10px 10px 0px;
  345. top:5px;
  346. opacity:0;
  347. background-color:{color:perma link bg};
  348. -webkit-transition: all 0.9s ease-in-out;
  349. -moz-transition: all 0.9s ease-in-out;
  350. -o-transition: all 0.9s ease-in-out;
  351. -ms-transition: all 0.9s ease-in-out;
  352. transition: all 0.9s ease-in-out;}
  353.  
  354. .reb2 a{
  355. color:{color:perma link};
  356. text-decoration:none;
  357. padding:4px;
  358. font-family: "economica-regular";
  359. text-transform:uppercase;
  360. font-size:11px;
  361. letter-spacing:2px;}
  362.  
  363. {/block:indexpage}
  364.  
  365. .pagination{
  366. position:fixed;
  367. width:40px;
  368. {block:IfInfiniteScroll}opacity:0;{/block:IfInfiniteScroll}
  369. {block:IfNotInfiniteScroll}opacity:1;{/block:IfNotInfiniteScroll}
  370. z-index:9999;
  371. margin-left:840px;
  372. top:10px;
  373. {block:indexpage}{block:IfInfiniteScroll}display:none;{/block:IfInfiniteScroll}
  374. {block:ifnotInfiniteScroll}display:visible;{/block:ifnotInfiniteScroll}{/block:indexpage}
  375. }
  376.  
  377.  
  378. .pagination a{
  379. color:{color:nextpage};
  380. background-color:{color:nextpage bg};
  381. text-transform:uppercase;
  382. text-decoration:none;
  383. font-family:consolas;
  384. font-size:10px;
  385. padding:4px;}
  386.  
  387. .pagination a:hover{
  388. color:{color:nextpage hover};}
  389.  
  390.  
  391. {block:PermalinkPage}
  392. .permalink {
  393. width:502px;
  394. position: relative;
  395. text-align: left;
  396. margin-left:6px;
  397. margin-top:-6px;
  398. padding-left:10px;
  399. padding-bottom:10px;
  400. padding-top:10px;
  401. font-size:10px;
  402. line-height:12px;
  403. font-family:tahoma;
  404. color: {color:entry text};
  405. background-color:{color:entry};}
  406.  
  407. .permalink a {
  408. color: {color:perma link};
  409. text-decoration: none;
  410. font-family:tahoma;
  411. font-size:11px;}
  412.  
  413. .permalink a:hover {
  414. color: {color:link hover};
  415. text-decoration: none;}
  416.  
  417. ol.notes {
  418. background-color:{color:entry};
  419. font-family:tahoma;
  420. font-size:11px;
  421. padding-top:10px;
  422. border: 0px;
  423. padding-left:20px;
  424. margin-top:-10px;
  425. width:380px;
  426. list-style-type: decimal;}
  427.  
  428. ol.notes li.note {
  429. background-color:{color:entry};
  430. padding:5px;
  431. width:380px;
  432. letter-spacing: 0px;
  433. text-align: left;
  434. }
  435.  
  436. ol.notes li.note a{
  437. color:{color:perma link};
  438. background-color:{color:entry};
  439. font-family:tahoma;
  440. text-transform:none;
  441. letter-spacing:0px;
  442. font-size:11px;}
  443.  
  444. ol.notes li.note img.avatar {
  445.     vertical-align: -4px;
  446.     margin-right: 0px;
  447.     display:none;}
  448.  
  449. {/block:PermalinkPage}
  450.  
  451.  
  452. #wraps{
  453. position:fixed;
  454. width:575px;
  455. height:40px;
  456. margin-left:0px;
  457. top:50px;
  458. z-index:99;
  459. border-radius: 10px;
  460. background-color:{Color:border1};}
  461.  
  462. #all{
  463. left:30px;
  464. top:260px;
  465. position:fixed;
  466. text-align:center;
  467. padding:8px;
  468. background-color:{color:sidebar};}
  469.  
  470. #sidebar{
  471. padding:6px;
  472. opacity:.7;
  473. }
  474.  
  475. #sidebar img{
  476. opacity:.9;}
  477.  
  478. #extras{
  479. position:relative;
  480. margin-top:-15px;
  481. margin-bottom:10px;
  482. width:100px;
  483. z-index:7;}
  484.  
  485. #sd1{
  486. position:relative;
  487. height:auto;
  488. margin-bottom:20px;}
  489.  
  490.  
  491.  
  492. {block:IfMusicPlayer}
  493. #lemusic{
  494. text-align:center;
  495. padding-top:4px;
  496. top:410px;
  497. margin-left:284px;
  498. width:74px;
  499. position:fixed;
  500. z-index:999;
  501. padding-left:4px;
  502. padding-right:4px;
  503. opacity:.5;}
  504.  
  505. #lemusic:hover #legif{
  506.     opacity:0;
  507.     margin-top:-10px;
  508.     z-index:-99;}
  509.  
  510. #legif{
  511.     opacity:1;
  512.     z-index:1;
  513.     -webkit-transition: all 0.5s ease-in-out;
  514. -moz-transition: all 0.5s ease-in-out;
  515. -o-transition: all 0.5s ease-in-out;
  516. -ms-transition: all 0.5s ease-in-out;
  517. transition: all 0.5s ease-in-out;}
  518.  
  519. #letext{
  520. opacity:0;
  521. z-index:99;
  522. margin-top:0px;
  523. -webkit-transition: all 0.5s ease-in-out;
  524. -moz-transition: all 0.5s ease-in-out;
  525. -o-transition: all 0.5s ease-in-out;
  526. -ms-transition: all 0.5s ease-in-out;
  527. transition: all 0.5s ease-in-out;}
  528.  
  529. #lemusic:hover #letext{
  530. opacity:1;
  531. margin-top:-1px;}
  532.    
  533. {/block:IfMusicPlayer}
  534.  
  535. #credits{
  536. position:fixed;
  537. bottom:5px;
  538. right:5px;}
  539.  
  540. #credits a{
  541. color:#999;
  542. font-size:13px;
  543. text-decoration:none;
  544. opacity:.7;}
  545.  
  546. #pages{
  547. position:fixed;
  548. margin-left:900px;
  549. top:20px;
  550. color:{color:sidebar text};}
  551.  
  552. #top:hover {
  553.     opacity:.9;
  554. }
  555. #top {
  556.     position:fixed;
  557.     top:0px;
  558.     height:15px;
  559.     font-size:11px;
  560.     letter-spacing:6px;
  561.     padding:8px 0px 2px 0px;
  562.     width:630px;
  563.     background-color:#fff;
  564.     opacity:.8;
  565.     text-transform:uppercase;
  566.     text-align:center;
  567.     z-index:999;
  568.     -webkit-transition: all 0.5s ease-in-out;
  569.     -moz-transition: all 0.5s ease-in-out;
  570.     -o-transition: all 0.5s ease-in-out;
  571. }
  572.  
  573. #nav
  574. {position:fixed;
  575. top:360px;
  576. left:330px;}
  577.  
  578. .menu
  579. {float:left;
  580. margin:0px 0px 0px 5px;
  581. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  582.  
  583. .menu:hover
  584. {margin-top:5px;}
  585.  
  586. .trans1, #trans1 {
  587.     -webkit-transition: all 1s ease-out;
  588. -moz-transition: all 1s ease-out;
  589. transition: all 1s ease-out;
  590. }
  591.  
  592. #custom {
  593.     background-color:#fff;
  594.     width:570px;
  595.     padding:5px;
  596.     top:-35px;
  597.     opacity:.68;
  598.     padding-top:10px;
  599.     left:530px;
  600.     position:fixed;
  601.     z-index:999;
  602.     font-family:arial;
  603.     color:{color:Custom Text Color};
  604.     font-size:15px;
  605.     text-align:center;
  606.     letter-spacing:3px;
  607. }
  608.  
  609. #custom:hover {
  610.     top:-1px;
  611. }
  612.  
  613.  
  614. #image {
  615.     width:190px;
  616.     height:150px;
  617.     overflow:hidden;
  618.       -webkit-transition: all 0.8s ease-out;
  619. -moz-transition: all 0.8s ease-out;
  620. transition: all 0.8s ease-out;
  621.     }
  622.    
  623. #image:hover #desc {
  624.     margin-left:15px;
  625.       -webkit-transition: all 0.8s ease-out;
  626. -moz-transition: all 0.8s ease-out;
  627. transition: all 0.8s ease-out;
  628.     }
  629.    
  630.    
  631.     #desc {
  632.         font-family:tinytots; font-size:8px; text-transform:uppercase;  width:145px;
  633.         margin-top:-55px;
  634.         z-index:999;
  635.         opacity:.9;
  636. margin-left:-200px;
  637. position:fixed;
  638.         background-color:{color:Desc BG};
  639.         padding:6px;
  640.         color:{color:Desc Color};
  641.         border:1px solid {color:Desc Border};
  642.           -webkit-transition: all 0.8s ease-out;
  643. -moz-transition: all 0.8s ease-out;
  644. transition: all 0.8s ease-out;
  645.         }
  646.        
  647. #ace {
  648.     margin-top:280px;
  649.     position:fixed;
  650.     width:240px;
  651.     height:10px;
  652.     font-size:9px;
  653.     margin-left:44px;
  654.     text-align:right;
  655.     color:{color:desc color};
  656. }
  657.  
  658. #ace a{
  659.     color:#83A7B6;}
  660.    
  661. #eunhyuk {
  662.     top:225px;
  663.     left:140px;
  664.     position:fixed;
  665. }
  666. #navv {
  667.     position:absolute;
  668.     margin-left:160px;
  669.     margin-top:215px;
  670. }
  671.  
  672. #linkss {
  673.     display:block;
  674.     font-family:consolas;
  675.     font-size:8px;
  676. text-transform:uppercase;
  677.     background-color:{color:Nav Background};
  678.     border:1px solid {color:Nav Border};
  679.     padding:1px;
  680.     padding-left:2px;
  681.     padding-right:2px;
  682.     margin-bottom:3px;
  683.     width:75px;
  684. -webkit-transition: all 0.8s ease-out;
  685. -moz-transition: all 0.8s ease-out;
  686. transition: all 0.8s ease-out;}
  687.  
  688. #linkss:hover {
  689.     color:{color:Nav Text Hover};
  690.     border-left:15px solid{color:Nav Background};
  691.     border-right:1px solid {color:Nav Background};
  692.     border-top:1px solid {color:Nav Border};
  693.     border-bottom:1px solid {color:Nav Border};
  694. }
  695.  
  696. #navvv {
  697.     position:fixed;
  698.     margin-left:380px;
  699.     margin-top:280px;
  700. }
  701.  
  702. #linksss {
  703.     display:block;
  704.     font-family:consolas;
  705.     font-size:8px;
  706.     text-transform:uppercase;
  707.     background-color:{color:Nav Background};
  708.     border:1px solid {color:Nav Border};
  709.     padding:1px;
  710.     padding-left:2px;
  711.     padding-right:2px;
  712.     margin-bottom:3px;
  713.     width:75px;
  714. -webkit-transition: all 0.8s ease-out;
  715. -moz-transition: all 0.8s ease-out;
  716. transition: all 0.8s ease-out;}
  717.  
  718. #linksss:hover {
  719.     color:{color:Nav Text Hover};
  720.     border-left:15px solid{color:Nav Background};
  721.     border-right:1px solid {color:Nav Background};
  722.     border-top:1px solid {color:Nav Border};
  723.     border-bottom:1px solid {color:Nav Border};
  724. }
  725.  
  726. #navv a {
  727. color:{color:Nav Text};
  728. }#navvv a {
  729. color:{color:Nav Text};
  730. }
  731.  
  732. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 5px; right: 120px;}
  733.  
  734.  
  735. {CustomCSS}
  736.  
  737. </style>
  738.  
  739.  <a title="fly up" href="javascript:;" id="scrollToTop"><img src="http://nanairo-mikan.ciao.jp/gazo/bsk/120520_sum_blu00a.gif" border="0"></a>
  740.  
  741.  
  742.  
  743.  
  744. {block:IndexPage}
  745.  
  746. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  747.  
  748. {block:IfInfiniteScroll}
  749. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  750. {/block:IfInfiniteScroll}
  751. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  752. <script>
  753. $(function(){
  754. var $container = $('#posts');
  755. $container.imagesLoaded(function(){
  756. $container.masonry({
  757. itemSelector: '.entries',
  758. });
  759. });
  760. $container.infinitescroll({
  761. itemSelector : ".entries",
  762. navSelector : "div.pagination",
  763. nextSelector : ".pagination a#next",
  764. loadingImg : "",
  765. loadingText : "<em></em>",
  766. bufferPx : 10000,
  767. extraScrollPx: 12000,
  768. },
  769. // trigger Masonry as a callback
  770. function( newElements ) {
  771.   var $newElems = $( newElements ).css({ opacity: 0 });
  772. // ensure that images load before adding to masonry layout
  773. $newElems.imagesLoaded(function(){
  774. $newElems.animate({ opacity: 1 });
  775. $container.masonry( 'appended', $newElems, true );
  776. });
  777. }
  778. );
  779. });
  780. </script>
  781. {/block:IndexPage}
  782.  
  783. </head>
  784.  
  785. <body>
  786.  
  787. <div id="image">
  788.  <div id="all">
  789. <img src="http://i50.tinypic.com/2hyx8yd.png">
  790.     <div id="desc">"thank you for loving me"</div>
  791.    </div>
  792. </div>
  793. <div id="ace">{description}</div>
  794. <div id="custom" class="trans1">all I wanted was just the answer to that question
  795. <div style="margin-top:15px;">was it good that I was born?</div></div>
  796.  
  797. <div id="credits"><a title="ZuviaThemes" href="http://zuvia.tumblr.com">☡┬</a></div>
  798.  
  799. {block:IfMusicPlayer}
  800. <div id="lemusic">
  801. <div id="legif">
  802. <img src="http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"></div>
  803.  
  804.  
  805. <div id="letext">
  806. {text:Music}
  807. </div>
  808. </div>
  809. {/block:IfMusicPlayer}
  810.  
  811. <div class="pagination">
  812. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  813. </div>
  814.  
  815. <div id="nav">
  816. <a title="home" href="/"><div class="menu">
  817. <img src="http://static.tumblr.com/onhp7lq/odZm5r8k9/point.png"/></div></a>
  818. <a title="whisper" href="/ask"><div class="menu"><img src="http://static.tumblr.com/onhp7lq/B0Pm5rion/message.png"/></div></a><a title="links" href="Http://flavors.me/supahjee"><div class="menu"><img src="http://static.tumblr.com/onhp7lq/XXom5riqa/cross.png"/></div></a>
  819. <a title="nipples" href="/hi"><div class="menu"><img src="http://static.tumblr.com/onhp7lq/O6vm5riqy/all.png"/></div></a></div>
  820.  
  821. <div id="eunhyuk">
  822.  
  823. <div id="navv">
  824. {block:iflink1}<a href="/uglyjourney" id="linkss">▸about</a>
  825. {/block:iflink1}
  826. {block:iflink2}<a href="/shitty" id="linkss">▸graphics</a>
  827. {/block:iflink2}
  828. {block:iflink3}<a href="http://twitter.com/jeeraiya" id="linkss">▸twitter</a>
  829. {/block:iflink3}
  830. </div></div>
  831.  
  832. <div id="navvv">
  833. {block:iflink4}<a href="/faqs" id="linksss">▸READ ME</a>
  834. {/block:iflink4}
  835. {block:iflink5}<a href="/blogroll" id="linksss">▸blogroll</a>
  836. {/block:iflink5}
  837. {block:iflink6}<a href="/kazoku" id="linksss">▸one piece family</a>
  838. {/block:iflink6}
  839. </div></div>
  840.  
  841. <div id="posts">
  842.  
  843. {block:Posts}
  844.  
  845. <div class="entries">
  846.  
  847. {block:Text}
  848. {block:Title}
  849. <h1><a href="{Permalink}">{Title} —  </a></h1>
  850. {/block:Title}
  851. {Body}
  852. {/block:Text}
  853.  
  854. {block:Photo}
  855. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  856. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  857. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  858. {Caption}
  859. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  860. {/block:Photo}
  861.  
  862. {block:Photoset}
  863. {block:IndexPage}<div class="photo">{Photoset-250}</div>{/block:IndexPage}
  864. {block:permalinkpage}<div class="photo">{Photoset-500}</div>{/block:permalinkpage}
  865. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  866. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  867. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  868. {/block:Photoset}
  869.  
  870. {block:Quote}
  871. <h2>{Quote}</h2>
  872. {block:Source}
  873. <i><p align="right"><small>{Source}</small>{/block:Source}</i>
  874. {/block:Quote}
  875.  
  876. {block:Link}
  877. <h3><a href="{URL}" class="link" {Target}>{Name} → </a> </h3>
  878. {block:Description}
  879. <div class="description">{Description}</div>
  880. {/block:Description}
  881. {/block:Link}
  882.  
  883. {block:Chat}
  884. {block:Title}<h1>— {Title}</h1>{/block:Title}
  885. <div class="chat">{block:Lines}
  886. {block:Label}
  887. <b>{Label}</b>
  888. {/block:Label}
  889. {Line}<br />
  890. {/block:Lines}</div>
  891. {/block:Chat}
  892.  
  893. {block:Video}
  894. {Video-250}
  895. {block:permalinkpage}{Video-500}{/block:permalinkpage}
  896. <center><i>{FormattedPlayCount}</i> plays</center><br />
  897. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  898. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  899. {Caption}
  900. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  901. {/block:Video}
  902.  
  903. {block:Audio}
  904. <div class="cover">{block:AlbumArt}
  905. <img src="{AlbumArtURL}">
  906. {/block:AlbumArt}</div><div class="audio">{AudioPlayerGrey}</div>
  907. <div class="what">
  908. {block:Artist}
  909. {Artist}
  910. {/block:Artist} | {block:TrackName}
  911. "{TrackName}"
  912. {/block:TrackName} </div>
  913. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  914. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  915. {Caption}
  916. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  917. {/block:Audio}
  918.  
  919. {block:Answer}
  920. <div class="ask">{Asker} asked: {Question}</div>
  921. <div class="answer"> {Answer}</div>
  922. {/block:Answer}
  923.  
  924. {block:IndexPage}
  925. <div class="reblog">
  926. <a href="{Permalink}">{TimeAgo}</a> | <a href="{Permalink}">{NoteCount}</a>
  927. </div>
  928. <div class="reb2">
  929. <a href="{ReblogURL}" target="_blank">Reblog?</a>
  930. </div>
  931. {/block:IndexPage}
  932.  
  933. </div>
  934.  
  935.  
  936. {block:PermalinkPage}
  937.  
  938. <div class="permalink">
  939. <div style="font-size: 11px;
  940. font-family:tahoma;
  941. padding-right:20px;
  942. padding-bottom:10px;
  943. margin-bottom:4px;
  944. padding-top:5px;
  945. color: {color:entry text};
  946. text-align: center; ">
  947. {block:Date}<b>Posted:</b> {TimeAgo}{/block:Date} {block:NoteCount} with {NoteCount} note(s){/block:NoteCount}<br>
  948. {block:RebloggedFrom}
  949. <b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> & <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} </br>
  950. {block:HasTags}<b>Tags:</b> {block:Tags}
  951. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  952. {block:PostNotes}
  953. {PostNotes}
  954. {/block:PostNotes}
  955. </div>
  956.  
  957. {/block:PermalinkPage}
  958.  
  959.             {/block:Posts}
  960.  
  961. </div>
  962.  
  963. </body>
  964. </html>
create a new version of this paste RAW Paste Data