API tools faq
paste
Advertisement
mogimochi

Theme [36] Asymptomatic

mogimochi
Feb 20th, 2015
33,021
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. :: CODE PACK #08 IRRETRIEVABLE ::
  8.  
  9. Theme 36 Asymptomatic
  10. by yukoki/s-ekki
  11.  
  12. 1. Light/Heavy CSS editting is allowed.
  13. 2. Do not use as base code.
  14. 3. Do not remove credit.
  15. 4. Do not claim theme as your own.
  16.  
  17. ---------------------------------------------------------- VER 020917 -->
  18.  
  19. <meta name="color:background" content="#ffffff">
  20. <meta name="color:tooltips background" content="#000000">
  21. <meta name="color:tooltips text" content="#ffffff">
  22. <meta name="color:text highlight" content="#000000">
  23. <meta name="color:scrollbar" content="#000000">
  24.  
  25. <meta name="color:sidebar background" content="#ffffff">
  26. <meta name="color:blog title" content="#ffffff">
  27. <meta name="color:blog title background" content="#000000">
  28.  
  29. <meta name="color:desc" content="#000000">
  30. <meta name="color:desc bold" content="#a5a5a5">
  31. <meta name="color:desc italic" content="#c9c9c9">
  32. <meta name="color:desc links" content="#bbbbbb">
  33. <meta name="color:desc links hover" content="#cccccc">
  34.  
  35. <meta name="color:custom links header" content="#000000">
  36. <meta name="color:custom links header underline" content="#000000">
  37. <meta name="color:custom links" content="#444444">
  38. <meta name="color:custom links underline" content="#aaaaaa">
  39. <meta name="color:custom links hover" content="#000000">
  40. <meta name="color:custom links hover underline" content="#000000">
  41.  
  42. <meta name="color:nav icon" content="#ffffff">
  43. <meta name="color:nav icon background" content="#000000">
  44. <meta name="color:nav icon border" content="#000000">
  45.  
  46. <meta name="color:post background" content="#ffffff">
  47.  
  48. <meta name="color:body" content="#000000">
  49. <meta name="color:body bold" content="#000000">
  50. <meta name="color:body italic" content="#c8c8c8">
  51. <meta name="color:body links" content="#aaaaaa">
  52. <meta name="color:body links hover" content="#7a7a7a">
  53. <meta name="color:body links hover background" content="#f4f4f4">
  54.  
  55. <meta name="color:post sources" content="#7a7a7a">
  56. <meta name="color:post sources hover" content="#000000">
  57. <meta name="color:tags" content="#aaaaaa">
  58. <meta name="color:tags hover" content="#000000">
  59. <meta name="color:post notes" content="#aaaaaa">
  60. <meta name="color:post notes hover" content="#000000">
  61.  
  62. <meta name="color:text post title" content="#ffffff">
  63. <meta name="color:text post title background" content="#000000">
  64. <meta name="color:quote post quote" content="#000000">
  65. <meta name="color:quote post source" content="#7a7a7a">
  66. <meta name="color:link post link" content="#ffffff">
  67. <meta name="color:link post link background" content="#000000">
  68. <meta name="color:link post link hover" content="#000000">
  69. <meta name="color:link post link hover background" content="#ffffff">
  70. <meta name="color:chat post odd" content="#000000">
  71. <meta name="color:chat post odd background" content="#f5f5f5">
  72. <meta name="color:chat post even" content="#7a7a7a">
  73. <meta name="color:chat post even background" content="#ffffff">
  74. <meta name="color:ask background" content="#f6f6f6">
  75. <meta name="color:ask text" content="#000000">
  76.  
  77. <meta name="color:pagination divider" content="#000000">
  78. <meta name="color:pagination links" content="#7a7a7a">
  79. <meta name="color:pagination links hover" content="#000000">
  80.  
  81. <meta name="if:400px posts" content="1">
  82. <meta name="if:500px posts" content="0">
  83. <meta name="if:show tags" content="1">
  84. <meta name="if:show captions" content="1">
  85. <meta name="if:monochrome posts" content="0">
  86. <meta name="if:photo fading" content="0">
  87.  
  88. <meta name="image:sidebar" content="">
  89. <meta name="image:background" content="">
  90.  
  91. <meta name="text:your url" content="url">
  92. <meta name="text:sidebar position from top" content="130">
  93. <meta name="text:link 1" content="">
  94. <meta name="text:link 1 url" content="">
  95. <meta name="text:link 2" content="">
  96. <meta name="text:link 2 url" content="">
  97. <meta name="text:link 3" content="">
  98. <meta name="text:link 3 url" content="">
  99. <meta name="text:link 4" content="">
  100. <meta name="text:link 4 url" content="">
  101. <meta name="text:link 5" content="">
  102. <meta name="text:link 5 url" content="">
  103. <meta name="text:link 6" content="">
  104. <meta name="text:link 6 url" content="">
  105.  
  106. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  107. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  108. <link rel="shortcut icon" href="{Favicon}" />
  109.  
  110. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  111.  
  112. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  113.  
  114. <script language="javascript">
  115. $(document).ready(function() {
  116. $('a#clickbutton').click(function() {
  117. $('.t',this).toggle();
  118. });
  119.  
  120. $("#cstm").css({"opacity": "0"})
  121. $("#clickbutton").toggle(
  122. function () {
  123. $("#cstm").animate({"opacity": "1"}, "slow");
  124. },
  125. function () {
  126. $("#cstm").animate({"opacity": "0"}, "slow");
  127. });
  128. });
  129. </script>
  130.  
  131. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  132. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  133. <script>
  134. (function($){
  135. $(document).ready(function(){
  136. $("a[title]").style_my_tooltips({
  137. tip_follows_cursor:true,
  138. tip_delay_time:0,
  139. tip_fade_speed:300,
  140. attribute:"title"
  141. });
  142. });
  143. })(jQuery);
  144. </script>
  145.  
  146. <style type="text/css">
  147.  
  148. #tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
  149. #tumblr_lightbox img { opacity:0;padding: 10px;
  150. border: 1px solid #ddd; }
  151. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  152. opacity: 1!important;
  153. box-shadow: 0 0 0 transparent!important;
  154. border-radius: 0!important;
  155. -moz-border-radius: 0!important;
  156. -webkit-border-radius: 0!important;
  157. -o-border-radius: 0!important;
  158. padding: 10px!important;
  159. border: 1px solid #ddd!important;
  160. background-color: #fff!important;
  161. }
  162. #tumblr_lightbox_caption {
  163. color: #aaa!important;
  164. font-family: calibri!important;
  165. font-size: 12px!important;
  166. margin-top: 30px!important;
  167. text-shadow: 0 0 0 transparent!important;
  168. font-weight: 400!important;
  169. }
  170.  
  171. #s-m-t-tooltip {
  172. padding: 3px 5px 3px 5px;
  173. margin: 20px 14px 7px 10px;
  174. background-color: {color:tooltips background};
  175. box-shadow: 5px 5px 0 rgba(255,255,255,0.5);
  176. color: {color:tooltips text};
  177. font-family: consolas;
  178. font-size: 8px;
  179. letter-spacing: 1px;
  180. text-transform: uppercase;
  181. z-index: 99999;
  182. }
  183.  
  184. ::selection {color: #fff; background-color: {color:text highlight};}
  185. ::-moz-selection {color: #fff; background-color: {color:text highlight};}
  186.  
  187. ::-webkit-scrollbar { width: 7px; }
  188. ::-webkit-scrollbar-track-piece { background-color:{color:background}; }
  189. ::-webkit-scrollbar-thumb:vertical {
  190. width: 10px;
  191. background-color: {color:scrollbar};
  192. }
  193.  
  194. body {
  195. background-color: {color:background};
  196. background-image: url({image:background});
  197. background-attachment: fixed;
  198. margin: 0;
  199. word-wrap: break-word;
  200. }
  201. a { text-decoration:none; }
  202.  
  203. #sidebar {
  204. position: fixed;
  205. top: {text:sidebar position from top}px;
  206. width: 120px;
  207. padding: 15px;
  208. background-color: {color:sidebar background};
  209. border-radius: 10px;
  210. {block:if400pxposts}left: 250px;{/block:if400pxposts}
  211. {block:if500pxposts}left: 200px;{/block:if500pxposts}
  212. }
  213.  
  214. .sbimg {
  215. width: 120px;
  216. display: block;
  217. }
  218.  
  219. #infosec {
  220. position: absolute;
  221. margin: 30px -15px;
  222. width: 150px;
  223. }
  224.  
  225. .btitle {
  226. width: 130px;
  227. padding: 10px 10px;
  228. background-color: {color:blog title background};
  229. color: {color:blog title};
  230. font-family: consolas;
  231. font-size: 10px;
  232. text-transform: uppercase;
  233. border-radius: 10px 10px 0 0;
  234. }
  235.  
  236. .desc {
  237. background-color: {color:sidebar background};
  238. color: {color:desc};
  239. width: 130px;
  240. padding: 10px;
  241. font-family: consolas;
  242. font-size: 10px;
  243. border-radius: 0 0 10px 10px;
  244. }
  245.  
  246. .desc b,strong {
  247. color: {color:desc bold};
  248. }
  249.  
  250. .desc i,em {
  251. color: {color:desc italic};
  252. }
  253.  
  254. .desc a {
  255. color: {color:desc links};
  256. text-decoration: underline;
  257. }
  258.  
  259. .desc a:hover {
  260. color: {color:desc links hover};
  261. }
  262.  
  263. .t {
  264. font-family: consolas;
  265. font-size: 10px;
  266. font-style: italic;
  267. color: {color:custom links header};
  268. }
  269.  
  270. .clinks {
  271. margin-top: 10px;
  272. }
  273.  
  274. .clinktitle {
  275. width: 130px;
  276. padding: 8px 10px;
  277. margin-top: 8px;
  278. border-bottom: 1px solid {color:custom links header underline};
  279. }
  280.  
  281. .chvy {margin: 0 16px 0 0;}
  282.  
  283. #cstm {
  284. font-family: consolas;
  285. font-size: 10px;
  286. opacity: 0;
  287. }
  288.  
  289. .lnk {
  290. width: 130px;
  291. padding: 6px 10px;
  292. color: {color:custom links};
  293. border-bottom: 1px solid {color:custom links underline};
  294. transition: 0.8s;
  295. -moz-transition: 0.8s;
  296. -webkit-transition: 0.8s;
  297. -o-transition: 0.8s;
  298. }
  299.  
  300. .lnk a { color: {color:custom links}; }
  301.  
  302. .lnk:hover {
  303. color: {color:custom links hover};
  304. border-bottom: 1px solid {color:custom links hover underline};
  305. }
  306.  
  307. #sbnav {
  308. position: absolute;
  309. margin-top: -52px;
  310. }
  311.  
  312. .sbicoon {
  313. float: left;
  314. margin-right: 5px;
  315. background-color: {color:nav icon background};
  316. color: {color:nav icon};
  317. border: 1px solid {color:nav icon background};
  318. width: 24px;
  319. height: 24px;
  320. text-align: center;
  321. line-height: 24px;
  322. font-size: 12px;
  323. border-radius: 8px;
  324. }
  325.  
  326. .sbicon:hover {
  327. background-color: {color:nav icon hover background};
  328. color: {color:nav icon hover};
  329. border: 1px solid {color:nav icon border};
  330. }
  331.  
  332. #content {
  333. margin-top: 30px;
  334. margin-bottom: 40px;
  335. {block:if400pxposts}width: 400px;margin-left: 470px;{/block:if400pxposts}
  336. {block:if500pxposts}width: 500px;margin-left: 420px;{/block:if500pxposts}
  337. }
  338.  
  339. .post {
  340. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  341. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  342. background-color: {color:post background};
  343. {block:indexpage}margin-bottom: 30px;{/block:indexpage}
  344. {block:permalinkpage}margin-bottom: 20px;{/block:permalinkpage}
  345. }
  346.  
  347. .olivepost {
  348. background-color: {color:post background};
  349. font-family: consolas;
  350. font-size: 10px;
  351. padding: 16px 20px;
  352. color: {color:body};
  353. {block:if400pxposts}width: 362px;{/block:if400pxposts}
  354. {block:if500pxposts}width: 462px;{/block:if500pxposts}
  355. }
  356.  
  357. .olivepost a {
  358. color: {color:post sources};
  359. }
  360.  
  361. .olivepost a:hover {
  362. color: {color:post sources hover};
  363. }
  364.  
  365. .napkin {
  366. padding: 10px 20px 0 20px;
  367. font-family: consolas;
  368. font-size: 8px;
  369. text-transform: uppercase;
  370. letter-spacing: 1px;
  371. color: {color:tags};
  372. }
  373.  
  374. .napkin a {color: {color:tags};}
  375.  
  376. .napkin a:hover {color: {color:tags hover}; }
  377.  
  378. .platepost {
  379. font-family: consolas;
  380. font-size: 10px;
  381. text-transform: uppercase;
  382. color: {color:post notes};
  383. letter-spacing: 1px;
  384. padding: 16px 20px;
  385. {block:if400pxposts}width: 362px;{/block:if400pxposts}
  386. {block:if500pxposts}width: 462px;{/block:if500pxposts}
  387. }
  388.  
  389. .platepost a { color: {color:post notes}; }
  390.  
  391. .platepost a:hover { color: {color:post notes hover}; }
  392.  
  393. .seasoning {float: right;}
  394.  
  395. .seasame {
  396. float: left;
  397. margin-left: 10px;
  398. }
  399.  
  400. .txtpost {
  401. background-color: {color:post background};
  402. padding: 0 20px;
  403. color: {color:body};
  404. }
  405.  
  406. .post img {
  407. {block:if400pxposts}max-width: 400px;height:auto;{/block:if400pxposts}
  408. {block:if500pxposts}max-width: 500px;height:auto;{/block:if500pxposts}
  409. }
  410. .post blockquote img {max-width: 100%;}
  411.  
  412. .txtposttitle {
  413. background-color: {color:text post title background};
  414. color: {color:text post title};
  415. font-family: consolas;
  416. font-size: 10px;
  417. font-style: italic;
  418. padding: 3px 5px;
  419. border-radius: 3px;
  420. margin-bottom: 5px;
  421. }
  422.  
  423. .body {
  424. font-family: consolas;
  425. font-size: 10px;
  426. color: {color:body};
  427. }
  428.  
  429. .photo {
  430. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  431. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  432. display: block;
  433. {block:ifmonochromeposts}
  434. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  435. filter: gray; /* IE6-9 */
  436. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  437. {/block:ifmonochromeposts}
  438. {block:ifphotofading}
  439. opacity: 0.6;
  440. {/block:ifphotofading}
  441. transition: 0.8s;
  442. -moz-transition: 0.8s;
  443. webkit-transition: 0.8s;
  444. -o-transition: 0.8s;
  445. }
  446.  
  447. .post:hover .photo {
  448. opacity: 1;
  449. {block:ifmonochromeposts}
  450. filter: none;
  451. -webkit-filter: grayscale(0%);
  452. {/block:ifmonochromeposts}
  453. }
  454.  
  455. .caption, .linkpostcaption {
  456. font-family: consolas;
  457. font-size: 10px;
  458. padding: 10px 20px 0 20px;
  459. color: {color:body};
  460. }
  461.  
  462. .caption blockquote, .linkpostcaption blockquote, .body blockquote {
  463. padding: 0 15px;
  464. margin: 5px;
  465. border-left: 1px solid {color:blockquote};
  466. }
  467.  
  468. .caption a, .linkpostcaption a, .body a, .text a, .asker, .notes a, .quotesource a {
  469. color: {color:body links};
  470. text-decoration: underline;
  471. }
  472.  
  473. .caption a:hover, .linkpostcaption a:hover, .body a:hover, .text a:hover, .asker:hover, .notes a:hover, .quotesource a:hover {
  474. color: {color:body links hover};
  475. font-style: italic;
  476. background-color: {color:body links hover background};
  477. }
  478.  
  479. .caption b,strong, .linkpostcaption b,strong, .body b,strong, .text b,strong, .quotesource b,strong {
  480. color: {color:body bold};
  481. }
  482.  
  483. .caption i,em, .linkpostcaption i,em, .body i,em, .text i,em, .quotesource i,em {
  484. color: {color:body bold};
  485. }
  486.  
  487. .linkpostcaption {
  488. padding: 0 20px;
  489. }
  490.  
  491. .quote {
  492. font-family: consolas;
  493. font-size: 18px;
  494. padding: 0 20px;
  495. color: {color:quote post quote};
  496. }
  497.  
  498. .quotesource {
  499. border-left: 1px solid {color:blockquote};
  500. color: {color:quote post source};
  501. font-family: consolas;
  502. font-size: 10px;
  503. margin: 0 20px;
  504. }
  505.  
  506. .linkpost {
  507. padding: 0 20px;
  508. }
  509.  
  510. .linkpostlink {
  511. font-family: consolas;
  512. font-size: 10px;
  513. background-color: {color:link post link background};
  514. color: {color:link post link};
  515. font-style: italic;
  516. padding: 3px 5px;
  517. border-radius: 3px;
  518. transition: 0.8s;
  519. -moz-transition: 0.8s;
  520. -webkit-transition: 0.8s;
  521. -o-transition: 0.8s;
  522. }
  523.  
  524. .linkpostlink:hover {
  525. background-color: {color:link post link hover background};
  526. color: {color:link post link hover};
  527. }
  528.  
  529. .chatpost {
  530. font-family: consolas;
  531. font-size: 10px;
  532. }
  533.  
  534. .line {
  535. padding: 10px 20px;
  536. }
  537.  
  538. .odd {
  539. background-color: {color:chat post odd background};
  540. color: {color:chat post odd};
  541. }
  542.  
  543. .even {
  544. background-color: {color:chat post even background};
  545. color: {color:chat post even};
  546. }
  547.  
  548. .name { text-decoration: underline; }
  549.  
  550. .audioembed {
  551. {block:if400pxposts}max-width: 400px;{/block:if400pxposts}
  552. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  553. }
  554.  
  555. .answerpost {
  556. padding: 0 20px;
  557. }
  558.  
  559. .askerportrait {
  560. max-width: 64px;
  561. max-height: 64px;
  562. position: absolute;
  563. }
  564.  
  565. .a {
  566. margin-left: 50px;
  567. padding: 13px 10px;
  568. background-color: {color:ask background};
  569. font-family: consolas;
  570. font-size: 10px;
  571. min-height: 14px;
  572. color: {color:ask text};
  573. }
  574.  
  575. .askerm {
  576. font-style: italic;
  577. padding-right: 3px;
  578. }
  579.  
  580. .asker { padding-left:3px; }
  581.  
  582. .q {margin-top: 10px;}
  583.  
  584. .asktri {
  585. color: {color:ask background};
  586. font-size: 24px;
  587. position: absolute;
  588. margin: 2px 34px;
  589. }
  590.  
  591. #postinfo {
  592. font-family: consolas;
  593. font-size: 10px;
  594. color: {color:body};
  595. padding: 20px;
  596. background-color: {color:post background};
  597. {block:if400pxposts}width: 360px;{/block:if400pxposts}
  598. {block:if500pxposts}width: 460px;{/block:if500pxposts}
  599. }
  600.  
  601. #applepie {
  602. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  603. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  604. margin-top: -15px;
  605. font-family: consolas;
  606. font-size: 10px;
  607. color: {color:body};
  608. margin-left: -20px;
  609. }
  610.  
  611. .notes li {
  612. {block:if400pxposts}width: 360px;{/block:if400pxposts}
  613. {block:if500pxposts}width: 460px;{/block:if500pxposts}
  614. font-family: consolas;
  615. font-size: 10px;
  616. padding: 10px 20px;
  617. margin-bottom: 5px;
  618. background-color: {color:post background};
  619. }
  620.  
  621. .notes img {
  622. margin-right: 10px;
  623. float: left;
  624. width: 13px;
  625. height: 13px;
  626. }
  627.  
  628. ol.notes {
  629. {block:if400pxposts}width: 360px;{/block:if400pxposts}
  630. {block:if500pxposts}width: 460px;{/block:if500pxposts}
  631. list-style-type: none;
  632. padding: 10px 20px;
  633. line-height: 15px;
  634. position: absolute;
  635. }
  636.  
  637. #pagin {
  638. text-align: center;
  639. font-family: consolas;
  640. font-size: 10px;
  641. color: {color:pagination divider};
  642. letter-spacing: 1px;
  643. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  644. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  645. }
  646.  
  647. #pagin a {
  648. text-decoration: underline;
  649. color: {color:pagination links};
  650. }
  651.  
  652. #pagin a:hover {
  653. color: {color:pagination links hover};
  654. }
  655.  
  656. {CustomCSS}
  657.  
  658. </style>
  659. </head>
  660. <body>
  661.  
  662. <div id="sidebar">
  663.  
  664. <div id="sbnav">
  665.  
  666. <a href="/" title="reset"><div class="sbicoon"><span class="fa fa-home"></span></div></a>
  667. <a href="/ask" title="contact"><div class="sbicoon"><span class="fa fa-envelope-o"></span></div></a>
  668. <a href="/archive" title="archive"><div class="sbicoon"><span class="fa fa-calendar"></span></div></a>
  669. <a href="http://yukoki.tumblr.com/" title="theme"><div class="sbicoon"><span class="fa fa-pagelines"></span></div></a>
  670.  
  671. </div><!--sbnav-->
  672.  
  673. <img class="sbimg" src="{image:sidebar}">
  674.  
  675. <div id="infosec">
  676. <div class="btitle">{title}</div>
  677. <div class="desc">{description}</div>
  678.  
  679. <div class="clinks">
  680. <a id="clickbutton" class="t" style="cursor:pointer;"><div class="clinktitle"><span class="chvy"><span class="fa fa-chevron-down"></span></span><span class="t">venture</span><span class="t" style="display:none">hide links</span></div></a>
  681.  
  682. <div id="cstm">
  683. {block:iflink1}<a href="{text:link 1 url}"><div class="lnk">{text:link 1}</div></a>{/block:iflink1}
  684. {block:iflink2}<a href="{text:link 2 url}"><div class="lnk">{text:link 2}</div></a>{/block:iflink2}
  685. {block:iflink3}<a href="{text:link 3 url}"><div class="lnk">{text:link 3}</div></a>{/block:iflink3}
  686. {block:iflink4}<a href="{text:link 4 url}"><div class="lnk">{text:link 4}</div></a>{/block:iflink4}
  687. {block:iflink5}<a href="{text:link 5 url}"><div class="lnk">{text:link 5}</div></a>{/block:iflink5}
  688. {block:iflink6}<a href="{text:link 6 url}"><div class="lnk">{text:link 6}</div></a>{/block:iflink6}
  689. </div>
  690.  
  691. </div><!--clinks-->
  692.  
  693. </div>
  694.  
  695. </div><!--sidebar-->
  696.  
  697. <div id="content">
  698.  
  699. {block:posts}
  700.  
  701. <div class="post">
  702.  
  703. <div class="olivepost">
  704. {block:RebloggedFrom}
  705. <a href="{ReblogParentURL}">{ReblogParentName}</a> <span class="olivereblog"><span class="fa fa-retweet"></span></span> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  706. {/block:RebloggedFrom}
  707. {block:NotReblog}<a href="/">{text:your url}</a>{/block:NotReblog}
  708. </div>
  709.  
  710. {block:text}
  711. <div class="txtpost">
  712. {block:title}<span class="txtposttitle"><span class="fa fa-paperclip"></span> {title}</span>{/block:title}
  713. <div class="body">{body}</div></div>
  714. {/block:text}
  715.  
  716. {block:photo}
  717. {linkopentag}<center><img class="photo" src="{PhotoURL-HighRes}"></center>{linkclosetag}
  718. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  719. {block:ifnotshowcaptions}{block:permalinkpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  720. {/block:photo}
  721.  
  722. {block:Photoset}
  723. <div class="photo">{photoset}</div>
  724. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  725. {block:ifnotshowcaptions}{block:permalinkpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  726. {/block:Photoset}
  727.  
  728. {block:quote}
  729. <div class="quote">{Quote}</div>
  730. {block:Source}<div class="quotesource"><blockquote><span class="fa fa-quote-left"></span> {Source}</blockquote></div>{/block:Source}
  731. {/block:quote}
  732.  
  733. {block:link}
  734. <div class="linkpost">
  735. <a href="{URL}"><span class="linkpostlink"><span class="fa fa-link"></span> {Name} →</span></a>
  736. </div><!--linkpost-->
  737. {block:Description}<div class="linkpostcaption">{Description}</div>{/block:Description}
  738. {/block:link}
  739.  
  740. {block:chat}
  741. <div class="chatpost">
  742. {block:title}<span class="txtposttitle"><span class="fa fa-comments"></span> {title}</span>{/block:title}
  743. {block:Lines}<div class="{Alt}">
  744. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  745. {/block:Lines}
  746. </div><!--chatpost-->
  747. {/block:chat}
  748.  
  749. {block:audio}
  750. <div class="audioembed">
  751. {block:if400pxposts}{audioembed-400}{/block:if400pxposts}
  752. {block:if500pxposts}{audioembed-500}{/block:if500pxposts}
  753. </div>
  754. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  755. {block:ifnotshowcaptions}{block:permalinkpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  756. {/block:audio}
  757.  
  758. {block:Video}
  759. {block:if400pxposts}{video-400}{/block:if400pxposts}
  760. {block:if500pxposts}{video-500}{/block:if500pxposts}
  761. {block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}
  762. {block:ifnotshowcaptions}{block:permalinkpage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptions}
  763. {/block:Video}
  764.  
  765. {block:Answer}
  766. <div class="answerpost">
  767. <img class="askerportrait" src="{AskerPortraitURL-40}">
  768. <div class="asktri">◀</div>
  769. <div class="a">
  770. <span class="askerm"><span class="fa fa-quote-left"></span> {Asker} sent -</span>
  771. <span class="q">{Question}</span>
  772. </div>
  773. <div class="body">{Answer}</div>
  774. </div><!--answerpost-->
  775. {/block:Answer}
  776.  
  777. {block:ifshowtags}
  778. {Block:HasTags}
  779. <div class="napkin">{block:Tags}
  780. <a href="{TagURL}">#{Tag}</a>
  781. {/block:Tags}</div><!--napkin-->
  782. {/Block:HasTags}
  783. {/block:ifshowtags}
  784.  
  785. <div class="platepost">
  786. {block:date}
  787. <a href="{permalink}" title="{TimeAgo}">{NoteCountWithLabel}</a>
  788. <div class="seasoning">
  789. <span class="seasame">{LikeButton size="14"}</span> <span class="seasame">{ReblogButton size="14"}</span>
  790. </div>
  791. {/block:date}
  792. </div><!--platepost-->
  793.  
  794. </div><!--posts-->
  795.  
  796. {block:permalinkpage}{block:date}
  797. <div id="postinfo">
  798. post made on {DayOfMonthWithZero} {Month} {Year}, {DayOfWeek} at {12HourWithZero}.{Minutes}{CapitalAmPm}<br>with {NoteCountWithLabel}
  799. {block:ifnotshowtags}
  800. {Block:HasTags}
  801. <div class="napkin">{block:Tags}
  802. <a href="{TagURL}">#{Tag}</a>
  803. {/block:Tags}</div><!--napkin-->
  804. {/Block:HasTags}
  805. {/block:ifnotshowtags}
  806. </div>
  807. {/block:date}{/block:permalinkpage}
  808.  
  809. {block:PostNotes}
  810. <div id="applepie">{PostNotes-16}</div><!--applepie note container-->
  811. {/block:PostNotes}
  812.  
  813. {/block:posts}
  814.  
  815. {block:ContentSource}
  816. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  817. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  818. {/block:SourceLogo}
  819. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  820. {/block:ContentSource}
  821.  
  822. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  823.  
  824. {block:pagination}
  825. <div id="pagin">
  826. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} /
  827. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  828. </div><!--pagin-->
  829. {/block:pagination}
  830.  
  831. </div><!--content-->
  832.  
  833. </body>
  834. </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!