raintalon24

II | STRING

Oct 27th, 2015 (edited)
622
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.05 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5. <!---
  6. UNDEAD MAGIKARP THEMES
  7. II | STRING
  8. http://undeadmagikarp.tumblr.com/
  9.  
  10. General theme/page rules apply. Thank you!
  11.  
  12. --->
  13.  
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19. <link rel="shorcut icon" href="{Favicon}">
  20. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  21. <link href='http://fonts.googleapis.com/css?family=Questrial|Merriweather:300|Lato:300|Libre+Baskerville' rel='stylesheet' type='text/css'>
  22.  
  23. <meta name="image:Background" content="" />
  24.  
  25. <meta name="color:Background" color="#fff" />
  26. <meta name="color:Headings" content="#000" />
  27. <meta name="color:Body" content="#000" />
  28. <meta name="color:Description" content="#000" />
  29.  
  30. <meta name="color:Post Borders" color="#eee" />
  31. <meta name="color:Post Borders Hover" color="#222" />
  32.  
  33. <meta name="color:Post Column Background" color="" />
  34. <meta name="color:Post Column Borders" content="" />
  35. <meta name="color:Post Column Borders Hover" content="" />
  36.  
  37. <meta name="color:Link" color="#000000" />
  38. <meta name="color:Link Hover" color="#00ccb6" />
  39. <meta name="color:Link Underline" content="#00ccb6" />
  40. <meta name="color:Link Underline Hover" content="#000" />
  41. <meta name="color:Link Strikethrough" content="#fff" />
  42.  
  43. <meta name="color:Sidebar Lines" content="#000" />
  44. <meta name="color:Sidebar Row Separators" content="#898989" />
  45. <meta name="color:Sidebar Link Text" content="#eee" />
  46. <meta name="color:Sidebar Link Slide" content="#000" />
  47.  
  48. <meta name="color:Tooltip Text" content="#00ffe4" />
  49. <meta name="color:Tooltip Border" content="#00ffe4" />
  50. <meta name="color:Tooltip Background" content="#666" />
  51.  
  52. <meta name="color:Blockquote Main Border" content="#00ccb6" />
  53. <meta name="color:Blockquote Background" content="#eee" />
  54. <meta name="color:Blockquote Borders" content="#ccc" />
  55.  
  56. <meta name="color:Caption Background" color="#f7f7f7" />
  57. <meta name="color:Caption Borders" content="#eee" />
  58.  
  59. <meta name="color:Bullet Dash" content="#000" />
  60. <meta name="color:Post Icons" content="#00ccb6" />
  61. <meta name="color:Chat Label" content="#888" />
  62. <meta name="color:Scrollbar" content="#444" />
  63.  
  64. <meta name="select:Body Font" content="'Lato', sans-serif" title="Lato" />
  65. <meta name="select:Body Font" content="'Questrial', sans-serif" title="Questrial" />
  66. <meta name="select:Body Font" content="'Merriweather', serif" title="Merriweather" />
  67. <meta name="select:Body Font" content="'Libre Baskerville', serif" title="Libre Baskerville" />
  68.  
  69. <meta name="select:Heading Font" content="'Merriweather', serif" title="Merriweather" />
  70. <meta name="select:Heading Font" content="'Lato', sans-serif" title="Lato" />
  71. <meta name="select:Heading Font" content="'Questrial', sans-serif" title="Questrial" />
  72. <meta name="select:Heading Font" content="'Libre Baskerville', serif" title="Libre Baskerville" />
  73.  
  74. <meta name="select:List Style" content="upper-roman" title="Uppercase Roman Numerals" />
  75. <meta name="select:List Style" content="lower-roman" title="Lowercase Roman Numberals" />
  76. <meta name="select:List Style" content="hiragana" title="Hiragana" />
  77. <meta name="select:List Style" content="hiragana-iroha" title="Hiragana-iroha" />
  78. <meta name="select:List Style" content="katakana" title="Katakana" />
  79. <meta name="select:List Style" content="lower-latin" title="Lowercase Letters" />
  80. <meta name="select:List Style" content="upper-latin" title="Upercase Letters" />
  81. <meta name="select:List Style" content="decimal" title="Default Numbers" />
  82.  
  83. <meta name="select:Bullet Style" content="disc" title="Disc" />
  84. <meta name="select:Bullet Style" content="circle" title="Circle" />
  85. <meta name="select:Bullet Style" content="square" title="Square" />
  86.  
  87. <meta name="if:250px Posts" content="1" />
  88. <meta name="if:400px Posts" content="0" />
  89. <meta name="if:500px Posts" content="0" />
  90.  
  91. <meta name="if:Hide Captions" content="1" />
  92. <meta name="if:Blockquote Background" content="1" />
  93. <meta name="if:Play Count" content="0" />
  94. <meta name="if:Bold Questions" content="0" />
  95. <meta name="if:Like and Reblog Buttons" content="1" />
  96. <meta name="if:Source" content="1" />
  97. <meta name="if:Infinite Scroll" content="0" />
  98.  
  99. <meta name="text:Scroll to Top Button" content="http://33.media.tumblr.com/dbefe0ab3117ef8b9d2d7a355f5220ab/tumblr_inline_mj3yr6ESiY1qz4rgp.png" />
  100. <meta name="text:Link 1" content="link 1" />
  101. <meta name="text:Link 1 URL" content="/" />
  102. <meta name="text:Link 2" content="link 2" />
  103. <meta name="text:Link 2 URL" content="/" />
  104. <meta name="text:Link 3" content="link 3" />
  105. <meta name="text:Link 3 URL" content="/" />
  106.  
  107. <script type="text/javascript"
  108. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  109. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  110. <script>
  111. (function($){
  112. $(document).ready(function(){
  113. $("[title]").style_my_tooltips({
  114. tip_follows_cursor:true,
  115. tip_delay_time:300,
  116. tip_fade_speed:300,
  117. }
  118. );
  119. });
  120. })(jQuery);
  121. </script>
  122.  
  123. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  124.  
  125. <script>
  126. $(document).ready(function(){
  127.  
  128. //Check to see if the window is top if not then display button
  129. $('#container').scroll(function(){
  130. if ($(this).scrollTop() > 100) {
  131. $('.scrolltotop').fadeIn();
  132. } else {
  133. $('.scrolltotop').fadeOut();
  134. }
  135. });
  136.  
  137. //Click event to scroll to top
  138. $('.scrolltotop').click(function(){
  139. $('html, #container').animate({scrollTop : 0},800);
  140. return false;
  141. });
  142.  
  143. });
  144. </script>
  145.  
  146. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  147. <script>
  148. $(document).ready(function(){
  149. $("#linkbox").show();
  150. $("#description").hide();
  151. $("#blogtitle").click(function(){ // For demo's sake we attach the crossFade to a click event.
  152. $("#linkbox").fadeToggle(500);
  153. $("#description").fadeToggle(500);
  154. });
  155. });
  156. </script>
  157.  
  158. {block:IfInfiniteScroll}
  159. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  160. {/block:IfInfiniteScroll}
  161.  
  162. <style type="text/css">
  163.  
  164. body {
  165. margin: 0;
  166. padding: 0;
  167. height: 100%;
  168. width: 100%;
  169. word-wrap: break-word;
  170. background-color: {color:Background};
  171. background-image:url('{image:Background Image}');
  172. background-size: cover;
  173. background-attachment: fixed;
  174. background-repeat: no-repeat;
  175. font-family: {select:Body Font};
  176. }
  177.  
  178. iframe#tumblr_controls {
  179. white-space:nowrap; -webkit-filter:
  180. invert(100%);
  181. -moz-filter: invert(100%);
  182. -o-filter: invert(100%);
  183. -ms-filter: invert(100%);
  184. filter: invert(100%);
  185. opacity:1;
  186. }
  187.  
  188. ol {
  189. list-style-type: {select:List Style};
  190. }
  191.  
  192. ul {
  193. list-style:none;
  194. }
  195.  
  196. ul li {
  197. position:relative;
  198. }
  199.  
  200. ul li:before {
  201. position: absolute;
  202. content:'';
  203. left: 0px;
  204. top: 9px;
  205. width: 25px;
  206. height:1px;
  207. margin-left: -35px;
  208. background-color: {color:Bullet Dash};
  209. }
  210.  
  211. ::-webkit-scrollbar {
  212. width: 5px;
  213. height: 5px;
  214. background-color: {color:Background};
  215. }
  216.  
  217.  
  218. ::-webkit-scrollbar-thumb {
  219. background-color: {color:Scrollbar};
  220. height: 5px;
  221. width: 5px;
  222. }
  223.  
  224. ::-webkit-scrollbar-track-piece {
  225. width: 5px;
  226. height: 5px;
  227. border: solid {color:Background} 2px;
  228. background-color: {color:Scrollbar};
  229. }
  230.  
  231. #s-m-t-tooltip {
  232. background: {color:Tooltip Background};
  233. z-index: 9999999;
  234. padding: 3px;
  235. border: solid 1px {color:Tooltip Border};
  236. color: {color:Tooltip Text};
  237. margin: 15px;
  238. padding: 5px;
  239. font-size: 9px;
  240. font-family: {select:Body Font};
  241. letter-spacing: 2px;
  242. text-transform: uppercase;
  243. }
  244.  
  245. #container {
  246. position: fixed;
  247. top: 0;
  248. left: 0;
  249. height: 100%;
  250. width: 100%;
  251. overflow-x: hidden;
  252. overflow-y: auto;
  253. }
  254.  
  255. #column {
  256. position: absolute;
  257. width: {block:if500pxposts}550px{/block:if500pxposts}{block:if400pxposts}450px{/block:if400pxposts}{block:if250pxposts}300px{/block:if250pxposts};
  258. height: auto;
  259. left: 0;
  260. right: 0;
  261. margin-left: auto;
  262. margin-right: auto;
  263. margin-top: -50px;
  264. padding-bottom: 50px;
  265. border-left: 2px solid {color:Post Column Borders};
  266. border-right: 2px solid {color:Post Column Borders};
  267. background-color: {color:Post Column Background};
  268. transition: all 0.5s ease;
  269. -webkit-transition: all 0.5s ease;
  270. -moz-transition: all 0.5s ease;
  271. -ms-transition: all 0.5s ease;
  272. -o-transition: all 0.5s ease;
  273. }
  274.  
  275. #column:hover {
  276. border-left: 2px solid {color:Post Column Borders Hover};
  277. border-right: 2px solid {color:Post Column Borders Hover};
  278. }
  279.  
  280. .posts {
  281. margin: 100px 25px 50px 25px;
  282. width: {block:if500pxposts}500px{/block:if500pxposts}{block:if400pxposts}400px{/block:if400pxposts}{block:if250pxposts}250px{/block:if250pxposts};
  283. }
  284.  
  285. pre {
  286. white-space: pre-wrap;
  287. white-space: -moz-pre-wrap;
  288. white-space: -pre-wrap;
  289. white-space: -o-pre-wrap;
  290. word-wrap: break-word;
  291. }
  292.  
  293. blockquote {
  294. {block:ifBlockquoteBackground}
  295. background-color: {color:Blockquote Background};
  296. border: 1px solid {color:Blockquote Borders};
  297. {/block:ifBlockquoteBackground}
  298. border-left: 2px solid {color:Blockquote Main Border};
  299. padding-left: 15px;
  300. padding-right: 15px;
  301. margin-left: 15px;
  302. }
  303.  
  304. a {
  305. text-decoration: none;
  306. color: {color:Link};
  307. border-bottom: 1px solid {color:Link Underline};
  308. padding-bottom: 2px;
  309. transition: all 0.5s ease;
  310. -webkit-transition: all 0.5s ease;
  311. -moz-transition: all 0.5s ease;
  312. -ms-transition: all 0.5s ease;
  313. -o-transition: all 0.5s ease;
  314. }
  315.  
  316. a:hover {
  317. border-bottom: 1px solid {color:Link Underline Hover};
  318. color: {color:Link Hover};
  319. }
  320.  
  321. .cap {
  322. background-color: {color:Caption Background};
  323. border: 1px solid {color:Caption Borders};
  324. padding: 0 15px;
  325. font-family: {select:Body Font};
  326. font-size: 16px;
  327. color: {color:Body};
  328. width: {block:if500pxposts}468px{/block:if500pxposts}{block:if400pxposts}368px{/block:if400pxposts}{block:if250pxposts}218px{/block:if250pxposts};
  329. }
  330.  
  331. .all {
  332. position: relative;
  333. width: {block:if500pxposts}500px{/block:if500pxposts}{block:if400pxposts}400px{/block:if400pxposts}{block:if250pxposts}250px{/block:if250pxposts};
  334. height: auto;
  335. margin-left: -25px;
  336. padding: 0 25px;
  337. }
  338.  
  339. img {
  340. width: 100%;
  341. }
  342.  
  343. .north {
  344. position: absolute;
  345. height: 2px;
  346. width: calc(100% - 100px);
  347. background-color: {color:Post Borders};
  348. margin-top: -25px;
  349. left: 0;
  350. right: 0;
  351. margin-left: auto;
  352. margin-right: auto;
  353. transition: all 0.5s ease;
  354. -webkit-transition: all 0.5s ease;
  355. -moz-transition: all 0.5s ease;
  356. -ms-transition: all 0.5s ease;
  357. -o-transition: all 0.5s ease;
  358. }
  359.  
  360. .posts:hover .north {
  361. width: calc(100% + 110px);
  362. background-color: {color:Post Borders Hover};
  363. }
  364.  
  365. .posts:hover .south {
  366. width: 100%;
  367. background-color: {color:Post Borders Hover};
  368. }
  369.  
  370. .south {
  371. position: absolute;
  372. height: 2px;
  373. width: calc(100% - 100px);
  374. background-color: {color:Post Borders};
  375. margin-top: 25px;
  376. left: 0;
  377. right: 0;
  378. margin-left: auto;
  379. margin-right: auto;
  380. transition: all 0.5s ease;
  381. -webkit-transition: all 0.5s ease;
  382. -moz-transition: all 0.5s ease;
  383. -ms-transition: all 0.5s ease;
  384. -o-transition: all 0.5s ease;
  385. }
  386.  
  387. .west {
  388. position: absolute;
  389. background-color: {color:Post Borders};
  390. height: calc(100% - 50px);
  391. width: 2px;
  392. margin-left: -27px;
  393. margin-top: 25px;
  394. transition: all 0.5s ease;
  395. -webkit-transition: all 0.5s ease;
  396. -moz-transition: all 0.5s ease;
  397. -ms-transition: all 0.5s ease;
  398. -o-transition: all 0.5s ease;
  399. }
  400.  
  401. .posts:hover .west, .posts:hover .east {
  402. height: calc(100% + 52px);
  403. margin-top: -25px;
  404. background-color: {color:Post Borders Hover};
  405. }
  406.  
  407. .east {
  408. position: absolute;
  409. background-color: {color:Post Borders};
  410. height: calc(100% - 50px);
  411. right: 0;
  412. width: 2px;
  413. margin-right: -2px;
  414. margin-top: 25px;
  415. transition: all 0.5s ease;
  416. -webkit-transition: all 0.5s ease;
  417. -moz-transition: all 0.5s ease;
  418. -ms-transition: all 0.5s ease;
  419. -o-transition: all 0.5s ease;
  420. }
  421.  
  422. .ws {
  423. position: absolute;
  424. top: 50%;
  425. height: 0px;
  426. width: 2px;
  427. background-color: {color:Post Borders};
  428. margin-left: -27px;
  429. transition: all 0.5s ease;
  430. -webkit-transition: all 0.5s ease;
  431. -moz-transition: all 0.5s ease;
  432. -ms-transition: all 0.5s ease;
  433. -o-transition: all 0.5s ease;
  434. }
  435.  
  436. .posts:hover .ws {
  437. height: calc(50% + 27px);
  438. background-color: {color:Post Borders Hover};
  439. }
  440.  
  441. .wn {
  442. position: absolute;
  443. top: 50%;
  444. height: 0;
  445. width: 2px;
  446. background-color: {color:Post Borders};
  447. margin-left: -27px;
  448. transition: all 0.5s ease;
  449. -webkit-transition: all 0.5s ease;
  450. -moz-transition: all 0.5s ease;
  451. -ms-transition: all 0.5s ease;
  452. -o-transition: all 0.5s ease;
  453. }
  454.  
  455. .posts:hover .wn {
  456. top: -25px;
  457. height: calc(50% + 27px);
  458. background-color: {color:Post Borders Hover};
  459. }
  460.  
  461. .es {
  462. position: absolute;
  463. top: 50%;
  464. height: 0px;
  465. width: 2px;
  466. background-color: {color:Post Borders};
  467. right: 0;
  468. transition: all 0.5s ease;
  469. -webkit-transition: all 0.5s ease;
  470. -moz-transition: all 0.5s ease;
  471. -ms-transition: all 0.5s ease;
  472. -o-transition: all 0.5s ease;
  473. }
  474.  
  475. .posts:hover .es {
  476. height: calc(50% + 27px);
  477. background-color: {color:Post Borders Hover};
  478. }
  479.  
  480. .en {
  481. position: absolute;
  482. top: 50%;
  483. height: 0;
  484. right: 0;
  485. width: 2px;
  486. background-color: {color:Post Borders};
  487. transition: all 0.5s ease;
  488. -webkit-transition: all 0.5s ease;
  489. -moz-transition: all 0.5s ease;
  490. -ms-transition: all 0.5s ease;
  491. -o-transition: all 0.5s ease;
  492. }
  493.  
  494. .posts:hover .en {
  495. top: -25px;
  496. height: calc(50% + 27px);
  497. background-color: {color:Post Borders Hover};
  498. }
  499.  
  500. .txt, .txt blockquote p::first-letter, .txt blockquote p:first-letter {
  501. font-family: {select:Body Font};
  502. color: {color:Body};
  503. line-height: 150%;
  504. font-size: 16px;
  505. }
  506.  
  507. .txt p::first-letter, .txt p:first-letter {
  508. font-size: 20px;
  509. font-family: {select:Heading Font};
  510. text-transform: uppercase;
  511. color: {color:Headings};
  512. }
  513.  
  514. .ttle {
  515. font-size: 20px;
  516. font-family: {select:Heading Font};
  517. color: {color:Headings};
  518. text-transform: capitalize;
  519. }
  520.  
  521. .ttle a {
  522. text-decoration: none;
  523. color: {color:Link};
  524. border-bottom: 1px solid {color:Link Underline};
  525. padding-bottom: 2px;
  526. transition: all 0.5s ease;
  527. -webkit-transition: all 0.5s ease;
  528. -moz-transition: all 0.5s ease;
  529. -ms-transition: all 0.5s ease;
  530. -o-transition: all 0.5s ease;
  531. }
  532.  
  533. .ttle a:hover {
  534. border-bottom: 1px solid {color:Link Underline Hover};
  535. color: {color:Link Hover};
  536. }
  537.  
  538. .icon {
  539. position: relative;
  540. top: 0;
  541. left: 0;
  542. }
  543.  
  544. .icon i {
  545. color: {color:Post Icons};
  546. padding-right: 5px;
  547. }
  548.  
  549. .se {
  550. position: absolute;
  551. height: 2px;
  552. width: calc(70% - 50px);
  553. background-color: {color:Post Borders};
  554. margin-top: 25px;
  555. left: 30%;
  556. bottom: -27px;
  557. transition: all 0.5s ease;
  558. -webkit-transition: all 0.5s ease;
  559. -moz-transition: all 0.5s ease;
  560. -ms-transition: all 0.5s ease;
  561. -o-transition: all 0.5s ease;
  562. }
  563.  
  564. .posts:hover .se {
  565. width: 70%;
  566. background-color: {color:Post Borders Hover};
  567. }
  568.  
  569. .slant {
  570. position: absolute;
  571. margin-top: 25px;
  572. left: calc(30% - 18px);
  573. bottom: -33px;
  574. width: 15px;
  575. height: 15px;
  576. background: transparent;
  577. border-left: 3px solid {color:Post Borders};
  578. transform: skew(45deg) rotate(-45deg);
  579. transition: all 0.5s ease;
  580. -webkit-transition: all 0.5s ease;
  581. -moz-transition: all 0.5s ease;
  582. -ms-transition: all 0.5s ease;
  583. -o-transition: all 0.5s ease;
  584. }
  585.  
  586. .posts:hover .slant {
  587. border-left-color: {color:Post Borders Hover};
  588. }
  589.  
  590. .slant2 {
  591. position: absolute;
  592. margin-top: 25px;
  593. left: calc(30% - 18px);
  594. bottom: -33px;
  595. width: 15px;
  596. height: 15px;
  597. background: transparent;
  598. border-left: 2px solid {color:Post Borders};
  599. transform: skew(45deg) rotate(-45deg);
  600. transition: all 0.5s ease;
  601. -webkit-transition: all 0.5s ease;
  602. -moz-transition: all 0.5s ease;
  603. -ms-transition: all 0.5s ease;
  604. -o-transition: all 0.5s ease;
  605. }
  606.  
  607. .posts:hover .slant2 {
  608. border-left-color: {color:Post Borders Hover};
  609. }
  610.  
  611. .sh {
  612. position: absolute;
  613. width: 2px;
  614. height: 11px;
  615. background-color: {color:Post Borders};
  616. margin-top: 25px;
  617. bottom: -36px;
  618. left: 30%;
  619. transition: all 0.5s ease;
  620. -webkit-transition: all 0.5s ease;
  621. -moz-transition: all 0.5s ease;
  622. -ms-transition: all 0.5s ease;
  623. -o-transition: all 0.5s ease;
  624. }
  625.  
  626. .posts:hover .sh {
  627. background-color: {color:Post Borders Hover};
  628. }
  629.  
  630. .sw {
  631. position: absolute;
  632. height: 2px;
  633. width: calc(30% - 50px - 19px);
  634. background-color: {color:Post Borders};
  635. margin-top: 25px;
  636. left: 50px;
  637. bottom: -27px;
  638. transition: all 0.5s ease;
  639. -webkit-transition: all 0.5s ease;
  640. -moz-transition: all 0.5s ease;
  641. -ms-transition: all 0.5s ease;
  642. -o-transition: all 0.5s ease;
  643. }
  644.  
  645. .posts:hover .sw {
  646. left: 0;
  647. width: calc(30% - 18px);
  648. background-color: {color:Post Borders Hover};
  649. }
  650.  
  651. .ref {
  652. position: absolute;
  653. right: 25px;
  654. top: calc(100% + 30px);
  655. height: auto;
  656. width: auto;
  657. max-width: calc(70% - 30px);
  658. text-align: right;
  659. text-transform: capitalize;
  660. word-break: break-all;
  661. }
  662.  
  663. .play {
  664. width: 20px;
  665. height: 30px;
  666. overflow: hidden;
  667. position: relative;
  668. z-index: 99;
  669. margin: 5px 14px 3px 6px;
  670. }
  671.  
  672. .playbox {
  673. background-color: #000;
  674. position: absolute;
  675. z-index: 99;
  676. border-radius: 100px;
  677. -webkit-border-radius: 100px;
  678. -moz-border-radius: 100px;
  679. opacity: .75;
  680. margin: 6px 5px;
  681. }
  682.  
  683. .cover {
  684. height: 50px;
  685. width: 50px;
  686. position: relative;
  687. margin: 0 auto;
  688. }
  689.  
  690. .playinfo {
  691. width: calc(100% - 50px);
  692. height: auto;
  693. margin: 5px auto;
  694. font-family: {select:Body Font};
  695. color: {color:Body};
  696. font-size: 16px;
  697. text-align: center;
  698. }
  699.  
  700. .chatter {
  701. font-size: 14px;
  702. font-family: {select:Body Font};
  703. color: {color:Chat Label};
  704. text-transform: capitalize;
  705. }
  706.  
  707. .postinfo {
  708. width: 130px;
  709. opacity: 0;
  710. height: 100px;
  711. font-family: {select:Body Font};
  712. font-size: 13px;
  713. line-height: 150%;
  714. right: -150px;
  715. top: -23px;
  716. position: absolute;
  717. text-transform: uppercase;
  718. padding: 0 10px;
  719. transition: all 0.5s ease;
  720. -webkit-transition: all 0.5s ease;
  721. -moz-transition: all 0.5s ease;
  722. -ms-transition: all 0.5s ease;
  723. -o-transition: all 0.5s ease;
  724. }
  725.  
  726. .posts:hover .postinfo {
  727. opacity: 1;
  728. }
  729.  
  730. .tags {
  731. word-spacing: 5px;
  732. }
  733.  
  734. .tags a {
  735. position: relative;
  736. color: {color:Link};
  737. text-decoration: none;
  738. transition: all 0.5s ease;
  739. border-bottom: none;
  740. -webkit-transition: all 0.5s ease;
  741. -moz-transition: all 0.5s ease;
  742. -ms-transition: all 0.5s ease;
  743. -o-transition: all 0.5s ease;
  744. }
  745.  
  746. .tags a:hover {
  747. color: {color:Link Hover};
  748. }
  749.  
  750. .tags a:before {
  751. content: "";
  752. position: absolute;
  753. width: 100%;
  754. height: 1px;
  755. bottom: 9px;
  756. left: 0;
  757. background-color: {color:Link Strikethrough};
  758. visibility: hidden;
  759. -webkit-transform: scaleX(0);
  760. transform: scaleX(0);
  761. transition: all 0.5s ease;
  762. -webkit-transition: all 0.5s ease;
  763. -moz-transition: all 0.5s ease;
  764. -ms-transition: all 0.5s ease;
  765. -o-transition: all 0.5s ease;
  766. }
  767.  
  768. .tags a:hover:before {
  769. visibility: visible;
  770. -webkit-transform: scaleX(1);
  771. transform: scaleX(1);
  772. }
  773.  
  774. .buttons {
  775. height: 20px;
  776. width: 50px;
  777. position: absolute;
  778. right: -170px;
  779. top: -37px;
  780. background-color: transparent;
  781. padding: 5px;
  782. opacity: 0;
  783. transition: all 0.5s ease;
  784. -webkit-transition: all 0.5s ease;
  785. -moz-transition: all 0.5s ease;
  786. -ms-transition: all 0.5s ease;
  787. -o-transition: all 0.5s ease;
  788. }
  789.  
  790. .posts:hover .buttons {
  791. opacity: 1;
  792. transition: all 1s ease;
  793. -webkit-transition: all 1s ease;
  794. -moz-transition: all 1s ease;
  795. -ms-transition: all 1s ease;
  796. -o-transition: all 1s ease;
  797. }
  798.  
  799. .buttons a {
  800. border-bottom: none;
  801. }
  802.  
  803. .button {
  804. float: left;
  805. padding-right: 5px;
  806. }
  807.  
  808. .nonlink a {
  809. border-bottom: none;
  810. }
  811.  
  812. #sidebar {
  813. position: fixed;
  814. z-index: 10;
  815. width: 200px;
  816. height: 252px;
  817. bottom: 50px;
  818. left: 50px;
  819. }
  820.  
  821. #sbv {
  822. width: 2px;
  823. background-color: {color:Sidebar Lines};
  824. height: 100%;
  825. position: absolute;
  826. left: 35px;
  827. }
  828.  
  829. #sbh {
  830. height: 2px;
  831. width: 100%;
  832. position: absolute;
  833. background-color: {color:Sidebar Lines};
  834. top: 35px;
  835. }
  836.  
  837. .row {
  838. height: 35px;
  839. width: 100%;
  840. border-bottom: 1px solid {color:Sidebar Row Separators};
  841. }
  842.  
  843. .numbers {
  844. width: 35px;
  845. height: 35px;
  846. text-align: center;
  847. font-family: {select:Heading Font};
  848. text-transform: uppercase;
  849. font-size: 20px;
  850. }
  851.  
  852. .row a {
  853. border-bottom: none;
  854. color: {color:Sidebar Link Text};
  855. }
  856.  
  857. .center {
  858. vertical-align: middle;
  859. line-height: 35px;
  860. display: inline-block;
  861. color: {color:Blog title};
  862. }
  863.  
  864. .links {
  865. width: calc(100% - 44px);
  866. padding-left: 7px;
  867. font-family: {select:Body Font};
  868. font-size: 16px;
  869. text-transform: uppercase;
  870. height: 35px;
  871. margin-top: -35px;
  872. margin-left: 37px;
  873. background-image: linear-gradient(to right, {color:Sidebar Link Slide}, {color:Sidebar Link Slide} 50%, transparent 50%, transparent);
  874. background-position: 100% 0;
  875. background-size: 200% 100%;
  876. transition: all 0.5s ease;
  877. -webkit-transition: all 0.5s ease;
  878. -moz-transition: all 0.5s ease;
  879. -ms-transition: all 0.5s ease;
  880. -o-transition: all 0.5s ease;
  881. }
  882.  
  883. .row:hover .links, .row2:hover .links {
  884. background-position: 0 0;
  885. }
  886.  
  887. #description {
  888. position: absolute;
  889. top: 37px;
  890. width: 160px;
  891. display: none;
  892. height: 215px;
  893. padding: 5px 5px 5px 42px;
  894. overflow-x: hidden;
  895. overflow-y: auto;
  896. text-align: justify;
  897. font-family: {select:Body Font};
  898. color: {color:Description};
  899. font-size: 16px;
  900. }
  901.  
  902. #linkbox {
  903. position: absolute;
  904. top: 37px;
  905. width: 200px;
  906. height: 215px;
  907. }
  908.  
  909. #blogtitle {
  910. left: 42px;
  911. height: 37px;
  912. position: absolute;
  913. width: auto;
  914. font-family: {select:Heading Font};
  915. color: {color:Blog title};
  916. font-size: 30px;
  917. text-transform: uppercase;
  918. white-space: break-word;
  919. }
  920.  
  921. #blogtitle:hover {
  922. cursor: help;
  923. }
  924.  
  925. #pagination {
  926. position: absolute;
  927. bottom: 0px;
  928. height: 50px;
  929. width: 100%;
  930. }
  931.  
  932. #pagbox {
  933. width: 100%;
  934. text-align: center;
  935. font-size: 15px;
  936. font-family: {select:Heading Font};
  937. height: 50px;
  938. line-height: 50px;
  939. vertical-align: middle;
  940. word-spacing: 10px;
  941. }
  942.  
  943. #pagbox a {
  944. position: relative;
  945. color: {color:Link};
  946. text-decoration: none;
  947. border: none;
  948. }
  949.  
  950. #pagbox a:before {
  951. content: "";
  952. position: absolute;
  953. width: 100%;
  954. height: 1px;
  955. top: 0;
  956. left: 0;
  957. background-color: {color:Link Hover};
  958. visibility: hidden;
  959. -webkit-transform: scaleX(0);
  960. transform: scaleX(0);
  961. -webkit-transition: all 0.3s ease-in-out 0s;
  962. transition: all 0.3s ease-in-out 0s;
  963. }
  964.  
  965. #pagbox a:hover:before {
  966. visibility: visible;
  967. -webkit-transform: scaleX(1);
  968. transform: scaleX(1);
  969. }
  970.  
  971. #pagbox a:after {
  972. content: "";
  973. position: absolute;
  974. width: 100%;
  975. height: 1px;
  976. bottom: 0;
  977. left: 0;
  978. background-color: {color:Link Hover};
  979. visibility: hidden;
  980. -webkit-transform: scaleX(0);
  981. transform: scaleX(0);
  982. -webkit-transition: all 0.3s ease-in-out 0s;
  983. transition: all 0.3s ease-in-out 0s;
  984. }
  985.  
  986. #pagbox a:hover:after {
  987. visibility: visible;
  988. -webkit-transform: scaleX(1);
  989. transform: scaleX(1);
  990. }
  991.  
  992. .current_page {
  993. color: {color:Link Hover};
  994. }
  995.  
  996. #c {
  997. position: fixed;
  998. bottom: 10px;
  999. right: 25px;
  1000. width: auto;
  1001. height: 10px;
  1002. font-size: 10px;
  1003. font-family: {select:Body Font};
  1004. text-transform: uppercase;
  1005. }
  1006.  
  1007. #c a {
  1008. border: none;
  1009. }
  1010.  
  1011. .scrolltotop{
  1012. width:35px;
  1013. height:35px;
  1014. text-decoration: none;
  1015. position:absolute;
  1016. top: 0px;
  1017. left: 0;
  1018. display: none;
  1019. z-index: 1000;
  1020. border: none;
  1021. transition: none;
  1022. }
  1023.  
  1024. .scrolltotop img {
  1025. width: 35px;
  1026. height: 35px;
  1027. }
  1028.  
  1029. .scrolltotop:hover{
  1030. text-decoration:none;
  1031. border: none;
  1032. }
  1033.  
  1034. #notebox {
  1035. margin-top: 50px;
  1036. padding: 20px;
  1037. background-color: {color:Caption Background};
  1038. border: 1px solid {color:Caption Borders};
  1039. }
  1040.  
  1041. #notebox img.avatar {
  1042. width: 10px;
  1043. height: 10px;
  1044. float: left;
  1045. }
  1046.  
  1047. ol.notes {
  1048. padding: 5px;
  1049. word-wrap: break-word;
  1050. list-style-type: none;
  1051. font-size: 11px;
  1052. font-family: {select:Body Font};
  1053. text-decoration: none;
  1054. }
  1055.  
  1056. #notebox a {
  1057. padding-bottom: 1px;
  1058. }
  1059.  
  1060.  
  1061. </style>
  1062.  
  1063. </head>
  1064.  
  1065. <body>
  1066.  
  1067. <div id="container">
  1068.  
  1069.  
  1070. <div id="sidebar">
  1071. <a href="#" class="scrolltotop"><img src="{text:Scroll to Top Button}"></a>
  1072. <div id="blogtitle">{Title}</div>
  1073.  
  1074. <div id="linkbox">
  1075. <div class="row">
  1076. <div class="numbers"><span class="center">I</span></div>
  1077. <a href="/"><div class="links"><span class="center">home</span></div></a>
  1078. </div>
  1079. <div class="row">
  1080. <div class="numbers"><span class="center">II</span></div>
  1081. <a href="/ask"><div class="links"><span class="center">message</span></div></a>
  1082. </div>
  1083. <div class="row">
  1084. <div class="numbers"><span class="center">III</span></div>
  1085. <a href="/archive"><div class="links"><span class="center">archive</span></div></a>
  1086. </div>
  1087. <div class="row">
  1088. <div class="numbers"><span class="center">IV</span></div>
  1089. <a href="{text:link 1 url}"><div class="links"><span class="center">{text:link 1}</span></div></a>
  1090. </div>
  1091. <div class="row">
  1092. <div class="numbers"><span class="center">V</span></div>
  1093. <a href="{text:link 2 url}"><div class="links"><span class="center">{text:link 2}</span></div></a>
  1094. </div>
  1095. <div class="row" style="border-bottom:none;">
  1096. <div class="numbers"><span class="center">VI</span></div>
  1097. <a href="{text:link 3 url}"><div class="links"><span class="center">{text:link 3}</span></div></a>
  1098. </div>
  1099. </div>
  1100.  
  1101. <div id="description">{Description}</div>
  1102.  
  1103. <div id="sbh"></div>
  1104. <div id="sbv"></div>
  1105.  
  1106. </div>
  1107.  
  1108. <div id="column">
  1109.  
  1110. <div class="autopagerize_page_element">
  1111. {block:Posts}
  1112.  
  1113. <div class="posts">
  1114.  
  1115. {block:Photo}
  1116. <div class="all">
  1117. <div class="north"></div>
  1118. <div class="west"></div>
  1119. <div class="east"></div>
  1120. {LinkOpenTag}
  1121. <div class="nonlink">
  1122. {block:if500pxposts}<img src="{PhotoURL-500}" />{/block:if500pxposts}
  1123. {block:if400pxposts}<img src="{PhotoURL-400}" />{/block:if400pxposts}
  1124. {block:if250pxposts}<img src="{PhotoURL-250}" />{/block:if250pxposts}
  1125. </div>
  1126. {LinkCloseTag}
  1127. {block:ifnotHideCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:ifnotHideCaptions}
  1128. <div class="south"></div>
  1129. {block:ifLikeandReblogButtons}<div class="buttons">
  1130. <span class="button">{ReblogButton color="black" size="15"}</span>
  1131. <span class="button">{LikeButton color="black" size="15"}</span>
  1132. </div>{/block:ifLikeandReblogButtons}
  1133. <div class="postinfo">
  1134. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1135. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1136. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1137. {block:ifSource}
  1138. {block:RebloggedFrom}<p>
  1139. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1140. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1141. {/block:RebloggedFrom}</p>
  1142. {/block:ifSource}
  1143. </div>
  1144. </div>
  1145. {/block:Photo}
  1146.  
  1147. {block:Photoset}
  1148. <div class="all">
  1149. <div class="north"></div>
  1150. <div class="west"></div>
  1151. <div class="east"></div>
  1152. <div class="nonlink">
  1153. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1154. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1155. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  1156. </div>
  1157. {block:ifnotHideCaptions}{block:Caption}<div class="cap" style="margin-top:4px;">{Caption}</div>{/block:Caption}{/block:ifnotHideCaptions}
  1158. <div class="south"></div>
  1159. {block:ifLikeandReblogButtons}<div class="buttons">
  1160. <span class="button">{ReblogButton color="black" size="15"}</span>
  1161. <span class="button">{LikeButton color="black" size="15"}</span>
  1162. </div>{/block:ifLikeandReblogButtons}
  1163. <div class="postinfo">
  1164. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1165. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1166. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1167. {block:ifSource}
  1168. {block:RebloggedFrom}<p>
  1169. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1170. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1171. {/block:RebloggedFrom}</p>
  1172. {/block:ifSource}
  1173. </div>
  1174. </div>
  1175. {/block:Photoset}
  1176.  
  1177. {block:Text}
  1178. <div class="all">
  1179. <div class="north"></div>
  1180. <div class="wn"></div>
  1181. <div class="ws"></div>
  1182. <div class="en"></div>
  1183. <div class="es"></div>
  1184. {block:Title}<span class="ttle">{Title}</span>{/block:Title}
  1185. <span class="txt">{Body}</span>
  1186. <div class="south" style="bottom:-27px;"></div>
  1187. {block:ifLikeandReblogButtons}<div class="buttons">
  1188. <span class="button">{ReblogButton color="black" size="15"}</span>
  1189. <span class="button">{LikeButton color="black" size="15"}</span>
  1190. </div>{/block:ifLikeandReblogButtons}
  1191. <div class="postinfo">
  1192. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1193. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1194. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1195. {block:ifSource}
  1196. {block:RebloggedFrom}<p>
  1197. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1198. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1199. {/block:RebloggedFrom}</p>
  1200. {/block:ifSource}
  1201. </div>
  1202. </div>
  1203. {/block:Text}
  1204.  
  1205. {block:Quote}
  1206. <div class="all">
  1207. <div class="north"></div>
  1208. <div class="wn"></div>
  1209. <div class="ws"></div>
  1210. <div class="en"></div>
  1211. <div class="es"></div>
  1212. <span class="icon"><i class="fa fa-quote-left fa-lg"></i></span><span class="ttle" style="font-size:18px;">{Quote}</span>
  1213. <span class="ref">{block:Source}- {Source}{/block:Source}</span>
  1214. <div class="sw"></div>
  1215. <div class="slant"></div>
  1216. <div class="sh"></div>
  1217. <div class="se"></div>
  1218. {block:ifLikeandReblogButtons}<div class="buttons">
  1219. <span class="button">{ReblogButton color="black" size="15"}</span>
  1220. <span class="button">{LikeButton color="black" size="15"}</span>
  1221. </div>{/block:ifLikeandReblogButtons}
  1222. <div class="postinfo">
  1223. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1224. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1225. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1226. {block:ifSource}
  1227. {block:RebloggedFrom}<p>
  1228. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1229. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1230. {/block:RebloggedFrom}</p>
  1231. {/block:ifSource}
  1232. </div>
  1233. </div>
  1234. {/block:Quote}
  1235.  
  1236. {block:Link}
  1237. <div class="all">
  1238. <div class="north"></div>
  1239. <div class="wn"></div>
  1240. <div class="ws"></div>
  1241. <div class="en"></div>
  1242. <div class="es"></div>
  1243. {block:Description}<div class="cap" style="padding:15px;">{/block:Description}<span class="icon"><i class="fa fa-link fa-lg"></i></span><span class="ttle"><a href="{URL}">{Name}</a></span>{block:Description}</div>{/block:Description}
  1244. {block:Description}<span class="txt">{Description}</span>{/block:Description}
  1245. <div class="south" style="bottom:-27px;"></div>
  1246. {block:ifLikeandReblogButtons}<div class="buttons">
  1247. <span class="button">{ReblogButton color="black" size="15"}</span>
  1248. <span class="button">{LikeButton color="black" size="15"}</span>
  1249. </div>{/block:ifLikeandReblogButtons}
  1250. <div class="postinfo">
  1251. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1252. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1253. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1254. {block:ifSource}
  1255. {block:RebloggedFrom}<p>
  1256. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1257. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1258. {/block:RebloggedFrom}</p>
  1259. {/block:ifSource}
  1260. </div>
  1261. </div>
  1262. {/block:Link}
  1263.  
  1264. {block:Audio}
  1265. <div class="all">
  1266. <div class="north"></div>
  1267. <div class="wn"></div>
  1268. <div class="ws"></div>
  1269. <div class="en"></div>
  1270. <div class="es"></div>
  1271. <div class="cover"><div class="playbox"><div class="play">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1272. {block:AlbumArt}
  1273. <img src="{AlbumArtURL}" class="cover">
  1274. {/block:AlbumArt}</div>
  1275. <div class="playinfo">
  1276. <p><b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}</p>
  1277. <p><b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</p>
  1278. <p><b>Album:</b> {block:Album}{Album}{/block:Album}</p>
  1279. {block:IfPlayCount}<p><b>Play Count:</b> {PlayCount}</p>{/block:IfPlayCount}
  1280. </div>
  1281. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1282. <div class="south" style="bottom:-27px;"></div>
  1283. {block:ifLikeandReblogButtons}<div class="buttons">
  1284. <span class="button">{ReblogButton color="black" size="15"}</span>
  1285. <span class="button">{LikeButton color="black" size="15"}</span>
  1286. </div>{/block:ifLikeandReblogButtons}
  1287. <div class="postinfo">
  1288. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1289. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1290. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1291. {block:ifSource}
  1292. {block:RebloggedFrom}<p>
  1293. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1294. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1295. {/block:RebloggedFrom}</p>
  1296. {/block:ifSource}
  1297. </div>
  1298. </div>
  1299. {/block:Audio}
  1300.  
  1301. {block:Video}
  1302. <div class="all">
  1303. <div class="north"></div>
  1304. <div class="west"></div>
  1305. <div class="east"></div>
  1306. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1307. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1308. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  1309. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  1310. <div class="south"></div>
  1311. {block:ifLikeandReblogButtons}<div class="buttons">
  1312. <span class="button">{ReblogButton color="black" size="15"}</span>
  1313. <span class="button">{LikeButton color="black" size="15"}</span>
  1314. </div>{/block:ifLikeandReblogButtons}
  1315. <div class="postinfo">
  1316. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1317. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1318. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1319. {block:ifSource}
  1320. {block:RebloggedFrom}<p>
  1321. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1322. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1323. {/block:RebloggedFrom}</p>
  1324. {/block:ifSource}
  1325. </div>
  1326. </div>
  1327. {/block:Video}
  1328.  
  1329. {block:Chat}
  1330. <div class="all">
  1331. <div class="north"></div>
  1332. <div class="wn"></div>
  1333. <div class="ws"></div>
  1334. <div class="en"></div>
  1335. <div class="es"></div>
  1336. {block:Title}<div class="ttle">{Title}</div>{/block:Title}
  1337. {block:Lines}
  1338. <p>{block:Label}<div class="chatter">{Label}</div>{/block:Label}
  1339. <div class="txt" style="margin-left:25px;">{Line}</div></p>
  1340. {/block:Lines}
  1341. <div class="south" style="bottom:-27px;"></div>
  1342. {block:ifLikeandReblogButtons}<div class="buttons">
  1343. <span class="button">{ReblogButton color="black" size="15"}</span>
  1344. <span class="button">{LikeButton color="black" size="15"}</span>
  1345. </div>{/block:ifLikeandReblogButtons}
  1346. <div class="postinfo">
  1347. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1348. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1349. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1350. {block:ifSource}
  1351. {block:RebloggedFrom}<p>
  1352. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1353. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1354. {/block:RebloggedFrom}</p>
  1355. {/block:ifSource}
  1356. </div>
  1357. </div>
  1358. {/block:Chat}
  1359.  
  1360. {block:Answer}
  1361. <div class="all">
  1362. <div class="north"></div>
  1363. <div class="wn"></div>
  1364. <div class="ws"></div>
  1365. <div class="en"></div>
  1366. <div class="es"></div>
  1367. <div class="all">
  1368. <span class="txt">{block:ifBoldQuestions}<b>{/block:ifBoldQuestions}{Question}{block:ifBoldQuestions}</b>{/block:ifBoldQuestions}</span>
  1369. <span class="ref">- {Asker}</span>
  1370. <div class="sw" style="height:1px;bottom:-26px;"></div>
  1371. <div class="slant2"></div>
  1372. <div class="sh" style="width:1px;"></div>
  1373. <div class="se" style="height:1px;bottom:-26px;"></div>
  1374. </div>
  1375. <div class="txt" style="margin-top:60px;">{Answer}</div>
  1376. <div class="south" style="bottom:-27px;"></div>
  1377. {block:ifLikeandReblogButtons}<div class="buttons">
  1378. <span class="button">{ReblogButton color="black" size="15"}</span>
  1379. <span class="button">{LikeButton color="black" size="15"}</span>
  1380. </div>{/block:ifLikeandReblogButtons}
  1381. <div class="postinfo">
  1382. <p style="letter-spacing:1px;"><a href="{Permalink}"><b>{TimeAgo}</b></a></p>
  1383. {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  1384. {block:HasTags}<b>Tagged:</b> <div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1385. {block:ifSource}
  1386. {block:RebloggedFrom}<p>
  1387. <a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>
  1388. <a href="{ReblogRootURL}" title="{ReblogRootName}">ORG</a>
  1389. {/block:RebloggedFrom}</p>
  1390. {/block:ifSource}
  1391. </div>
  1392.  
  1393. </div>
  1394. {/block:Answer}
  1395. {block:PermalinkPage}
  1396. {block:PostNotes}
  1397. <div id="notebox">{PostNotes}</div>
  1398. {/block:PostNotes}
  1399. {/block:PermalinkPage}
  1400. </div>
  1401.  
  1402. {block:ContentSource}
  1403. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1404. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1405. {/block:SourceLogo}
  1406. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1407. {/block:ContentSource}
  1408.  
  1409. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  1410.  
  1411. {/block:Posts}
  1412.  
  1413. </div>
  1414.  
  1415. {block:IfNotInfiniteScroll}
  1416. <div id="pagination">
  1417.  
  1418. {block:Pagination}
  1419.  
  1420. <div id="pagbox">
  1421. {block:JumpPagination length="5"}{block:CurrentPage}
  1422. <span class="current_page">{PageNumber}</span>
  1423. {/block:CurrentPage}{block:JumpPage}
  1424. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1425. {/block:JumpPage}{/block:JumpPagination}
  1426.  
  1427. </div>
  1428. {/block:Pagination}
  1429.  
  1430. </div>
  1431. {/block:IfNotInfiniteScroll}
  1432.  
  1433. </div>
  1434.  
  1435. <!--PLEASE DO NOT DELETE--><div id="c"><a href="http://undeadmagikarp.tumblr.com/" title="theme credit">UNDEAD MAGIKARP</a></div>
  1436.  
  1437. </div>
  1438.  
  1439. </body>
  1440. </html>
Add Comment
Please, Sign In to add comment