API tools faq
paste
Advertisement
cvndythemes

Fansite #03

cvndythemes
Aug 17th, 2015
1,320
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <title>{Title} {block:TagPage} #{Tag}{/block:TagPage}{block:PostSummary} : {PostSummary}{/block:PostSummary}</title>
  5.  
  6. <link rel="shortcut icon" href="{favicon}">
  7.  
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!--
  12.  
  13. Layout Name: Fansite #03
  14. cvndythemes.tumblr.com
  15. Don't claim as your own or redistribute.
  16. Edit as much as you want
  17.  
  18. -->
  19.  
  20. <!-- DEFAULTS -->
  21.  
  22. <meta name="color:Accent" content="#ed6b99" />
  23.  
  24. <meta name="color:Scrollbar" content="#ffffff" />
  25. <meta name="color:Scrollbar BG" content="#eeeeee" />
  26. <meta name="color:Selection Text" content="#ffffff" />
  27. <meta name="color:Selection BG" content="#000000" />
  28.  
  29. <meta name="color:Background" content="#ffffff" />
  30. <meta name="color:Text" content="#9c9c9c" />
  31. <meta name="color:Link" content="#848484" />
  32. <meta name="color:Link Hover" content="#c0c0c0" />
  33.  
  34. <meta name="color:Header Text" content="#ffffff" />
  35. <meta name="color:Header Accent" content="#c7c745" />
  36. <meta name="color:Header BG" content="#000000" />
  37.  
  38. <meta name="color:Table 1 BG" content="#ffffff" />
  39. <meta name="color:Table 1 Text" content="##9c9c9c" />
  40. <meta name="color:Table 2 BG" content="#ffffff" />
  41. <meta name="color:Tables 2 Text" content="##9c9c9c" />
  42. <meta name="color:Top Tables Headers Text" content="#c0b1da" />
  43. <meta name="color:Top Tables Headers BG" content="#ffffff" />
  44.  
  45. <meta name="color:Blog Title" content="#ffffff" />
  46. <meta name="color:Blog Divider" content="#ffffff" />
  47. <meta name="color:Navigation Links" content="#ffffff" />
  48. <meta name="color:Navigation Link Hover" content="#c3dbdf" />
  49. <meta name="color:Navigation BG" content="#000000" />
  50.  
  51. <meta name="color:Container BG" content="#ffffff" />
  52. <meta name="color:Table BG" content="#ffffff" />
  53.  
  54. <meta name="color:Headers Text" content="#222222" />
  55. <meta name="color:Headers BG" content="#ffffff" />
  56.  
  57. <meta name="color:Dates Text" content="#ffffff" />
  58. <meta name="color:Dates BG" content="#000000" />
  59. <meta name="color:Tags Text" content="#000000" />
  60. <meta name="color:Question Text" content="#ffffff" />
  61. <meta name="color:Question BG" content="#000000" />
  62.  
  63. <meta name="color:Pagination" content="#ffffff" />
  64. <meta name="color:Pagination Active" content="#ffffff" />
  65. <meta name="color:Pagination BG" content="#000000" />
  66.  
  67. <meta name="image:Header" content="http://placehold.it/950X350"/>
  68. <meta name="image:Sidebar" content="http://placehold.it/242X250"/>
  69.  
  70. <meta name="image:Notes" content="http://placehold.it/600X185"/>
  71.  
  72. <meta name="if:Tags Image" content="1"/>
  73.  
  74. <meta name="if:Sidebar Image" content="1"/>
  75. <meta name="if:Official Links" content="1"/>
  76. <meta name="if:Upcoming Events" content="1"/>
  77. <meta name="if:Latest Photos" content="1"/>
  78. <meta name="if:Projects" content="1"/>
  79. <meta name="if:Members" content="1"/>
  80. <meta name="if:Stats" content="1"/>
  81. <meta name="if:Affiliates" content="1"/>
  82. <meta name="if:Extra Section" content="0"/>
  83.  
  84. <meta name="text:Header Title Top" content="287" />
  85. <meta name="text:Header Title Left" content="0" />
  86. <meta name="text:Header Blog Name" content="Blog" />
  87. <meta name="text:Header Blog Name Accent" content="Name" />
  88.  
  89. <meta name="text:Top Table Title" content="Title" />
  90. <meta name="text:Top Table Info" content="" />
  91.  
  92. <meta name="text:Link 1" content="http://" />
  93. <meta name="text:Link 1 Title" content="Link" />
  94. <meta name="text:Link 2" content="http://" />
  95. <meta name="text:Link 2 Title" content="Link" />
  96. <meta name="text:Link 3" content="http://" />
  97. <meta name="text:Link 3 Title" content="Link" />
  98. <meta name="text:Link 4" content="http://" />
  99. <meta name="text:Link 4 Title" content="Link" />
  100.  
  101. <meta name="text:Extra Section Title" content="Extra Section Title" />
  102. <meta name="text:Extra Box Small Title" content="Extra Box Small Title" />
  103. <meta name="text:Extra Section Content" content="Extra Section Content" />
  104.  
  105.  
  106. <!-- SCRIPTS -->
  107.  
  108. <script type="text/javascript"
  109. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  110. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  111. <script>
  112. (function($){
  113. $(document).ready(function(){
  114. $("[title]").style_my_tooltips();
  115. });
  116. })(jQuery);
  117. </script>
  118.  
  119. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  120. <script type="text/javascript" src="http://static.tumblr.com/zvesamf/5veoajatd/jquery.sticky.js"></script>
  121. <script>
  122. $(window).load(function(){
  123. $("#tables").sticky({ topSpacing: 0 });
  124. });
  125. </script>
  126.  
  127. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"></script>
  128.  
  129. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.min.js"></script>
  130.  
  131.  
  132. <!-- STYLESHEET -->
  133.  
  134. <style type="text/css">
  135.  
  136. /* --- BODY --- */
  137.  
  138. @font-face {font-family: 'BlackOblique';
  139. src: url('https://googledrive.com/host/0B9Dla5x3wECLQTFHUjRiS2Zya0E');}
  140.  
  141. @font-face { font-family: 'code italic'; src:url(https://googledrive.com/host/0B9Dla5x3wECLS2tmNHBkTHBxYlU); }
  142.  
  143. /* --- SCROLLBAR ---*/
  144.  
  145. ::-webkit-scrollbar-thumb {
  146. height:10px;
  147. background-color:{color:Scrollbar};
  148. }
  149.  
  150. ::-webkit-scrollbar-button {
  151. background-color:{color:Scrollbar};
  152. height:0px;
  153. }
  154.  
  155. ::-webkit-scrollbar {
  156. width:9px;
  157. height:0px;
  158. background:{color:Scrollbar BG};
  159. }
  160.  
  161.  
  162.  
  163. /* --- SELECTION ---*/
  164.  
  165. ::-moz-selection {
  166. color: {color:Selection Text};
  167. background: {color:Selection BG};
  168. opacity:1;
  169. }
  170.  
  171. ::selection {
  172. color: {color:Selection text};
  173. background: {color:Selection BG};
  174. opacity:1;
  175. }
  176.  
  177.  
  178. /* --- TUMBLR TOOLS--- */
  179.  
  180. #s-m-t-tooltip {
  181. display: block;
  182. font-size: 8px;
  183. background-color:{color:Selection BG};
  184. font-family: 'code italic';
  185. letter-spacing: 1px;
  186. text-transform: uppercase;
  187. line-height:130%;
  188. color:{color:Selection text};
  189. text-align: center;
  190. margin-left: 25px;
  191. padding:5px;
  192. min-width: 40px;
  193. max-width: 150px;
  194. z-index:10;
  195. }
  196.  
  197. iframe#tumblr_controls {
  198. top:5px;
  199. right:5px;
  200. position:fixed !important;
  201. margin-top:0px !important;
  202. margin-right:0px !important;
  203. opacity:0.9 !important;
  204. z-index:9;
  205. }
  206.  
  207. #cvndy {
  208. background:{color:Table BG};
  209. color:{color:Text};
  210. padding:2px;
  211. position:fixed;
  212. bottom:57px;
  213. right:5px;
  214. font-family: 'code italic';
  215. font-size: 8px;
  216. text-transform: uppercase;
  217. opacity:0.4;
  218. z-index:8;
  219. }
  220.  
  221. /* --- BODY --- */
  222.  
  223. body {
  224. background-color:{color:Background};
  225. color:{color:Text};
  226. font-family:'source-sans-pro', sans-serif;
  227. font-size:10px;
  228. text-align:left;
  229. word-wrap:break-word;
  230. line-height:150%;
  231. padding:0px; margin:0px;
  232. -moz-osx-font-smoothing:grayscale;
  233. -webkit-font-smoothing:antialiased;
  234. font-smoothing:antialiased;
  235. }
  236.  
  237. a {
  238. color:{color:Link};
  239. text-decoration:none;
  240. }
  241.  
  242. a:hover {
  243. color:{color:Link Hover};
  244. text-decoration:none;
  245. }
  246.  
  247. img {
  248. border: 0;
  249. max-width: 100%;
  250. }
  251.  
  252. .posting img {
  253. height:auto;
  254. max-width:450px;
  255. }
  256.  
  257. .photo img {
  258. width:450px;
  259. display:block;
  260. }
  261.  
  262. b, bold, strong {font-weight:bold;}
  263. i, em, italic {color: {color:Text};}
  264. u {border-bottom:1px solid {color:Text};}
  265. big {font-size:11px;}
  266. small {font-size:8px;}
  267.  
  268. hr.divider, hr, hr.separator {
  269. height:0;
  270. border:0;
  271. border-bottom:1px solid {color:Text};
  272. margin-left:50;
  273. clear:both;
  274. width:400px;
  275. }
  276.  
  277. img.border {
  278. border: 0px;
  279. }
  280.  
  281. /* --- BOTTOM BAR --- */
  282.  
  283. #bottombar {
  284. position:fixed;
  285. bottom:0px;
  286. left: 0;
  287. width:100%;
  288. height:35px;
  289. max-height:35px;
  290. padding:10px 0px 10px 0px;
  291. background:{color:Navigation BG};
  292. z-index:7;
  293. }
  294.  
  295. .bottomcont {
  296. margin:0 auto 0;
  297. width:950px;
  298. }
  299.  
  300. .blog {
  301. margin-right:566px;
  302. margin-top:13px;
  303. text-align:right!important;
  304. color:{color:Blog Title};
  305. }
  306.  
  307. .blog a, .blog a:hover {
  308. text-align:right!important;
  309. font-size:22px;
  310. line-height:80%;
  311. letter-spacing:1px;
  312. text-decoration:none;
  313. font-style:italic;
  314. text-transform: uppercase;
  315.  
  316. }
  317.  
  318. .blog a {color:{color:Blog Title};}
  319.  
  320. .blog a:hover {color:{color:Blog Title};}
  321.  
  322. .blogdivider {
  323. position:absolute;
  324. height:30px;
  325. width:1px;
  326. background:{color:Blog Divider};
  327. margin-left:427px;
  328. margin-top:-29px;
  329. }
  330.  
  331. .navigation {
  332. position:absolute;
  333. margin-left:471px;
  334. margin-top:-19px;
  335. text-align:left;
  336. font-size:16px;
  337. line-height:80%;
  338. letter-spacing:1px;
  339. text-decoration:none;
  340. font-style:italic;
  341. text-transform: uppercase;
  342. }
  343.  
  344. .navigation a {
  345. margin-right:3px;
  346. margin-left:3px;
  347. color:{color:Navigation Links};
  348. text-decoration:none;
  349. -webkit-transition: all 250ms linear;
  350. -moz-transition: all 250ms linear;
  351. -ms-transition: all 250ms linear;
  352. -o-transition: all 250ms linear;
  353. transition: all 250ms linear;
  354. }
  355.  
  356. .navigation a:hover {
  357. color:{color:Navigation Link Hover};
  358. text-decoration:none;
  359. }
  360.  
  361. /* --- CONTAINER --- */
  362.  
  363. #container {
  364. margin:0 auto 0;
  365. width:950px;
  366. background:{color:Container BG};
  367. }
  368.  
  369.  
  370. #end {
  371. clear: both;
  372. text-align:center;
  373. }
  374.  
  375. /* --- HEADER --- */
  376.  
  377. #header {
  378. width:950px;
  379. height:350px;
  380. margin-top:-3px;
  381. background-image : url('{image:Header}');
  382. background-position:center center;
  383. background-repeat:no-repeat;
  384. }
  385.  
  386. .headtitle {
  387. position:absolute;
  388. margin:0 auto 0;
  389. margin-top:{text:Header Title Top}px;
  390. margin-left:{text:Header Title Left}px;
  391. width:950px;
  392. padding:16px;
  393. font-family: 'BlackOblique';
  394. text-transform:uppercase;
  395. font-size:22px;
  396. text-align:center;
  397. color:{color:Header Accent};
  398. }
  399.  
  400. .headtitles a {
  401. color:{color:Header Accent};
  402. background:{color:Header BG};
  403. padding:2px 50px 2px 50px;
  404. }
  405.  
  406. /* --- TABLE --- */
  407.  
  408. #tables {
  409. position:absolute;
  410. margin:0 auto 0;
  411. width:930px;
  412. max-width:930px;
  413. padding:10px;
  414. margin-top:-3px;
  415. z-index:5!important;
  416. background:{color:Container BG};
  417. }
  418.  
  419. .tableone, .tabletwo {
  420. padding:10px;
  421. height:130px;
  422. z-index:6!important;
  423. }
  424.  
  425. .tableone {
  426. width:600px;
  427. z-index:6!important;
  428. background:{color:Table 1 BG};
  429. color:{color:Table 1 Text};
  430. }
  431.  
  432. .tabletwo {
  433. margin-left:630px;
  434. margin-top:-150px;
  435. width:280px;
  436. z-index:6!important;
  437. background:{color:Table 2 BG};
  438. color:{color:Table 2 Text};
  439. }
  440.  
  441. .topheaders {
  442. font-size:14px;
  443. background:{color:Top Tables Headers BG};
  444. padding:5px;
  445. text-align:center;
  446. color:{color:Top Tables Headers Text};
  447. font-style:italic;
  448. text-transform:uppercase;
  449. letter-spacing:1px;
  450. font-weight:bold;
  451. }
  452.  
  453. .headers {
  454. font-size:14px;
  455. background:{color:Headers BG};
  456. padding:5px;
  457. text-align:center;
  458. color:{color:Headers Text};
  459. font-style:italic;
  460. text-transform:uppercase;
  461. letter-spacing:1px;
  462. font-weight:bold;
  463. }
  464.  
  465.  
  466. /* --- SIDEBAR --- */
  467.  
  468. #sidebar {
  469. float: left;
  470. padding:4px;
  471. width: 250px;
  472. text-align:justify;
  473. margin-left:10px;
  474. background:{color:Container BG};
  475. margin-top:50px;
  476. }
  477.  
  478. .sidebarimg {
  479. width:250px;
  480. height:250px;
  481. margin-bottom:25px;
  482. }
  483.  
  484.  
  485. .sidebardes {
  486. background:{color:Table BG};
  487. margin-bottom:25px;
  488. padding:3px;
  489. }
  490.  
  491.  
  492. /* --- SIDEBAR TITLES --- */
  493.  
  494. .icon i {
  495. background-color:{color:Icons BG};
  496. padding:15px;
  497. color:{color:Icons};
  498. border:0px;
  499. border-bottom:1px solid {color:Icons BG};
  500. margin-top:-10px;
  501. }
  502.  
  503. .sbheaders {
  504. font-size:14px;
  505. background:{color:Headers BG};
  506. text-align:center;
  507. color:{color:Headers Text};
  508. font-style:italic;
  509. text-transform:uppercase;
  510. letter-spacing:1px;
  511. font-weight:bold;
  512. padding:5px;
  513. margin-bottom:5px;
  514. }
  515.  
  516. .smalltitle {
  517. font-size:9px;
  518. color:{color:Accent}!important;
  519. font-family: 'code italic';
  520. text-transform: uppercase;
  521. text-decoration:none;
  522. margin-top:-3px;
  523. }
  524.  
  525. /* --- SIDEBAR EXTRAS --- */
  526.  
  527. .fa_icons { width:95%;margin-left:4px;}
  528.  
  529. .fa_icons a {
  530. display:block;
  531. font-size:10px;
  532. color:{color:Text};
  533. font-family: 'code italic';
  534. text-transform: uppercase;
  535. text-decoration:none;
  536. text-align:left;
  537. -webkit-transition: all 80ms linear;
  538. -moz-transition: all 80ms linear;
  539. -ms-transition: all 80ms linear;
  540. -o-transition: all 80ms linear;
  541. transition: all 80ms linear;
  542. }
  543. .fa_icons a:hover {margin-left:20px}
  544.  
  545. .fa_icons i {color:{color:Text};}
  546.  
  547. .dates {
  548. float:left;
  549. min-width:35px;
  550. margin-right:10px;
  551. padding:10px;
  552. font-size:10px;
  553. color:{color:Dates Text};
  554. text-transform: uppercase;
  555. text-decoration:none;
  556. background-color:{color:Dates BG};
  557. border-bottom:1px solid {color:Dates BG};
  558. }
  559.  
  560. .eventinfo {
  561. padding:10px;
  562. font-size:9px;
  563. color:{color:Text};
  564. font-family: 'code italic';
  565. text-transform: uppercase;
  566. text-decoration:none;
  567. font-style:italic;
  568. border-bottom:1px solid {color:Dates BG};
  569. }
  570.  
  571. .projects {
  572. text-align:center;
  573. color:{color:Text};
  574. margin-bottom:30px;
  575. }
  576.  
  577. .sb_projects img {
  578. margin-bottom:5px;
  579. }
  580.  
  581. .projects b {
  582. font-size:13px;
  583. color:{color:Accent};
  584. text-transform: uppercase;
  585. text-decoration:none;
  586. font-weight:600;
  587. }
  588.  
  589. .projects i {
  590. font-size:10px;
  591. color:{color:Text};
  592. font-family: 'code italic';
  593. text-transform: uppercase;
  594. text-decoration:none;
  595. font-style:italic;
  596. }
  597.  
  598. .membername, .membername a {color:{color:Accent};}
  599. .membername a:hover {color:{color:Text};}
  600.  
  601. /* --- POSTS --- */
  602.  
  603. #posts {
  604. width:520px;
  605. float:right;
  606. padding:10px;
  607. margin-right:10px;
  608. background-color:{color:Table BG};
  609. margin-top:50px;
  610. }
  611.  
  612. #post {
  613. width:500px;
  614. margin-top:-10px;
  615. background-color:{color:Table BG};
  616. padding:10px 10px 0px 10px;
  617. }
  618.  
  619.  
  620. #postcont {
  621. background:{color:Table BG};
  622. padding:10px;
  623. {block:ifNotTagsImage}
  624. {block:IndexPage}
  625. margin-bottom:100px;
  626. {/block:IndexPage}
  627. {block:PermalinkPage}
  628. margin-bottom:50px;
  629. {/block:PermalinkPage}
  630. {/block:ifNotTagsImage}
  631. {block:ifTagsImage}
  632. margin-bottom:35px;
  633. {/block:ifTagsImage}
  634. z-index:1;
  635. }
  636.  
  637. #post:hover .postinfo {
  638. opacity:1;
  639. -webkit-transition: all 400ms ease-in-out;
  640. -moz-transition: all 400ms ease-in-out;
  641. -ms-transition: all 400ms ease-in-out;
  642. -o-transition: all 400ms ease-in-out;
  643. transition: all 400ms ease-in-out;
  644. }
  645.  
  646. .postinfo {
  647. width:440px;
  648. margin-left:-10px;
  649. {block:ifNotTagsImage}
  650. background:{color:Table BG};
  651. padding:5px 30px 5px 30px;
  652. {/block:ifNotTagsImage}
  653. {block:ifTagsImage}
  654. padding:35px 30px 0px 30px;
  655. background:url("{image:Notes}") top center no-repeat;
  656. min-height:60px;
  657. {block:IndexPage}
  658. opacity:0;
  659. {/block:IndexPage}
  660. {block:PermalinkPage}
  661. opacity:1;
  662. {/block:PermalinkPage}
  663. -webkit-transition: all 200ms ease-in-out;
  664. -moz-transition: all 200ms ease-in-out;
  665. -ms-transition: all 200ms ease-in-out;
  666. -o-transition: all 200ms ease-in-out;
  667. transition: all 200ms ease-in-out;
  668. border-bottom:5px solid {color:Tags Text};
  669. {/block:ifTagsImage}
  670. font-size:10px;
  671. color:{color:Tags Text};
  672. font-family: 'code italic';
  673. text-transform: uppercase;
  674. text-decoration:none;
  675. text-align:center;
  676. }
  677.  
  678. .poster, .poster a,.poster a:hover {
  679. font-size:10px;
  680. color:{color:Tags Text};
  681. font-family: 'code italic';
  682. text-transform: uppercase;
  683. text-decoration:none;
  684. text-align:center;
  685. }
  686.  
  687. .tags {
  688. position:absolute;
  689. margin-bottom:100px;
  690. width:450px;
  691. {block:ifTagsImage}
  692. margin-top:25px;
  693. {/block:ifTagsImage}
  694. {block:ifNotTagsImage}
  695. margin-top:20px;
  696. {/block:ifNotTagsImage}
  697. z-index:2;
  698. margin-left:-15px;
  699. }
  700.  
  701.  
  702. .tags, .tags a, .tags a:hover {
  703. font-size:9px;
  704. line-height:10px;
  705. color:{color:Tags Text};
  706. font-family: 'code italic';
  707. text-transform: uppercase;
  708. text-decoration:none;
  709. text-align:center;
  710. }
  711.  
  712. .tags {
  713. opacity:0.4;
  714. }
  715.  
  716. .tags a:hover {
  717. opacity:0.7;
  718. }
  719.  
  720. #control {
  721. margin:0 auto 0;
  722. {block:ifNotTagsImage}
  723. margin-left:27px;
  724. margin-top:-40px;
  725. {/block:ifNotTagsImage}
  726. {block:ifTagsImage}
  727. margin-top:-45px;
  728. {block:ifTagsImage}
  729. margin-left:389px;
  730. width:61px;
  731. height:20px;
  732. z-index:1;
  733. }
  734.  
  735. .controls .reblog, .controls .like {
  736. position:relative;
  737. overflow:hidden;
  738. float:left;
  739. line-height:15px;
  740. width:15px;
  741. height:15px;
  742. padding:4px;
  743. -webkitborder-radius:100%;
  744. -moz-border-radius:100%;
  745. border-radius:100%;
  746. margin-left:5px;
  747. background:{color:Table BG};
  748. opacity:0.3;
  749. }
  750.  
  751.  
  752. .controls svg {
  753. width:14px;
  754. height:14px;
  755. margin:0 auto;
  756. display:block;
  757. fill:{color:Tags Text};
  758. cursor:pointer;
  759. }
  760.  
  761. .controls a:hover svg, .controls svg:hover,
  762. .controls .like:hover svg { fill:{color:Accent}; }
  763.  
  764. .controls .like .like_button iframe {
  765. width:100%;
  766. height:100%;
  767. top:0;
  768. bottom:0;
  769. left:10px;
  770. right:0;
  771. position:absolute;
  772. opacity:0;
  773. }
  774.  
  775. .controls .like .like_button.liked + svg { fill:{color:Accent}; }
  776.  
  777. /* --- POST STYLES --- */
  778.  
  779. h1 {
  780. font-size:14px;
  781. background:{color:Headers BG};
  782. text-align:center;
  783. color:{color:Headers Text};
  784. font-style:italic;
  785. text-transform:uppercase;
  786. letter-spacing:1px;
  787. font-weight:bold;
  788. padding:5px;
  789. margin-bottom:5px;
  790. }
  791.  
  792. h2 {
  793. padding:6px;
  794. margin-bottom:5px;
  795. text-align:left;
  796. font-size:12px;
  797. color:{color:Text};
  798. text-transform:uppercase;
  799. font-style:italic;
  800. }
  801.  
  802. h3 {
  803. font-size:15px;
  804. color:{color:Text};
  805. text-transform:uppercase;
  806. font-style:italic;
  807. letter-spacing:3px;
  808. padding:4px;
  809. text-align:center;
  810. font-weight:bold;
  811. margin-top:-2px;
  812. }
  813.  
  814. .read_more {
  815. font-weight: 400;
  816. font-size: 10px;
  817. margin: 10px 0px 30px;
  818. padding: 5px;
  819. text-align: center;
  820. color:{color:Text};
  821. }
  822.  
  823. .read_more a, .read_more a:hover {
  824. padding: 3px 4px 3px 6px;
  825. text-transform: uppercase;
  826. letter-spacing: 1px;
  827. color:{color:Text};
  828. }
  829.  
  830.  
  831. /* --- CHAT --- */
  832.  
  833. .user_1 .label {color: {color:Text}; font-weight: 700;}
  834. .user_2 .label {color: {color:Accent}; font-weight: 700;}
  835. .user_3 .label {color: {color:Text}; font-weight: 700;}
  836. .user_4 .label {color: {color:Accent}; font-weight: 700;}
  837. .user_5 .label {color: {color:Text}; font-weight: 700;}
  838. .user_6 .label {color: {color:Accent}; font-weight: 700;}
  839. .user_7 .label {color: {color:Text}; font-weight: 700;}
  840. .user_8 .label {color: {color:Accent}; font-weight: 700;}
  841.  
  842. ul.chat {list-style:none; margin: 0px 0px 0px 0px; padding: 0px;}
  843.  
  844. .chat li {
  845. list-style: none;
  846. margin: 0px;
  847. padding: 2px;
  848. border: none;
  849. }
  850.  
  851. .chat li:first-child {border: none; }
  852.  
  853.  
  854. /* --- AUDIO ---*/
  855.  
  856. iframe.tumblr_audio_player {
  857. width:calc(100% - 20px);
  858. padding:10px;
  859. display:block;
  860. background:{color:Table BG};
  861. }
  862.  
  863. .audio {
  864. width:100%;
  865. background:{color:Table BG};
  866. text-align:center;
  867. }
  868.  
  869. .audioinfo1 {
  870. width:145px;
  871. padding:10px;
  872. display:block;
  873. float:left;
  874. text-transform:uppercase;
  875. background:{color:Table BG};
  876. color:{color:Text};
  877. }
  878.  
  879. .audioinfo2 {
  880. width:150px;
  881. padding:10px;
  882. display:block;
  883. float:left;
  884. text-transform:uppercase;
  885. background:{color:Table BG};
  886. color:{color:Text};
  887. }
  888.  
  889. .audioinfo3 {
  890. width:145px;
  891. padding:10px;
  892. display:block;
  893. float:right;
  894. text-transform:uppercase;
  895. background:{color:Table BG};
  896. color:{color:Text};
  897. }
  898.  
  899. .audioinfo p {letter-spacing:2px;}
  900.  
  901. .audioinfo p:after { margin:3px 0; }
  902.  
  903. iframe.soundcloud_audio_player { height:auto!important; display:block; }
  904.  
  905. iframe.spotify_audio_player { height:80px!important; display:block; }
  906.  
  907. /* --- QUESTIONS --- */
  908.  
  909. .askerimg {
  910. }
  911.  
  912. .askerimg img {
  913. height:30px;
  914. width:30px;
  915. border-radius:50px 0px 50px 50px;
  916. }
  917.  
  918. .asker {
  919. width:450px;
  920. background:{color:Question BG};
  921. margin-left:40px;
  922. margin-top:-34px;
  923. font-size:11px;
  924. color:{color:Question Text};
  925. text-transform:uppercase;
  926. font-style:italic;
  927. padding:5px;
  928. text-align:left;
  929. }
  930.  
  931.  
  932. .asker a {
  933. margin-left:-5px;
  934. color:{color:Question Text};
  935. background:transparent;
  936. }
  937. .asker a:hover {
  938. color:{color:Question Text};
  939. background:transparent;
  940. }
  941.  
  942. .question {
  943. background:{color:Question BG};
  944. width:450px;
  945. margin-left:40px;
  946. padding:5px;
  947. color:{color:Question Text};
  948. }
  949.  
  950. /* --- PAGINATION --- */
  951.  
  952. #pagination {
  953. font-size:15px;
  954. color:{color:Pagination};
  955. text-transform:uppercase;
  956. font-style:italic;
  957. text-align:center;
  958. word-spacing:3px;
  959. margin-bottom:60px;
  960. }
  961.  
  962. #pagination a {
  963. color:{color:Pagination};
  964. margin-left:3px;
  965. margin-right:3px;
  966. padding:2px 8px 2px 8px;
  967. }
  968. #pagination a:hover {
  969. color:{color:Pagination Active};
  970. background-color:{color:Pagination BG};
  971. padding:2px 8px 2px 8px;
  972. }
  973.  
  974. .jump_page {
  975. color:{color:Pagination};
  976. }
  977.  
  978. .jump_page a, .jump_page a:hover{
  979. color:{color:Pagination};
  980. background-color:{color:Pagination BG};
  981. }
  982.  
  983. .current_page, .jump_page:hover {
  984. background-color:{color:Pagination BG};
  985. color:{color:Pagination Active};
  986. padding:2px 8px 2px 8px;
  987. }
  988.  
  989.  
  990. /* ---PERMALINK NOTES --- */
  991.  
  992. ol.notes {
  993. padding: 0px;
  994. margin:25px 0px;
  995. list-style-type: none;
  996. border-bottom:0px;
  997. font-size: 10px;
  998. text-transform: uppercase;
  999. letter-spacing: 1px;
  1000. }
  1001.  
  1002. .notes a {color: {color:Text};}
  1003. .notes a:hover {color: {color:Links}!important;}
  1004.  
  1005. ol.notes li.note {
  1006. padding: 10px;
  1007. background:{{color:Table BG};
  1008. border-radius:0px!important;
  1009. margin-left:0px;
  1010. width:480px;
  1011. border-bottom:1px solid {color:Text};
  1012. }
  1013.  
  1014. ol.notes li.note img.avatar {
  1015. vertical-align: -1px;
  1016. margin-right: 10px;
  1017. width: 12px;
  1018. height: 12px;
  1019. display: inline-block;
  1020. }
  1021.  
  1022. ol.notes li.note span.action {font-weight: normal;}
  1023.  
  1024. ol.notes li.note .answer_content {font-weight: normal;}
  1025.  
  1026. ol.notes li.note blockquote {
  1027. border-left:1px solid {color:Text};
  1028. padding: 4px 10px;
  1029. margin: 10px 0px 0px 25px;
  1030. }
  1031.  
  1032. ol.notes li.note blockquote a {text-decoration: none;}
  1033.  
  1034. {CustomCSS}
  1035. </style>
  1036.  
  1037. </head>
  1038. <body>
  1039.  
  1040.  
  1041. <!-- BOTTOMBAR START -->
  1042.  
  1043. <div id="bottombar">
  1044. <div class="bottomcont">
  1045.  
  1046. <div class="blog">
  1047. <a hre="/">{Title}</a>
  1048. </div>
  1049.  
  1050. <div class="blogdivider"></div>
  1051.  
  1052. <div class="navigation">
  1053. <a href="/">home</a>
  1054. <a href="/ask">ask</a>
  1055. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  1056. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  1057. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  1058. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  1059. </div>
  1060.  
  1061. </div>
  1062. </div><div id="cvndy"><a href="http://cvndythemes.tumblr.com/">cvndy</a></div>
  1063. <!-- BOTTOMBAR END -->
  1064.  
  1065.  
  1066.  
  1067. <!-- CONTAINER START -->
  1068. <div id="container">
  1069.  
  1070.  
  1071.  
  1072. <!-- HEADER START -->
  1073. <div id="header">
  1074. <div class="headtitle">
  1075. <div class="headtitles">
  1076. <a href"/">
  1077. <span style="color:{color:Header Text};">{text:Header Blog Name}</span>
  1078. <span>{text:Header Blog Name Accent}</span></div>
  1079. </a>
  1080. </div>
  1081. </div>
  1082. <!-- HEADER END -->
  1083.  
  1084.  
  1085. <!-- TABLES START -->
  1086. <div id="tables">
  1087.  
  1088. <div class="tableone">
  1089. <div class="topheaders">{text:Top Table Title}</div>
  1090. {text:Top Table Info}
  1091. </div>
  1092.  
  1093. <div class="tabletwo">
  1094. <div class="topheaders">Welcome</div>
  1095. {Description}
  1096. </div>
  1097.  
  1098.  
  1099.  
  1100. </div>
  1101.  
  1102. <!-- TABLES END -->
  1103.  
  1104. <!-- SIDEBAR START -->
  1105. <div id="sidebar">
  1106.  
  1107.  
  1108. <!-- SIDEBAR : IMAGE -->
  1109. {block:IfSidebarImage}
  1110. <div class="sidebarimg">
  1111. <center>
  1112. <img src="{image:Sidebar}" />
  1113. </center>
  1114. </div>
  1115. {/block:IfSidebarImage}
  1116. <!-- SIDEBAR : IMAGE END -->
  1117.  
  1118. <!-- SIDEBAR : OFFICIAL LINKS -->
  1119. {block:IfOfficialLinks}
  1120. <div class="sidebardes">
  1121. <div class="sbheaders">Official Links <div class="smalltitle">social media</div></div>
  1122. <div class="fa_icons">
  1123. <a href="#">Website <i class="fa fa-globe" style="float:right"></i></a>
  1124. <a href="#">Twitter <i class="fa fa-twitter" style="float:right"></i></a>
  1125. <a href="#">Instagram <i class="fa fa-instagram" style="float:right"></i></a>
  1126. <a href="#">Tumblr <i class="fa fa-tumblr-square" style="float:right"></i></a>
  1127. <a href="#">Facebook <i class="fa fa-facebook-square" style="float:right"></i></a>
  1128. <a href="#">Youtube <i class="fa fa-youtube-play" style="float:right"></i></a>
  1129. </div>
  1130.  
  1131. </div>
  1132. {/block:IfOfficialLinks}
  1133. <!-- SIDEBAR : END LINKS -->
  1134.  
  1135.  
  1136.  
  1137.  
  1138. <!-- SIDEBAR : UPCOMING EVENTS -->
  1139. {block:IndexPage}
  1140. {block:IfUpcomingEvents}
  1141. <div class="sidebardes">
  1142. <div class="sbheaders">Upcoming Events <div class="smalltitle">appearances</div></div>
  1143.  
  1144. <div class="dates">Date</div>
  1145. <div class="eventinfo">Event Info</div>
  1146.  
  1147. <div class="dates">01.17</div>
  1148. <div class="eventinfo">Meet & Greet NYC, NY</div>
  1149.  
  1150. <div class="dates">01.18</div>
  1151. <div class="eventinfo">Event Info</div>
  1152.  
  1153. <div class="dates">01.19</div>
  1154. <div class="eventinfo">Late Night w/ XX</div>
  1155.  
  1156. <div class="dates">01.20</div>
  1157. <div class="eventinfo">Movie chnl.340</div>
  1158.  
  1159. </div>
  1160. {/block:IfUpcomingEvents}
  1161. {/block:IndexPage}
  1162. <!-- SIDEBAR : UPCOMING EVENTS END -->
  1163.  
  1164.  
  1165.  
  1166.  
  1167. <!-- SIDEBAR : PHOTOS -->
  1168. {block:IndexPage}
  1169. {block:IfLatestPhotos}
  1170. <div class="sidebardes">
  1171. <div class="sbheaders">Latest Photos <div class="smalltitle">recent photos</div></div>
  1172.  
  1173. <center>
  1174. <a href="#"><img src="http://placehold.it/120x105"></a>
  1175. <a href="#"><img src="http://placehold.it/120x105"></a>
  1176.  
  1177. <a href="#"><img src="http://placehold.it/120x105"></a>
  1178. <a href="#"><img src="http://placehold.it/120x105"></a>
  1179. </center>
  1180.  
  1181. </div>
  1182. {/block:IfLatestPhotos}
  1183. {/block:IndexPage}
  1184. <!-- SIDEBAR : PHOTOS END -->
  1185.  
  1186.  
  1187.  
  1188.  
  1189. <!-- SIDEBAR : PROJECTS -->
  1190. {block:IndexPage}
  1191. {block:IfProjects}
  1192. <div class="sidebardes">
  1193. <div class="sbheaders">Projects <div class="smalltitle">shows ; movies</div></div>
  1194. <div class="sb_projects">
  1195.  
  1196.  
  1197. <!-- Project Start -->
  1198. <center><img src="http://placehold.it/244x60" /></center>
  1199. <div class="projects">
  1200. <b>Title (Year)</b><BR>
  1201. <i>Name as Character</i><BR>
  1202. Release Date<BR>
  1203. Genre: Genre<BR>
  1204. </div>
  1205. <!-- Project End -->
  1206.  
  1207.  
  1208.  
  1209. <!-- Project Start -->
  1210. <center><img src="http://placehold.it/244x60" /></center>
  1211. <div class="projects">
  1212. <b>Title (Year)</b><BR>
  1213. <i>Name as Character</i><BR>
  1214. Release Date<BR>
  1215. Genre: Genre<BR>
  1216. </div>
  1217. <!-- Project End -->
  1218.  
  1219.  
  1220. <!-- Project Start -->
  1221. <center><img src="http://placehold.it/244x60" /></center>
  1222. <div class="projects">
  1223. <b>Title (Year)</b><BR>
  1224. <i>Name as Character</i><BR>
  1225. Release Date<BR>
  1226. Genre: Genre<BR>
  1227. </div>
  1228. <!-- Project End -->
  1229.  
  1230.  
  1231. </div>
  1232. </div>
  1233. {/block:IfProjects}
  1234. {/block:IndexPage}
  1235. <!-- SIDEBAR : PROJECTS END -->
  1236.  
  1237.  
  1238.  
  1239. <!-- SIDEBAR : MEMBERS -->
  1240. {block:IfMembers}
  1241. <div class="sidebardes">
  1242. <div class="sbheaders">Editors <div class="smalltitle">blog members</div></div>
  1243.  
  1244. {block:GroupMembers}
  1245. <table style="margin-top:0px;">
  1246. {block:GroupMember}
  1247. <tr>
  1248. <td style="width:50px;">
  1249. <img src="{GroupMemberPortraitURL-48}" width="48px;" height="auto;" style="padding: 2px;">
  1250. </td>
  1251. <td style="width:180px; height:auto;">
  1252. <div style="margin-left:10px; margin-top:5px; line-height: 100%; text-align:left;text-transform:uppercase;">
  1253. <a href="{GroupMemberURL}" class="membername"><b>{GroupMemberName}</b></a> <br><div style="font-size: 8px; text-align:left;text-transform:uppercase;">{GroupMemberTitle}</div></div>
  1254. </td>
  1255. </tr>
  1256. {/block:GroupMember}
  1257. </table>
  1258. {/block:GroupMembers}
  1259.  
  1260. </div>
  1261. {/block:IfMembers}
  1262. <!-- SIDEBAR : MEMBERS END -->
  1263.  
  1264.  
  1265.  
  1266.  
  1267. <!-- SIDEBAR : STATS -->
  1268. {block:IndexPage}
  1269. {block:IfStats}
  1270. <div class="sidebardes">
  1271. <div class="sbheaders">Stats <div class="smalltitle">blog information</div></div>
  1272.  
  1273. <b>About:</b><br>
  1274. <b>Established:</b> 2016<br>
  1275. <b>Online:</b><br>
  1276. <b>Hits:</b><br>
  1277. <b>Theme:</b> <a href="http://cvndythemes.tumblr.com">cvndythemes</a>
  1278.  
  1279. </div>
  1280. {/block:IfStats}
  1281. {/block:IndexPage}
  1282. <!-- SIDEBAR : STATS END -->
  1283.  
  1284.  
  1285.  
  1286.  
  1287. <!-- SIDEBAR : AFFILIATES -->
  1288. {block:IndexPage}
  1289. {block:IfAffiliates}
  1290. <div class="sidebardes">
  1291. <div class="sbheaders">Affiliates <div class="smalltitle">check them out</div></div>
  1292.  
  1293. <center>
  1294. <a href="#" title="affiliate name"><img src="http://placehold.it/79x75"></a>
  1295. <a href="#" title="affiliate name"><img src="http://placehold.it/79x75"></a>
  1296. <a href="#" title="affiliate name"><img src="http://placehold.it/79x75"></a>
  1297.  
  1298. <a href="#" title="affiliate name"><img src="http://placehold.it/79x75"></a>
  1299. <a href="#" title="affiliate name"><img src="http://placehold.it/79x75"></a>
  1300. <a href="#" title="affiliate name"><img src="http://placehold.it/79x75"></a>
  1301. </center>
  1302.  
  1303. </div>
  1304. {/block:IfAffiliates}
  1305. {/block:IndexPage}
  1306. <!-- SIDEBAR : AFFILIATES END -->
  1307.  
  1308.  
  1309.  
  1310.  
  1311. <!-- SIDEBAR : EXTRABOX -->
  1312. {block:IndexPage}
  1313. {block:IfExtraSection}
  1314. <div class="sidebardes">
  1315. <div class="sbheaders">{text:Extra Section Title} <div class="smalltitle">{text:Extra Box Small Title}</div></div>
  1316. {text:Extra Section Content}
  1317. </div>
  1318. {/block:IfExtraSection}
  1319. {/block:IndexPage}
  1320. <!-- SIDEBAR : EXTRABOX END -->
  1321.  
  1322.  
  1323.  
  1324.  
  1325. <!-- SIDEBAR : DISCLAIMER -->
  1326. <div class="sidebardes">
  1327. <div class="sbheaders">Disclaimer <div class="smalltitle">copyright</div></div>
  1328.  
  1329. Our site claims no credit for any videos posted on this site unless stated otherwise. information on this blog are copyright to their respectful owners. If there is any content appearing on this blog that belongs to you and do not wish for it appear on this site, please message us with a link to say which post and it will be promptly removed.
  1330.  
  1331. </div>
  1332. <!-- SIDEBAR : DISCLAIMER END -->
  1333.  
  1334.  
  1335. </div> <!-- SIDEBAR END -->
  1336.  
  1337.  
  1338.  
  1339. <!-- POSTS START -->
  1340. <div id="posts">
  1341. {block:Posts}
  1342. <div id="post">
  1343.  
  1344. <!-- Post Styles Start -->
  1345. <div class="posting">
  1346. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}<br>{/block:Text}
  1347. </div>
  1348.  
  1349. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  1350. {block:Description}<p>{Description}</p>{/block:Description}<br>{/block:Link}
  1351.  
  1352. {block:Quote}<h3>“{Quote}”</h3><b>-{Source}</b><p></p>{/block:Quote}
  1353.  
  1354. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}<br>{/block:Photo}
  1355.  
  1356. {block:Photoset}<center>{Photoset-500}</center>
  1357. {block:Caption}{Caption}{/block:Caption}<br>{/block:Photoset}
  1358.  
  1359. {block:Chat}
  1360. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul><br>
  1361. {/block:Chat}
  1362.  
  1363. {block:Audio}
  1364. {AudioPlayerGrey}
  1365. <div class="audio">
  1366. <div class="audioinfo1"><p>artist</p>{block:Artist}<b>{Artist}</b>{/block:Artist}</div>
  1367. <div class="audioinfo2"><p>track</p>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}</div>
  1368. <div class="audioinfo3"><p>album</p>{block:Album}<b>{Album}</b>{/block:Album}</div>
  1369. <div style="clear:both;"></div><br>
  1370. </div>
  1371. {/block:Audio}
  1372.  
  1373. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<br>{/block:Video}
  1374.  
  1375. {block:Answer}
  1376. <div class="askerimg"><img src="{AskerPortraitURL-48}"></div>
  1377. <div class="asker">{Asker}asked:</div>
  1378. <div class="question">{Question}</div>
  1379. {Answer}<br>
  1380. {/block:Answer}
  1381.  
  1382.  
  1383. <!-- Post Styles End -->
  1384.  
  1385.  
  1386.  
  1387. <!-- POSTS INFO START -->
  1388. <div id="postcont">
  1389. <div class="postinfo">
  1390.  
  1391. <div class="poster">
  1392. <a href="{PostAuthorURL}">{PostAuthorName}</a> posted this {block:Date}<a href="{Permalink}">{month}&nbsp;{dayofmonth} &nbsp;{Year}</a>{/block:Date}{block:RebloggedFrom}&nbsp;/&nbsp;<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource} from <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1393. </div>
  1394.  
  1395. {block:IndexPage}
  1396. <div id="control">
  1397. <div class="controls">
  1398.  
  1399. <a href="{ReblogURL}">
  1400. <div class="reblog">
  1401. <svg viewBox="0 0 20 20"><path d="M3.254,6.572c0.008,0.072,0.048,0.123,0.082,0.187c0.036,0.07,0.06,0.137,0.12,0.187C3.47,6.957,3.47,6.978,3.484,6.988c0.048,0.034,0.108,0.018,0.162,0.035c0.057,0.019,0.1,0.066,0.164,0.066c0.004,0,0.01,0,0.015,0l2.934-0.074c0.317-0.007,0.568-0.271,0.56-0.589C7.311,6.113,7.055,5.865,6.744,5.865c-0.005,0-0.01,0-0.015,0L5.074,5.907c2.146-2.118,5.604-2.634,7.971-1.007c2.775,1.912,3.48,5.726,1.57,8.501c-1.912,2.781-5.729,3.486-8.507,1.572c-0.259-0.18-0.618-0.119-0.799,0.146c-0.18,0.262-0.114,0.621,0.148,0.801c1.254,0.863,2.687,1.279,4.106,1.279c2.313,0,4.591-1.1,6.001-3.146c2.268-3.297,1.432-7.829-1.867-10.101c-2.781-1.913-6.816-1.36-9.351,1.058L4.309,3.567C4.303,3.252,4.036,3.069,3.72,3.007C3.402,3.015,3.151,3.279,3.16,3.597l0.075,2.932C3.234,6.547,3.251,6.556,3.254,6.572z"></path></svg>
  1402. </div>
  1403. </a>
  1404.  
  1405.  
  1406. <div class="like">
  1407. {LikeButton}
  1408. <svg viewBox="0 0 20 20"><path d="M13.22,2.984c-1.125,0-2.504,0.377-3.53,1.182C8.756,3.441,7.502,2.984,6.28,2.984c-2.6,0-4.714,2.116-4.714,4.716c0,0.32,0.032,0.644,0.098,0.96c0.799,4.202,6.781,7.792,7.46,8.188c0.193,0.111,0.41,0.168,0.627,0.168c0.187,0,0.376-0.041,0.55-0.127c0.011-0.006,1.349-0.689,2.91-1.865c0.021-0.016,0.043-0.031,0.061-0.043c0.021-0.016,0.045-0.033,0.064-0.053c3.012-2.309,4.6-4.805,4.6-7.229C17.935,5.1,15.819,2.984,13.22,2.984z M12.544,13.966c-0.004,0.004-0.018,0.014-0.021,0.018s-0.018,0.012-0.023,0.016c-1.423,1.076-2.674,1.734-2.749,1.771c0,0-6.146-3.576-6.866-7.363C2.837,8.178,2.811,7.942,2.811,7.7c0-1.917,1.554-3.47,3.469-3.47c1.302,0,2.836,0.736,3.431,1.794c0.577-1.121,2.161-1.794,3.509-1.794c1.914,0,3.469,1.553,3.469,3.47C16.688,10.249,14.474,12.495,12.544,13.966z"></path></svg>
  1409. </div>
  1410.  
  1411. </div></div>
  1412. {/block:IndexPage}
  1413.  
  1414. <div class="tags">
  1415. {block:HasTags}
  1416. {block:Tags}<a href="{TagURL}"><b>
  1417. <span style="font-weight:strong;font-size:9px;z-index:0;">#</span>
  1418. </b>{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  1419. </div>
  1420.  
  1421. </div></div>
  1422.  
  1423. <p>
  1424. {block:PostNotes}<div class="perma">{PostNotes}</div>{/block:PostNotes}
  1425. {/block:Posts}
  1426.  
  1427.  
  1428. {block:IndexPage}
  1429. {block:Pagination}
  1430. <div id="pagination">
  1431. {block:PreviousPage}
  1432. <a href="{PreviousPage}"><</a>
  1433. {/block:PreviousPage}
  1434.  
  1435. {block:JumpPagination length="5"}
  1436. {block:CurrentPage}
  1437. <span class="current_page">{PageNumber}</span>
  1438. {/block:CurrentPage}
  1439.  
  1440. {block:JumpPage}
  1441. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1442. {/block:JumpPage}
  1443. {/block:JumpPagination}
  1444.  
  1445. {block:NextPage}
  1446. <a href="{NextPage}">></a>
  1447. {/block:NextPage}
  1448. </div>
  1449. {/block:Pagination}
  1450. {/block:IndexPage}
  1451.  
  1452.  
  1453. </div><!-- POSTS END -->
  1454.  
  1455.  
  1456. <div id="end"></div>
  1457. </div><!-- CONTAINER END -->
  1458.  
  1459. </body>
  1460. </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!