raintalon24

I | TOUGH LOVE (AYAHINA) VER II

Jun 28th, 2015 (edited)
2,517
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.08 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5. UNDEAD MAGIKARP THEMES
  6. I | TOUGH LOVE (AYAHINA)
  7. http://undeadmagikarp.tumblr.com/
  8.  
  9. General theme/page rules apply. Thank you!
  10.  
  11. --->
  12.  
  13. <head>
  14.  
  15. <title>{Title}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shorcut icon" href="{Favicon}">
  18. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  19.  
  20. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  21. <script>
  22. (function($){
  23. $(document).ready(function(){
  24. $("[title]").style_my_tooltips({
  25. tip_follows_cursor:true,
  26. tip_delay_time:300,
  27. tip_fade_speed:300,
  28. }
  29. );
  30. });
  31. })(jQuery);
  32. </script>
  33.  
  34. <meta name="image:Background Image" content="http://static.tumblr.com/bkdoxe7/cbRnqo3mp/bg8.jpg" />
  35. <meta name="image:Left Sidebar Image" content="http://static.tumblr.com/bkdoxe7/Yqfnqo3lq/imageedit_7_2593181222.jpg" />
  36. <meta name="image:Right Sidebar Image" content="http://static.tumblr.com/bkdoxe7/UHLnqo3kr/imageedit_5_4896729517.jpg" />
  37.  
  38. <meta name="color:Background" content="#fff" />
  39. <meta name="color:Title" content="#fff" />
  40. <meta name="color:Title Underline" content="#fcfcfc" />
  41. <meta name="color:Description Text" content="#fff" />
  42. <meta name="color:Body Text" content="#737272" />
  43. <meta name="color:Bold" content="#444" />
  44. <meta name="color:Italicize" content="#888" />
  45. <meta name="color:Underline" content="#eeeeee" />
  46. <meta name="color:Blockquote" content="#f6f6f6" />
  47. <meta name="color:Link" content="#dfdfdf" />
  48. <meta name="color:Link Hover" content="#444" />
  49. <meta name="color:Link Background" content="#787878" />
  50. <meta name="color:Link Background Hover" content="#a9a8a8" />
  51. <meta name="color:Sidebar Icons" content="#444444" />
  52. <meta name="color:Sidebar Icons Hover" content="#dfdfdf" />
  53. <meta name="color:Accent" content="#fff" />
  54. <meta name="color:Scrollbar" content="#fff" />
  55. <meta name="color:Highlight Background" content="#000" />
  56. <meta name="color:Highlight Text" content="#ccc" />
  57.  
  58. <meta name="if:250px Posts" content="0" />
  59. <meta name="if:400px Posts" content="1" />
  60. <meta name="if:500px Posts" content="0" />
  61.  
  62. <meta name="if:Infinite Scroll" content="0" />
  63. <meta name="if:Play Count" content="0" />
  64. <meta name="if:Monochrome Posts" content="0" />
  65. <meta name="if:Faded Posts" content="0" />
  66.  
  67. <meta name="if:Sidebar Pagination" content="1" />
  68.  
  69. <meta name="if:LSB Link" content="0" />
  70. <meta name="if:LSB Animation" content="0" />
  71. <meta name="if:LSB Music" content="0" />
  72.  
  73. <meta name="if:RSB Link" content="0" />
  74. <meta name="if:RSB Animation" content="0" />
  75. <meta name="if:RSB Music" content="0" />
  76.  
  77. <meta name="text:Title" content="Tough Love" />
  78.  
  79. <meta name="text:Sidebar Colour RGB" content="204, 204, 204" />
  80. <meta name="text:Post Background RGB" content="255, 255, 255" />
  81. <meta name="text:Body Background RGB" content="204, 204, 204" />
  82.  
  83. <meta name="text:LSB Link Title" content="Left Sidebar" />
  84. <meta name="text:LSB Link URL" content="" />
  85.  
  86. <meta name="text:RSB Link Title" content="Right Sidebar" />
  87. <meta name="text:RSB Link URL" content="" />
  88.  
  89. <meta name="text:Link 1" content="link 1" />
  90. <meta name="text:Link 1 URL" content="" />
  91. <meta name="text:Link 2" content="link 2" />
  92. <meta name="text:Link 2 URL" content="" />
  93. <meta name="text:Link 3" content="link 3" />
  94. <meta name="text:Link 3 URL" content="" />
  95. <meta name="text:Link 4" content="link 4" />
  96. <meta name="text:Link 4 URL" content="" />
  97. <meta name="text:Link 5" content="link 5" />
  98. <meta name="text:Link 5 URL" content="" />
  99. <meta name="text:Link 6" content="link 6" />
  100. <meta name="text:Link 6 URL" content="" />
  101.  
  102. <meta name="text:Music Player Code" content="" />
  103.  
  104. <style type="text/css">
  105.  
  106. ::-webkit-scrollbar {
  107. width: 7px;
  108. height: 7px;
  109. }
  110.  
  111. ::-webkit-scrollbar-thumb {
  112. background-color: {color:Scrollbar};
  113. height: 7px;
  114. width: 7px;
  115. }
  116.  
  117. ::-webkit-scrollbar-track-piece {
  118. width: 1px;
  119. height: 1px;
  120. border: 1px solid {color:Scrollbar};
  121. background: transparent;
  122. }
  123.  
  124. #s-m-t-tooltip {
  125. background: {color:Link Background};
  126. z-index: 999999;
  127. padding: 3px;
  128. border: dashed 1px {color:Accent};
  129. color: {color:Link};
  130. margin: 10px;
  131. font-size: 9px;
  132. text-transform: uppercase;
  133. font-family: courier new;
  134. }
  135.  
  136. body {
  137. margin: 0;
  138. padding: 0;
  139. height: 100%;
  140. width: 100%;
  141. word-wrap: break-word;
  142. background-color: {color:Background};
  143. background-image:url('{image:Background Image}');
  144. background-size: cover;
  145. background-attachment: fixed;
  146. background-repeat: no-repeat;
  147. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  148. color: {color:Body Text};
  149. }
  150.  
  151. img {
  152. max-width: 100%;
  153. }
  154.  
  155. ::selection {
  156. background: {color:Highlight Background};
  157. color: {color:Highlight Text};
  158. }
  159.  
  160. ::-moz-selection {
  161. background: {color:Highlight};
  162. color: {color:Highlight Text};
  163. }
  164.  
  165. pre {
  166. white-space: pre-wrap;
  167. white-space: -moz-pre-wrap;
  168. white-space: -pre-wrap;
  169. white-space: -o-pre-wrap;
  170. word-wrap: break-word;
  171. }
  172.  
  173. a {
  174. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  175. text-decoration: none;
  176. color: {color:Link};
  177. transition: all .5s ease-in-out;
  178. -webkit-transition: all .5s ease-in-out;
  179. -moz-transition: all .5s ease-in-out;
  180. -ms-transition: all .5s ease-in-out;
  181. -o-transition: all .5s ease-in-out;
  182. }
  183.  
  184. a:hover {
  185. color: {color:Link Hover};
  186. }
  187.  
  188. b {
  189. color: {color:Bold};
  190. }
  191.  
  192. i {
  193. color: {color:Italicize};
  194. }
  195.  
  196. u {
  197. color: {color:Underline};
  198. }
  199.  
  200. blockquote {
  201. border-left: dashed 1px {color:Blockquote};
  202. margin-left: 0px;
  203. padding-left: 15px;
  204. margin-left: 15px;
  205. }
  206.  
  207. ul {
  208. list-style-type: circle;
  209. }
  210.  
  211. #sidebar1 {
  212. position: fixed;
  213. top: 0;
  214. left: 0;
  215. height: 100%;
  216. width: 300px;
  217. background-color: rgba({text:Sidebar Colour RGB}, .5);
  218. opacity: .5;
  219. transition: all .5s ease-in-out;
  220. -webkit-transition: all .5s ease-in-out;
  221. -moz-transition: all .5s ease-in-out;
  222. -ms-transition: all .5s ease-in-out;
  223. -o-transition: all .5s ease-in-out;
  224. }
  225.  
  226. #sidebar2 {
  227. position: fixed;
  228. top: 0;
  229. right: 0;
  230. height: 100%;
  231. width: 300px;
  232. background-color: rgba({text:Sidebar Colour RGB}, .5);
  233. opacity: .5;
  234. transition: all .5s ease-in-out;
  235. -webkit-transition: all .5s ease-in-out;
  236. -moz-transition: all .5s ease-in-out;
  237. -ms-transition: all .5s ease-in-out;
  238. -o-transition: all .5s ease-in-out;
  239. }
  240.  
  241. #sidebar1:hover, #sidebar2:hover {
  242. opacity: 1;
  243. background-color: rgba({text:Sidebar Colour RGB}, .65);
  244. }
  245.  
  246. #milk, #cookies {
  247. position: relative;
  248. margin: 75px auto 40px auto;
  249. width: 125px;
  250. height: 125px;
  251. }
  252.  
  253. #milk img {
  254. width: 125px;
  255. height: 125px;
  256. border-radius: 100%;
  257. {block:ifLSBLink}
  258. transition: all 0.8s ease-in-out;
  259. -moz-transition: all 0.8s ease-in-out;
  260. -webkit-transition: all 0.8s ease-in-out;
  261. -o-transition: all 0.8s ease-in-out;
  262. -ms-transition: all 0.8s ease-in-out;
  263. {/block:ifLSBLink}
  264. {block:ifsidebarpagination}{block:PreviousPage}
  265. transition: all 0.8s ease-in-out;
  266. -moz-transition: all 0.8s ease-in-out;
  267. -webkit-transition: all 0.8s ease-in-out;
  268. -o-transition: all 0.8s ease-in-out;
  269. -ms-transition: all 0.8s ease-in-out;
  270. {/block:PreviousPage}{/block:ifsidebarpagination}
  271. }
  272.  
  273. #milk img:hover {
  274. {block:ifLSBLink}
  275. transform: rotate(360deg);
  276. -moz-transform: rotate(360deg);
  277. -webkit-transform: rotate(360deg);
  278. -o-transform: rotate(360deg);
  279. -ms-transform: rotate(360deg);
  280. {/block:ifLSBLink}
  281. {block:ifsidebarpagination}{block:PreviousPage}
  282. transform: rotate(360deg);
  283. -moz-transform: rotate(360deg);
  284. -webkit-transform: rotate(360deg);
  285. -o-transform: rotate(360deg);
  286. -ms-transform: rotate(360deg);
  287. {/block:PreviousPage}{/block:ifsidebarpagination}
  288. {block:ifLSBAnimation}
  289. transition: all 0.6s ease-in-out
  290. ;-moz-transition: all 0.6s ease-in-out;
  291. -webkit-transition: all 0.6s ease-in-out;
  292. -o-transition: all 0.6s ease-in-out;
  293. -ms-transition: all 0.6s ease-in-out;
  294. transform: rotate(360deg);
  295. -moz-transform: rotate(360deg);
  296. -webkit-transform: rotate(360deg);
  297. -o-transform: rotate(360deg);
  298. -ms-transform: rotate(360deg);
  299. {/block:ifLSBAnimation}
  300. }
  301.  
  302. #cookies img {
  303. width: 125px;
  304. height: 125px;
  305. border-radius: 100%;
  306. {block:ifRSBLink}
  307. transition: all 0.8s ease-in-out;
  308. -moz-transition: all 0.8s ease-in-out;
  309. -webkit-transition: all 0.8s ease-in-out;
  310. -o-transition: all 0.8s ease-in-out;
  311. -ms-transition: all 0.8s ease-in-out;
  312. {/block:ifRSBLink}
  313. {block:ifsidebarpagination}{block:NextPage}
  314. transition: all 0.8s ease-in-out;
  315. -moz-transition: all 0.8s ease-in-out;
  316. -webkit-transition: all 0.8s ease-in-out;
  317. -o-transition: all 0.8s ease-in-out;
  318. -ms-transition: all 0.8s ease-in-out;
  319. {/block:NextPage}{/block:ifsidebarpagination}
  320. }
  321.  
  322. #cookies img:hover {
  323. {block:ifRSBLink}
  324. transform: rotate(360deg);
  325. -moz-transform: rotate(360deg);
  326. -webkit-transform: rotate(360deg);
  327. -o-transform: rotate(360deg);
  328. -ms-transform: rotate(360deg);
  329. {/block:ifRSBLink}
  330. {block:ifsidebarpagination}{block:NextPage}
  331. transform: rotate(360deg);
  332. -moz-transform: rotate(360deg);
  333. -webkit-transform: rotate(360deg);
  334. -o-transform: rotate(360deg);
  335. -ms-transform: rotate(360deg);
  336. {/block:NextPage}{/block:ifsidebarpagination}
  337. {block:ifRSBAnimation}
  338. transition: all 0.6s ease-in-out
  339. ;-moz-transition: all 0.6s ease-in-out;
  340. -webkit-transition: all 0.6s ease-in-out;
  341. -o-transition: all 0.6s ease-in-out;
  342. -ms-transition: all 0.6s ease-in-out;
  343. transform: rotate(360deg);
  344. -moz-transform: rotate(360deg);
  345. -webkit-transform: rotate(360deg);
  346. -o-transform: rotate(360deg);
  347. -ms-transform: rotate(360deg);
  348. {/block:ifRSBAnimation}
  349. }
  350.  
  351. .title {
  352. position: relative;
  353. width: auto;
  354. height: 30px;
  355. font-size: 30px;
  356. font-family: courier new;
  357. text-transform: uppercase;
  358. text-align: center;
  359. color: {color:Title};
  360. }
  361.  
  362. #sidebar1 hr, #sidebar2 hr {
  363. height: 2px;
  364. border: 0;
  365. background: {color:Title Underline};
  366. margin-left: 20px;
  367. margin-right: 20px;
  368. }
  369.  
  370. #description {
  371. margin: 10px 35px 10px 32px;
  372. font-family: consolas;
  373. text-transform: uppercase;
  374. text-align: ;
  375. color: {color:Description Text};
  376. padding: 3px;
  377. font-size: 13px;
  378. line-height: 1.5;
  379. width: 230px;
  380. height: 250px;
  381. overflow-x: hidden;
  382. overflow-y: auto;
  383. }
  384.  
  385. #linkbox {
  386. position: relative;
  387. margin: 10px 35px;
  388. font-family: consolas;
  389. text-transform: uppercase;
  390. text-align: center;
  391. font-size: 20px;
  392. width: 230px;
  393. height: 250px;
  394. overflow: hidden;
  395. }
  396.  
  397. #linkbox a {
  398. letter-spacing: 5px;
  399. transition: all .75s ease-in-out;
  400. -webkit-transition: all .75s ease-in-out;
  401. -moz-transition: all .75s ease-in-out;
  402. -ms-transition: all .75s ease-in-out;
  403. -o-transition: all .75s ease-in-out;
  404. }
  405.  
  406. #linkbox a:hover {
  407. letter-spacing: 10px;
  408. }
  409.  
  410. #linkbox hr {
  411. border: 0;
  412. border-bottom: 1px dashed {color:Accent};
  413. background: transparent;
  414. margin: 8px -20px;
  415. }
  416.  
  417. #container {
  418. position: fixed;
  419. height: 100%;
  420. padding-top: 50px;
  421. left: 300px;
  422. right: 300px;
  423. width: auto;
  424. overflow-x: hidden;
  425. overflow-y: auto;
  426. }
  427.  
  428. .posts {
  429. position: relative;
  430. margin: 0px auto 100px auto;
  431. width: {block:if500pxposts}500px{/block:if500pxposts}{block:if400pxposts}400px{/block:if400pxposts}{block:if250pxposts}250px{/block:if250pxposts};
  432. padding: 15px;
  433. background-color: rgba({text:Post Background RGB},0.5);
  434. {block:ifMonochromePosts}
  435. -webkit-filter: Grayscale(100%);
  436. transition-duration: 0.8s;
  437. -webkit-transition-duration: 0.8s;
  438. -moz-transition-duration: 0.8s;
  439. -ms-transition-duration: 0.8s;
  440. -o-transition-duration: 0.8s;
  441. {/block:ifMonochromePosts}
  442. {block:ifFadedPosts}
  443. opacity: 0.75;
  444. transition-duration: 0.8s;
  445. -webkit-transition-duration: 0.8s;
  446. -moz-transition-duration: 0.8s;
  447. -ms-transition-duration: 0.8s;
  448. -o-transition-duration: 0.8s;
  449. {/block:ifFadedPosts}
  450. }
  451.  
  452. .posts:hover {
  453. {block:ifMonochromePosts}
  454. -webkit-filter: Grayscale(0%);
  455. transition: all 0.5s ease-out;
  456. -webkit-transition: all 0.5s ease-out;
  457. -moz-transition: all 0.5s ease-out;
  458. -ms-transition: all .5s ease-out;
  459. -o-transition: all .5s ease-out;
  460. {/block:ifMonochromePosts}
  461. {block:ifFadedPosts}
  462. opacity: 1;
  463. transition: all 0.5s ease-out;
  464. -webkit-transition: all 0.5s ease-out;
  465. -moz-transition: all 0.5s ease-out;
  466. -ms-transition: all .5s ease-out;
  467. -o-transition: all .5s ease-out;
  468. {/block:ifFadedPosts}
  469. }
  470.  
  471. .postinfo {
  472. position: relative;
  473. margin-top: 15px;
  474. background-color: rgba({text:Body Background RGB}, 0.75);
  475. padding: 15px;
  476. text-transform: uppercase;
  477. font-size: 10px;
  478. font-family: consolas;
  479. color: {color:Body Text};
  480. }
  481.  
  482. .postinfo .notes {
  483. position: absolute;
  484. top: 15px;
  485. right: 15px;
  486. }
  487.  
  488. .postinfo .tags {
  489. margin-top: 5px;
  490. }
  491.  
  492. .postbg {
  493. padding: 15px;
  494. background-color: rgba({text:Body Background RGB}, 0.75);
  495. }
  496.  
  497. .text {
  498. font-family: courier new;
  499. text-transform: uppercase;
  500. font-size: 11px;
  501. letter-spacing: 1px;
  502. color: {color:Body Text};
  503. }
  504.  
  505. .text a {
  506. padding: 1px;
  507. background-color: {color:Link Background};
  508. color: {color:Link};
  509. }
  510.  
  511. .text a:hover {
  512. color: {color:Link Hover};
  513. background-color: {color:Link Background Hover};
  514. }
  515.  
  516. .postbg hr {
  517. border: 0;
  518. border-bottom: 1px dashed {color:Title Underline};
  519. padding: 0px;
  520. width: 100%;
  521. }
  522.  
  523. .ttle {
  524. text-align: center;
  525. font-family: courier new;
  526. font-weight: bold;
  527. letter-spacing: 2px;
  528. text-transform: uppercase;
  529. font-size: 17px;
  530. letter-spacing: 1px;
  531. color: {color:Title};
  532. }
  533.  
  534. .cover {
  535. height: 100px;
  536. width: 100px;
  537. position: relative;
  538. top: 0;
  539. left: 0;
  540. border: 1px dashed {color:Accent};
  541. }
  542.  
  543. .play {
  544. width: 20px;
  545. height: 30px;
  546. overflow: hidden;
  547. position: relative;
  548. z-index: 99;
  549. margin: 5px 14px 3px 6px;
  550. }
  551.  
  552. .playbox {
  553. background-color: #fff;
  554. position: absolute;
  555. z-index: 99;
  556. border-radius: 100px;
  557. -webkit-border-radius: 100px;
  558. -moz-border-radius: 100px;
  559. opacity: .75;
  560. margin-left: 30px;
  561. margin-top: 31px;
  562. }
  563.  
  564. .playinfo {
  565. position: absolute;
  566. top: 30px;
  567. left: 130px;
  568. padding: 0px 15px;
  569. height: 100px;
  570. width: {block:if500pxposts}355px{/block:if500pxposts}{block:if400pxposts}255px{/block:if400pxposts}{block:if250pxposts}105px{/block:if250pxposts};
  571. overflow-y: auto;
  572. overflow-x: hidden;
  573. }
  574.  
  575. .mask {
  576. height: 100px;
  577. width: 100px
  578. position: relative;
  579. top: 0;
  580. left: 0;
  581. border: 1px dashed {color:Accent};
  582. }
  583.  
  584. .questionnaire {
  585. position: absolute;
  586. height: 100px;
  587. width: {block:if500pxposts}355px{/block:if500pxposts}{block:if400pxposts}255px{/block:if400pxposts}{block:if250pxposts}105px{/block:if250pxposts};
  588. top: 30px;
  589. margin-left: 115px;
  590. border-top: 1px dashed {color:Accent};
  591. border-bottom: 1px dashed {color:Accent};
  592. }
  593.  
  594. .sender {
  595. position: relative;
  596. top: 0;
  597. width: {block:if500pxposts}355px{/block:if500pxposts}{block:if400pxposts}255px{/block:if400pxposts}{block:if250pxposts}105px{/block:if250pxposts};
  598. height: 15px;
  599. font-family: courier new;
  600. text-transform: uppercase;
  601. font-size: 13px;
  602. padding: 5px 0px;
  603. border-bottom: 1px dashed {color:Title Underline};
  604. margin-bottom: 5px;
  605. letter-spacing: 1px;
  606. overflow-x: auto;
  607. overflow-y: hidden;
  608. white-space: nowrap;
  609. color: {color:Title};
  610. }
  611.  
  612. .mailbox {
  613. position: relative;
  614. height: 65px;
  615. width: {block:if500pxposts}355px{/block:if500pxposts}{block:if400pxposts}255px{/block:if400pxposts}{block:if250pxposts}105px{/block:if250pxposts};
  616. padding-right: 5px;
  617. font-family: consolas;
  618. text-transform: uppercase;
  619. font-size: 11px;
  620. overflow-x: hidden;
  621. overflow-y: auto;
  622. letter-spacing: 1px;
  623. color: {color:Body Text};
  624. }
  625.  
  626. .pncont {
  627. margin-top: 15px;
  628. background-color: rgba({text:Body Background RGB},0.75);
  629. padding: 15px;
  630. text-transform: uppercase;
  631. font-size: 10px;
  632. font-family: consolas;
  633. letter-spacing: 1px;
  634. color: {color:Body Text};
  635. }
  636.  
  637. #music {
  638. position: absolute;
  639. margin: 52.5px 45px;
  640. height: 20px;
  641. width: 35px;
  642. background-color: rgba(255,255,255, .75);
  643. overflow: hidden;
  644. z-index: 50;
  645. border-radius: 100%;
  646. }
  647.  
  648. #music img {
  649. margin-left: 10.5px;
  650. margin-bottom: -4px;
  651. height: 11px;
  652. width: 14px;
  653. border-radius: 0;
  654. }
  655.  
  656. #music:hover #top {
  657. margin-top: 0px;
  658. }
  659.  
  660. #top {
  661. margin-top: -20px;
  662. height: 20px;
  663. width: 35px;
  664. transition: .5s linear;
  665. -webkit-transition: all .5s linear;
  666. -moz-transition: all .5s linear;
  667. -ms-transition: all .5s linear;
  668. -o-transition: all .5s linear;
  669. }
  670.  
  671. #billy {
  672. margin-left: -20px;
  673. margin-top: -4px;
  674. height: 20px;
  675. width: 35px;
  676. }
  677.  
  678. #error {
  679. position: relative;
  680. bottom: 0;
  681. height: 90px;
  682. width: 100%;
  683. }
  684.  
  685. #zero {
  686. width: 100%;
  687. height: 20px;
  688. margin: 20px auto;
  689. text-align: center;
  690. font-family: courier new;
  691. text-height: 20px;
  692. }
  693.  
  694. #error a {
  695. text-decoration: none;
  696. font-weight: bold;
  697. text-transform: uppercase;
  698. border-bottom: 1px dashed {color:Link Hover};
  699. color: {color:Link};
  700. padding: 1px;
  701. transition: all 0.5s ease;
  702. -webkit-transition: all 0.5s ease;
  703. -moz-transition: all 0.5s ease;
  704. -ms-transition: all 0.5s ease;
  705. -o-transition: all 0.5s ease;
  706. }
  707.  
  708. #error a:hover {
  709. color: {color:Link Hover};
  710. border-bottom: 1px dashed {color:Link};
  711. }
  712.  
  713. .icons i {
  714. font-size: 20px;
  715. color: {color:Sidebar Icons};
  716. transition: all .8s ease-in-out;
  717. -webkit-transition: all .8s ease-in-out;
  718. -moz-transition: all .8s ease-in-out;
  719. -ms-transition: all .8s ease-in-out;
  720. -o-transition: all .8s ease-in-out;
  721. }
  722.  
  723. .icons i:hover {
  724. color: {color:Sidebar Icons Hover};
  725. }
  726.  
  727. .current_page {
  728. color: {color:Accent};
  729. }
  730.  
  731. .autopagerize_page_element {
  732. margin: 0;
  733. }
  734.  
  735. {CustomCSS}
  736.  
  737. </style>
  738.  
  739. {block:IfInfiniteScroll}
  740. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  741. {/block:IfInfiniteScroll}
  742.  
  743. </head>
  744.  
  745. <body>
  746.  
  747. <div id="container">
  748. <div class="autopagerize_page_element"></div>
  749.  
  750. {block:Posts}
  751. <div class="posts">
  752. {block:Photo}
  753. {LinkOpenTag}
  754. {block:if500pxposts}<img src="{PhotoURL-500}" />{/block:if500pxposts}
  755. {block:if400pxposts}<img src="{PhotoURL-400}" />{/block:if400pxposts}
  756. {block:if250pxposts}<img src="{PhotoURL-250}" />{/block:if250pxposts}
  757. {LinkCloseTag}
  758. {block:Caption}<div class="postbg" style="margin-top:10px;"><div class="text">{Caption}</div></div>{/block:Caption}
  759. {/block:Photo}
  760.  
  761. {block:Photoset}
  762. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  763. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  764. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  765. {block:Caption}<div class="postbg" style="margin-top:10px;"><div class="text">{Caption}</div></div>{/block:Caption}
  766. {/block:Photoset}
  767.  
  768. {block:Video}
  769. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  770. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  771. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  772. {block:Caption}<div class="postbg" style="margin-top:10px;"><div class="text">{Caption}</div></div>{/block:Caption}
  773. {/block:Video}
  774.  
  775. {block:Audio}
  776. <div class="postbg">
  777. <div class="playbox"><div class="play">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>
  778. {block:AlbumArt}
  779. <img src="{AlbumArtURL}" class="cover">
  780. {/block:AlbumArt}
  781. <div class="playinfo">
  782. <div class="text">
  783. <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}
  784. <hr class="postbg">
  785. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}
  786. <hr class="postbg">
  787. <b>Album:</b> {block:Album}{Album}{/block:Album}
  788. {block:IfPlayCount}<hr class="postbg">
  789. <b>Play Count:</b> {PlayCount}{/block:IfPlayCount}
  790. </div>
  791. </div>
  792. </div>
  793. {block:Caption}<div class="postbg" style="margin-top:10px;">
  794. <div class="text">{Caption}</div></div>{/block:Caption}
  795. {/block:Audio}
  796.  
  797. {block:Quote}<div class="postbg">
  798. <div class="ttle" style="text-align:center;">{Quote}</div><hr class="postbg">
  799. {block:Source}<div class="text" style="text-align:right;">- {Source}</div>{/block:Source}</div>
  800. {/block:Quote}
  801.  
  802. {block:Text}
  803. <div class="postbg">
  804. {block:Title}<div class="ttle">{Title}</div><hr class="postbg">{/block:Title}
  805. <div class="text">{Body}</div></div>
  806. {/block:Text}
  807.  
  808. {block:Chat}
  809. <div class="postbg">
  810. {block:Title}<div class="ttle">{Title}</div><hr class="postbg">{/block:Title}
  811. {block:Lines}
  812. <div class="text">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div><hr class="postbg">
  813. {/block:Lines}</div>
  814. {/block:Chat}
  815.  
  816. {block:Link}
  817. <div class="postbg">
  818. <div class="ttle" style="text-align:left;">⇒ <a href="{URL}">{Name}</a></div>
  819. {block:Description}<hr class="postbg"><div class="text">{Description}</div>{/block:Description}
  820. </div>
  821. {/block:Link}
  822.  
  823. {block:Answer}
  824. <div class="postbg">
  825. <img src="{AskerPortraitURL-128}" class="mask">
  826. <div class="questionnaire"><div class="sender"><b>{Asker} asked:</b></div><div class="mailbox">{Question}</div></div>
  827. </div>
  828. <div class="postbg" style="margin-top:10px; padding:5px 15px;"><div class="text">{Answer}</div></div>
  829. {/block:Answer}
  830.  
  831. {block:Date}
  832. <div class="postinfo">
  833. Posted on <a href="{Permalink}">{block:Date}{Month} {DayofMonth}, {Year}{/block:Date}</a>
  834. <div class="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  835. {block:HasTags}<div id="tags">
  836. {block:Tags}
  837. #<a href="{TagURL}">{Tag} </a>
  838. {/block:Tags}
  839. </div>
  840. {/block:HasTags}
  841. </div>
  842. {/block:Date}
  843.  
  844. {block:ContentSource}
  845. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  846. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  847. {/block:SourceLogo}
  848. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  849. {/block:ContentSource}
  850.  
  851. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  852.  
  853. {block:PostNotes}<div class="pncont">{PostNotes-16}</div>{/block:PostNotes}
  854.  
  855. </div>
  856. {/block:Posts}
  857.  
  858. {block:ifnotsidebarpagination}{block:IfNotInfiniteScroll}
  859. <div id="error"><div id="zero">
  860. {block:Pagination}{block:PreviousPage}
  861. <a href="{PreviousPage}">PREVIOUS</a>
  862. {/block:PreviousPage}
  863. {block:JumpPagination length="5"}
  864. {block:CurrentPage}
  865. <span class="current_page">{PageNumber}</span>
  866. {/block:CurrentPage}
  867. {block:JumpPage}
  868. <a class="jump_page" href="{URL}">{PageNumber}</a>
  869. {/block:JumpPage}{/block:JumpPagination}
  870. {block:NextPage}
  871. <a href="{NextPage}">NEXT</a>
  872. {/block:NextPage}{/block:Pagination}
  873. </div></div>
  874. {/block:IfNotInfiniteScroll}{/block:ifnotsidebarpagination}
  875.  
  876. </div>
  877.  
  878.  
  879. <div id="sidebar1">
  880. <div id="milk">
  881. {block:ifLSBMusic}<div id="music"><div id="top"><div id="billy">{text:Music Player Code}</div></div><img src="http://www.xtyou.com/countpage/cc_icon.gif"></div>{/block:ifLSBMusic}
  882.  
  883. {block:ifsidebarpagination}{block:PreviousPage}<a href="{PreviousPage}" title="PREVIOUS">{/block:PreviousPage}{/block:ifsidebarpagination}
  884.  
  885. {block:ifLSBLink}<a href="{text:LSB Link URL}" title="{text:LSB Link Title}">{/block:ifLSBLink}
  886.  
  887. <img src="{image:Left Sidebar Image}">
  888.  
  889. {block:ifLSBLink}</a>{/block:ifLSBLink}{block:ifsidebarpagination}</a>{/block:ifsidebarpagination}
  890. </div>
  891.  
  892. <div class="title">{text:Title}</div>
  893. <hr class="sidebar1">
  894. <div id="description">
  895. {Description}
  896. </div>
  897.  
  898. </div>
  899.  
  900. <div id="sidebar2">
  901. <div id="cookies">
  902. {block:ifRSBMusic}<div id="music"><div id="top"><div id="billy">{text:Music Player Code}</div></div><img src="http://www.xtyou.com/countpage/cc_icon.gif"></div>{/block:ifRSBMusic}
  903.  
  904. {block:ifsidebarpagination}{block:NextPage}<a href="{NextPage}" title="FORWARD">{/block:NextPage}{/block:ifsidebarpagination}
  905. {block:ifRSBLink}<a href="{text:RSB Link URL}" title="{text:RSB Link Title}">{/block:ifRSBLink}
  906.  
  907. <img src="{image:Right Sidebar Image}">
  908.  
  909. {block:ifRSBLink}</a>{/block:ifRSBLink}{block:ifsidebarpagination}</a>{/block:ifsidebarpagination}
  910. </div>
  911.  
  912.  
  913. <div class="title">
  914. <div class="icons">
  915. <a href="/" title="home"><i class="fa fa-home" style="font-size:24px;"></i></a>
  916. <a href="/ask" title="ask"><i class="fa fa-envelope"></i></a>
  917. <a href="/archive" title="archive"><i class="fa fa-folder-open"></i></a>
  918. <a href="http://undeadmagikarp.tumblr.com/" title="theme credit"><i class="fa fa-heart"></i></a>
  919. </div></div>
  920. <hr class="sidebar2">
  921. <div id="linkbox">
  922. <a href="{text:link 1 url}">{text:link 1}</a>
  923. <hr class="linkbox">
  924. <a href="{text:link 2 url}">{text:link 2}</a>
  925. <hr class="linkbox">
  926. <a href="{text:link 3 url}">{text:link 3}</a>
  927. <hr class="linkbox">
  928. <a href="{text:link 4 url}">{text:link 4}</a>
  929. <hr class="linkbox">
  930. <a href="{text:link 5 url}">{text:link 5}</a>
  931. <hr class="linkbox">
  932. <a href="{text:link 6 url}">{text:link 6}</a>
  933. </div>
  934.  
  935. </div>
  936.  
  937. </body>
  938.  
  939. </html>
Add Comment
Please, Sign In to add comment