API tools faq
paste
Advertisement
dohdoro

aqua prism

dohdoro
Jun 23rd, 2014
8,275
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5.  
  6.  
  7. <!--
  8.  
  9. █▀▀▄ █▀▀█ █░░█ █▀▀▄ █▀▀█ █▀▀█ █▀▀█ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  10. █░░█ █░░█ █▀▀█ █░░█ █░░█ █▄▄▀ █░░█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  11. ▀▀▀░ ▀▀▀▀ ▀░░▀ ▀▀▀░ ▀▀▀▀ ▀░▀▀ ▀▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  12.  
  13. ╭━━┳╮╱╱╭╮╭━━━┳━━━┳━━┳━━━┳━━━╮
  14. ┃╭╮┃╰╮╭╯┃┃╭━━┫╭━╮┣┫┣┫╭━╮┃╭━╮┃
  15. ┃╰╯╰╮╰╯╭╯┃╰━━┫╰━╯┃┃┃┃┃╱╰┫┃╱┃┃
  16. ┃╭━╮┣╮╭╯╱┃╭━━┫╭╮╭╯┃┃┃┃╱╭┫╰━╯┃
  17. ┃╰━╯┃┃┃╱╱┃╰━━┫┃┃╰┳┫┣┫╰━╯┃╭━╮┃
  18. ╰━━━╯╰╯╱╱╰━━━┻╯╰━┻━━┻━━━┻╯╱╰╯
  19.  
  20.  
  21. <!-- THEME: AQUA PRISM --->
  22.  
  23. <!--DO NOT REMOVE THE CREDIT PLEASE.
  24. ***DO NOT COMBINE MY CODES WITH SOMEONE ELSES
  25. ***DO NOT REDISTRIBUTE AND CLAIM AS YOURS
  26. ***DO NOT USE AS BASE --->
  27.  
  28.  
  29. <head>
  30.  
  31. <title>{Title}</title>
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. <link rel="shortcut icon" href="{favicon}" />
  34.  
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:icon" content="http://static.tumblr.com/de4835972140acb5afd280a037104b6e/bj5zkci/9Sgn7jjqi/tumblr_static_4juezgzfv3msg8swgwcw4o004.jpg"/>
  38. <meta name="image:corner image" content="http://static.tumblr.com/5a349b226084e263a9667c7ed6e9d43f/bj5zkci/gyWn7lvfl/tumblr_static_8eoqxdgnl1c0ksg0coo0cgc0k.png"/>
  39.  
  40. <meta name="if:InfiniteScroll" content="0" />
  41. <meta name="if:Show Captions" content="0"/>
  42. <meta name="if:Show Tags" content="0"/>
  43. <meta name="if:slideask" content"1"/>
  44. <meta name="if:250px" content="1" />
  45. <meta name="if:400px" content="0" />
  46. <meta name="if:500px" content="0" />
  47.  
  48. <meta name="text:Link One URL" content="/"/>
  49. <meta name="text:Link One" content="link one"/>
  50. <meta name="text:Link Two URL" content="/"/>
  51. <meta name="text:Link Two" content="link two"/>
  52. <meta name="text:Link Three URL" content="/"/>
  53. <meta name="text:Link Three" content="link three"/>
  54. <meta name="text:Link Four URL" content="/"/>
  55. <meta name="text:Link Four" content="link four"/>
  56. <meta name="text:Link Five URL" content="/"/>
  57. <meta name="text:Link Five" content="link five"/>
  58. <meta name="text:Link Six URL" content="/"/>
  59. <meta name="text:Link Six" content="link six"/>
  60. <meta name="text:Link Seven URL" content="/"/>
  61. <meta name="text:Link Seven" content="link seven"/>
  62. <meta name="text:Link Eight URL" content="/"/>
  63. <meta name="text:Link Eight" content="link eight"/>
  64.  
  65. <meta name="color:Background" content="#ffffff"/>
  66. <meta name="color:Text" content="#888"/>
  67. <meta name="color:bold" content="#00CED1"/>
  68. <meta name="color:italic" content="#F08080"/>
  69. <meta name="color:links" content="#888888"/>
  70. <meta name="color:links hover" content="#000000"/>
  71. <meta name="color:h1 bg" content="#000000"/>
  72. <meta name="color:h1" content="#ffffff"/>
  73. <meta name="color:h1 border" content="#FFB6C1"/>
  74. <meta name="color:pagination bg hover" content="#FFB6C1"/>
  75. <meta name="color:pagination text hover" content="#ffffff"/>
  76. <meta name="color:pagination" content="#000000"/>
  77. <meta name="color:pagination bg" content="#ffffff"/>
  78. <meta name="color:pagination border" content="#eeeeee"/>
  79. <meta name="color:permalink bg" content="#ffffff"/>
  80. <meta name="color:permalink border" content="#eeeeee"/>
  81. <meta name="color:permalink" content="#888888"/>
  82. <meta name="color:long bar" content="#000000"/>
  83. <meta name="color:description bg" content="#000000"/>
  84. <meta name="color:description" content="#ffffff"/>
  85. <meta name="color:description border" content="#000000"/>
  86. <meta name="color:title bg" content="#000000"/>
  87. <meta name="color:title" content="#ffffff"/>
  88. <meta name="color:title border" content="#000000"/>
  89. <meta name="color:title bg hover" content="#FFB6C1"/>
  90. <meta name="color:title hover" content="#ffffff"/>
  91. <meta name="color:icon bg" content="#ffffff"/>
  92. <meta name="color:icon border" content="#cccccc"/>
  93. <meta name="color:search bar bg" content="#cdea8d"/>
  94. <meta name="color:navi bg" content="#ffffff"/>
  95. <meta name="color:navi" content="#888888"/>
  96. <meta name="color:navi border" content="#cccccc"/>
  97. <meta name="color:navi bg hover" content="#FFB6C1"/>
  98. <meta name="color:navi hover" content="#ffffff"/>
  99. <meta name="color:slide navi title bg" content="#000000"/>
  100. <meta name="color:slide navi bg" content="#ffffff"/>
  101. <meta name="color:slide navi" content="#888888"/>
  102. <meta name="color:slide navi border" content="#eeeeee"/>
  103. <meta name="color:slide navi hover border" content="#cdea8d"/>
  104. <meta name="color:slide navi bg hover" content="#FFB6C1"/>
  105. <meta name="color:slide navi hover" content="#ffffff"/>
  106. <meta name="color:slide navi title" content="#ffffff"/>
  107. <meta name="color:slide ask bg" content="#ffffff"/>
  108. <meta name="color:slide ask border" content="#eeeeee"/>
  109. <meta name="color:slide ask title bg" content="#000000"/>
  110. <meta name="color:slide ask title" content="#ffffff"/>
  111. <meta name="color:post bg" content="#ffffff"/>
  112. <meta name="color:post text" content="#888888"/>
  113. <meta name="color:tags bg" content="#000000"/>
  114. <meta name="color:tags" content="#ffffff"/>
  115. <meta name="color:tags border" content="#cdea8d"/>
  116. <meta name="color:post info bg" content="#FFB6C1"/>
  117. <meta name="color:post info" content="#ffffff"/>
  118. <meta name="color:post info hover border" content="#cdea8d"/>
  119. <meta name="color:notes and reblog bg" content="#000000"/>
  120. <meta name="color:notes and reblog" content="#ffffff"/>
  121. <meta name="color:caption bg" content="#fafafa"/>
  122. <meta name="color:caption border" content="#eeeeee"/>
  123. <meta name="color:caption" content="#888888"/>
  124. <meta name="color:ask bg" content="#ffffff"/>
  125. <meta name="color:ask" content="#888888"/>
  126. <meta name="color:ask border" content="#eeeeee"/>
  127. <meta name="color:reply bg" content="#ffffff"/>
  128. <meta name="color:reply" content="#888888"/>
  129. <meta name="color:audio border" content="#eeeeee"/>
  130. <meta name="color:audio info bg" content="#ffffff"/>
  131. <meta name="color:audio info" content="#888888"/>
  132. <meta name="color:scroll bar bg" content="#ffffff"/>
  133. <meta name="color:scroll bar border" content="#000000"/>
  134. <meta name="color:scroll bar" content="#FFB6C1"/>
  135. <meta name="text:Search Label" content="" />
  136. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  137.  
  138. <style type="text/css">
  139.  
  140.  
  141. /* body */
  142.  
  143. body {
  144. font-family:calibri;
  145. font-size:10px;
  146. letter-spacing:1px;
  147. color:{color:Text};
  148. background:{color:Background};
  149. background-image:url('{image:Background}');
  150. background-repeat:repeat;
  151. background-attachment:fixed;
  152.  
  153. }
  154.  
  155. a {
  156. color:{color:links};
  157. text-decoration:none;
  158.  
  159. }
  160.  
  161. a:hover {
  162. color:{color:links hover};
  163.  
  164. }
  165.  
  166. b, strong{
  167. color:{color:bold};
  168.  
  169. }
  170.  
  171. i, em {
  172. color:{color:italic};
  173.  
  174. }
  175.  
  176. h1 {
  177. font-family:pixel;
  178. font-size:25px;
  179. background:{color:h1 bg};
  180. color:{color:h1};
  181. border-left:20px solid {color:h1 border};
  182. text-transform:uppercase;
  183. text-align:center;
  184. padding:15px;
  185.  
  186. }
  187.  
  188. h1 a {
  189. color:{color:h1};
  190. text-decoration:none;
  191.  
  192. }
  193.  
  194. blockquote {
  195. word-wrap:break-word;
  196.  
  197. }
  198.  
  199. pre {
  200. word-wrap:break-word;
  201. font-family:calibri;
  202. font-size:10px;
  203. letter-spacing:1px;
  204.  
  205. }
  206.  
  207. /* Theme credit */
  208.  
  209. #thmcredit a {
  210. position:fixed;
  211. z-index:99999;
  212. font-family:courier new;
  213. font-size:8px;
  214. text-transform:uppercase;
  215. color:#fff;
  216. border:5px solid #fff;
  217. outline:1px solid #ccc;
  218. background:#000;
  219. padding:5px;
  220. bottom:8px;
  221. right:10px;
  222.  
  223. }
  224.  
  225. /* corner image */
  226.  
  227. #cornerz {
  228. position:fixed;
  229. bottom:0px;
  230. {block:if250px}
  231. margin-left:420px;
  232. {/block:if250px}
  233. {block:if400px}
  234. margin-left:490px;
  235. {/block:if400px}
  236. {block:if500px}
  237. margin-left:600px;
  238. {/block:if500px}
  239.  
  240. }
  241.  
  242. /* Hover text */
  243.  
  244. #s-m-t-tooltip {
  245. z-index:999999;
  246. margin-top:25px;
  247. margin-left:15px;
  248. padding:5px;
  249. background-color:#000;
  250. color:#fff;
  251. font-family:courier new;
  252. font-size:8px;
  253. text-transform:uppercase;
  254. line-height:13px;
  255.  
  256. }
  257.  
  258. /* Pagination */
  259.  
  260. #pagi {
  261. position:fixed;
  262. z-index:999;
  263. padding:5px;
  264. text-align:center;
  265. margin-top:250px;
  266. margin-left:30px;
  267.  
  268. }
  269.  
  270. .current_page {
  271. display:block;
  272. color:{color:pagination};
  273. padding:5px;
  274. margin:5px;
  275. background:{color:pagination bg};
  276. border:1px solid {color:pagination border};
  277. font-family:courier new;
  278. font-size:11px;
  279. text-decoration:none;
  280. -webkit-transition: opacity 0.4s linear;
  281. -webkit-transition: all 0.4s ease-in-out;
  282. -moz-transition: all 0.4s ease-in-out;
  283. -o-transition: all 0.4s ease-in-out;
  284.  
  285. }
  286.  
  287. .current_page:hover {
  288. padding:5px;
  289. background:{color:pagination bg hover};
  290. color:{color:pagination text hover};
  291. font-family:courier new;
  292. font-size:11px;
  293. text-decoration:none;
  294. -webkit-transition: all .7s ease-in-out;
  295. -moz-transition: all .7s ease-in-out;
  296. -o-transition: all .7s ease-in-out;
  297. -ms-transition: all .7s ease-in-out;
  298. transition: all .7s ease-in-out;
  299.  
  300. }
  301.  
  302. .jump_page {
  303. display:block;
  304. color:{color:pagination};
  305. padding:5px;
  306. margin:5px;
  307. background:{color:pagination bg};
  308. border:1px solid {color:pagination border};
  309. font-family:courier new;
  310. font-size:11px;
  311. text-decoration:none;
  312. -webkit-transition: opacity 0.4s linear;
  313. -webkit-transition: all 0.4s ease-in-out;
  314. -moz-transition: all 0.4s ease-in-out;
  315. -o-transition: all 0.4s ease-in-out;
  316.  
  317. }
  318.  
  319. .jump_page:hover {
  320. padding:5px;
  321. background:{color:pagination bg hover};
  322. color:{color:pagination text hover};
  323. font-family:courier new;
  324. font-size:11px;
  325. text-decoration:none;
  326. -webkit-transition: all .7s ease-in-out;
  327. -moz-transition: all .7s ease-in-out;
  328. -o-transition: all .7s ease-in-out;
  329. -ms-transition: all .7s ease-in-out;
  330. transition: all .7s ease-in-out;
  331.  
  332. }
  333.  
  334. /* Quotes */
  335.  
  336. #quotes {
  337. font-family:helvetica sans serif;
  338. font-size:17px;
  339. text-align:center;
  340. letter-spacing:0px;
  341. text-transform:uppercase;
  342.  
  343. }
  344.  
  345. /* Permalink */
  346.  
  347. #permalink {
  348. position:absolute;
  349. width:560px;
  350. height:auto;
  351. margin-left:-41px;
  352. margin-top:70px;
  353. padding:10px;
  354. color:{color:permalink};
  355. border:1px solid {color:permalink border};
  356. background:{color:permalink bg};
  357.  
  358. }
  359.  
  360. #permalink a {
  361. color:#888;
  362.  
  363. }
  364.  
  365. .perma {
  366. font-size:8px;
  367. font-family:courier new;
  368. text-transform:uppercase;
  369. text-align:left;
  370. margin-top:20px;
  371. margin-left:40px;
  372. padding:10px;
  373.  
  374. }
  375.  
  376. #notecounts {
  377. margin-top:30px;
  378. margin-left:-10px;
  379. font-size:8px;
  380. width:560px;
  381. font-family:courier new;
  382. text-transform:uppercase;
  383. border-top:1px solid {color:permalink border};
  384. background:{color:permalink bg};
  385. color:{color:permalink};
  386. padding:10px;
  387.  
  388. }
  389.  
  390. #notecounts img {
  391. display:inline-block;
  392. border:1px solid {color:permalink border};
  393. border-radius:20%;
  394.  
  395. }
  396.  
  397. ol.notes {
  398. list-style-type:none;
  399.  
  400. }
  401.  
  402. /* Sidebar */
  403.  
  404. #lefty {
  405. position:fixed;
  406. left:0;
  407. z-index:9;
  408. top:0;
  409. width:85px;
  410. height:100%;
  411. background:{color:long bar};
  412.  
  413. }
  414.  
  415. #barside {
  416. position:fixed;
  417. z-index:9;
  418. top:100px;
  419. left:20px;
  420.  
  421. }
  422.  
  423. .cription {
  424. overflow:auto;
  425. margin-top:10px;
  426. background:{color:description bg};
  427. line-height:10px;
  428. border:10px solid {color:description border};
  429. color:{color:description};
  430. width:140px;
  431. padding:15px;
  432. height:80px;
  433.  
  434. }
  435.  
  436. .tits {
  437. overflow:hidden;
  438. font-size:30px;
  439. width:140px;
  440. height:46px;
  441. margin-left:0px;
  442. text-align:center;
  443. letter-spacing:2px;
  444. line-height:27px;
  445. color:{color:title};
  446. font-family:pixel;
  447. text-transform:uppercase;
  448. background:{color:title bg};
  449. padding:15px;
  450. border:10px solid {color:title border};
  451. -webkit-transition: opacity 0.4s linear;
  452. -webkit-transition: all 0.4s ease-in-out;
  453. -moz-transition: all 0.4s ease-in-out;
  454. -o-transition: all 0.4s ease-in-out;
  455.  
  456. }
  457.  
  458. .tits:hover {
  459. background:{color:title bg hover};
  460. color:{color:title hover};
  461. -webkit-transition: opacity 0.7s linear;
  462. -webkit-transition: all 0.7s ease-in-out;
  463. -moz-transition: all 0.7s ease-in-out;
  464. -o-transition: all 0.7s ease-in-out;
  465.  
  466. }
  467.  
  468. .icon {
  469. position:absolute;
  470. margin-left:200px;
  471. margin-top:-96px;
  472.  
  473. }
  474.  
  475. .icon img {
  476. width:100px;
  477. height:100px;
  478. padding:15px;
  479. background:{color:icon bg};
  480. border:1px solid {color:icon border};
  481.  
  482. }
  483.  
  484. .nabhighetion {
  485. position:fixed;
  486. width:110px;
  487. background:{color:navi bg};
  488. border-top:35px solid {color:search bar bg};
  489. height:40px;
  490. outline:1px solid {color:navi border};
  491. padding:10px;
  492. margin-left:200px;
  493. margin-top:-95px;
  494.  
  495. }
  496.  
  497. .searchy {
  498. position:absolute;
  499. margin-left:5px;
  500. margin-top:-35px;
  501.  
  502. }
  503.  
  504. .sfm input {
  505. margin-left:-5px;
  506. font-size: 8px;
  507. text-transform:uppercase;
  508. outline:none;
  509. margin-left:0px;
  510. color:#888;
  511. letter-spacing:1px;
  512. font-family:calibri;
  513.  
  514. }
  515.  
  516. #sb {
  517. height:7px;
  518. margin-top:4px;
  519. margin-left:5px;
  520. vertical-align: top;
  521.  
  522. }
  523.  
  524. .linkh {
  525. margin-top:5px;
  526.  
  527. }
  528.  
  529. .linkh a {
  530. display:block;
  531. border-bottom:1px solid #eee;
  532. color:{color:navi};
  533. font-family:courier new;
  534. font-size:8px;
  535. text-transform:uppercase;
  536. -webkit-transition: opacity 0.4s linear;
  537. -webkit-transition: all 0.4s ease-in-out;
  538. -moz-transition: all 0.4s ease-in-out;
  539. -o-transition: all 0.4s ease-in-out;
  540.  
  541. }
  542.  
  543. .linkh a:hover {
  544. background:{color:navi bg hover};
  545. padding-left:25px;
  546. color:{color:navi hover};
  547. letter-spacing:3px;
  548. -webkit-transition: opacity 0.4s linear;
  549. -webkit-transition: all 0.4s ease-in-out;
  550. -moz-transition: all 0.4s ease-in-out;
  551. -o-transition: all 0.4s ease-in-out;
  552.  
  553. }
  554.  
  555. .more {
  556. position:fixed;
  557. z-index:100;
  558. border-left:20px solid {color:slide navi title bg};
  559. outline:5px solid {color:slide navi border};
  560. height:65px;
  561. width:200px;
  562. background:{color:slide navi bg};
  563. margin-top:24px;
  564. margin-left:-135px;
  565. padding:15px;
  566.  
  567. }
  568.  
  569. .more a {
  570. display:block;
  571. color:{color:slide navi};
  572. border:none;
  573. -webkit-transition: opacity 0.4s linear;
  574. -webkit-transition: all 0.4s ease-in-out;
  575. -moz-transition: all 0.4s ease-in-out;
  576. -o-transition: all 0.4s ease-in-out;
  577.  
  578. }
  579.  
  580. .more a:hover {
  581. padding-left:15px;
  582. padding-right:10px;
  583. background:{color:slide navi bg hover};
  584. color:{color:slide navi hover};
  585. border-left:25px solid {color:slide navi hover border};
  586. -webkit-transition: opacity 0.4s linear;
  587. -webkit-transition: all 0.4s ease-in-out;
  588. -moz-transition: all 0.4s ease-in-out;
  589. -o-transition: all 0.4s ease-in-out;
  590.  
  591. }
  592.  
  593. .lnk {
  594. position:absolute;
  595. color:{color:slide navi title};
  596. font-family:pixel;
  597. letter-spacing:4px;
  598. margin-top:25px;
  599. text-transform:uppercase;
  600. font-size:15px;
  601. margin-left:-54px;
  602. transform:rotate(90deg);
  603. -ms-transform:rotate(90deg); /* IE 9 */
  604. -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */
  605.  
  606. }
  607.  
  608. .messages {
  609. position:fixed;
  610. z-index:100;
  611. width:225px;
  612. border:1px solid {color:slide ask border};
  613. background:{color:slide ask bg};
  614. margin-top:35px;
  615. margin-left:-135px;
  616. padding:15px;
  617.  
  618. }
  619.  
  620. .loveletter {
  621. padding:10px;
  622. color:{color:slide ask title};
  623. margin-bottom:10px;
  624. text-align:center;
  625. background:{color:slide ask title bg};
  626. font-family:pixel;
  627. margin-top:0px;
  628. text-transform:uppercase;
  629. font-size:30px;
  630.  
  631. }
  632.  
  633. /* Posts */
  634.  
  635. #container {
  636. margin-left:420px;
  637. margin-top:-70px;
  638.  
  639. }
  640.  
  641. #posht {
  642. position:relative;
  643. background:{color:post bg};
  644. color:{color:post text};
  645. font-family:calibri;
  646. font-size:10px;
  647. margin:90px;
  648. margin-left:45px;
  649. padding:40px;
  650. border:1px solid #eee;
  651. {block:if250px}
  652. width:250px;
  653. {/block:if250px}
  654. {block:if400px}
  655. width:400px;
  656. margin-left:-10px;
  657. {/block:if400px}
  658. {block:if500px}
  659. width:500px;
  660. margin-left:10px;
  661. {/block:if500px}
  662. {block:PermalinkPage}
  663. margin-left:-50px;
  664. margin-top:90px;
  665. width:500px;
  666. padding-bottom:50px;
  667. {/block:PermalinkPage}
  668.  
  669. }
  670.  
  671. #posht a {
  672. color:{color:links};
  673.  
  674. }
  675.  
  676. #posht img {
  677. max-width:100%;
  678.  
  679. }
  680.  
  681. /* Post info */
  682.  
  683. #tagilicious {
  684. position:absolute;
  685. margin-top:40px;
  686. margin-left:-41px;
  687. padding:6px;
  688. word-wrap:break-word;
  689. background:{color:tags bg};
  690. color:{color:tags};
  691. font-family:courier new;
  692. border-left:20px solid {color:tags border};
  693. font-size:8px;
  694. text-transform:uppercase;
  695. {block:if250px}
  696. width:300px;
  697. {/block:if250px}
  698. {block:if400px}
  699. width:450px;
  700. {/block:if400px}
  701. {block:if500px}
  702. width:550px;
  703. margin-left:-41px;
  704. {/block:if500px}
  705.  
  706. }
  707.  
  708. #tagilicious a {
  709. color:{color:tags};
  710.  
  711. }
  712.  
  713. #infoz {
  714. position:absolute;
  715. background:{color:post info bg};
  716. padding:5px;
  717. margin-top:16px;
  718. margin-left:-41px;
  719. font-family:courier new;
  720. font-size:8px;
  721. text-transform:uppercase;
  722. color:{color:post info};
  723. {block:if250px}
  724. width:322px;
  725. {/block:if250px}
  726. {block:if400px}
  727. width:472px;
  728. {/block:if400px}
  729. {block:if500px}
  730. width:572px;
  731. margin-left:-41px;
  732. {/block:if500px}
  733. opacity:0;
  734. -webkit-transition: opacity 0.4s linear;
  735. -webkit-transition: all 0.4s ease-in-out;
  736. -moz-transition: all 0.4s ease-in-out;
  737. -o-transition: all 0.4s ease-in-out;
  738.  
  739. }
  740.  
  741. #infoz a {
  742. display:inline-block;
  743. background:{color:notes and reblog bg};
  744. color:{color:notes and reblog};
  745. padding:3px;
  746. -webkit-transition: opacity 0.4s linear;
  747. -webkit-transition: all 0.4s ease-in-out;
  748. -moz-transition: all 0.4s ease-in-out;
  749. -o-transition: all 0.4s ease-in-out;
  750.  
  751. }
  752.  
  753. #infoz a:hover {
  754. border-left:20px solid {color:post info hover border};
  755. -webkit-transition: opacity 0.4s linear;
  756. -webkit-transition: all 0.4s ease-in-out;
  757. -moz-transition: all 0.4s ease-in-out;
  758. -o-transition: all 0.4s ease-in-out;
  759.  
  760. }
  761.  
  762. #posht:hover #infoz {
  763. opacity:1;
  764. -webkit-transition: all .7s ease-in-out;
  765. -moz-transition: all .7s ease-in-out;
  766. -o-transition: all .7s ease-in-out;
  767. -ms-transition: all .7s ease-in-out;
  768. transition: all .7s ease-in-out;
  769.  
  770. }
  771.  
  772. #caption {
  773. margin-top:40px;
  774. margin-left:-40px;
  775. padding:5px;
  776. word-wrap:break-word;
  777. font-size:11px;
  778. font-family:calibri;
  779. color:{color:caption};
  780. background:{color:caption bg};
  781. border-top:1px solid {color:caption border};
  782. border-bottom:1px solid {color:caption border};
  783. {block:IndexPage}
  784. {block:if250px}
  785. width:320px;
  786. {/block:if250px}
  787. {block:if400px}
  788. width:470px;
  789. {/block:if400px}
  790. {block:if500px}
  791. width:570px;
  792. margin-left:-40px;
  793. {/block:if500px}
  794. {/block:IndexPage}
  795. {block:PermalinkPage}
  796. margin-top:90px;
  797. width:570px;
  798. {/block:PermalinkPage}
  799.  
  800. }
  801.  
  802. /* Asks */
  803.  
  804. #queshtionz{
  805. background:{color:ask bg};
  806. font-family:calibri;
  807. font-size:10px;
  808. line-height:12px;
  809. padding:10px;
  810. color:{color:ask};
  811. border-bottom:1px solid {color:ask border};
  812.  
  813. }
  814.  
  815. #queshtionz a {
  816. color:{color:links};
  817.  
  818. }
  819.  
  820. .whoasked {
  821. text-transform:uppercase;
  822. padding:5px;
  823. margin-top:-10px;
  824. margin-bottom:15px;
  825. letter-spacing:2px;
  826. color:{color:ask};
  827. font-family:courier new;
  828. font-size:8px;
  829. text-align:center;
  830. border-top:1px solid {color:ask border};
  831. border-bottom:1px solid {color:ask border};
  832.  
  833. }
  834.  
  835. .whoasked a {
  836. color:#888;
  837.  
  838. }
  839.  
  840. #ireplied {
  841. padding:10px;
  842. font-family:calibri;
  843. text-align:left;
  844. background:{color:reply bg};
  845. color:{color:reply};
  846. font-size:10px;
  847. line-height:12px;
  848.  
  849. }
  850.  
  851. /* Music */
  852.  
  853. #albumart {
  854. position:relative;
  855. margin-left:-10px;
  856. margin-top:35px;
  857.  
  858. }
  859.  
  860. #albumart img {
  861. margin-top:7px;
  862. display:block;
  863. width:80px;
  864. padding:5px;
  865. border-left:1px solid {color:audio border};
  866. border-right:1px solid {color:audio border};
  867. border-bottom:1px solid {color:audio border};
  868.  
  869. }
  870.  
  871. .tunes {
  872. position:absolute;
  873. width:260px;
  874. padding:5px;
  875. border:1px solid {color:audio border};
  876. margin-left:-10px;
  877. margin-top:-133px;
  878. {block:if250px}
  879. width:260px;
  880. {/block:if250px}
  881. {block:if400px}
  882. width:400px;
  883. {/block:if400px}
  884. {block:if500px}
  885. width:500px;
  886. margin-left:-10px;
  887. {/block:if500px}
  888.  
  889. }
  890.  
  891. .tuner {
  892. overflow:auto;
  893. position:absolute;
  894. background:{color:audio info bg};
  895. color:{color:audio info};
  896. height:70px;
  897. margin-top:-91px;
  898. margin-left:81px;
  899. border-right:1px solid {color:audio border};
  900. border-bottom:1px solid {color:audio border};
  901. padding:10px;
  902. font-family:calibri;
  903. font-size:10px;
  904. line-height:10px;
  905. letter-spacing:1px;
  906. {block:if250px}
  907. width:160px;
  908. {/block:if250px}
  909. {block:if400px}
  910. width:300px;
  911. {/block:if400px}
  912. {block:if500px}
  913. width:436px;
  914. margin-left:45px;
  915. {/block:if500px}
  916.  
  917. }
  918.  
  919. /* custom font */
  920.  
  921. @font-face {font-family:pixel; src: url(http://static.tumblr.com/bj5zkci/gT5n6tizn/04b_19__.ttf) format("truetype"); }
  922.  
  923. /* tumblr controls */
  924.  
  925. #tumblr_controls {position: fixed !important;}
  926. #tumblr_controls {-webkit-filter: invert(100%);}
  927. #tumblr_controls {opacity: 0.5; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  928. #tumblr_controls:hover {opacity: 1; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  929.  
  930. /* scroll bar */
  931.  
  932. ::-webkit-scrollbar {
  933. height:3px;
  934. width:7px;
  935. background:{color:scroll bar bg};
  936. border-left:3px solid {color:scroll bar border};
  937. border-right:3px solid {color:scroll bar border};
  938.  
  939. }
  940.  
  941. ::-webkit-scrollbar-thumb:vertical {
  942. background:{color:scroll bar};
  943.  
  944. }
  945.  
  946. </style>
  947.  
  948. <!-- DO NOT TOUCH -->
  949.  
  950. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  951. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  952.  
  953. {block:IfInfiniteScroll}
  954. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  955. {/block:IfInfiniteScroll}
  956.  
  957. <script type="text/javascript">
  958. jQuery(document).ready(function() {
  959. jQuery(".more").hide();
  960. //toggle the componenet with class msg_body
  961. jQuery(".nav").click(function()
  962. {
  963. jQuery(this).next(".more").slideToggle(500);
  964. });});
  965. </script>
  966.  
  967. <script type="text/javascript">
  968. jQuery(document).ready(function() {
  969. jQuery(".messages").hide();
  970. //toggle the componenet with class msg_body
  971. jQuery(".athk").click(function()
  972. {
  973. jQuery(this).next(".messages").slideToggle(500);
  974. });});
  975. </script>
  976.  
  977. <!-- DO NOT TOUCH -->
  978.  
  979. </head>
  980. <body>
  981.  
  982. <div id="lefty">
  983.  
  984. <!-- FISHIES -->
  985.  
  986. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor4=FCF403&up_fishName=Fish&up_fishColor2=0CEEFA&up_numFish=10&up_fishColor3=F4E540&up_foodColor=FFFEFC&up_fishColor1=FCF6F5&up_fishColor5=DC40F4&up_fishColor6=FF8095&up_backgroundImage=http://&up_fishColor10=FFC2FE&up_fishColor7=F44064&up_fishColor9=40F4C4&up_fishColor8=6AF440&up_backgroundColor=000000&" width="85" height="1080"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor4=FCF403&up_fishName=Fish&up_fishColor2=0CEEFA&up_numFish=10&up_fishColor3=F4E540&up_foodColor=FFFEFC&up_fishColor1=FCF6F5&up_fishColor5=DC40F4&up_fishColor6=FF8095&up_backgroundImage=http://&up_fishColor10=FFC2FE&up_fishColor7=F44064&up_fishColor9=40F4C4&up_fishColor8=6AF440&up_backgroundColor=000000&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
  987. </div>
  988.  
  989. <div id="barside">
  990.  
  991. {block:IndexPage}
  992. {block:IfNotInfiniteScroll}
  993. <div id="pagi">
  994. {block:Pagination}
  995. {block:JumpPagination length="3"}
  996. {block:CurrentPage}<span class="current_page"><a href="{PageNumber}"><img src="http://media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png"></a></span>{/block:CurrentPage}
  997. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  998. {/block:Pagination}
  999. </div> {/block:IfNotInfiniteScroll}
  1000. {/block:IndexPage}
  1001.  
  1002.  
  1003. <div class="tits">
  1004. {title}
  1005. </div>
  1006. <div class="icon"><img src="{image:icon}"></div>
  1007. <div class="cription">
  1008. {description}
  1009. </div>
  1010. <div class="nabhighetion">
  1011. <div class="searchy">
  1012. <form action="/search" method="get" class="sfm">
  1013. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1014. <input type="image" value="Search" src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  1015. </form><br>
  1016. </div>
  1017. <div class="linkh">
  1018. <a href="/">index</a>
  1019.  
  1020. {block:ifslideask}
  1021. <a href="#" class="athk">ASK</a>
  1022. <div class="messages">
  1023. <div class="loveletter">LOVE LETTER</div>
  1024.  
  1025. <iframe frameborder="0" scrolling="yes" width="100%" height="270px" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  1026. </div>
  1027. {/block:ifslideask}
  1028.  
  1029. {block:ifnotslideask}
  1030. <a href="/ask">ASK</a>
  1031. {/block:ifnotslideask}
  1032.  
  1033. <a href="/archive">Library</a>
  1034. <a href="#" class="nav">navigation</a>
  1035. <div class="more">
  1036. <div class="lnk">Links</div>
  1037. {block:ifLinkOne}
  1038. <a href="{text:Link One URL}">{text:Link One}</a>{/block:ifLinkOne}
  1039. {block:ifLinkTwo}<a href="{text:Link Two URL}">{text:Link Two}</a>{/block:ifLinkTwo}
  1040. {block:ifLinkThree}<a href="{text:Link Three URL}">{text:Link Three}</a>{/block:ifLinkThree}
  1041. {block:ifLinkFour}<a href="{text:Link Four URL}">{text:Link Four}</a>{/block:ifLinkFour}
  1042. {block:ifLinkFive}<a href="{text:Link Five URL}">{text:Link Five}</a>{/block:ifLinkFive}
  1043. {block:ifLinkSix}<a href="{text:Link Six URL}">{text:Link Six}</a>{/block:ifLinkSix}
  1044. {block:ifLinkSeven}<a href="{text:Link Seven URL}">{text:Link Seven}</a>{/block:ifLinkSeven}
  1045. {block:ifLinkEight}<a href="{text:Link Eight URL}">{text:Link Eight}</a>{/block:ifLinkEight}
  1046. </div>
  1047. </div>
  1048. </div>
  1049. </div>
  1050.  
  1051. <div id="container">
  1052.  
  1053. <div id="cornerz">
  1054. <img src="{image:corner image}">
  1055. </div>
  1056.  
  1057. <div class ="autopagerize_page_element">
  1058.  
  1059. {block:posts}
  1060. <div id="posht">
  1061. {block:ContentSource}
  1062. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1063. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1064. {/block:SourceLogo}
  1065. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1066. {/block:ContentSource}
  1067.  
  1068. {block:text}{block:title}<h1>{title}</h1>{/block:title}{body}{/block:text}
  1069.  
  1070. {block:Link}
  1071. <h1><a href="{URL}" target="{Target}">{Name}></a></h1>
  1072. {block:Description}{Description}{/block:Description}{/block:Link}
  1073.  
  1074. <!-- Posts -->
  1075.  
  1076. {block:photo}
  1077. {block:IndexPage}
  1078. {block:if250px}<img src="{PhotoURL-250}"/>{/block:if250px}
  1079. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  1080. {block:if500px}<img src="{PhotoURL-500}"/>{/block:if500px}
  1081. {block:ifShowCaptions}
  1082. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1083. {/block:ifShowCaptions}{/block:IndexPage}
  1084. {block:PermalinkPage}
  1085. <img src="{PhotoURL-500}"/>
  1086. {block:Caption}
  1087. <div id="caption">{Caption}</div>
  1088. {/block:Caption}
  1089. {/block:PermalinkPage}
  1090. {/block:photo}
  1091.  
  1092.  
  1093. {block:Photoset}
  1094. {block:IndexPage}
  1095. {block:if250px}{Photoset-250}{/block:if250px}
  1096. {block:if400px}{Photoset-400}{/block:if400px}
  1097. {block:if500px}{Photoset-500}{/block:if500px}
  1098. {block:ifShowCaptions}
  1099. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1100. {/block:ifShowCaptions}
  1101. {/block:IndexPage}
  1102. {block:PermalinkPage}
  1103. {Photoset-500}
  1104. {block:Caption}
  1105. <div id="caption">{Caption}</div>
  1106. {/block:Caption}
  1107. {/block:PermalinkPage}
  1108. {/block:Photoset}
  1109.  
  1110. {block:Quote}<div id="quotes">❝{Quote}❞</div> {block:Source}<div align="right"></div>{/block:Source}{/block:Quote}
  1111.  
  1112. <!-- Audio and Video -->
  1113.  
  1114. {block:Audio}
  1115. <div id="albumart">
  1116. {block:AlbumArt}
  1117. <img src="{AlbumArtURL}">
  1118. {/block:AlbumArt}</div>
  1119. <div class="tunes">{AudioPlayerWhite}</div>
  1120.  
  1121. <div class="tuner">
  1122. {block:Artist}<b>ARTIST: </b>{Artist}{/block:Artist}<br>
  1123. {block:TrackName}<B>TRACK: </B>{TrackName}{/block:TrackName}<br>
  1124. {block:Album}<B>ALBUM: </B>{Album}{/block:Album}<br></div><br>
  1125. {block:caption}<div id="caption"><div class="connect"></div>{caption}</div>{/block:caption}
  1126. {/block:Audio}
  1127.  
  1128. {block:Video}
  1129. {block:if250px}{Video-250}{/block:if250px}
  1130. {block:if400px}{Video-400}{/block:if400px}
  1131. {block:if500px}{Video-500}{/block:if500px}
  1132. {block:ifShowCaptions}
  1133. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  1134. {/block:ifShowCaptions}{/block:Video}
  1135.  
  1136. <!-- Asks -->
  1137.  
  1138. {block:Answer}
  1139. <div id="queshtionz">
  1140. <div class="whoasked">{Asker} asked :</div>
  1141. {Question}</div>
  1142. <div id="ireplied">{Answer}</div>
  1143. {/block:Answer}
  1144.  
  1145. {block:Chat}
  1146. {block:Title}{Title}<br />{/block:Title}
  1147. {block:Lines}
  1148. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  1149. {/block:Lines}
  1150. {/block:Chat}
  1151.  
  1152. <!-- Post info -->
  1153.  
  1154. {block:IndexPage}
  1155. <div id="infoz">
  1156. {block:Date}{TimeAgo}{/block:Date}
  1157.  
  1158. <a href="{ReblogURL}">reblog</a>
  1159.  
  1160. {block:NoteCount}
  1161. <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  1162.  
  1163. </div>
  1164. {/block:IndexPage}
  1165.  
  1166. {block:ifShowTags}
  1167. {block:IndexPage}
  1168. <div id="tagilicious">
  1169. {block:HasTags}
  1170. <b>TAGS:</b>
  1171. {block:Tags}
  1172. <a href="{TagURL}">#{Tag} </a>
  1173. {/block:Tags}
  1174. {/block:HasTags}
  1175. </div>
  1176. {block:IndexPage}
  1177. {/block:ifShowTags}
  1178.  
  1179. <!-- Permalink -->
  1180.  
  1181. {block:PermalinkPage}
  1182. <div id="permalink">
  1183. <div class="perma">
  1184. {block:Date}
  1185. ─ {Month} {DayOfMonth} {DayOfMonthSuffix} {Year}
  1186. {/block:Date}<BR>
  1187. {block:NoteCount}
  1188. ∟ <b> notes</b> {NoteCount}{/block:NoteCount}<br>
  1189. <img src="http://media.tumblr.com/6af5d5c420629727df31cbb9e3b8329b/tumblr_inline_n2aj54kxoa1r7v6wt.png">
  1190. <a href="{ReblogURL}" title="reblog">r e b l o g</a><BR>
  1191. {block:RebloggedFrom}
  1192. <a href="{ReblogParentURL}"><b>VIA:</b> {ReblogParentName}</a>
  1193. <a href="{ReblogRootURL}"><b>SOURCE:</b> {ReblogRootName}</a>
  1194. {/block:RebloggedFrom}<br>
  1195. {block:HasTags}
  1196. <b>TAGGED AS:</b>
  1197. {block:Tags}
  1198. <a href="{TagURL}">#{Tag} </a>
  1199. {/block:Tags}
  1200. {/block:HasTags}
  1201. </div>
  1202. {block:PostNotes}
  1203. <div id="notecounts">{PostNotes}</div>
  1204. {/block:PostNotes} </div>{/block:PermalinkPage}
  1205.  
  1206. </div>
  1207. {/block:posts}
  1208.  
  1209. </div>
  1210. </body>
  1211.  
  1212. <!-- THEME CREDIT - DO NOT REMOVE -->
  1213.  
  1214. <div id="thmcredit">
  1215. <a href="http://dohdoro.tumblr.com" title="theme by dohdoro">DTHMS.</a>
  1216. </div>
  1217.  
  1218. </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!