API tools faq
paste
Advertisement
teruteru

Second in Command -【 THEME 30 by Anomaly ☽】

teruteru
Sep 18th, 2016
395
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. theme 30: second in command by anomaly xollyx
  8. base code by neonbikethemes
  9. dont remove the credit otherwise have fun!
  10.  
  11. -->
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. <meta charset="utf-8">
  17. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  18. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  19. <link rel="shortcut icon" href="{image:Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <meta name="image:Favicon" content="" />
  23. <meta name="image:Background" content="" />
  24. <meta name="image:Cursor" content="" />
  25. <meta name="image:Sidebar" content="" />
  26. <meta name="image:Icon 1" content="" />
  27. <meta name="image:Icon 2" content="" />
  28. <meta name="image:Icon 3" content="" />
  29. <meta name="image:Icon 4" content="" />
  30. <meta name="image:Icon 5" content="" />
  31.  
  32. <meta name="color:Background" content="#ffffff" />
  33. <meta name="color:Links" content="#000000" />
  34. <meta name="color:Links hover" content="#a0a0a0" />
  35. <meta name="color:Text" content="#000000" />
  36. <meta name="color:Posts" content="#ffffff" />
  37. <meta name="color:Bar" content="#666666" />
  38. <meta name="color:Selection" content="#000000" />
  39. <meta name="color:Selection Text" content="#ffffff" />
  40. <meta name="color:Ask" content="#dcdcdc" />
  41. <meta name="color:Permalink" content="#dcdcdc" />
  42. <meta name="color:TShadow1" content="#c7eadf" />
  43. <meta name="color:TShadow2" content="#f7e1e9" />
  44. <meta name="color:Shadows" content="#000000" />
  45. <meta name="color:Tooltip" content="#ffffff" />
  46. <meta name="color:Tooltip Text" content="#000000" />
  47.  
  48. <meta name="text:Tab 1 Title" content="Posts" />
  49. <meta name="text:Tab 2 Title" content="Message" />
  50. <meta name="text:Tab 3 Title" content="Tab 3 Title" />
  51. <meta name="text:Tab 4 Title" content="Tab 4 Title" />
  52. <meta name="text:Tab 5 Title" content="Tab 5 Title" />
  53. <meta name="text:Link 1" content="" />
  54. <meta name="text:Link 1 Title" content="Link 1" />
  55. <meta name="text:Link 2" content="" />
  56. <meta name="text:Link 2 title" content="Link 2" />
  57. <meta name="text:Link 3" content="" />
  58. <meta name="text:Link 3 title" content="Link 3" />
  59. <meta name="text:Link 4" content="" />
  60. <meta name="text:Link 4 title" content="Link 4" />
  61. <meta name="text:Link 5" content="" />
  62. <meta name="text:Link 5 title" content="Link 5" />
  63. <meta name="text:back title" content="previous" />
  64. <meta name="text:next title" content="next" />
  65. <meta name="text:Shadow Opacity" content=".5" />
  66.  
  67. <meta name="if:hide captions" content="0"/>
  68. <meta name="if:cursor" content="0" />
  69. <meta name="if:full bg" content="0" />
  70. <meta name="if:round corners" content="1" />
  71. <meta name="if:shadows" content="1" />
  72.  
  73.  
  74. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  75.  
  76. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  77.  
  78. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  79.  
  80. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  81.  
  82. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  86. <script>
  87. (function($){
  88. $(document).ready(function(){
  89. $("a[title]").style_my_tooltips({
  90. tip_follows_cursor:true,
  91. tip_delay_time:90,
  92. tip_fade_speed:600,
  93. attribute:"title"
  94. });
  95. });
  96. })(jQuery);
  97. </script>
  98.  
  99.  
  100. <style type="text/css">
  101.  
  102. /* ---------------------------- GENERAL ----------------------------- */
  103.  
  104. @font-face {
  105. font-family: Kemco Pixel;
  106. src: url("http://static.tumblr.com/heqtwlw/L7Fn4eblw/kemco_pixel_bold.ttf");
  107. }
  108.  
  109. @font-face {
  110. font-family: "tinytots";
  111. src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04b_03_.ttf?dl=1'); format(“truetype”);}
  112.  
  113. /* -------- SELECTION TOOL ------- */
  114.  
  115. ::-moz-selection {
  116. background: {color:selection};
  117. color: {color:selection text};
  118. }
  119.  
  120. ::selection {
  121. background: {color:selection};
  122. color: {color:selection text};
  123. }
  124.  
  125. /* -------- SCROLLBAR ------- */
  126.  
  127. ::-webkit-scrollbar {
  128. width: 9px;
  129. }
  130.  
  131. /* Track */
  132. ::-webkit-scrollbar-track {
  133. background-color:transparent;
  134. background-image:url({image:Background});
  135. height:0px;
  136. }
  137.  
  138. /* Handle */
  139. ::-webkit-scrollbar-thumb {
  140. background:{color:text};
  141. }
  142. ::-webkit-scrollbar-thumb:window-inactive {
  143. background: transparent;
  144. }
  145.  
  146. /* ------- TOOLTIPS ------ */
  147.  
  148. #s-m-t-tooltip {
  149. max-width:300px;
  150. margin:10px 0px 0px 10px;
  151. background-color:{color:tooltip};
  152. font-family:tinytots;
  153. font-size:8px;
  154. padding:3px;
  155. color:{color:tooltip text};
  156. z-index:999999999999999999999999999999999999;
  157. {block:ifroundcorners}border-radius:3px;{/block:ifroundcorners}
  158. }
  159.  
  160. #s-m-t-tooltip:after {position: absolute;
  161. display: block; content: "";
  162. border-color: transparent {color:tooltip} transparent transparent ;
  163. border-style: solid;
  164. border-width: 5px;
  165. height:0;
  166. width:0;
  167. position:absolute;
  168. top:3px;
  169. left:-10px;
  170. }
  171.  
  172. /* -------- BASICS ------- */
  173.  
  174. {block:ifcursor}body, a, a:hover {cursor: url('{image:cursor}'), progress;}{/block:ifcursor}
  175.  
  176. body {
  177. background:{color:Background};
  178. background-image: url("{image:background}");
  179. background-attachment: fixed;
  180. background-repeat: repeat;
  181. {block:iffullbg}
  182. background-size: cover;
  183. {/block:iffullbg}
  184. color: {color:text};
  185. font-family: consolas;
  186. font-size: 11px;
  187. margin: 0;
  188. padding: 0;
  189. word-wrap: break-word;
  190. line-height:150%;
  191. }
  192.  
  193. a {
  194. color: {color:links};
  195. text-decoration: none;
  196. -webkit-transition: all .3s;
  197. -moz-transition: all .3s;
  198. -o-transition: all .3s;
  199. -ms-transition: all .3s;
  200. transition: all .3s;
  201. }
  202.  
  203. a:hover{
  204. color:{color:links hover};
  205. -webkit-transition: all .3s;
  206. -moz-transition: all .3s;
  207. -o-transition: all .3s;
  208. -ms-transition: all .3s;
  209. transition: all .3s;
  210. }
  211.  
  212. blockquote {
  213. border-left: 1px solid {color:text};
  214. margin: 10px;
  215. padding-left:25px;
  216. padding-top:3px;
  217. padding-bottom:3px;
  218. }
  219.  
  220. iframe, img, embed, object, video {
  221. max-width: 100%;
  222. }
  223.  
  224. p{
  225. margin-bottom:10px;
  226. }
  227.  
  228. img {
  229. height: auto;
  230. width:auto;
  231. max-width:100%;
  232. }
  233.  
  234. h1{
  235. text-transform:uppercase;
  236. font-size:13px;
  237. }
  238.  
  239. ul{
  240. list-style-type:square;
  241. }
  242.  
  243. ol{
  244. list-style-type:;
  245. }
  246.  
  247. #bigcon{
  248. width:520px;
  249. margin-left:auto;
  250. margin-right:auto;
  251. }
  252.  
  253. .tabcontent {
  254. position:static;
  255. margin-left:auto;
  256. margin-right:auto;
  257. width: 520px;
  258. background:{color:posts};
  259. text-align:center;
  260. margin-top:95px;
  261. margin-left:-75px;
  262. margin-bottom:200px;
  263. padding:10px;
  264. {block:ifroundcorners}border-radius:15px;{/block:ifroundcorners}
  265. {block:ifshadows}box-shadow:10px 10px rgba({RGBcolor:shadows},{text:shadow opacity});{/block:ifshadows}
  266. }
  267.  
  268. #postcontainer {
  269. position:static;
  270. margin-left:auto;
  271. margin-right:auto;
  272. width: 540px;
  273. overflow:hidden;
  274. text-align:center;
  275. margin-bottom:150px;
  276. margin-top:95px;
  277. margin-left:-75px;
  278. }
  279.  
  280.  
  281. /* ----------------------------- HEADER STUFF ---------------------------*/
  282.  
  283. #topbar{
  284. margin-top:-20px;
  285. margin-left:-20px;
  286. margin-bottom:50px;
  287. text-align:center;
  288. position:fixed;
  289. background-color:{color:bar};
  290. border-bottom-right-radius:25px;
  291. width:80%;
  292. height:60px;
  293. padding:20px;
  294. {block:ifshadows}box-shadow:10px 10px rgba({RGBcolor:shadows},{text:shadow opacity}); {/block:ifshadows}
  295. }
  296.  
  297. .blogtitle{
  298. text-transform:uppercase;
  299. font-family:kemco pixel;
  300. font-size:24px;
  301. letter-spacing:2px;
  302. text-shadow: 3px 0px .2px {color:tshadow1}, -3px 0px .2px {color:tshadow2};
  303. }
  304.  
  305. .blogtitle a:hover {
  306. letter-spacing:4px;
  307. text-shadow: 6px 0px .2px {color:tshadow1}, -6px 0px .2px {color:tshadow2};
  308. }
  309.  
  310. #navbar{
  311. display:inline-block;
  312. text-align:center;
  313. }
  314.  
  315. /* ------------------------------ SIDEBAR ------------------------------ */
  316.  
  317. #sidebar{
  318. width:250px;
  319. position:fixed;
  320. margin-top:70px;
  321. margin-left:50px;
  322. background:{color:bar};
  323. padding:10px;
  324. border-bottom-right-radius:25px;
  325. border-bottom-left-radius:25px;
  326. {block:ifshadows}box-shadow:10px 10px rgba({RGBcolor:shadows},{text:shadow opacity});{/block:ifshadows}
  327. }
  328.  
  329. #sidebar img {
  330. width:200px;
  331. height:200px;
  332. border-top-left-radius:50px;
  333. border-top-right-radius:10px;
  334. border-bottom-right-radius:50px;
  335. border-bottom-left-radius:10px;
  336. }
  337.  
  338. img, img a {
  339. border:none;
  340. line-height:0;
  341. max-width:100%;}
  342.  
  343. #icon1 {
  344. margin-left:70%;
  345. width:75px;
  346. height:75px;
  347. margin-top:100px;
  348. position:fixed;
  349. opacity:1;
  350. border-radius:100px;
  351. {block:ifshadows}box-shadow:5px 5px rgba({RGBcolor:shadows},{text:shadow opacity}); {/block:ifshadows}
  352. }
  353.  
  354. #icon2 {
  355. margin-left:70%;
  356. margin-top:200px;
  357. width:75px;
  358. height:75px;
  359. position:fixed;
  360. opacity:1;
  361. border-radius:100px;
  362. {block:ifshadows}box-shadow:5px 5px rgba({RGBcolor:shadows},{text:shadow opacity}); {/block:ifshadows}
  363. }
  364.  
  365. #icon3 {
  366. margin-left:70%;
  367. margin-top:300px;
  368. width:75px;
  369. height:75px;
  370. position:fixed;
  371. opacity:1;
  372. border-radius:100px;
  373. {block:ifshadows}box-shadow:5px 5px rgba({RGBcolor:shadows},{text:shadow opacity}); {/block:ifshadows}
  374. }
  375.  
  376. #icon4 {
  377. margin-left:70%;
  378. margin-top:400px;
  379. width:75px;
  380. height:75px;
  381. position:fixed;
  382. opacity:1;
  383. border-radius:100px;
  384. {block:ifshadows}box-shadow:5px 5px rgba({RGBcolor:shadows},{text:shadow opacity}); {/block:ifshadows}
  385. }
  386.  
  387. #icon5 {
  388. margin-left:70%;
  389. margin-top:500px;
  390. width:75px;
  391. height:75px;
  392. position:fixed;
  393. opacity:1;
  394. border-radius:100px;
  395. {block:ifshadows}box-shadow:5px 5px rgba({RGBcolor:shadows},{text:shadow opacity}); {/block:ifshadows}
  396. }
  397.  
  398. #icon1 img, #icon2 img, #icon3 img, #icon4 img, #icon5 img {
  399. border-radius:75px;
  400. }
  401.  
  402.  
  403. /* ------------------------------ TABS ------------------------------ */
  404.  
  405. .tabs {
  406. width:100%;
  407. margin-left:0px;
  408. display:inline-block;
  409. }
  410.  
  411. /*----- Tab Links -----*/
  412.  
  413. /* Clearfix */
  414. .tab-links:after {
  415. display:block;
  416. clear:both;
  417. content:'';
  418. }
  419.  
  420. .tab-links li {
  421. margin-right:5px;
  422. display:inline-block;
  423. list-style:none;
  424. font-family:tinytots;
  425. font-size:16px;
  426. text-transform:uppercase;
  427. }
  428.  
  429. .tab-links a {
  430. padding:7px;
  431. display:inline-block;
  432. color:{color:links};
  433. transition:all linear 0.15s;
  434. border-bottom:1px solid transparent;
  435. }
  436.  
  437. .tab-links a:hover {
  438. letter-spacing:1px;
  439. text-decoration:none;
  440. text-shadow: 3px 0px .2px {color:tshadow1}, -3px 0px .2px {color:tshadow2};
  441. }
  442.  
  443. li.active a, li.active a:hover {
  444. letter-spacing:1px;
  445. background:transparent;
  446. color:{color:background};
  447. text-shadow: 3px 0px .2px {color:tshadow1}, -3px 0px .2px {color:tshadow2};
  448. -webkit-transition: all .3s;
  449. -moz-transition: all .3s;
  450. -o-transition: all .3s;
  451. -ms-transition: all .3s;
  452. transition: all .3s;
  453. }
  454.  
  455. /*----- Content of Tabs -----*/
  456. .tab-content {
  457. }
  458.  
  459. .tab {
  460. display:none;
  461. }
  462.  
  463. .tab.active {
  464. display:block;
  465. }
  466.  
  467. /* --------------------------- POSTS (articles) --------------------- */
  468.  
  469. article {
  470. float:left;
  471. background:{color:posts};
  472. padding: 10px;
  473. width: 500px;
  474. text-align:left;
  475. margin-bottom:80px;
  476. {block:ifroundcorners}border-radius:15px;{/block:ifroundcorners}
  477. {block:ifshadows}box-shadow:10px 10px rgba({RGBcolor:shadows},{text:shadow opacity});{/block:ifshadows}
  478. }
  479.  
  480. /* ---------------------------- POST INFO -----------------------------*/
  481.  
  482. .postinfo{
  483. background:{color:permalink};
  484. font-family:tinytots;
  485. font-size:8px;
  486. margin-top:10px;
  487. padding:5px;
  488. {block:ifroundcorners}
  489. border-bottom-right-radius:10px;
  490. border-bottom-left-radius:10px;
  491. {/block:ifroundcorners}
  492. }
  493.  
  494. .tags {
  495. margin-top:5px;
  496. font-weight:normal;
  497. }
  498.  
  499. /* ---------------------------- POST NOTES ------------------------- */
  500.  
  501. ol.notes {
  502. display:block;
  503. text-align:left;
  504. list-style-type:none;
  505. margin-left:-40px;
  506. }
  507.  
  508. ol.notes li.note{
  509. margin-bottom:5px;
  510. }
  511.  
  512. .pagenotes {
  513. text-align:left;
  514. margin-top:15px;
  515. }
  516.  
  517. .pagenotes img{
  518. padding-right:5px;
  519. padding-top:5px;
  520. margin-bottom:-5px;
  521. }
  522.  
  523.  
  524. /* -------------------------- POST TYPES -------------------------- */
  525.  
  526. /* CHAT */
  527.  
  528. ul.chat{
  529. list-style:none;
  530. margin-left:-40px;
  531. }
  532.  
  533. .chat span {
  534. float: left;
  535. }
  536.  
  537. /* QUOTES */
  538.  
  539. .quote{
  540. font-size:20px;
  541. line-height:150%;
  542. }
  543.  
  544. .quotesource{
  545. text-align:right;
  546. margin-bottom:10px;
  547. }
  548.  
  549. /* QUESTIONS */
  550.  
  551. .bubble {
  552. align:right;
  553. background: {color:ask};
  554. margin:7px 0px 5px 66px;
  555. padding:10px;
  556. position: relative;
  557. -moz-border-radius:5px;
  558. -webkit-border-radius:5px;
  559. border-radius:5px;
  560. }
  561.  
  562. .bubble p {
  563. margin:1px 0px;
  564. }
  565.  
  566. .bubble span {
  567. display:block;
  568. position:absolute;
  569. width:1px;
  570. height:1px;
  571. font-size: 0;
  572. line-height: 1px;
  573. left:-10px;
  574. top:10px;
  575. border-top:7px solid transparent;
  576. border-bottom:7px solid transparent;
  577. border-right:10px solid {color:ask};
  578. }
  579.  
  580. /* AUDIO */
  581.  
  582. .songart{
  583. float:left;
  584. margin-right:10px;
  585. }
  586.  
  587. .songart img{
  588. width:80px;
  589. height:80px;
  590. }
  591.  
  592. .songtitle{
  593. margin-bottom:10px;
  594. margin-left:90px;
  595. }
  596.  
  597. .songauthor{
  598. margin-bottom:10px;
  599. font-size:8px;
  600. margin-left:90px;
  601. }
  602.  
  603. .tumblr_audio_player {
  604. height: 50px;
  605. }
  606.  
  607. /* ------------------------- PAGINATION ------------------------- */
  608.  
  609. #pagination{
  610. position:static;
  611. margin-top:30px;
  612. text-align:center;
  613. }
  614.  
  615. .pagibutton{
  616. position:relative;
  617. display:inline-block;
  618. font-family:kemco pixel;
  619. font-size:12px;
  620. {block:ifshadows}text-shadow:3px 3px rgba({RGBcolor:shadows},{text:shadow opacity}); {/block:ifshadows}
  621. }
  622.  
  623.  
  624. /* --------------------------- Custom CSS -------------------------- */
  625. {CustomCSS}
  626. </style>
  627. </head>
  628. <body>
  629.  
  630. <!--TOPBAR+SIDEBAR-->
  631.  
  632. <div id="topbar">
  633. <br>
  634. <div class="blogtitle">
  635. <a href="/">{Title}</a>
  636. </div>
  637. <div id="navbar">
  638. <div class="tabs">
  639. <ul class="tab-links">
  640. <li class="active" style="margin-left:-30px">
  641. <a href="#tab1">{text:Tab 1 Title}</a></li>
  642. <li><a href="#tab2">{text:Tab 2 Title}</a></li>
  643. <li><a href="#tab3">{text:Tab 3 Title}</a></li>
  644. <li><a href="#tab4">{text:Tab 4 Title}</a></li>
  645. <li><a href="#tab5">{text:Tab 5 Title}</a></li>
  646. </ul>
  647. </div>
  648. </div>
  649.  
  650. </div>
  651.  
  652. <div id="sidebar"><br>
  653. <div align="center"><img src="{image:sidebar}"></div>
  654. {block:Description}
  655. <p>{Description}</p>
  656. {/block:Description}
  657. </div>
  658.  
  659. <div id="icon1">
  660. <a href="{text:link 1}" title="{text:link 1 title}"><img src="{image:icon 1}"></a>
  661. </div>
  662.  
  663. <div id="icon2">
  664. <a href="{text:link 2}" title="{text:link 2 title}"><img src="{image:icon 2}"></a>
  665. </div>
  666.  
  667. <div id="icon3">
  668. <a href="{text:link 3}" title="{text:link 3 title}"><img src="{image:icon 3}"></a>
  669. </div>
  670.  
  671. <div id="icon4">
  672. <a href="{text:link 4}" title="{text:link 4 title}"><img src="{image:icon 4}"></a>
  673. </div>
  674.  
  675. <div id="icon5">
  676. <a href="{text:link 5}" title="{text:link 5 title}"><img src="{image:icon 5}"></a>
  677. </div>
  678.  
  679. <div id="bigcon">
  680.  
  681.  
  682. <!-- --------------------------- TABS -------------------------- -->
  683.  
  684.  
  685. <div class="tabs">
  686.  
  687.  
  688. <!-- --------------------------- TAB 1 -------------------------- -->
  689.  
  690. <div class="tab-content">
  691. <div id="tab1" class="tab active">
  692.  
  693. <div id="postcontainer">
  694.  
  695. {block:Posts}
  696. <article>
  697.  
  698. <!--TEXT POST-->
  699. {block:Text}
  700. {block:Title}
  701. <div align="center">
  702. <h1 class="title">
  703. <a href="{Permalink}">{Title}</a></h1>
  704. </div>
  705. {/block:Title}
  706. {Body}
  707. {/block:Text}
  708.  
  709.  
  710. <!--PHOTO POST-->
  711. {block:Photo}
  712. {block:IndexPage}
  713. {LinkOpenTag}
  714. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  715. {LinkCloseTag}
  716. {/block:IndexPage}
  717. {block:PermalinkPage}
  718. {LinkOpenTag}
  719. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  720. {LinkCloseTag}{/block:PermalinkPage}
  721. {/block:Photo}
  722.  
  723.  
  724. <!--PHOTOSET POST-->
  725. {block:Photoset}
  726. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  727. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  728. {/block:Photoset}
  729.  
  730.  
  731. <!--QUOTE POST-->
  732. {block:Quote}
  733. <div class="quote">{Quote}</div>
  734. {block:Source}
  735. <div class="quotesource">{Source}</div>
  736. {/block:Source}
  737. {/block:Quote}
  738.  
  739.  
  740. <!--LINK POST-->
  741. {block:Link}
  742. <div align="center"><h1 class="title"><a href="{URL}">{Name}</a></h1></div>
  743. {block:Description}{Description}{/block:Description}
  744. {/block:Link}
  745.  
  746.  
  747. <!--CHAT POST-->
  748. {block:Chat}
  749. {block:Title}
  750. <div align="center">
  751. <h1 class="title">
  752. <a href="{Permalink}">{Title}</a></h1>
  753. </div>
  754. {/block:Title}
  755. <ul class="chat">
  756. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  757. </ul>
  758. {/block:Chat}
  759.  
  760.  
  761. <!--AUDIO POST-->
  762. {block:Audio}
  763. {block:AlbumArt}
  764. <div class="songart">
  765. <img src="{AlbumArtURL}">
  766. </div>
  767. {/block:AlbumArt}
  768. <div class="songtitle">
  769. {block:TrackName}
  770. {TrackName}
  771. {/block:TrackName}
  772. </div>
  773. <div class="songauthor">
  774. By
  775. {block:Artist}
  776. {Artist}
  777. {/block:Artist}
  778. </div>
  779. {AudioPlayerWhite}
  780. {/block:Audio}
  781.  
  782.  
  783. <!--VIDEO POST-->
  784. {block:Video}
  785. <div class="video">
  786. <div class="video-player">{Video-500}</div>
  787. {/block:Video}
  788.  
  789.  
  790. <!--ANSWER POST-->
  791. {block:Answer}
  792. <img src="{AskerPortraitURL-48}" align="left" class="askborder" style="border-radius:100px;"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>
  793. {Answer}
  794. {/block:Answer}
  795.  
  796. <!--CAPTIONS-->
  797. {block:Ifhidecaptions}
  798. {block:permalink}
  799. {block:Caption}
  800. {Caption}
  801. {/block:Caption}
  802. {/block:permalink}
  803. {/block:Ifhidecaptions}
  804. {block:Ifnothidecaptions}
  805. {block:Caption}
  806. {Caption}
  807. {/block:Caption}
  808. {/block:Ifnothidecaptions}
  809.  
  810. <!--POST INFORMATION-->
  811. <div class="postinfo">
  812.  
  813. <!--PERMALINK-->
  814. <a href="{Permalink}">
  815. {block:Date}
  816. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
  817. {/block:Date}
  818. </a>
  819.  
  820. <!--NOTES-->
  821. {block:NoteCount}
  822. <a href="{Permalink}"> + {NoteCount} </a>
  823. {/block:NoteCount}
  824.  
  825. <!--VIA AND SOURCE-->
  826. {block:RebloggedFrom}
  827. ( <a href="{ReblogParentURL}">Via</a>
  828. {/block:RebloggedFrom}
  829. {block:ContentSource}
  830. & <a href="{SourceURL}">Source</a>
  831. {/block:ContentSource}
  832. {block:RebloggedFrom} ){/block:RebloggedFrom}
  833.  
  834. <!--TAGS-->
  835. {block:HasTags}
  836. <div class="tags">
  837. {block:Tags}
  838. <a href="{TagURL}">#{Tag}</a>
  839. {/block:Tags}
  840. </div>
  841. {/block:HasTags}
  842.  
  843. </div>
  844.  
  845. <!--POST NOTES-->
  846. {block:PostNotes}
  847. <div class="pagenotes">{PostNotes-16}</div>
  848. {/block:PostNotes}
  849.  
  850.  
  851. </article>
  852. {/block:Posts}
  853. <!--Close of article-->
  854.  
  855.  
  856. <!--PAGINATION-->
  857. {block:Pagination}
  858. <div class="pagination">
  859. {block:PreviousPage}
  860. <a href="{PreviousPage}">
  861. <div class="pagibutton">Previous</div></a>
  862. {/block:PreviousPage}
  863. {block:NextPage}
  864. <a href="{NextPage}">
  865. <div class="pagibutton">Next</div></a>
  866. {/block:NextPage}
  867. </div>
  868. {/block:Pagination}
  869.  
  870. </div>
  871.  
  872. </div>
  873.  
  874. <!-- -------------------------- TAB 2 -------------------------- -->
  875.  
  876. <div id="tab2" class="tab">
  877. <div class="tabcontent">
  878. <div align="center">put your faq/submission guidelines here</div>
  879.  
  880. <iframe frameborder="0" width="500px" height="195px" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" id="ask_form" seamless></iframe><br><br>
  881. <iframe frameborder="0" width="500px" height="300px" src="http://www.tumblr.com/submit_form/{name}.tumblr.com" id="submit_form" seamless></iframe></div>
  882. </div>
  883. </div>
  884.  
  885.  
  886. <!-- -------------------------- TAB 3 -------------------------- -->
  887.  
  888. <div id="tab3" class="tab">
  889. <div class="tabcontent">
  890. Tab three content here, you can use the three remaining tabs for whatever (an about page, a tags page, etc)
  891. </div>
  892. </div>
  893.  
  894.  
  895. <!-- -------------------------- TAB 4 -------------------------- -->
  896.  
  897. <div id="tab4" class="tab">
  898. <div class="tabcontent">
  899. Tab four content here
  900. </div>
  901. </div>
  902.  
  903.  
  904. <!-- -------------------------- TAB 5 -------------------------- -->
  905.  
  906. <div id="tab5" class="tab">
  907. <div class="tabcontent">
  908. Tab five content here
  909. </div>
  910. </div>
  911.  
  912.  
  913.  
  914. <!-- END OF TABS -->
  915.  
  916. </div>
  917. </div>
  918. </div>
  919. </div>
  920. </div>
  921.  
  922.  
  923. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  924.  
  925. <script>
  926. $(document).ready(function() {
  927. $('.tabs .tab-links a').on('click', function(e) {
  928. var currentAttrValue = $(this).attr('href');
  929.  
  930. // Show/Hide Tabs
  931. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  932.  
  933. // Change/remove current tab to active
  934. $(this).parent('li').addClass('active').siblings().removeClass('active');
  935.  
  936. e.preventDefault();
  937. });
  938. });
  939. </script>
  940.  
  941. <script>
  942. $(document).ready(function() {
  943. $('#filterOptions li a').click(function() {
  944. // fetch the class of the clicked item
  945. var ourClass = $(this).attr('class');
  946.  
  947. // reset the active class on all the buttons
  948. $('#filterOptions li').removeClass('active');
  949. // update the active state on our clicked button
  950. $(this).parent().addClass('active');
  951.  
  952. if(ourClass == 'all') {
  953. // show all our items
  954. $('#ourHolder').children('div.item').show();
  955. }
  956. else {
  957. // hide all elements that don't share ourClass
  958. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  959. // show all elements that do share ourClass
  960. $('#ourHolder').children('div.' + ourClass).show();
  961. }
  962. return false;
  963. });
  964. });
  965. </script>
  966.  
  967. <div style=" position:fixed; left:8px; bottom:4px; z-index:1;"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif"></a></div>
  968.  
  969.  
  970. </body>
  971. </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!