API tools faq
paste
Advertisement
mogimochi

Theme [34] Kojin

mogimochi
Sep 14th, 2014
55,452
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 38.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 34 Kojin
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14. 5. Do not redistribute.
  15.  
  16. --------------------------------------------------- UPDATE VER 041215 -->
  17.  
  18. <meta name="image:background" content="">
  19. <meta name="image:sidebar" content="">
  20. <meta name="image:corner image" content="">
  21. <meta name="image:music player icon" content="http://media.tumblr.com/tumblr_m1zdngM8P91r3we0y.gif">
  22.  
  23. <meta name="color:background" content="#ffffff">
  24. <meta name="color:scrollbar" content="#69cbdc">
  25. <meta name="color:scrollbar bg" content="#ffffff">
  26. <meta name="color:text highlight" content="#5ac9e1">
  27.  
  28. <meta name="color:window titles text" content="#aaaaaa">
  29. <meta name="color:window titles background" content="#f0fdff">
  30. <meta name="color:window titles buttons" content="#888888">
  31. <meta name="color:window titles buttons background" content="#ffffff">
  32. <meta name="color:window background" content="#ffffff">
  33. <meta name="color:window border" content="#dcf5ff">
  34. <meta name="color:window shadows" content="#fafafa">
  35.  
  36. <meta name="color:description window background" content="#ffffff">
  37. <meta name="color:description text" content="#aeaeae">
  38. <meta name="color:description bold" content="#879fbd">
  39. <meta name="color:description italic" content="#cccccc">
  40. <meta name="color:description links" content="#a7d3db">
  41. <meta name="color:description links bg" content="#f8fffd">
  42.  
  43. <meta name="color:links menu text" content="#aaaaaa">
  44. <meta name="color:links menu bg" content="#ffffff">
  45. <meta name="color:links menu border" content="#eeeeee">
  46.  
  47. <meta name="color:nav icons" content="#ffffff">
  48. <meta name="color:nav icons background" content="#a8d5dc">
  49. <meta name="color:nav icons hover" content="#ffffff">
  50. <meta name="color:nav icons hover background" content="#dddddd">
  51. <meta name="color:nav icons text" content="#ffffff">
  52. <meta name="color:nav icons text background" content="#000000">
  53. <meta name="color:nav icons lines" content="#e2e2e2">
  54.  
  55. <meta name="color:post background" content="#ffffff">
  56. <meta name="color:post type icon" content="#a7d3db">
  57.  
  58. <meta name="color:body" content="#aaaaaa">
  59. <meta name="color:body bold" content="#879fbd">
  60. <meta name="color:body italic" content="#cccccc">
  61. <meta name="color:body links" content="#a7d3db">
  62. <meta name="color:body links bg" content="#f8fffd">
  63. <meta name="color:blockquote" content="#a8d5dc">
  64.  
  65. <meta name="color:text post title" content="#a7d3db">
  66. <meta name="color:text post title underline" content="#a7d3db">
  67.  
  68. <meta name="color:quote post" content="#aaaaaa">
  69. <meta name="color:quote post source" content="#cccccc">
  70. <meta name="color:quote post quotation" content="#eeeeee">
  71.  
  72. <meta name="color:link post text" content="#a7d3db">
  73. <meta name="color:link post bg" content="#f8fffd">
  74. <meta name="color:link post underline" content="#d3ecf0">
  75. <meta name="color:link post hover text" content="#aaaaaa">
  76. <meta name="color:link post hover bg" content="#eeeeee">
  77. <meta name="color:link post hover underline" content="#aaaaaa">
  78.  
  79. <meta name="color:chat post alt bg" content="#f9f9f9">
  80. <meta name="color:chat odd text" content="#bebebe">
  81. <meta name="color:chat even text" content="#a1a1a1">
  82.  
  83. <meta name="color:audio post album art border" content="#a7d3db">
  84. <meta name="color:audio post album art bg" content="#f8f8f8">
  85. <meta name="color:audio post info bg" content="#a8d3db">
  86. <meta name="color:audio post info" content="#ffffff">
  87. <meta name="color:audio post player" content="#f8f8f8">
  88.  
  89. <meta name="color:asker portrait border" content="#a7d3db">
  90. <meta name="color:asker portrait bg" content="#f8f8f8">
  91. <meta name="color:ask text" content="#aaaaaa">
  92.  
  93. <meta name="color:tags" content="#a8d5dc">
  94. <meta name="color:tags bg" content="#f8fffd">
  95. <meta name="color:style 1 reblog" content="#aaaaaa">
  96.  
  97. <meta name="if:music player" content="1">
  98. <meta name="if:alt sidebar style" content="0">
  99. <meta name="if:alt permalink style" content="0">
  100. <meta name="if:400px posts" content="0">
  101. <meta name="if:500px posts" content="1">
  102. <meta name="if:show captions" content="1">
  103. <meta name="if:photo fading" content="0">
  104. <meta name="if:monochrome posts" content="0">
  105. <meta name="if:solid window shadow" content="0">
  106. <meta name="if:infinite scroll" content="0">
  107.  
  108. <meta name="text:link 1" content="">
  109. <meta name="text:link 1 URL" content="">
  110. <meta name="text:link 2" content="">
  111. <meta name="text:link 2 URL" content="">
  112. <meta name="text:link 3" content="">
  113. <meta name="text:link 3 URL" content="">
  114. <meta name="text:link 4" content="">
  115. <meta name="text:link 4 URL" content="">
  116. <meta name="text:link 5" content="">
  117. <meta name="text:link 5 URL" content="">
  118. <meta name="text:link 6" content="">
  119. <meta name="text:link 6 URL" content="">
  120. <meta name="text:link 7" content="">
  121. <meta name="text:link 7 URL" content="">
  122. <meta name="text:link 8" content="">
  123. <meta name="text:link 8 URL" content="">
  124. <meta name="text:corner image width" content="400px">
  125. <meta name="text:desc window title" content="">
  126. <meta name="text:billy music player" content="">
  127.  
  128. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  129. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  130. <link rel="shortcut icon" href="{Favicon}" />
  131.  
  132.  
  133. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  134. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  135. <script type="text/javascript" charset="utf-8">
  136. var $j = jQuery.noConflict();
  137. $j(function() {
  138. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  139. $j("img").lazyload({
  140. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  141. effect: "fadeIn",
  142. });
  143. });
  144. </script>
  145.  
  146. {block:ifinfinitescroll}
  147. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  148. {/block:ifinfinitescroll}
  149.  
  150. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  151.  
  152. <style type="text/css">
  153.  
  154. #tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
  155. #tumblr_lightbox img { opacity:0;padding: 10px;
  156. border: 1px solid #ddd; }
  157. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  158. opacity: 1!important;
  159. box-shadow: 0 0 0 transparent!important;
  160. border-radius: 0!important;
  161. -moz-border-radius: 0!important;
  162. -webkit-border-radius: 0!important;
  163. -o-border-radius: 0!important;
  164. padding: 10px!important;
  165. border: 1px solid #ddd!important;
  166. background-color: #fff!important;
  167. }
  168. #tumblr_lightbox_caption {
  169. color: #aaa!important;
  170. font-family: calibri!important;
  171. font-size: 12px!important;
  172. margin-top: 30px!important;
  173. text-shadow: 0 0 0 transparent!important;
  174. font-weight: 400!important;
  175. }
  176.  
  177. ::-webkit-scrollbar { width: 7px; }
  178. ::-webkit-scrollbar-track-piece { background-color:{color:scrollbar bg}; }
  179. ::-webkit-scrollbar-thumb:vertical {
  180. width: 10px;
  181. background-color: {color:scrollbar};
  182. border: 3px solid {color:scrollbar bg};
  183. margin-left: 10px;
  184. }
  185.  
  186. ::selection {
  187. color: #fff;
  188. background-color: {color:text highlight};
  189. }
  190.  
  191. ::-moz-selection {
  192. color: #fff;
  193. background-color: {color:text highlight};
  194. }
  195.  
  196. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
  197.  
  198. body {
  199. background-color: {color:background};
  200. background-image: url({image:background});
  201. background-attachment: fixed;
  202. margin: 0;
  203. word-wrap: break-word;
  204. }
  205. a { text-decoration:none; }
  206.  
  207. #sbw1, #sbw2, .post, #pi, #notecon {
  208. width: 210px;
  209. padding: 0 10px 10px 10px;
  210. border-radius: 5px;
  211. border: 1px solid {color:window border};
  212. box-shadow: 10px 10px 0 rgba(255,255,255,0.5);
  213. {block:ifsolidwindowshadow}
  214. box-shadow: 10px 10px 0 {color:window shadows};
  215. {/block:ifsolidwindowshadow}
  216. background-color: {color:window background};
  217. }
  218.  
  219. #sbw1 {
  220. position: fixed;
  221. top: 90px;
  222. {block:ifnotaltsidebarstyle}
  223. left: 70px;
  224. {/block:ifnotaltsidebarstyle}
  225. {block:ifaltsidebarstyle}
  226. left: 40px;
  227. {/block:ifaltsidebarstyle}
  228. }
  229.  
  230. .wpic {
  231. width: 210px;
  232. display: block;
  233. }
  234.  
  235. .bt, .bt2, .bt3, .bt4 {
  236. height: 24px;
  237. background-color: {color:window titles background};
  238. width: 210px;
  239. padding-left: 20px;
  240. margin-left: -10px;
  241. margin-bottom: 10px;
  242. line-height: 24px;
  243. font-family: consolas;
  244. font-size: 8px;
  245. letter-spacing: 2px;
  246. text-transform: uppercase;
  247. color: {color:window titles text};
  248. }
  249.  
  250. .mv, .mv2, .mv3, .mv4 {
  251. position: absolute;
  252. width: 100px;
  253. margin: 0 150px;
  254. }
  255.  
  256. .rightbuttons {
  257. font-family: consolas;
  258. font-size: 10px;
  259. float: left;
  260. margin-right: 1px;
  261. background-color: {color:window titles buttons background};
  262. color: {color:window titles buttons};
  263. width: 20px;
  264. text-align: center;
  265. height: 16px;
  266. line-height: 17px;
  267. }
  268.  
  269. #rbi {
  270. border-radius: 0 0 0 3px;
  271. line-height: 13px;
  272. }
  273.  
  274. #rbii {
  275. line-height: 18px;
  276. font-size: 8px;
  277. }
  278.  
  279. #rbx {
  280. border-radius: 0 0 3px 0;
  281. }
  282.  
  283. #sbw2, #pi {
  284. position: absolute;
  285. background-color: {color:description window background};
  286. margin: -40px 160px;
  287. font-family: consolas;
  288. font-size: 8px;
  289. text-transform: uppercase;
  290. letter-spacing: 1px;
  291. width: 140px;
  292. z-index: 1;
  293. {block:ifaltsidebarstyle}
  294. margin: 40px 240px;
  295. {/block:ifaltsidebarstyle}
  296. }
  297.  
  298. .mv2 {margin-left: 78px;}
  299.  
  300. .bt2 {
  301. width: 140px;
  302. letter-spacing: 0;
  303. }
  304.  
  305. #iv {
  306. position: absolute;
  307. margin: 14px 30px;
  308. width: 150px;
  309. height: 36px;
  310. padding-left: 6px;
  311. z-index: 1000000000;
  312. {block:ifaltsidebarstyle}
  313. margin: 14px 5px;
  314. {/block:ifaltsidebarstyle}
  315. }
  316.  
  317. .dbl {
  318. border-top: 1px solid {color:nav icons lines};
  319. border-bottom: 1px solid {color:nav icons lines};
  320. height: 2px;
  321. background-color: transparent;
  322. width: 270px;
  323. position: absolute;
  324. margin: 16px -180px;
  325. z-index: -10000;
  326. {block:ifaltsidebarstyle}
  327. opacity: 0;
  328. {/block:ifaltsidebarstyle}
  329. }
  330.  
  331. .ifonts a, .ifonts2 a {color: {color:nav icons};transition: 0.2s;}
  332. .ifontsbg, .ifontsbg2, .ifontsbg3 {
  333. padding: 3px;
  334. background-color: {color:nav icons background};
  335. width: 18px;
  336. height: 18px;
  337. text-align: center;
  338. margin: 6px 6px 6px 0;
  339. float: left;
  340. border-radius: 3px;
  341. font-size: 14px;
  342. line-height: 18px;
  343. transition: 0.2s;
  344. }
  345.  
  346. .ifontsbg2, .ifontsbg3 {
  347. float: none;
  348. }
  349.  
  350. .ifontsbg:hover {
  351. background-color: {color:nav icons hover background};
  352. color:{color:nav icons hover};
  353. }
  354. .ifontsbg2:hover {
  355. background-color: {color:nav icons hover background};
  356. color:{color:nav icons hover};
  357. }
  358. .ifontsbg3:hover {
  359. background-color: {color:nav icons hover background};
  360. color:{color:nav icons hover};
  361. }
  362.  
  363. .ifontstxt, .ifontstxt2 {
  364. font-family: consolas;
  365. font-size: 8px;
  366. text-transform: uppercase;
  367. letter-spacing: 1px;
  368. position: absolute;
  369. line-height: 12px;
  370. text-align: center;
  371. width: 100px;
  372. margin-top: 6px;
  373. margin-left: -51px;
  374. opacity: 0;
  375. transition: 0.2s;
  376. }
  377.  
  378. .ifontstxt2 {
  379. margin-top: -15px;
  380. margin-left: 20px;
  381. text-align: left;
  382. width: 400px;
  383. }
  384.  
  385. .ifontstxt a, .ifontstxt2 a {
  386. background-color: {color:nav icons text background};
  387. color: {color:nav icons text};
  388. padding: 1px 3px;
  389. }
  390.  
  391. .ifontsbg:hover .ifontstxt {
  392. opacity: 1;
  393. margin-top: 10px;
  394. }
  395.  
  396. .ifontsbg2:hover .ifontstxt2, .ifontsbg3:hover .ifontstxt2 {
  397. opacity: 1;
  398. margin-left: 24px;
  399. }
  400.  
  401. .iftri, .iftri2 {
  402. position: absolute;
  403. text-align: center;
  404. color: {color:nav icons text background};
  405. font-size: 10px;
  406. margin: -8px 0 0 48px;
  407. }
  408.  
  409. .iftri2 {
  410. text-align: left;
  411. margin: -1px 0 0 -6px;
  412. }
  413.  
  414. .pptags {
  415. width: 200px;
  416. font-family: consolas;
  417. font-size: 8px;
  418. text-transform: uppercase;
  419. padding: 0 10px;
  420. border-left: 3px double {color:nav icons lines};
  421. text-align: left;
  422. margin: 2px 7px;
  423. line-height: 9px;
  424. opacity: 0;
  425. line-height: 16px;
  426. transition: 0.6s;
  427. -moz-transition: 0.6s;
  428. -webkit-transition: 0.6s;
  429. -o-transition: 0.6s;
  430. }
  431.  
  432. .pptags a {
  433. color: {color:tags};
  434. background-color: {color:tags bg};
  435. padding: 2px 3px;
  436. transition: 0.6s;
  437. -moz-transition: 0.6s;
  438. -webkit-transition: 0.6s;
  439. -o-transition: 0.6s;
  440. }
  441. .pptags a:hover { border-bottom: 1px solid {color:tags}; }
  442.  
  443. .ifontsbg3:hover .pptags {
  444. padding: 5px 10px;
  445. opacity: 1;
  446. }
  447.  
  448. #ps1 {
  449. position: absolute;
  450. margin-top: 40px;
  451. {block:if400pxposts}border-left: 436px solid transparent;{/block:if400pxposts}
  452. {block:if500pxposts}border-left: 536px solid transparent;{/block:if500pxposts}
  453. opacity: 0;
  454. transition: 0.6s;
  455. -moz-transition: 0.6s;
  456. -webkit-transition: 0.6s;
  457. -o-transition: 0.6s;
  458. }
  459.  
  460. .post:hover #ps1 {
  461. {block:if400pxposts}border-left: 440px solid transparent;{/block:if400pxposts}
  462. {block:if500pxposts}border-left: 540px solid transparent;{/block:if500pxposts}
  463. opacity: 1;
  464. }
  465.  
  466. .mv3 {
  467. {block:indexpage}
  468. {block:if400pxposts}margin-left: 340px;{/block:if400pxposts}
  469. {block:if500pxposts}margin-left: 440px;{/block:if500pxposts}
  470. {block:indexpage}
  471. {block:permalinkpage}
  472. {block:if400pxposts}margin-left: 440px;{/block:if400pxposts}
  473. {block:if500pxposts}margin-left: 440px;{/block:if500pxposts}
  474. {/block:permalinkpage}
  475. }
  476.  
  477. .bt3 {
  478. padding-left: 50px;
  479. color: {color:window titles text};
  480. {block:indexpage}
  481. {block:if400pxposts}width: 380px;{/block:if400pxposts}
  482. {block:if500pxposts}width: 480px;{/block:if500pxposts}
  483. {block:indexpage}
  484. {block:permalinkpage}
  485. {block:if400pxposts}width: 480px;{/block:if400pxposts}
  486. {block:if500pxposts}width: 480px;{/block:if500pxposts}
  487. {/block:permalinkpage}
  488.  
  489. }
  490. .bt3 a {color: {color:window titles text};}
  491. .bt3 a:hover {text-decoration: underline;}
  492.  
  493. .desc {
  494. font-family: consolas;
  495. font-size: 8px;
  496. color: {color:description text};
  497. text-transform: uppercase;
  498. letter-spacing: 1px;
  499. }
  500. .desc a {
  501. background-color: {color:description links bg};
  502. color: {color:description links};
  503. }
  504.  
  505. .desc a:hover {
  506. border-bottom: 1px solid {color:description links};
  507. }
  508.  
  509. .desc b,strong { color: {color:description bold}; }
  510. .desc i,em { color: {color:description italic}; }
  511.  
  512. #content {
  513. margin: 60px 470px;
  514. width: 600px;
  515. {block:ifaltsidebarstyle}
  516. margin: 60px 490px;
  517. {/block:ifaltsidebarstyle}
  518. }
  519.  
  520. .post {
  521. background-color: {color:post background};
  522. width: 510px;
  523. margin-bottom: 60px;
  524. opacity: 1;
  525. {block:indexpage}
  526. {block:if400pxposts}width: 410px;{/block:if400pxposts}
  527. {block:if500pxposts}width: 510px;{/block:if500pxposts}
  528. {/block:indexpage}
  529. {block:permalinkpage}
  530. {block:if400pxposts}width: 510px;{/block:if400pxposts}
  531. {block:if500pxposts}width: 510px;{/block:if500pxposts}
  532. {/block:permalinkpage}
  533. }
  534.  
  535. .photo {
  536. {block:indexpage}
  537. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  538. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  539. {/block:indexpage}
  540. {block:permalinkpage}
  541. {block:if400pxposts}width: 500px;{/block:if400pxposts}
  542. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  543. {/block:permalinkpage}
  544. display: block;
  545. {block:ifphotofading}
  546. opacity: 0.7;
  547. {/block:ifphotofading}
  548. {block:ifmonochromeposts}
  549. 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+ */
  550. filter: gray; /* IE6-9 */
  551. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  552. {/block:ifmonochromeposts}
  553. transition: 0.6s;
  554. -moz-transition: 0.6s;
  555. -webkit-transition: 0.6s;
  556. -o-transition: 0.6s;
  557. }
  558.  
  559. .post img {
  560. {block:indexpage}
  561. {block:if400pxposts}max-width: 400px;{/block:if400pxposts}
  562. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  563. {/block:indexpage}
  564. {block:permalinkpage}
  565. {block:if400pxposts}max-width: 500px;{/block:if400pxposts}
  566. {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
  567. {/block:permalinkpage}
  568. }
  569. .post blockquote img {max-width: 100%;}
  570.  
  571. .post:hover .photo {
  572. {block:ifphotofading}
  573. opacity: 1;
  574. {/block:ifphotofading}
  575. {block:ifmonochromeposts}
  576. filter: none;
  577. -webkit-filter: grayscale(0%);
  578. {/block:ifmonochromeposts}
  579. }
  580.  
  581. .posttags {
  582. width: 200px;
  583. font-family: consolas;
  584. font-size: 8px;
  585. text-transform: uppercase;
  586. position: absolute;
  587. padding: 5px 10px;
  588. border-left: 1px solid {color:nav icons lines};
  589. opacity: 0;
  590. {block:if400pxposts}margin: 40px 440px;{/block:if400pxposts}
  591. {block:if500pxposts}margin: 40px 540px;{/block:if500pxposts}
  592. transition: 0.6s;
  593. -moz-transition: 0.6s;
  594. -webkit-transition: 0.6s;
  595. -o-transition: 0.6s;
  596. }
  597.  
  598. .post:hover .posttags {
  599. {block:if400pxposts}margin: 50px 440px;{/block:if400pxposts}
  600. {block:if500pxposts}margin: 50px 540px;{/block:if500pxposts}
  601. opacity: 1;
  602. }
  603.  
  604. .posttags a {
  605. color: {color:tags};
  606. background-color: {color:tags bg};
  607. padding: 1px 3px;
  608. line-height: 12px;
  609. }
  610. .posttags a:hover {border-bottom: 1px solid {color:tags};}
  611.  
  612. .reblogme {
  613. position: absolute;
  614. padding: 5px 10px;
  615. border-left: 1px solid {color:nav icons lines};
  616. margin: -30px -11px;
  617. }
  618.  
  619. .reblogme a { color: {color:style 1 reblog};background-color: transparent; }
  620. .reblogme a:hover { text-decoration: underline;border-bottom: 1px solid transparent; }
  621.  
  622. .peri {
  623. position: absolute;
  624. margin: -34px 12px;
  625. font-size: 12px;
  626. color: {color:post type icon};
  627. padding: 4px;
  628. width: 16px;
  629. height: 16px;
  630. text-align: center;
  631. line-height: 16px;
  632. }
  633.  
  634. .pp {
  635. padding: 5px;
  636. }
  637.  
  638. .text {
  639. font-family: consolas;
  640. font-size: 10px;
  641. color: {color:body};
  642. line-height: 13px;
  643. }
  644.  
  645. .text a {
  646. color: {color:body links};
  647. background-color: {color:body links bg};
  648. }
  649.  
  650. .text a:hover {
  651. border-bottom: 1px solid {color:body links};
  652. }
  653.  
  654. .text b,strong { color: {color:body bold}; }
  655. .text i,em { color: {color:body italic}; }
  656.  
  657. .text blockquote {
  658. margin: 5px;
  659. padding-left: 10px;
  660. border-left: 1px solid {color:blockquote};
  661. }
  662.  
  663. .ptitle {
  664. font-size: 12px;
  665. font-family: consolas;
  666. padding: 3px 6px;
  667. border-radius: 0 0 4px 0;
  668. color: {color:text post title};
  669. border-bottom: 1px solid {color:text post title underline};
  670. }
  671.  
  672. .pquo, .ltitle {
  673. font-family: consolas;
  674. font-size: 12px;
  675. color: {color:quote post};
  676. z-index: 1;
  677. position: relative;
  678. }
  679.  
  680. .pquos {
  681. font-family: consolas;
  682. font-size: 10px;
  683. color: {color:quote post source};
  684. }
  685. .pquos blockquote {
  686. border-left: 1px solid {color:blockquote};
  687. margin-left: 10px;
  688. padding-left: 20px;
  689. }
  690. .pquot {
  691. color: {color:quote post quotation};
  692. z-index: 1;
  693. font-family: georgia;
  694. font-size: 80px;
  695. position: absolute;
  696. {block:indexpage}
  697. {block:if500pxposts}margin: -5px 466px;{/block:if500pxposts}
  698. {block:if400pxposts}margin: -5px 366px;{/block:if400pxposts}
  699. {/block:indexpage}
  700. {block:permalinkpage}
  701. {block:if500pxposts}margin: -5px 466px;{/block:if500pxposts}
  702. {block:if400pxposts}margin: -5px 466px;{/block:if400pxposts}
  703. {/block:permalinkpage}
  704. }
  705.  
  706. .ltitle a {
  707. background-color: {color:link post bg};
  708. border-bottom: 1px solid {color:link post underline};
  709. color: {color:link post text};
  710. padding: 2px 5px;
  711. }
  712.  
  713. .ltitle a:hover {
  714. background-color: {color:link post hover bg};
  715. border-bottom: 1px solid {color:link post hover underline};
  716. color: {color:link post hover text};
  717. }
  718.  
  719. .line {
  720. font-family: consolas;
  721. font-size: 10px;
  722. color: #aaa;
  723. text-align: left;
  724. padding: 4px 0;
  725. }
  726.  
  727. .odd .line {color:{color:chat odd text};}
  728. .even .line {
  729. color:{color:chat even text};
  730. background-color: {color:chat post alt bg};
  731. }
  732.  
  733. .odd .name {
  734. min-width: 60px;
  735. float: left;
  736. text-align: right;
  737. padding-right: 10px;
  738. }
  739.  
  740. .even .name {
  741. min-width: 60px;
  742. float: left;
  743. text-align: right;
  744. padding-right: 10px;
  745. }
  746.  
  747. .albumart {
  748. width: 130px;
  749. height: 130px;
  750. border-radius: 10px;
  751. padding: 10px;
  752. border-left: 1px solid {color:audio post album art border};
  753. border-right: 1px solid {color:audio post album art border};
  754. background-color: {color:audio post album art bg};
  755. }
  756.  
  757. .albartblank {
  758. width: 130px;
  759. height: 130px;
  760. font-family: consolas;
  761. font-size: 8px;
  762. text-transform: uppercase;
  763. letter-spacing: 1px;
  764. line-height: 150px;
  765. text-align: center;
  766. background-color: #fafafa;
  767. color: #ccc;
  768. }
  769. .albart {
  770. width: 130px;
  771. height: 130px;
  772. margin-top: -130px;
  773. position: absolute;
  774. border-radius: 10px;
  775. display: block;
  776. }
  777.  
  778. .audinfo {
  779. position: absolute;
  780. margin: 0 160px;
  781. font-family: consolas;
  782. font-size: 10px;
  783. color: {color:body};
  784. line-height: 24px;
  785. }
  786.  
  787. .audinfot {
  788. background-color: {color:audio post info bg};
  789. color: {color:audio post info};
  790. padding: 4px 6px;
  791. }
  792.  
  793. .aud {
  794. border: 1px solid {color:audio post player};
  795. border-radius: 5px;
  796. margin-bottom: 10px;
  797. padding-top: 7px;
  798. padding-left: 5px;
  799. {block:indexpage}
  800. {block:if400pxposts}width: 239px;{/block:if400pxposts}
  801. {block:if500pxposts}width: 339px;{/block:if500pxposts}
  802. {/block:indexpage}
  803. {block:permalinkpage}
  804. {block:if400pxposts}width: 339px;{/block:if400pxposts}
  805. {block:if500pxposts}width: 339px;{/block:if500pxposts}
  806. {/block:permalinkpage}
  807. }
  808.  
  809. .askerportrait {
  810. padding: 10px;
  811. border-radius: 5px;
  812. border-left: 1px solid {color:asker portrait border};
  813. border-right: 1px solid {color:asker portrait border};
  814. background-color: {color:asker portrait bg};
  815. }
  816.  
  817. .aske {
  818. position: absolute;
  819. margin: 0 85px;
  820. font-family: consolas;
  821. font-size: 10px;
  822. color: {color:ask text};
  823. {block:indexpage}
  824. {block:if400pxposts}width: 310px;{/block:if400pxposts}
  825. {block:if500pxposts}width: 400px;{/block:if500pxposts}
  826. {/block:indexpage}
  827. {block:permalinkpage}
  828. {block:if400pxposts}width: 400px;{/block:if400pxposts}
  829. {block:if500pxposts}width: 400px;{/block:if500pxposts}
  830. {/block:permalinkpage}
  831. }
  832.  
  833. .askersent {
  834. border-bottom: 1px solid {color:asker portrait border};
  835. padding: 4px 10px;
  836. }
  837.  
  838. .askersent a {
  839. background-color: {color:body links bg};
  840. color: {color:body links};
  841. }
  842.  
  843. .askersent a:hover {
  844. border-bottom: 1px solid {color:body links};
  845. }
  846.  
  847. .askco {
  848. padding: 8px 5px 10px 10px;
  849. height: 42px;
  850. overflow: auto;
  851. }
  852.  
  853. #pi {
  854. margin: -40px 0;
  855. }
  856.  
  857. #pi a, #notecon a {
  858. background-color: {color:body links bg};
  859. color: {color:body links};
  860. }
  861.  
  862. #pi a:hover, #notecon a:hover {
  863. border-bottom: 1px solid {color:body links};
  864. }
  865.  
  866. .bt4 {
  867. margin-top: -5px;
  868. margin-left: -5px;
  869. position: absolute;
  870. width: 315px;
  871. }
  872. .mv4 {
  873. margin-top: -5px;
  874. z-index: 10;
  875. margin-left: 260px;
  876. }
  877.  
  878. #notecon {
  879. font-family: consolas;
  880. font-size: 10px;
  881. color: {color:body text};
  882. width: 325px;
  883. margin: -40px 185px;
  884. padding: 5px;
  885. }
  886.  
  887. #notecon ol.notes {
  888. list-style-type: none;
  889. text-decoration: none;
  890. }
  891.  
  892. #notecon img.avatar {
  893. margin-right: 5px;
  894. width: 10px;
  895. height: 10px;
  896. float: left;
  897. }
  898.  
  899. .pnott {
  900. margin-left: -20px;
  901. margin-top: 30px;
  902. }
  903.  
  904. .pagi {
  905. font-family: consolas;
  906. font-size: 12px;
  907. position: fixed;
  908. bottom: 50px;
  909. left: 80px;
  910. width: 320px;
  911. text-align: center;
  912. color: {color:body text};
  913. }
  914.  
  915. .pagi a {
  916. background-color: {color:body links bg};
  917. color: {color:body links};
  918. padding: 2px 5px;
  919. }
  920.  
  921. .pagi a:hover {
  922. border-bottom: 1px solid {color:body links};
  923. }
  924.  
  925.  
  926.  
  927. #mugen {
  928. position: absolute;
  929. margin: -30px 90px;
  930. width: 55px;
  931. height: 30px;
  932. overflow: hidden;
  933. }
  934.  
  935. .mus {
  936. margin-left: 10px;
  937. transition: 0.4s;
  938. }
  939.  
  940. #mugen:hover .mus {
  941. margin-top: -30px;
  942. opacity: 0;
  943. }
  944.  
  945. .fuu {
  946. margin-left: -5px;
  947. }
  948.  
  949. {CustomCSS}
  950.  
  951. </style>
  952. </head>
  953. <body>
  954.  
  955. <div id="sbw1">
  956.  
  957. <div class="mv">
  958.  
  959. <div class="rightbuttons" id="rbi">_</div>
  960. <div class="rightbuttons" id="rbii">▢</div>
  961. <div class="rightbuttons" id="rbx">x</div>
  962.  
  963. </div><!--mv-->
  964.  
  965. <div class="bt">> {title}</div>
  966.  
  967. {block:ifaltsidebarstyle}
  968. <div id="sbw2">
  969.  
  970. {block:ifmusicplayer}
  971. <div id="mugen">
  972. <img class="mus" src="{image:music player icon}">
  973. <div class="fuu">
  974. {text:billy music player}
  975. </div>
  976. </div><!--mugen-->
  977. {/block:ifmusicplayer}
  978.  
  979. <div class="mv2">
  980. <div class="rightbuttons" id="rbi">_</div>
  981. <div class="rightbuttons" id="rbii">▢</div>
  982. <div class="rightbuttons" id="rbx">x</div>
  983. </div><!--mv2-->
  984. <div class="bt2">{text:desc window title}</div>
  985.  
  986. <div class="desc">{description}</div>
  987.  
  988. <select style="width: 135px; margin-top: 10px; border: 1px solid {color:links menu border}; padding: 3px; color: {color:links menu text}; background-color: {color:links menu bg}; font-family: consolas; font-size: 10px; letter-spacing: 1px; margin-right: 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
  989. <option value="">venture</option>
  990. {block:Iflink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:Iflink1}
  991. {block:Iflink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:Iflink2}
  992. {block:Iflink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:Iflink3}
  993. {block:Iflink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:Iflink4}
  994. {block:Iflink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>{/block:Iflink5}
  995. {block:Iflink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>{/block:Iflink6}
  996. {block:Iflink7}<option value="{text:Link 7 URL}">{text:Link 7}</option>{/block:Iflink7}
  997. {block:Iflink8}<option value="{text:Link 8 URL}">{text:Link 8}</option>{/block:Iflink8}
  998. </select>
  999.  
  1000. <div id="iv">
  1001. <div class="dbl"></div>
  1002. <div class="ifontsbg"><div class="ifonts"><a href="/"><i class="fa fa-file-o"></i></a></div>
  1003. <span class="ifontstxt"><a href="/"><div class="iftri">▲</div>new document</a></span>
  1004. </div>
  1005.  
  1006. <div class="ifontsbg"><div class="ifonts"><a href="/ask"><i class="fa fa-envelope-o"></a></i></div>
  1007. <span class="ifontstxt"><a href="/ask"><div class="iftri">▲</div>mail</a></span>
  1008. </div>
  1009.  
  1010. <div class="ifontsbg"><div class="ifonts"><a href="/archive"><i class="fa fa-folder-open-o"></i></a></div>
  1011. <span class="ifontstxt"><a href="/archive"><div class="iftri">▲</div>open file</a></span>
  1012. </div>
  1013.  
  1014. <div class="ifontsbg"><div class="ifonts"><a href="http://yukoki.tumblr.com"><i class="fa fa-floppy-o"></i></a></div>
  1015. <span class="ifontstxt"><a href="http://yukoki.tumblr.com"><div class="iftri">▲</div>control panel</a></span>
  1016. </div>
  1017. </div><!--iv-->
  1018.  
  1019. </div><!--sbw2-->
  1020. {/block:ifaltsidebarstyle}
  1021.  
  1022. <img class="wpic" src="{image:sidebar}">
  1023.  
  1024. {block:ifnotaltsidebarstyle}
  1025. <div id="iv">
  1026. <div class="dbl"></div>
  1027. <div class="ifontsbg"><div class="ifonts"><a href="/"><i class="fa fa-file-o"></i></a></div>
  1028. <span class="ifontstxt"><a href="/"><div class="iftri">▲</div>new document</a></span>
  1029. </div>
  1030.  
  1031. <div class="ifontsbg"><div class="ifonts"><a href="/ask"><i class="fa fa-envelope-o"></a></i></div>
  1032. <span class="ifontstxt"><a href="/ask"><div class="iftri">▲</div>mail</a></span>
  1033. </div>
  1034.  
  1035. <div class="ifontsbg"><div class="ifonts"><a href="/archive"><i class="fa fa-folder-open-o"></i></a></div>
  1036. <span class="ifontstxt"><a href="/archive"><div class="iftri">▲</div>open file</a></span>
  1037. </div>
  1038.  
  1039. <div class="ifontsbg"><div class="ifonts"><a href="http://yukoki.tumblr.com"><i class="fa fa-floppy-o"></i></a></div>
  1040. <span class="ifontstxt"><a href="http://yukoki.tumblr.com"><div class="iftri">▲</div>control panel</a></span>
  1041. </div>
  1042. </div><!--iv-->
  1043. {/block:ifnotaltsidebarstyle}
  1044.  
  1045. {block:ifnotaltsidebarstyle}
  1046. <div id="sbw2">
  1047.  
  1048. {block:ifmusicplayer}
  1049. <div id="mugen">
  1050. <img class="mus" src="{image:music player icon}">
  1051. <div class="fuu">
  1052. {text:billy music player}
  1053. </div>
  1054. </div><!--mugen-->
  1055. {/block:ifmusicplayer}
  1056.  
  1057. <div class="mv2">
  1058. <div class="rightbuttons" id="rbi">_</div>
  1059. <div class="rightbuttons" id="rbii">▢</div>
  1060. <div class="rightbuttons" id="rbx">x</div>
  1061. </div><!--mv2-->
  1062. <div class="bt2">{text:desc window title}</div>
  1063.  
  1064. <div class="desc">{description}</div>
  1065.  
  1066. <select style="width: 135px; margin-top: 10px; border: 1px solid {color:links menu border}; padding: 3px; color: {color:links menu text}; background-color: {color:links menu bg}; font-family: consolas; font-size: 10px; letter-spacing: 1px; margin-right: 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
  1067. <option value="">venture</option>
  1068. {block:Iflink1}<option value="{text:Link 1 URL}">{text:Link 1}</option>{/block:Iflink1}
  1069. {block:Iflink2}<option value="{text:Link 2 URL}">{text:Link 2}</option>{/block:Iflink2}
  1070. {block:Iflink3}<option value="{text:Link 3 URL}">{text:Link 3}</option>{/block:Iflink3}
  1071. {block:Iflink4}<option value="{text:Link 4 URL}">{text:Link 4}</option>{/block:Iflink4}
  1072. {block:Iflink5}<option value="{text:Link 5 URL}">{text:Link 5}</option>{/block:Iflink5}
  1073. {block:Iflink6}<option value="{text:Link 6 URL}">{text:Link 6}</option>{/block:Iflink6}
  1074. {block:Iflink7}<option value="{text:Link 7 URL}">{text:Link 7}</option>{/block:Iflink7}
  1075. {block:Iflink8}<option value="{text:Link 8 URL}">{text:Link 8}</option>{/block:Iflink8}
  1076. </select>
  1077. </div><!--sbw2-->
  1078. {/block:ifnotaltsidebarstyle}
  1079.  
  1080. </div><!--sbw1-->
  1081.  
  1082. <div id="content">
  1083. {block:Posts}
  1084. <div class="post">
  1085.  
  1086. {block:indexpage}
  1087. {block:ifnotaltpermalinkstyle}
  1088. <div class="posttags">
  1089. <div class="reblogme"><a href="{ReblogURL}">+ reblog</a></div>
  1090. {block:HasTags}
  1091. {block:Tags}
  1092. <a href="{TagURL}">#{Tag}</a><br>
  1093. {/block:Tags}
  1094. {/block:HasTags}
  1095. </div><!--posttags-->
  1096. {/block:ifnotaltpermalinkstyle}
  1097.  
  1098. {block:ifaltpermalinkstyle}
  1099.  
  1100. <div id="ps1">
  1101.  
  1102. {block:NotReblog}
  1103. <div class="ifontsbg2"><div class="ifonts2"><a href="{Permalink}"><i class="fa fa-star-o"></i></a></div>
  1104. <span class="ifontstxt2"><a href="{Permalink}"><div class="iftri2">◀</div>an original post</a></span>
  1105. </div>
  1106. {/block:NotReblog}
  1107.  
  1108. {block:RebloggedFrom}
  1109. <div class="ifontsbg2"><div class="ifonts2"><a href="{ReblogParentURL}"><i class="fa fa-paperclip"></i></a></div>
  1110. <span class="ifontstxt2"><a href="{ReblogParentURL}"><div class="iftri2">◀</div>via {ReblogParentName}</a></span>
  1111. </div>
  1112.  
  1113. <div class="ifontsbg2"><div class="ifonts2"><a href="{ReblogRootURL}"><i class="fa fa-code-fork"></a></i></div>
  1114. <span class="ifontstxt2"><a href="{ReblogRootURL}"><div class="iftri2">◀</div>originally {ReblogRootName}</a></span>
  1115. </div>
  1116. {/block:RebloggedFrom}
  1117.  
  1118. <div class="ifontsbg2"><div class="ifonts2"><a href="{ReblogURL}"><i class="fa fa-retweet"></i></a></div>
  1119. <span class="ifontstxt2"><a href="{ReblogURL}"><div class="iftri2">◀</div> reblog</a></span>
  1120. </div>
  1121. {block:HasTags}
  1122. <div class="ifontsbg3"><div class="ifonts2"><a href="{permalink}"><i class="fa fa-tags"></i></a></div>
  1123. <span class="ifontstxt2"><a href="{permalink}"><div class="iftri2">◀</div>view tags</a></span>
  1124. <div class="pptags">
  1125. {block:Tags}
  1126. <a href="{TagURL}">#{Tag}</a><br>
  1127. {/block:Tags}
  1128. </div>
  1129. </div><!--ifontsbg3-->
  1130. {/block:HasTags}
  1131. </div><!--ps1-->
  1132. {/block:ifaltpermalinkstyle}
  1133. {/block:indexpage}
  1134.  
  1135. <div class="mv3">
  1136. <div class="rightbuttons" id="rbi">_</div>
  1137. <div class="rightbuttons" id="rbii">▢</div>
  1138. <div class="rightbuttons" id="rbx">x</div>
  1139. </div><!--mv-->
  1140. <div class="bt3">{block:date} posted <a href="{permalink}">{timeago}</a>, with <a href="{permalink}">{NoteCountWithLabel}</a>{/block:date}</div>
  1141.  
  1142. {block:text}
  1143. <div class="peri"><i class="fa fa-pencil"></i></div>
  1144. <div class="pp">
  1145. {block:title}<div class="ptitle">> {title}</div>{/block:title}
  1146. <div class="text">{body}</div>
  1147. </div><!--pp-->
  1148. {/block:text}
  1149.  
  1150. {block:photo}
  1151. <div class="peri"><i class="fa fa-camera"></i></div>
  1152. <div class="pp">
  1153. {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
  1154. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1155. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1156. <div class="text">{Caption}</div>
  1157. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1158. </div><!--pp-->
  1159. {/block:photo}
  1160.  
  1161. {block:Photoset}
  1162. <div class="peri"><i class="fa fa-image"></i></div>
  1163. <div class="pp">
  1164. <div class="photo">
  1165. {block:indexpage}
  1166. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1167. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  1168. {/block:indexpage}
  1169. {block:permalinkpage}
  1170. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  1171. {block:if400pxposts}{Photoset-500}{/block:if400pxposts}
  1172. {/block:permalinkpage}
  1173. </div><!--photo-->
  1174. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1175. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1176. <div class="text">{Caption}</div>
  1177. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1178. </div><!--pp-->
  1179. {/block:Photoset}
  1180.  
  1181. {block:quote}
  1182. <div class="peri"><i class="fa fa-quote-left"></i></div>
  1183. <div class="pp">
  1184. <span class="pquot">”</span>
  1185. <div class="pquo">{Quote}</div>
  1186. <div class="pquos">{block:Source}<blockquote><div class="text">{Source}</div></blockquote>{/block:Source}</div>
  1187. </div><!--pp-->
  1188. {/block:quote}
  1189.  
  1190. {block:link}
  1191. <div class="peri"><i class="fa fa-link"></i></div>
  1192. <div class="pp">
  1193. <div class="ltitle"><a href="{URL}">>> {Name}</a></div>
  1194. {block:description}<div class="text">{description}</div>{/block:description}
  1195. </div><!--pp-->
  1196. {/block:link}
  1197.  
  1198. {block:chat}
  1199. <div class="peri"><i class="fa fa-comments"></i></div>
  1200. <div class="pp">
  1201. {block:title}<div class="ptitle">> {title}</div>{/block:title}
  1202. {block:Lines}<div class="{Alt}">
  1203. <div class="line">{block:Label}<div class="name">{Label}</div>{/block:Label} {Line}<br /></div></div>
  1204. {/block:Lines}
  1205. </div><!--pp-->
  1206. {/block:chat}
  1207.  
  1208. {block:audio}
  1209. <div class="peri"><i class="fa fa-music"></i></div>
  1210. <div class="pp">
  1211. <div class="audinfo">
  1212. {block:AudioPlayer}<div class="aud">{AudioPlayer}</div>{/block:AudioPlayer}
  1213. <span class="audinfot">Track</span> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1214. <span class="audinfot">Artist</span> {block:Artist}{Artist}{/block:Artist}<br>
  1215. <span class="audinfot">Album</span> {block:Album}{Album}{/block:Album}<br>
  1216. <span class="audinfot">Plays</span> {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1217. </div><!--audinfo-->
  1218. <div class="albumart">
  1219. <div class="albartblank">album art unavailable</div>
  1220. {block:AlbumArt}<img class="albart" src="{AlbumArtURL}">{/block:AlbumArt}
  1221. </div><!--albumart-->
  1222. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1223. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1224. <div class="text">{Caption}</div>
  1225. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1226. </div><!--pp-->
  1227. {/block:audio}
  1228.  
  1229. {block:video}
  1230. <div class="peri"><i class="fa fa-video-camera"></i></div>
  1231. <div class="pp">
  1232. {block:indexpage}
  1233. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1234. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  1235. {/block:indexpage}
  1236. {block:permalinkpage}
  1237. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  1238. {block:if400pxposts}{Video-500}{/block:if400pxposts}
  1239. {/block:permalinkpage}
  1240. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1241. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1242. <div class="text">{Caption}</div>
  1243. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1244. </div><!--pp-->
  1245. {/block:video}
  1246.  
  1247. {block:Answer}
  1248. <div class="peri"><i class="fa fa-question-circle"></i></div>
  1249. <div class="pp">
  1250. <div class="aske">
  1251. <div class="askersent">{Asker} sent:</div>
  1252. <div class="askco">{Question}</div>
  1253. </div>
  1254. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1255. <div class="text">{Answer}</div>
  1256. </div><!--pp-->
  1257. {/block:Answer}
  1258.  
  1259. </div><!--post-->
  1260.  
  1261. {block:permalinkpage}{block:date}
  1262.  
  1263. <div id="pi">
  1264. <div class="mv2">
  1265. <div class="rightbuttons" id="rbi">_</div>
  1266. <div class="rightbuttons" id="rbii">▢</div>
  1267. <div class="rightbuttons" id="rbx">x</div>
  1268. </div><!--mv-->
  1269. <div class="bt2">post info</div>
  1270. Date posted: {DayOfMonthWithZero} {ShortMonth} {Year}<br>
  1271. Time: {12Hour}.{Minutes}{CapitalAmPm}<br>
  1272. Notes: {NoteCountWithLabel}<p>
  1273. {block:RebloggedFrom}
  1274. via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1275. originally: <a href="{ReblogRootURL}">{ReblogRootName}</a><p>
  1276. {/block:RebloggedFrom}
  1277. {block:NotReblog}original blog post<p>{/block:NotReblog}
  1278. {block:HasTags}Filed under >>
  1279. {block:Tags}
  1280. <a href="{TagURL}">{Tag}</a>
  1281. {/block:Tags}
  1282. {/block:HasTags}
  1283. </div><!--pi-->
  1284.  
  1285. {block:PostNotes}
  1286. <div id="notecon">
  1287. <div class="mv4">
  1288. <div class="rightbuttons" id="rbi">_</div>
  1289. <div class="rightbuttons" id="rbii">▢</div>
  1290. <div class="rightbuttons" id="rbx">x</div>
  1291. </div><!--mv-->
  1292. <div class="bt4">notes</div>
  1293. <div class="pnott">{PostNotes}</div>
  1294. </div><!--notecon-->
  1295. {/block:PostNotes}
  1296.  
  1297. {/block:date}{/block:permalinkpage}
  1298.  
  1299. {/block:Posts}{block:ContentSource}
  1300. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1301. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1302. {/block:SourceLogo}
  1303. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1304. {/block:ContentSource}
  1305.  
  1306. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1307. </div><!--content-->
  1308.  
  1309. {block:ifnotinfinitescroll}
  1310. {block:Pagination}<div class="pagi">
  1311. {block:PreviousPage}
  1312. <a href="{PreviousPage}">-</a>
  1313. {/block:PreviousPage}
  1314. {block:JumpPagination length="5"}
  1315. {block:CurrentPage}
  1316. <span class="current_page">{PageNumber}</span>
  1317. {/block:CurrentPage}
  1318. {block:JumpPage}
  1319. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1320. {/block:JumpPage}
  1321. {/block:JumpPagination}
  1322. {block:NextPage}
  1323. <a href="{NextPage}">+</a>
  1324. {/block:NextPage}
  1325. </div><!--pagination-->{/block:Pagination}
  1326. {block:ifnotinfinitescroll}
  1327.  
  1328. <img style="position: fixed;bottom: 0; width: {text:corner image width};right: 0;" src="{image:corner image}">
  1329.  
  1330. </body>
  1331. </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!