API tools faq
paste
niehauscosima

fansite theme 01

niehauscosima
Mar 25th, 2018
4,919
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. fansite theme 01 - captainmarvels
  4. base code @ clumhood & sorrism
  5. visit /credits for full credits
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{favicon}">
  15.  
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="if:askfaq" content="1"/>
  22. <meta name="if:fixed navigation" content="1"/>
  23.  
  24. <meta name="color:background" content="#f9f9f9"/>
  25. <meta name="color:text" content="#444444"/>
  26. <meta name="color:link" content="#666666"/>
  27. <meta name="color:link hover" content="#888888"/>
  28. <meta name="color:navigation" content="#ffffff"/>
  29. <meta name="color:nav links" content="#666666"/>
  30. <meta name="color:nav links hover" content="#888888"/>
  31. <meta name="color:accent one" content="#eeeeee"/>
  32. <meta name="color:accent two" content="#eeeeee"/>
  33. <meta name="color:accent three" content="#eeeeee"/>
  34. <meta name="color:borders" content="#f1f1f1"/>
  35. <meta name="color:scrollbar" content="#444444"/>
  36. <meta name="color:scrollbar background" content="#ffffff"/>
  37. <meta name="color:titles" content="#444444"/>
  38. <meta name="color:content background" content="#ffffff"/>
  39. <meta name="color:posts background" content="#ffffff"/>
  40.  
  41. <meta name="image:header" content=""/>
  42. <meta name="image:sidebar" content=""/>
  43. <meta name="image:background" content=""/>
  44.  
  45. <meta name="text:link 1 title" content=""/>
  46. <meta name="text:link 1 url" content=""/>
  47. <meta name="text:link 2 title" content=""/>
  48. <meta name="text:link 2 url" content=""/>
  49. <meta name="text:link 3 title" content=""/>
  50. <meta name="text:link 3 url" content=""/>
  51. <meta name="text:link 4 title" content=""/>
  52. <meta name="text:link 4 url" content=""/>
  53. <meta name="text:link 5 title" content=""/>
  54. <meta name="text:link 5 url" content=""/>
  55. <meta name="text:link 6 title" content=""/>
  56. <meta name="text:link 6 url" content=""/>
  57.  
  58. <meta name="text:twitter username" content=""/>
  59. <meta name="text:about" content=""/>
  60. <meta name="text:online script" content=""/>
  61. <meta name="text:visits script" content=""/>
  62.  
  63. <meta name="text:official link 1 title" content=""/>
  64. <meta name="text:official link 1 url" content=""/>
  65. <meta name="text:official link 2 title" content=""/>
  66. <meta name="text:official link 2 url" content=""/>
  67. <meta name="text:official link 3 title" content=""/>
  68. <meta name="text:official link 3 url" content=""/>
  69. <meta name="text:official link 4 title" content=""/>
  70. <meta name="text:official link 4 url" content=""/>
  71.  
  72. <link href="https://fonts.googleapis.com/css?family=Heebo:400,800,900|Titillium+Web:400,400i,600,600i,700,700i|Satisfy" rel="stylesheet">
  73. <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
  74. <!-- this is vital for my theme credit don't delete this-->
  75. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <!-- don't delete-->
  76.  
  77. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  78. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  79. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  80. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  81. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  82. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  83.  
  84. <style type="text/css">
  85.  
  86. /*tumblr controls and lightbox*/
  87.  
  88. .tmblr-full img {
  89. max-width: 100%;
  90. }
  91.  
  92. .vignette, #vignette {
  93. opacity:0;
  94. }
  95.  
  96. .lightbox-image, #tumblr_lightbox img {
  97. box-shadow:none !important;
  98. border-radius:0 !important;
  99. max-width:none;
  100. }
  101.  
  102. .tmblr-lightbox, #tumblr_lightbox {
  103. background-color:rgba(255,255,255,.8) !important;
  104. }
  105.  
  106. #tumblr_lightbox img {
  107. padding:5px;
  108. -moz-box-sizing:border-box;
  109. box-sizing:border-box;
  110. }
  111.  
  112. .lightbox-image {
  113. padding:0px;
  114. background-color:rgba(255,255,255,1) !important;
  115. }
  116.  
  117. iframe.tmblr-iframe { z-index:99999999999999!important;
  118. top:0!important;
  119. right:0!important;
  120. opacity:0.4;
  121. /* delete from here */
  122. filter:invert(1);
  123. -webkit-filter:invert(1);
  124. -o-filter:invert(1);
  125. -moz-filter:invert(1);
  126. -ms-filter:invert(1);
  127. /* to here if your blog has a dark background */
  128. transform:scale(0.6);
  129. transform-origin:100% 0;
  130. -webkit-transform:scale(0.6);
  131. -webkit-transform-origin:100% 0;
  132. -o-transform:scale(0.6);
  133. -o-transform-origin:100% 0;
  134. -moz-transform:scale(0.6);
  135. -moz-transform-origin:100% 0;
  136. -ms-transform:scale(0.6);
  137. -ms-transform-origin:100% 0;
  138. transition: opacity 0.6s ease-in-out;
  139. -moz-transition: opacity 0.6s ease-in-out;
  140. -webkit-transition: opacity 0.6s ease-in-out;
  141. }
  142.  
  143. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  144.  
  145. /*tooltip*/
  146.  
  147. .ui-tooltip {
  148. position:absolute;
  149. z-index:9999;
  150. padding-top:10px;
  151. border-radius:10%;
  152. }
  153.  
  154. .ui-tooltip-content {
  155. background:#f9f9f9;
  156. padding:4px 8px;
  157. letter-spacing: 0px;
  158. font-size:10px;
  159. border:1px solid {color:borders};
  160. text-transform:lowercase;
  161. }
  162.  
  163. /*scrollbar*/
  164.  
  165. ::-webkit-scrollbar{
  166. height:11px;
  167. width:11px;
  168. background:inherit;
  169. }
  170.  
  171. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  172.  
  173. ::-webkit-scrollbar-track {background:{color:posts background};}
  174.  
  175. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid #ffffff;}
  176.  
  177. /*selection*/
  178.  
  179. ::selection {
  180. background: #f9f9f9;
  181. color: {color:text};
  182. }
  183.  
  184. ::-moz-selection {
  185. background: #f9f9f9;
  186. color: #f9f9f9;
  187. }
  188.  
  189. ::-webkit-selection {
  190. background: #f9f9f9;
  191. color: #f9f9f9;
  192. }
  193.  
  194. /*main structure*/
  195.  
  196. body {
  197. background-color:{color:background};
  198. background-image: url({image:Background});
  199. background-repeat: repeat;
  200. width:100%;
  201. background-attachment:fixed;
  202. color:{color:text};
  203. font-family:'Heebo', sans-serif;
  204. font-size:11px;
  205. line-height:150%;
  206. margin:0;
  207. text-align:left;
  208. }
  209.  
  210. small {
  211. font-size:11px;
  212. }
  213.  
  214. a {
  215. color:{color:link};
  216. text-decoration:none;
  217. }
  218.  
  219. a:hover {
  220. color:{color:link hover};
  221. transition:1s;
  222. -webkit-transition:1s;
  223. -moz-transition:1s;
  224. -o-transition:1s;
  225. }
  226.  
  227. img {
  228. opacity:1;
  229. text-decoration:none;
  230. }
  231.  
  232. h1 {
  233. padding:15px;
  234. font-size:14px;
  235. font-weight:bold;
  236. line-height:150%;
  237. text-transform:uppercase;
  238. }
  239.  
  240. blockquote {
  241. padding:0;
  242. margin:.5em 0;
  243. border-left:0px solid {color:borders};
  244. }
  245.  
  246. p {
  247. margin:0px;
  248. }
  249.  
  250. hr {
  251. border:0;
  252. -moz-box-sizing:border-box;
  253. box-sizing:border-box;
  254. }
  255.  
  256. /*header*/
  257.  
  258. .header img {
  259. margin-top:70px;
  260. height:400px;
  261. margin-bottom:10px;
  262. }
  263.  
  264. #menu {
  265. {block:ifFixedNavigation}
  266. position:fixed;
  267. {/block:ifFixedNavigation}
  268. margin-left:calc(50% - 550px);
  269. background:{color:navigation};
  270. counter-reset:section;
  271. left:0;
  272. top:0;
  273. float:left;
  274. width:1100px;
  275. z-index:9999999;
  276. -webkit-transition:1s;
  277. -moz-transition:1s;
  278. -o-transition:1s;
  279. }
  280.  
  281. {block:ifFixedNavigation}
  282. .outer {
  283. height:800px;
  284. }
  285.  
  286. #menu.big {
  287. width:100%;
  288. margin-left:0px;
  289. -webkit-transition:0.5s;
  290. -moz-transition:0.5s;
  291. -o-transition:0.5s;
  292. }
  293. {/block:ifFixedNavigation}
  294.  
  295. .links {
  296. font-family: 'Titillium Web', sans-serif;
  297. text-align:left;
  298. padding:30px;
  299. text-transform:lowercase;
  300. font-size:13px;
  301. font-weight:bold;
  302. }
  303.  
  304. .links a {
  305. color:{color:nav links};
  306. margin-right:30px;
  307. }
  308.  
  309. .links a:before {
  310. counter-increment: section;
  311. content:'0'counter(section);
  312. margin-right:8px;
  313. color:{color:accent one};
  314. font-weight:600;
  315. font-family: 'Satisfy', cursive;
  316. }
  317.  
  318. .links a:hover {
  319. color:{color:link hover};
  320. }
  321.  
  322. .search {
  323. vertical-align:middle;
  324. display:inline;
  325. padding:0px;
  326. }
  327.  
  328. .search input {
  329. background:{color:navigation};
  330. width:100px;
  331. font:'Heebo';
  332. font-size:10px;
  333. margin-top:0px;
  334. color:inherit;
  335. opacity:0.6;
  336. float:right;
  337. padding:5px;
  338. text-align:right;
  339. border:none;
  340. }
  341.  
  342. .search input:focus {
  343. outline:none;
  344. opacity:1;
  345. }
  346.  
  347. input:focus::-webkit-input-placeholder { color: transparent; }
  348. input:focus:-moz-placeholder { color: transparent; }
  349. input:focus::-moz-placeholder { color: transparent; }
  350. input:focus:-ms-input-placeholder { color: transparent; }
  351.  
  352. /*sidebar*/
  353.  
  354. .sidebar {
  355. background:{color:content background};
  356. padding:50px 40px 0px 40px;
  357. position:absolute;
  358. width:350px;
  359. margin-left:-20px;
  360. }
  361.  
  362. .sidebar hr {
  363. display:block;
  364. border: 0;
  365. height: 1px;
  366. background: {color:accent one};
  367. background: -moz-linear-gradient(left, {color:accent one} 0%, {color:accent two} 100%);
  368. background: -webkit-linear-gradient(left, {color:accent one} 0%, {color:accent two} 100%);
  369. background: linear-gradient(135deg,{color:accent one} 0%,{color:accent two} 50%,{color:accent three} 100%);
  370. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Accent One}', endColorstr='{color:Accent Two}',GradientType=1 );
  371. margin:2em auto;
  372. }
  373.  
  374. .sideimg img {
  375. width:350px;
  376. }
  377.  
  378. .box {
  379. padding:20px;
  380. margin-bottom:50px;
  381. background: #f9f9f9;
  382. border: 1px solid #f1f1f1;
  383. }
  384.  
  385. .titles {
  386. font-family: 'Titillium Web', sans-serif;
  387. text-transform:uppercase;
  388. font-weight:bold;
  389. font-size:15px;
  390. margin-bottom:20px;
  391. color:{color:titles};
  392. }
  393.  
  394. .titles i {
  395. color:#ffffff;
  396. background:
  397. background: {color:accent one};
  398. background: -moz-linear-gradient(left, {color:accent one} 0%, {color:accent two} 100%);
  399. background: -webkit-linear-gradient(left, {color:accent one} 0%, {color:accent two} 100%);
  400. background: linear-gradient(135deg,{color:accent one} 0%,{color:accent two} 50%,{color:accent three} 100%);
  401. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Accent One}', endColorstr='{color:Accent Two}',GradientType=1 );
  402. font-size:10px;
  403. border-radius: 4px;
  404. padding:8px;
  405. margin-right:5px;
  406. }
  407.  
  408. .description {
  409. text-align:justify;
  410. padding:20px;
  411. font-size:11px;
  412. }
  413.  
  414. .projects {
  415. margin-bottom:50px;
  416. background: #f9f9f9;
  417. border: 1px solid #f1f1f1;
  418. }
  419.  
  420. .projects img {
  421. width:350px;
  422. }
  423.  
  424. .pinfo {
  425. padding:10px 20px;
  426. text-align:justify;
  427. margin-bottom:20px;
  428. }
  429.  
  430. .pinfo i {
  431. font-size:10px;
  432. color:{color:accent one};
  433. background: #ffffff;
  434. border-bottom: 1px solid #f1f1f1;
  435. border-radius:4px;
  436. padding:5px;
  437. margin-right:3px;
  438. }
  439.  
  440. .projects name {
  441. font-family: 'Satisfy', cursive;
  442. font-size:15px;
  443. color: {color:accent three};
  444. border-bottom: 1px solid {color:accent three};
  445. margin-right:5px;
  446. }
  447.  
  448. .projects det {
  449. font-size:8px;
  450. letter-spacing:1.5px;
  451. font-family:'Heebo', sans-serif;
  452. text-transform:uppercase;
  453. }
  454.  
  455. .affiliates {
  456. width:300px;
  457. }
  458.  
  459. .affiliates img {
  460. width:50px;
  461. padding:10px;
  462. }
  463.  
  464. .off {
  465. text-align:center;
  466. padding:10px;
  467. margin-bottom:50px;
  468. background: #f9f9f9;
  469. border: 1px solid #f1f1f1;
  470. }
  471.  
  472. .off i {
  473. padding:2px;
  474. margin-right:5px;
  475. font-size:10px;
  476. color:{color:accent one};
  477. }
  478.  
  479. .off a {
  480. display:inline-block;
  481. font-family: 'Titillium Web', sans-serif;
  482. font-weight:bold;
  483. text-align:left;
  484. padding:8px;
  485. text-transform:lowercase;
  486. font-size:12px;
  487. }
  488.  
  489. /*pagination*/
  490.  
  491. footer {
  492. width:540px;
  493. margin-left:500px;
  494. text-align:left;
  495. color:{color:text};
  496. margin-bottom:80px;
  497. font-size:13px;
  498. }
  499.  
  500. footer span {
  501. text-align:right;
  502. float:right;
  503. display:inline-block;
  504. font-weight:bold;
  505. font-family:'Titillium Web';
  506. }
  507.  
  508. .current_page {
  509. color:{color:title};
  510. font-weight:bold;
  511. }
  512.  
  513. footer a {
  514. display:inline-block;
  515. border:0;
  516. margin:0 5px;
  517. }
  518.  
  519. /*posts*/
  520.  
  521. .container {
  522. width:1060px;
  523. margin-left:calc(50% - 550px);
  524. background:{color:content background};
  525. padding:20px;
  526. margin-top:20px;
  527. }
  528.  
  529. .entries {
  530. margin-top:50px;
  531. width:540px;
  532. margin-left:500px;
  533. background:{color:content background};
  534. }
  535.  
  536. .posts {
  537. width:540px;
  538. margin-bottom:70px;
  539. background:{color:posts background};
  540. border: 1px solid #f1f1f1;
  541. }
  542.  
  543. .posts img {
  544. display:block;
  545. max-width:540px;
  546. }
  547.  
  548. .posts ul li {
  549. list-style:none;
  550. margin-left:0px;
  551. }
  552.  
  553. .posts ul li:before {
  554. content:"•";
  555. color:{color:accent three};
  556. padding-right:5px;
  557. }
  558.  
  559. /*captions*/
  560.  
  561. .caption {
  562. margin:15px 0px 15px 15px;
  563. }
  564.  
  565. .caption img:not(.icon) {
  566. padding:10px 0px;
  567. }
  568.  
  569. .tumblr_blog {
  570. display:inline-block;
  571. vertical-align:middle;
  572. line-height:20px;
  573. margin-bottom:5px;
  574. font-size:11px;
  575. font-weight:bold;
  576. color:#000000!important;
  577. }
  578.  
  579. .icon {
  580. width:20px;
  581. height:20px;
  582. margin-right:8px;
  583. display:inline-block;
  584. float:left;
  585. border-radius:4px;
  586. }
  587.  
  588. /*titles*/
  589.  
  590. .title {
  591. margin:15px 0px 15px 15px;
  592. font-size:13px;
  593. padding:0;
  594. letter-spacing:0.5px;
  595. text-transform:uppercase;
  596. color:{color:title};
  597. font-weight:bold;
  598. }
  599.  
  600. .title a {color:{color:title};}
  601.  
  602. .title a:hover {color:{color:link};}
  603.  
  604. /*quotes*/
  605.  
  606. .quote {
  607. margin:15px 0px 5px 15px;
  608. font-size:13px;
  609. padding:0;
  610. letter-spacing:0.5px;
  611. font-style:italic;
  612. font-family:'Titillium Web', sans-serif;
  613. color:{color:title};
  614. font-weight:bold;
  615. }
  616.  
  617. .source {margin:0px 0px 5px 15px;}
  618.  
  619. /*chat*/
  620.  
  621. .chat {
  622. line-height:150%;
  623. list-style:none;
  624. }
  625.  
  626. .line.odd {
  627. padding:10px;
  628. background:#f9f9f9;
  629. }
  630.  
  631. .line.even {
  632. padding:10px;
  633. }
  634.  
  635. .label {
  636. text-transform:uppercase;
  637. font-size:10px;
  638. letter-spacing:1px;
  639. font-weight:bold;
  640. }
  641.  
  642. /*audio*/
  643.  
  644. .player {
  645. width:25px;
  646. height:24px;
  647. position:absolute;
  648. left:10px;
  649. top:calc(50% - 15px);
  650. display:block;
  651. overflow:hidden;
  652. }
  653.  
  654. .hold {
  655. text-align:left;
  656. background:{color:background};
  657. position:relative;
  658. display:block;
  659. min-height:24px;
  660. padding:15px;
  661. }
  662.  
  663. .audio_info {
  664. vertical-align:middle;
  665. line-height:12px;
  666. margin-left:35px;
  667. max-width:calc(100% - 35px);
  668. }
  669.  
  670. .audio_info span {
  671. white-space:nowrap;
  672. overflow:hidden;
  673. text-overflow:ellipsis;
  674. display:block;
  675. }
  676.  
  677. .hold .track {color:{color:title};}
  678.  
  679. /*asks*/
  680.  
  681. .question {
  682. line-height:20px;
  683. text-align:left;
  684. padding:15px;
  685. background:#f9f9f9;
  686. text-transform:lowercase;
  687. }
  688.  
  689. .question img {
  690. width:20px;
  691. height:20px;
  692. float:left;
  693. margin-top:0px;
  694. margin-right:10px;
  695. border-radius:4px;
  696. }
  697.  
  698. .asker {text-transform:normal;}
  699.  
  700. .asker a {color:{color:text};}
  701.  
  702. .asker a:hover {color:{color:link hover};}
  703.  
  704. .answer {
  705. margin-bottom:0px;
  706. }
  707.  
  708. /*askfaq*/
  709.  
  710. .faq {
  711. border-top:1px solid #f1f1f1;
  712. border-bottom:1px solid #f1f1f1;
  713. padding:10px 20px;
  714. counter-reset:section;
  715. }
  716.  
  717. .q {
  718. padding:10px;
  719. }
  720.  
  721. .q:before {
  722. counter-increment: section;
  723. content:'0'counter(section);
  724. margin-right:8px;
  725. color:{color:accent one};
  726. font-weight:600;
  727. font-family: 'Satisfy', cursive;
  728. }
  729.  
  730. enquiry {
  731. padding:4px 8px;
  732. font-family:'Titillium Web', sans-serif;
  733. font-weight:bold;
  734. background:#f9f9f9;
  735. border:1px solid #f1f1f1;
  736. }
  737.  
  738. .a {
  739. padding:5px 10px;
  740. }
  741.  
  742. /*info*/
  743.  
  744. .permalink {
  745. padding:10px;
  746. background: #ffffff;
  747. border-top: 1px solid #f1f1f1;
  748. text-align:left;
  749. font-size:9px;
  750. letter-spacing: 1px;
  751. text-transform:uppercase;
  752. }
  753.  
  754. .permalink a {
  755. color:{color:text};
  756. font-family:'Heebo', sans-serif;
  757. }
  758.  
  759. .permalink i {
  760. font-size:9px;
  761. }
  762.  
  763. .tags {
  764. font-size:10px;
  765. letter-spacing:0px;
  766. text-transform:lowercase;
  767. }
  768.  
  769. .tags a {
  770. font-family:'Heebo', sans-serif;
  771. color:{color:link};
  772. font-weight:none;
  773. display:inline;
  774. margin-right:1em;
  775. }
  776.  
  777. .tags i {
  778. font-size:8px;
  779. color:{color:accent one};
  780. margin-right:2px;
  781. }
  782.  
  783. /*notes*/
  784.  
  785. ol.notes {
  786. padding:0px;
  787. margin:20px 0px 0px 0px;
  788. list-style-type:none;
  789. }
  790.  
  791. ol.notes li.note {
  792. padding:5px;
  793. }
  794.  
  795. ol.notes li.note img.avatar {
  796. vertical-align:-4px;
  797. margin-right:5px;
  798. width:16px;
  799. height:16px;
  800. border-radius:4px;
  801. }
  802.  
  803. ol.notes li.note span.action {
  804. font-weight:none;
  805. }
  806.  
  807. ol.notes li.note .answer_content {
  808. font-weight:normal;
  809. }
  810.  
  811. ol.notes li.note blockquote {
  812. padding:4px 10px;
  813. margin:10px 0px 0px 25px;
  814. }
  815.  
  816. ol.notes li.note blockquote a {
  817. text-decoration:none;
  818. }
  819.  
  820. .credit {
  821. position:fixed;
  822. right:10px;
  823. bottom:15px;
  824. font-weight:bold;
  825. }
  826.  
  827. .credit a {
  828. color:#000000;
  829. }
  830.  
  831. .like-b {
  832. position:relative;
  833. display:inline-block;
  834. height:1em;
  835. line-height:1em;
  836. overflow:hidden;
  837. margin-bottom:-2px;
  838. }
  839.  
  840. .like-b .like_button iframe {
  841. position:absolute;
  842. top:0;
  843. left:0;
  844. bottom:0;
  845. right:0;
  846. z-index:2;
  847. opacity:0.000001;
  848. }
  849.  
  850. .like-b .liked + .b {
  851. color:inherit;
  852. }
  853.  
  854. .like-b .liked + .b:after {
  855. content:'d';
  856. }
  857.  
  858. {CustomCSS}
  859.  
  860. /*smooth loading*/
  861.  
  862. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  863. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  864. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  865. .fade-in {
  866. opacity:0;
  867. -webkit-animation:fadeIn ease-in 1;
  868. -moz-animation:fadeIn ease-in 1;
  869. animation:fadeIn ease-in 1;
  870. -webkit-animation-fill-mode:forwards;
  871. -moz-animation-fill-mode:forwards;
  872. animation-fill-mode:forwards;
  873. -webkit-animation-duration:1s;
  874. -moz-animation-duration:1s;
  875. animation-duration:1s;}
  876. .fade-in.one {
  877. -webkit-animation-delay:0s;
  878. -moz-animation-delay:0s;
  879. animation-delay:0s;}
  880. .fade-in.two {
  881. -webkit-animation-delay:0.8s;
  882. -moz-animation-delay:0.8s;
  883. animation-delay:0.8s;}
  884.  
  885. </style>
  886.  
  887. </head>
  888.  
  889. <body>
  890.  
  891. <div class="outer">
  892. <div id="menu">
  893. <div class="links">
  894. <a href="/">Home</a>
  895. <a href="/ask">Inbox</a>
  896. <a href="{text:link 1 url}">{text:link 1 title}</a>
  897. <a href="{text:link 2 url}">{text:link 2 title}</a>
  898. <a href="{text:link 3 url}">{text:link 3 title}</a>
  899. <a href="{text:link 4 url}">{text:link 4 title}</a>
  900. <a href="{text:link 5 url}">{text:link 5 title}</a>
  901. <a href="{text:link 6 url}">{text:link 6 title}</a>
  902.  
  903. <form class="search" action="/search" method="get">
  904. <input type="text" name="q" value="{SearchQuery}" placeholder="search this blog"/>
  905. </form>
  906. </div>
  907. </div>
  908.  
  909.  
  910. <center><div class="header"><img src="{image:header}"></div></center>
  911.  
  912. <div class="container">
  913.  
  914. <div class="sidebar">
  915.  
  916. <!--welcome-->
  917.  
  918. <div class="welcome">
  919. <!--<div class="cti"><i class="fas fa-bell"></i> Welcome</div>-->
  920. <center><div class="sideimg"><img src="{image:sidebar}"></div></center>
  921. <div class="description">{Description}</div>
  922. </div>
  923.  
  924. <hr>
  925.  
  926. <!--official links-->
  927.  
  928. <div class="titles"><i class="fas fa-share-alt"></i> Official Links</div>
  929. <div class="off">
  930. <a href="{text:official link 1 url}"><i class="fab fa-twitter" style="float:left"></i> {text:official link 1 title}</a>
  931. <a href="{text:official link 2 url}"><i class="fab fa-instagram" style="float:left"></i> {text:official link 2 title}</a>
  932. <a href="{text:official link 3 url}"><i class="fab fa-facebook-f" style="float:left"></i> {text:official link 3 title}</a>
  933. <a href="{text:official link 4 url}"><i class="fas fa-globe" style="float:left"></i> {text:official link 4 title}</a>
  934. </div>
  935.  
  936. <hr>
  937.  
  938. <!--twitter widget-->
  939.  
  940. <div class="titles"><i class="fab fa-twitter"></i>tweets</div>
  941. <a class="twitter-timeline" data-width="350" data-height="600" data-link-color="{color:link}" href="https://twitter.com/{text:twitter username}?ref_src=twsrc%5Etfw">Tweets by {text:twitter username}</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  942.  
  943. <hr>
  944.  
  945. <!--projects-->
  946.  
  947. <div class="titles"><i class="fas fa-bookmark" style="padding:8px 10px"></i> Current projects</div>
  948. <div class="projects">
  949.  
  950. <img src="https://i.imgur.com/o9F562x.png">
  951. <div class="pinfo">
  952. <name>Project Name</name> <det>Actor as <b>Character Name</b></det>
  953. <br><br>
  954. Lorem ipsum dolor sit amet, id solum consul mandamus vel, quo admodum consequuntur ad. Everti alienum ea eos.
  955. <br><br>
  956. <center>
  957. <i class="fas fa-clock"></i> February 5th, 2018 &emsp; <i class="fas fa-info" style="padding:5px 8px"></i> <a href="/">IMDB</a> &emsp; <i class="fas fa-video"></i> <a href="/">Trailer</a>
  958. </center>
  959. </div>
  960.  
  961.  
  962. <img src="https://i.imgur.com/o9F562x.png">
  963. <div class="pinfo">
  964. <name>Project Name</name> <det>Actor as <b>Character Name</b></det>
  965. <br><br>
  966. Lorem ipsum dolor sit amet, id solum consul mandamus vel, quo admodum consequuntur ad. Everti alienum ea eos.
  967. <br><br>
  968. <center>
  969. <i class="fas fa-clock"></i> February 5th, 2018 &emsp; <i class="fas fa-info" style="padding:5px 8px"></i> <a href="/">IMDB</a> &emsp; <i class="fas fa-video"></i> <a href="/">Trailer</a>
  970. </center>
  971. </div>
  972.  
  973.  
  974. <img src="https://i.imgur.com/o9F562x.png">
  975. <div class="pinfo">
  976. <name>Project Name</name> <det>Actor as <b>Character Name</b></det>
  977. <br><br>
  978. Lorem ipsum dolor sit amet, id solum consul mandamus vel, quo admodum consequuntur ad. Everti alienum ea eos.
  979. <br><br>
  980. <center>
  981. <i class="fas fa-clock"></i> February 5th, 2018 &emsp; <i class="fas fa-info" style="padding:5px 8px"></i> <a href="/">IMDB</a> &emsp; <i class="fas fa-video"></i> <a href="/">Trailer</a>
  982. </center>
  983. </div>
  984.  
  985. </div>
  986.  
  987. <hr>
  988.  
  989. <!--affiliates-->
  990.  
  991. <div class="titles"><i class="fas fa-star"></i> Affiliates</div>
  992. <div class="box">
  993.  
  994. <div class="affiliates">
  995.  
  996. <center>
  997. <a href="/" title="apply"><img src="https://i.imgur.com/FuiAAiY.png"/></a>
  998. <a href="/" title="apply"><img src="https://i.imgur.com/FuiAAiY.png"/></a>
  999. <a href="/" title="apply"><img src="https://i.imgur.com/FuiAAiY.png"/></a>
  1000. <a href="/" title="apply"><img src="https://i.imgur.com/FuiAAiY.png"/></a>
  1001. </center>
  1002.  
  1003.  
  1004. </div>
  1005. </div>
  1006.  
  1007. <hr>
  1008.  
  1009. <!--members-->
  1010.  
  1011. {block:GroupMembers}
  1012. <div class="titles"><i class="fas fa-user-plus"></i> Members</div>
  1013. <div class="box">
  1014. <table style="margin-top:0px;">
  1015. {block:GroupMember}
  1016. <tr>
  1017. <td style="width:25px;">
  1018. <img src="{GroupMemberPortraitURL-40}" width="25px;" height="auto;" style ="margin-right: 10px;">
  1019. </td>
  1020. <td style="width:290px; height:auto;">
  1021. <div id="m" style="margin-bottom:10px;margin-top:10px">
  1022. <a href="{GroupMemberURL}" style="font-weight:bold; text-transform:uppercase; letter-spacing:0px; font-size:8px; font-family:Heebo;">{GroupMemberName}</a><br>{GroupMemberTitle}
  1023. </div>
  1024. </tr>
  1025. {/block:GroupMember}
  1026. </table>
  1027. </div>
  1028. {/block:GroupMembers}
  1029.  
  1030. <hr>
  1031.  
  1032. <!--blog info-->
  1033.  
  1034. <div class="titles"><i class="fas fa-cog"></i> About us</div>
  1035. <div class="box">
  1036. <div class="sinfo">
  1037. <b>About:</b> {text:About}<br>
  1038. <b>Online:</b> {text:Online Script}<br>
  1039. <b>Visits:</b> {text:Visits Script}<br>
  1040. <!-- EITHER KEEP THIS OR THE ALIEN IN THE RIGHT CORNER OF THE THEME-->
  1041. <b>Theme:</b> <a href="captainmarvels.tumblr.com">captainmarvels</a>
  1042. <!-- EITHER KEEP THIS OR THE ALIEN IN THE RIGHT CORNER OF THE THEME-->
  1043. <br><br>
  1044.  
  1045. Our site claims no credit for any images posted on this site unless stated otherwise. Images and information on this blog are copyright to their respectful owners.
  1046. </div>
  1047.  
  1048.  
  1049. </div>
  1050.  
  1051. </div>
  1052.  
  1053. <div class="entries" class="fade-in one">{block:Posts}
  1054.  
  1055. <div class="posts" id="{PostID}">
  1056.  
  1057. {block:ifAskfaq}
  1058. {block:Askpage}
  1059. <div class="title">frequently asked questions</div>
  1060.  
  1061. <div class="faq">
  1062. <div class="q"><enquiry>Question</enquiry></div>
  1063. <div class="a">Answer</div>
  1064.  
  1065. <div class="q"><enquiry>Question</enquiry></div>
  1066. <div class="a">Answer</div>
  1067.  
  1068. <div class="q"><enquiry>Question</enquiry></div>
  1069. <div class="a">Answer</div>
  1070.  
  1071. <div class="q"><enquiry>Question</enquiry></div>
  1072. <div class="a">Answer</div>
  1073. </div>
  1074. {/block:Askpage}
  1075. {/block:ifAskfaq}
  1076.  
  1077. {block:Text}
  1078. {block:Title}<div class="title">{title}</div>{/block:Title}
  1079. <div class="caption">{Body}</div>
  1080. {/block:Text}
  1081.  
  1082. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  1083.  
  1084. {block:Photoset}
  1085. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1086. {/block:Photoset}
  1087.  
  1088. {block:Quote}
  1089. <div class="title quote">{quote}</div>
  1090. {block:Source}<div class="source">{source}</div>{/block:Source}
  1091. {/block:Quote}
  1092.  
  1093. {block:Link}
  1094. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1095. {block:Description}{Description}{/block:Description}
  1096. {/block:Link}
  1097.  
  1098.  
  1099. {block:Chat}
  1100. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1101. {/block:Chat}
  1102.  
  1103. {block:Audio}
  1104. {block:audioplayer}
  1105. <div class="hold">
  1106. <div class="player">{audioplayerwhite}</div>
  1107. <div class="audio_info">
  1108. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  1109. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  1110. </div>
  1111. </div>
  1112. {/block:audioplayer}
  1113. {/block:Audio}
  1114.  
  1115. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  1116.  
  1117. {block:caption}<div class="caption">{Caption}</div>{/block:caption}
  1118.  
  1119. {block:Answer}
  1120. <div class="question"><img src="{AskerPortraitURL-30}"/>
  1121. <div class="asker"><b>{Asker}</b> sent &mdash; {Question}</div></div>
  1122. <div class="answer"><div class="caption">{Answer}</div></div>
  1123. {/block:Answer}
  1124.  
  1125. {block:Date}
  1126. <div class="permalink">posted by <a href="{PostAuthorURL}">{PostAuthorName} </a> &nbsp; <a href="{permalink}" title="{TimeAgo}"><b>{Month} {DayofMonthWithSuffix}</b></a> &nbsp; {block:NoteCount}<a href="{permalink}" title="{notecountwithlabel}">{NoteCountWithLabel}</a>{/block:NoteCount} <div style="float:right; font-weight:bold;"><a href="{ReblogURL}" target="_blank" title="reblog"><i class="fas fa-sync-alt"></i></a> &nbsp; <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></div>&nbsp
  1127.  
  1128. {block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &nbsp;{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  1129.  
  1130. {block:hastags}
  1131. <div class="tags"><i class="fas fa-tags"></i> {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  1132. {/block:hasTags}
  1133. </div>
  1134. {/block:Date}
  1135.  
  1136. </div>
  1137.  
  1138. {block:PostNotes}
  1139. {PostNotes}
  1140. {/block:PostNotes}
  1141.  
  1142. {/block:Posts}
  1143. </div>
  1144.  
  1145. {block:Pagination}
  1146. <footer id="pagination">
  1147. <span>
  1148. {block:PreviousPage}<a href="{PreviousPage}" title="previous page">back</a>{block:nextpage} {/block:nextpage}{/block:PreviousPage}
  1149. {block:NextPage}<a href="{NextPage}" title="next page">forth</a>{/block:NextPage}
  1150. </span>
  1151. {block:JumpPagination length="5"}
  1152. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1153. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1154. {/block:JumpPagination}
  1155. </footer>
  1156. {/block:Pagination}
  1157.  
  1158. <script>
  1159. var $container = $('.posts');
  1160. $container.find('.notecount').each(function(){
  1161. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  1162. if (n > 999) {
  1163. n = Math.floor(n / 100) / 10;
  1164. $(this).text(n + 'k');
  1165. }
  1166. });
  1167. $(document).ready(function(){
  1168. $('body').tooltip({track:false});
  1169. $('iframe.tumblr_audio_player').load( function() {
  1170. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  1171. });
  1172. });
  1173. $('.posts').unnest({
  1174. yourCaption: ".caption",
  1175. newCaptionUsername: true,
  1176. originalPostCaptionUsername: false,
  1177. tumblrAvatars: true,
  1178. tumblrAvatarClass: ".icon",
  1179. usernameColon: false
  1180. });
  1181. $(document).ready(function(){
  1182. $('.photo-slideshow').pxuPhotoset({
  1183. lightbox: true,
  1184. rounded: false,
  1185. gutter: '4px',
  1186. borderRadius: '0px',
  1187. photoset: '.photo-slideshow',
  1188. photoWrap: '.photo-data',
  1189. photo: '.pxu-photo'
  1190. });
  1191. });
  1192. $(window).scroll(function () {
  1193. var sc = $(window).scrollTop();
  1194. if (sc > 50) {
  1195. $("#menu").addClass("big");
  1196. } else {
  1197. $("#menu").removeClass("big");
  1198. }
  1199. });
  1200. </script>
  1201.  
  1202. {block:ContentSource}
  1203. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1204. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1205. {/block:SourceLogo}
  1206. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1207. {/block:ContentSource}
  1208.  
  1209. <!-- EITHER KEEP THIS OR CREDIT IN THE ABOUT SECTION-->
  1210. <div class="credit"><a href="http://captainmarvels.tumblr.com/" title="ananda themes"><span class="sf sf-alien-o"></span></a></div>
  1211. <!-- EITHER KEEP THIS OR CREDIT IN THE ABOUT SECTION-->
  1212.  
  1213. </body>
Advertisement
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!