API tools faq
paste
Advertisement
cvndythemes

Fansite #04

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