API tools faq
paste
cvndythemes

Fansite #06

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