API tools faq
paste
Advertisement
cvndythemes

Fansite #1 - No Slideshow

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