API tools faq
paste
Advertisement
cvndythemes

Fansite #02

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