API tools faq
paste
Advertisement
mogimochi

Theme [21] Ochako

mogimochi
Mar 18th, 2013
41,683
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Theme 21 Ochako
  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.  
  15. ---------------------------------------------------------- VER 200917 -->
  16.  
  17. <meta name="color:scrollbar" content="#444343">
  18. <meta name="color:scrollbar bg" content="#c9c9c9">
  19. <meta name="color:text highlight" content="#ffffff">
  20. <meta name="color:text highlight bg" content="#000000">
  21. <meta name="color:background" content="#ffffff">
  22. <meta name="color:header background" content="#ffffff">
  23. <meta name="color:extra wrap" content="#ffffff">
  24. <meta name="color:icon background" content="#ffffff">
  25. <meta name="color:blog title" content="#000000">
  26. <meta name="color:description" content="#7a7a7a">
  27. <meta name="color:desc link" content="#cccccc">
  28. <meta name="color:desc link hover" content="#8c8c8c">
  29. <meta name="color:desc bold" content="#2b2b2b">
  30. <meta name="color:desc italic" content="#cccccc">
  31. <meta name="color:sidebar borders" content="#f1f1f1">
  32. <meta name="color:nav link" content="#b1b1b1">
  33. <meta name="color:nav links background" content="#ffffff">
  34. <meta name="color:custom link" content="#aaaaaa">
  35. <meta name="color:custom link plus" content="#6a6a6a">
  36. <meta name="color:pagination" content="#cacaca">
  37. <meta name="color:pagination link" content="#6a6a6a">
  38. <meta name="color:pagination link hover" content="#cacaca">
  39. <meta name="color:body text" content="#a7a7a7">
  40. <meta name="color:body link" content="#9a9a9a">
  41. <meta name="color:body link hover" content="#6a6a6a">
  42. <meta name="color:body bold" content="#5a5a5a">
  43. <meta name="color:body italic" content="#a1a1a1">
  44. <meta name="color:post symbol" content="#aaaaaa">
  45. <meta name="color:post symbol bg" content="#f5f5f5">
  46. <meta name="color:hover post symbol" content="#aaaaaa">
  47. <meta name="color:hover post symbol bg" content="#f9f9f9">
  48. <meta name="color:post title border" content="#f1f1f1">
  49. <meta name="color:post title" content="#9a9a9a">
  50. <meta name="color:blockquote" content="#e5e5e5">
  51. <meta name="color:chat post lines" content="#f1f1f1">
  52. <meta name="color:audio post border" content="#f1f1f1">
  53. <meta name="color:ask background" content="#f5f5f5">
  54. <meta name="color:ask text" content="#6a6a6a">
  55. <meta name="color:permalink borders" content="#f1f1f1">
  56. <meta name="color:permalink links" content="#b3b3b3">
  57.  
  58. <meta name="image:background" content="">
  59. <meta name="image:icon" content="">
  60. <meta name="image:header background" content="">
  61. <meta name="image:icon background" content="">
  62.  
  63. <meta name="if:header background" content="1">
  64. <meta name="if:translucent icon background" content="0">
  65. <meta name="if:translucent nav links background" content="0">
  66. <meta name="if:big posts" content="0">
  67. <meta name="if:photo fading" content="0">
  68. <meta name="if:monochrome posts" content="0">
  69. <meta name="if:show captions" content="1">
  70. <meta name="if:always visible permalink" content="1">
  71. <meta name="if:extra content wrap" content="0">
  72. <meta name="if:cover background" content="0">
  73. <meta name="if:cover header background" content="0">
  74.  
  75. <meta name="text:extra wrap opacity" content="0.2" />
  76. <meta name="text:sidebar translucency opacity" content="0.2" />
  77. <meta name="text:Link 1" content="" />
  78. <meta name="text:Link 1 URL" content="" />
  79. <meta name="text:Link 2" content="" />
  80. <meta name="text:Link 2 URL" content="" />
  81. <meta name="text:Link 3" content="" />
  82. <meta name="text:Link 3 URL" content="" />
  83. <meta name="text:Link 4" content="" />
  84. <meta name="text:Link 4 URL" content="" />
  85. <meta name="text:Link 5" content="" />
  86. <meta name="text:Link 5 URL" content="" />
  87. <meta name="text:Link 6" content="" />
  88. <meta name="text:Link 6 URL" content="" />
  89.  
  90. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  91. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  92. <link rel="shortcut icon" href="{Favicon}" />
  93.  
  94. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  95.  
  96. <script language="javascript">
  97. $(document).ready(function() {
  98. $('a#clickbutton').click(function() {
  99. $('.t',this).toggle();
  100. });
  101.  
  102. $("#links").css({"opacity": "0", "height": "0"})
  103. $("#clickbutton").toggle(
  104. function () {
  105. $("#links").animate({"opacity": "1", "height": "210px"}, "slow");
  106. },
  107. function () {
  108. $("#links").animate({"opacity": "0", "height": "0"}, "slow");
  109. });
  110. });
  111. </script>
  112.  
  113. <style type="text/css">
  114.  
  115. ::selection {background: {color:text highlight bg};color:{color:text highlight};}
  116.  
  117. ::-moz-selection {background: {color:text highlight bg};color:{color:text highlight};}
  118.  
  119. ::-webkit-scrollbar { width: 5px; }
  120. ::-webkit-scrollbar-track-piece { background-color:{color:scrollbar bg}; }
  121. ::-webkit-scrollbar-thumb:vertical {
  122. width: 10px;
  123. border-radius: 100px;
  124. -moz-border-radius: 100px;
  125. -webkit-border-radius: 100px;
  126. -o-border-radius: 100px;
  127. background-color: {color:scrollbar};
  128. }
  129.  
  130. body {
  131. background-color: {color:background};
  132. background-image: url({image:background});
  133. {block:ifcoverbackground}background-size: cover;{/block:ifcoverbackground}
  134. background-attachment: fixed;
  135. margin: 0;
  136. word-wrap: break-word;
  137. }
  138.  
  139. a { text-decoration:none; }
  140.  
  141. #cover {
  142. position: fixed;
  143. top: 0;
  144. left: 0;
  145. width: 100%;
  146. height: 100%;
  147. }
  148.  
  149. #top {
  150. {block:ifnotheaderbackground}opacity:0;z-index:-1;display:none;{/block:ifnotheaderbackground}
  151. background-image: url({image:header background});
  152. background-color: {color:header background};
  153. {block:ifcoverheaderbackground}background-size:cover;{/block:ifcoverheaderbackground}
  154. height: 80px;
  155. background-attachment: fixed;
  156. {block:ifnotbigposts}width: 660px;{/block:ifnotbigposts}
  157. {block:ifbigposts}width: 760px;{/block:ifbigposts}
  158. {block:ifextracontentwrap}
  159. {block:ifnotbigposts}width: 720px;{/block:ifnotbigposts}
  160. {block:ifbigposts}width: 820px;{/block:ifbigposts}
  161. {/block:ifextracontentwrap}
  162. }
  163.  
  164. #altcov {
  165. height: 100%;
  166. position: relative;
  167. z-index: 1000;
  168. {block:ifnotbigposts}width:460px;margin-left:200px;{/block:ifnotbigposts}
  169. {block:ifbigposts}width:560px;margin-left: 200px;{/block:ifbigposts}{block:ifnotheaderbackground}opacity:0;z-index:-1;display:none;{/block:ifnotheaderbackground}
  170. }
  171.  
  172. #top2 {
  173. {block:ifnotheaderbackground}opacity:0;z-index:-1;display:none;{/block:ifnotheaderbackground}
  174. background-image: url({image:header background});
  175. background-color: {color:header background};
  176. {block:ifcoverheaderbackground}background-size: cover;{/block:ifcoverheaderbackground}
  177. {block:ifnotbigposts}width: 460px;{/block:ifnotbigposts}
  178. {block:ifbigposts}width: 560px;{/block:ifbigposts}
  179. height: 80px;
  180. top: 0;
  181. position: fixed;
  182. background-attachment: fixed;
  183. }
  184.  
  185. #invisico {
  186. {block:ifnotbigposts}width: 660px;{/block:ifnotbigposts}
  187. {block:ifbigposts}width: 760px;{/block:ifbigposts}
  188. {block:ifextracontentwrap}
  189. {block:ifnotbigposts}width: 720px;{/block:ifnotbigposts}
  190. {block:ifbigposts}width: 820px;{/block:ifbigposts}
  191. {/block:ifextracontentwrap}
  192. }
  193.  
  194. #backcon {
  195. position: fixed;
  196. {block:ifnotbigposts}width: 660px;{/block:ifnotbigposts}
  197. {block:ifbigposts}width: 760px;{/block:ifbigposts}
  198. {block:ifextracontentwrap}
  199. {block:ifnotbigposts}width: 720px;{/block:ifnotbigposts}
  200. {block:ifbigposts}width: 820px;{/block:ifbigposts}
  201. {/block:ifextracontentwrap}
  202. background-color: {color:extra wrap};
  203. height: 100%;
  204. opacity: {text:extra wrap opacity};
  205. z-index: -1;
  206. }
  207.  
  208. #leftcol {
  209. position: absolute;
  210. width: 220px;
  211. {block:ifextracontentwrap}
  212. margin-left: 30px;
  213. {/block:ifextracontentwrap}
  214. {block:ifnotheaderbackground}margin-top: 80px;{/block:ifnotheaderbackground}
  215. }
  216.  
  217. .topimg {
  218. background-color: {color:icon background};
  219. {block:iftranslucenticonbackground}
  220. background-color: rgba({RGBcolor:icon background},{text:sidebar translucency opacity});
  221. {/block:iftranslucenticonbackground}
  222. background-image: url({image:icon background});
  223. padding: 12px;
  224. border-radius: 8px;
  225. width: 64px;
  226. height: 64px;
  227. margin: -46px 0 0 0;
  228. }
  229.  
  230. .pt {
  231. font-family: courier new;
  232. color: {color:blog title};
  233. font-size: 10px;
  234. text-transform: uppercase;
  235. padding: 18px 20px 20px 20px;
  236. }
  237.  
  238. .desc {
  239. font-family: consolas;
  240. font-size: 10px;
  241. color: {color:description};
  242. padding: 20px 5px;
  243. border-top: 1px solid {color:sidebar borders};
  244. border-bottom: 1px solid {color:sidebar borders};
  245. text-align: justify;
  246. }
  247.  
  248. .desc a {
  249. text-decoration: underline;
  250. color: {color:desc link};
  251. }
  252.  
  253. .desc a:hover {
  254. font-style: italic;
  255. color: {color:desc link hover};
  256. }
  257.  
  258. .desc b,strong {
  259. color: {color:desc bold};
  260. }
  261.  
  262. .desc i,em {
  263. color: {color:desc italic};
  264. }
  265.  
  266. .lk {
  267. width: 55px;
  268. float: left;
  269. font-family: courier new;
  270. text-align: center;
  271. font-size: 8px;
  272. text-transform: uppercase;
  273. letter-spacing: 2px;
  274. color: {color:nav link};
  275. padding: 14px 0;
  276. background-color: {color:nav links background};
  277. {block:iftranslucentnavlinksbackground}
  278. background-color: rgba({RGBcolor:nav links background},{text:sidebar translucency opacity});
  279. {/block:iftranslucentnavlinksbackground}
  280. }
  281.  
  282. .lkx {
  283. position: absolute;
  284. background-color: {color:nav link};
  285. width: 0;
  286. height: 1px;
  287. margin-top: 3px;
  288. margin-left: 5px;
  289. transition: 0.4s;
  290. }
  291.  
  292. .lk:hover .lkx {width: 45px;}
  293.  
  294. .likbox {height: 36px;border-bottom: 1px solid {color:sidebar borders};}
  295.  
  296. .cl {
  297. font-family: courier new;
  298. text-align: left;
  299. font-size: 8px;
  300. letter-spacing: 2px;
  301. color: {color:custom link};
  302. text-transform: uppercase;
  303. padding: 12px 10px 12px 10px;
  304. border-top: 1px solid {color:sidebar borders};
  305. border-bottom: 1px solid {color:sidebar borders};
  306. margin-top: -1px;
  307. transition: 0.6s;
  308. }
  309.  
  310. .clx {
  311. color: {color:custom link plus};
  312. font-family: arial;
  313. font-size: 12px;
  314. padding-right: 10px;
  315. opacity: 0;
  316. transition: 0.6s;
  317. line-height: 8px;
  318. }
  319.  
  320. #links {opacity: 0;height:0;overflow:hidden;}
  321. .cl:hover {padding: 12px 10px 12px 32px;}
  322. .cl:hover .clx {opacity: 1;}
  323.  
  324. .pagina {
  325. font-family: consolas;
  326. font-size: 10px;
  327. color: {color:pagination};
  328. margin-top: 16px;
  329. }
  330.  
  331. .pagina a { color: {color:pagination link}; transition: 0.6s;}
  332. .pagina a:hover { color: {color:pagination link hover}; }
  333.  
  334. #content {
  335. {block:ifnotbigposts}width: 400px;margin-left:260px;{/block:ifnotbigposts}
  336. {block:ifbigposts}width: 500px;margin-left:260px;{/block:ifbigposts}
  337. text-align: left;
  338. margin-top: 100px;
  339. position: relative;
  340. z-index: 100;
  341. {block:ifextracontentwrap}
  342. margin-top: 110px;
  343. {/block:ifextracontentwrap}
  344. {block:ifnotheaderbackground}margin-top:40px;{/block:ifnotheaderbackground}
  345. }
  346.  
  347. .post {
  348. {block:ifnotbigposts}width: 400px;{/block:ifnotbigposts}
  349. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  350. margin-bottom: 60px;
  351. }
  352.  
  353. .post img {
  354. {block:ifnotbigposts}max-width: 400px;{/block:ifnotbigposts}
  355. {block:ifbigposts}max-width: 500px;{/block:ifbigposts}
  356. height: auto;
  357. }
  358.  
  359. .post blockquote img {max-width: 100%;}
  360.  
  361. .posttitle {
  362. font-family: courier new;
  363. font-size: 10px;
  364. text-transform: uppercase;
  365. letter-spacing: 2px;
  366. color: {color:post title};
  367. text-align: center;
  368. border-top: 1px solid {color:post title border};
  369. border-bottom: 1px solid {color:post title border};
  370. padding: 20px;
  371. margin-bottom: 20px;
  372. }
  373.  
  374. .text, #postinfo {
  375. font-family: consolas;
  376. font-size: 10px;
  377. color: {color:body text};
  378. }
  379.  
  380. .text a, .asker, #postinfo a, #applepie a, .quotesource a {
  381. text-decoration: underline;
  382. color: {color:body link};
  383. }
  384.  
  385. .text a:hover, .asker:hover, #postinfo a:hover, #applepie a:hover, .quotesource a:hover {
  386. font-style: italic;
  387. color: {color:body link hover};
  388. }
  389.  
  390. .text b,strong, .quotesource b,strong {
  391. color: {color:body bold};
  392. }
  393.  
  394. .text i,em, .quotesource i,em {
  395. color: {color:body italic};
  396. }
  397.  
  398. .post blockquote {
  399. padding: 5px 20px;
  400. margin: 5px;
  401. border-left: 1px solid {color:blockquote};
  402. }
  403.  
  404. .photo {
  405. {block:ifnotbigposts}width: 400px;{/block:ifnotbigposts}
  406. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  407. display: block;
  408. padding-bottom: 10px;
  409. {block:ifphotofading}opacity: 0.6;{/block:ifphotofading}
  410. {block:ifmonochromeposts}
  411. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://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+ */
  412. filter: gray; /* IE6-9 */
  413. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  414. {/block:ifmonochromeposts}
  415. transition: 0.8s;
  416. -moz-transition: 0.8s;
  417. webkit-transition: 0.8s;
  418. -o-transition: 0.8s;
  419. }
  420.  
  421. .post:hover .photo {
  422. opacity: 1;
  423. {block:ifmonochromeposts}
  424. filter: none;
  425. -webkit-filter: grayscale(0%);
  426. {/block:ifmonochromeposts}
  427. }
  428.  
  429.  
  430. .quot, .chev {
  431. background-color: {color:post symbol bg};
  432. color: {color:post symbol};
  433. font-size: 40px;
  434. font-family: georgia;
  435. width: 30px;
  436. height: 30px;
  437. text-align: center;
  438. overflow: hidden;
  439. float: left;
  440. margin-right: 14px;
  441. line-height: 50px;
  442. }
  443.  
  444. .quote {
  445. font-family: courier new;
  446. font-size: 12px;
  447. color: {color:post title};
  448. letter-spacing: 2px;
  449. }
  450. .quotesource {
  451. font-family: consolas;
  452. font-size: 10px;
  453. color: {color:body text};
  454. }
  455.  
  456. .chev {
  457. line-height: 28px;
  458. font-size: 24px;
  459. transition: 0.6s;
  460. }
  461.  
  462. .linkpost {
  463. font-family: courier new;
  464. font-size: 12px;
  465. color: {color:post title};
  466. line-height: 30px;
  467. }
  468.  
  469. .linkpost:hover .chev {
  470. background-color: {color:hover post symbol bg};
  471. color: {color:hover post symbol};
  472. }
  473.  
  474. .line {
  475. padding: 14px 0;
  476. border-top: 1px solid {color:chat post lines};
  477. border-bottom: 1px solid {color:chat post lines};
  478. margin-top: -1px;
  479. }
  480.  
  481. .name {
  482. text-transform: uppercase;
  483. text-decoration: underline;
  484. }
  485.  
  486. .audiocontainer {
  487. border: 1px solid {color:audio post border};
  488. padding: 10px;
  489. height: 140px;
  490. margin-bottom: 10px;
  491. }
  492.  
  493. .albumartcontainer {
  494. background-color: #eaeaea;
  495. width: 140px;
  496. height: 140px;
  497. float: left;
  498. {block:ifnotbigposts}margin-right: 10px;{/block:ifnotbigposts}
  499. {block:ifbigposts}margin-right: 20px;{/block:ifbigposts}
  500. }
  501.  
  502. .albumart {
  503. width: 140px;
  504. height: 140px;
  505. }
  506.  
  507. .audplay {
  508. overflow: hidden;
  509. width: 27px;
  510. margin: 56px 0 0 56px;
  511. position: absolute;
  512. opacity: 0.1;
  513. transition: 0.6s;
  514. }
  515.  
  516. .post:hover .audplay {opacity: 0.5;}
  517. .post:hover .audplay:hover {opacity: 1;}
  518.  
  519. .audioinfo {
  520. font-family: courier new;
  521. font-size: 10px;
  522. color: {color:body text};
  523. text-transform: uppercase;
  524. line-height: 20px;
  525. padding-top: 28px;
  526. }
  527.  
  528. .askerportrait {
  529. max-width: 64px;
  530. max-height: 64px;
  531. float: left;
  532. }
  533.  
  534. .a {
  535. margin-left: 60px;
  536. padding: 13px 10px;
  537. background-color: {color:ask background};
  538. font-family: consolas;
  539. font-size: 10px;
  540. min-height: 14px;
  541. color: {color:ask text};
  542. text-align: left;
  543. margin-bottom: 10px;
  544. }
  545.  
  546. .askerm {padding-right: 3px;}
  547. .asker { padding-left:3px; }
  548. .q {margin-top: 10px;}
  549.  
  550. .asktri {
  551. color: {color:ask background};
  552. font-size: 24px;
  553. position: absolute;
  554. margin: 2px 44px;
  555. transition: 0.6s;
  556. }
  557.  
  558. .permalink {
  559. border-top: 1px solid transparent;
  560. border-bottom: 1px solid transparent;
  561. font-family: courier new;
  562. font-size: 8px;
  563. letter-spacing: 1px;
  564. text-transform: uppercase;
  565. padding: 0 10px;
  566. text-align: right;
  567. height: 0;
  568. transition: 0.6s;
  569. overflow: hidden;
  570. {block:ifalwaysvisiblepermalink}
  571. height: 8px;
  572. padding: 10px;
  573. border-top: 1px solid {color:permalink borders};
  574. border-bottom: 1px solid {color:permalink borders};
  575. {/block:ifalwaysvisiblepermalink}
  576. }
  577.  
  578. .permalink a {
  579. margin-left: 20px;
  580. color: transparent;
  581. transition: 0.6s;
  582. {block:ifalwaysvisiblepermalink}
  583. color: {color:permalink links};
  584. {/block:ifalwaysvisiblepermalink}
  585. }
  586.  
  587. .post:hover .permalink {
  588. height: 8px;
  589. padding: 10px;
  590. border-top: 1px solid {color:permalink borders};
  591. border-bottom: 1px solid {color:permalink borders};
  592. }
  593.  
  594. .post:hover .permalink a {color: {color:permalink links};}
  595. .permalink a:hover {text-decoration: line-through;}
  596.  
  597. #postinfo {
  598. margin-top: -40px;
  599. font-family: consolas;
  600. font-size: 10px;
  601. padding: 20px;
  602. text-align: left;
  603. {block:ifnotbigposts}width: 360px;{/block:ifnotbigposts}
  604. {block:ifbigposts}width: 460px;{/block:ifbigposts}
  605. border-top: 1px solid {color:permalink borders};
  606. border-bottom: 1px solid {color:permalink borders};
  607. }
  608.  
  609. #applepie {
  610. {block:ifnotbigposts}width: 360px;{/block:ifnotbigposts}
  611. {block:ifbigposts}width: 460px;{/block:ifbigposts}
  612. margin-top: -15px;
  613. font-family: consolas;
  614. font-size: 10px;
  615. text-align: left;
  616. margin-left: -20px;
  617. }
  618.  
  619. .notes li {
  620. {block:ifnotbigposts}width: 360px;{/block:ifnotbigposts}
  621. {block:ifbigposts}width: 460px;{/block:ifbigposts}
  622. font-family: consolas;
  623. font-size: 10px;
  624. padding: 10px 20px;
  625. border-bottom: 1px solid {color:permalink borders};
  626. }
  627.  
  628. .notes img {
  629. margin-right: 10px;
  630. float: left;
  631. width: 13px;
  632. height: 13px;
  633. }
  634.  
  635. ol.notes {
  636. {block:ifnotbigposts}width: 400px;{/block:ifnotbigposts}
  637. {block:ifbigposts}width: 500px;{/block:ifbigposts}
  638. list-style-type: none;
  639. padding: 10px 20px;
  640. line-height: 15px;
  641. position: absolute;
  642. }
  643.  
  644. {CustomCSS}
  645.  
  646. </style>
  647. </head>
  648. <body>
  649.  
  650. <center>
  651. <div id="cover">
  652. <center>
  653. <div id="invisico">
  654. {block:ifextracontentwrap}<div id="backcon"></div>{/block:ifextracontentwrap}
  655. <div id="top"></div>
  656. <div id="leftcol">
  657. <img class="topimg" src="{image:icon}">
  658. <div class="pt">{title}</div>
  659. <div class="desc">{description}</div>
  660.  
  661. <div class="likbox">
  662. <a href="/"><div class="lk"><div class="lkx"></div>home</div></a>
  663. <a href="/ask"><div class="lk"><div class="lkx"></div>ask</div></a>
  664. <a href="http://yukoki.tumblr.com"><div class="lk"><div class="lkx"></div>thm</div></a>
  665. <a id="clickbutton" class="t" style="cursor:pointer;"><div class="lk"><div class="lkx"></div><span class="t">more</span><span class="t" style="display:none">less</span></div>
  666. </div><!--likbox-->
  667.  
  668. <div id="links">
  669. {block:IfLink1}<a href="{text:Link 1 URL}"><div class="cl"><span class="clx">+</span>{text:Link 1}</div></a>{/block:IfLink1}
  670. {block:IfLink2}<a href="{text:Link 2 URL}"><div class="cl"><span class="clx">+</span>{text:Link 2}</div></a>{/block:IfLink2}
  671. {block:IfLink3}<a href="{text:Link 3 URL}"><div class="cl"><span class="clx">+</span>{text:Link 3}</div></a>{/block:IfLink3}
  672. {block:IfLink4}<a href="{text:Link 4 URL}"><div class="cl"><span class="clx">+</span>{text:Link 4}</div></a>{/block:IfLink4}
  673. {block:IfLink5}<a href="{text:Link 5 URL}"><div class="cl"><span class="clx">+</span>{text:Link 5}</div></a>{/block:IfLink5}
  674. {block:IfLink6}<a href="{text:Link 6 URL}"><div class="cl"><span class="clx">+</span>{text:Link 6}</div></a>{/block:IfLink6}
  675. </div><!--links-->
  676.  
  677. {block:Pagination}
  678. <div class="pagina">
  679. {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} /
  680. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  681. </div><!--pagina-->
  682. {/block:Pagination}
  683.  
  684. </div><!--leftcol-->
  685. </div><!--invisico-->
  686. </center>
  687. </div><!--cover-->
  688.  
  689. <div id="content">
  690.  
  691. {block:posts}
  692.  
  693. <div class="post">
  694.  
  695. {block:photo}
  696. {linkopentag}<center><img class="photo" src="{PhotoURL-HighRes}"></center>{linkclosetag}
  697. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  698. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  699. <div class="text">{Caption}</div>
  700. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  701. {/block:photo}
  702.  
  703. {block:Photoset}
  704. <div class="photo">
  705. {block:ifnotbigposts}{Photoset-400}{/block:ifnotbigposts}
  706. {block:ifbigposts}{Photoset-500}{/block:ifbigposts}
  707. </div><!--photo-->
  708. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  709. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  710. <div class="text">{Caption}</div>
  711. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  712. {/block:Photoset}
  713.  
  714. {block:text}
  715. {block:title}<div class="posttitle">{title}</div>{/block:title}
  716. <div class="text">{body}</div>
  717. {/block:text}
  718.  
  719. {block:quote}
  720. <div class="quote"><span class="quot">“</span>{Quote}</div>
  721. {block:Source}<div class="quotesource"><blockquote><span class="fa fa-quote-left"></span> {Source}</blockquote></div>{/block:Source}
  722. {/block:quote}
  723.  
  724. {block:link}
  725. <a href="{URL}"><div class="linkpost"><span class="chev">»</span> {Name} <span class="fa fa-link"></span></div></a>
  726. {block:Description}<div class="text">{Description}</div>{/block:Description}
  727. {/block:link}
  728.  
  729. {block:chat}
  730. {block:title}<div class="posttitle">{title}</div>{/block:title}
  731. <div class="text">
  732. {block:Lines}<div class="{Alt}">
  733. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  734. {/block:Lines}
  735. </div><div style="margin-bottom:-1px;"></div>
  736. {/block:chat}
  737.  
  738. {block:audio}
  739. <div class="audiocontainer">
  740. {block:AudioPlayer}<div class="audplay">{AudioPlayer}</div>{/block:AudioPlayer}{block:AlbumArt}<div class="albumartcontainer"><img class="albumart" src="{AlbumArtURL}"></div>{/block:AlbumArt}
  741. <div class="audioinfo">
  742. <span class="auinfo"><b>track name:</b> {block:TrackName}{TrackName}{/block:TrackName}</span><br>
  743. <span class="auinfo"><b>artist:</b> {block:Artist}{Artist}{/block:Artist}</span><br>
  744. <span class="auinfo"><b>album:</b> {block:Album}{Album}{/block:Album}</span><br>
  745. {block:PlayCount}<span class="auinfo">played {PlayCount} times</span>{/block:PlayCount}
  746. </div>
  747. </div><!--audiocontainer-->
  748. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  749. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  750. <div class="text">{Caption}</div>
  751. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  752. {/block:audio}
  753.  
  754. {block:Video}
  755. {block:ifnotbigposts}{Video-400}{/block:ifnotbigposts}
  756. {block:ifbigposts}{Video-500}{/block:ifbigposts}
  757. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  758. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  759. <div class="text">{Caption}</div>
  760. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  761. {/block:Video}
  762.  
  763. {block:Answer}
  764. <img class="askerportrait" src="{AskerPortraitURL-40}">
  765. <div class="asktri">◀</div>
  766. <div class="a">
  767. <span class="askerm"><span class="fa fa-quote-left"></span> {Asker} whispered:</span>
  768. <span class="q">{Question}</span>
  769. </div>
  770. <div class="text">{Answer}</div>
  771. {/block:Answer}
  772.  
  773. {block:indexpage}{block:date}<div class="permalink">
  774. <a href="{Permalink}">{timeago}</a> <a href="{Permalink}">{NoteCountWithLabel}</a> <a href="{ReblogURL}">reblog</a>
  775. </div><!--permalink-->{/block:date}{/block:indexpage}
  776.  
  777. </div><!--post-->
  778.  
  779. {block:permalinkpage}{block:date}
  780. <div id="postinfo">
  781. Post made on {DayOfMonthWithZero} {Month} {Year}, {DayOfWeek} at {12HourWithZero}.{Minutes}{CapitalAmPm} with {NoteCountWithLabel}.<br>
  782. {block:RebloggedFrom}Originally by <a href="{reblogrooturl}">{reblogrootname}</a>, reblogged via <a href="{reblogparenturl}">{reblogparentname}</a>.{/block:rebloggedfrom}<br>
  783. {Block:HasTags}Tagged as:
  784. {block:Tags}
  785. <a href="{TagURL}">#{Tag}</a>
  786. {/block:Tags}
  787. {/Block:HasTags}
  788. </div>
  789. {/block:date}{/block:permalinkpage}
  790.  
  791. {block:PostNotes}
  792. <div id="applepie">{PostNotes-16}</div><!--applepie note container-->
  793. {/block:PostNotes}
  794.  
  795. {/block:posts}
  796.  
  797. {block:ContentSource}
  798. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  799. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  800. {/block:SourceLogo}
  801. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  802. {/block:ContentSource}
  803.  
  804. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
  805.  
  806. </div><!--content-->
  807.  
  808. <center><div id="altcov"><div id="top2"></div></div></center>
  809.  
  810. </center>
  811.  
  812. </body>
  813. </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!