chellescodes

RIBBONS THEME (DARK VERSION) - FOR TUMBLR

Aug 27th, 2017
627
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.72 KB | None | 0 0
  1. <!--
  2.  
  3. =========DMMMM============DDDMMMMD=====M
  4. =====IMM====MMMN=========+MMMMMMMM=====M
  5. ===NM======MMMMM=======MMMMM==?MMMDD===M
  6. =+D~=======MM=NMM====MMMMM====MMM8==DD=M
  7. OD========MMN==MMM=MMMMM=====MMMM====NDM
  8. DD=======MMM===MMMMMMM======+MMM======DM
  9. D=======MMM=====MMMM========MMM=======DD
  10. D8=====MMM======MM==========MM========DM
  11. DD====MMM=======D===========MM=======DDM
  12. =$D==MMD====================M=======DD=M
  13. ===NMM======================M=====ND===M
  14. ===M=ODD=======================MDN=====M
  15. =========DDNN=============IDDD=========M
  16. ================7MDDDD8================M
  17.  
  18. CODE BY CHELLE, AKA @THE-JEDI
  19. PLEASE LEAVE THE CREDIT
  20. DO NOT STEAL THE ENTIRE/BIG CHUNKS
  21. OF THE CODE AND DISTRIBUTE IT
  22. AS IF IT WERE YOUR OWN
  23.  
  24.  
  25. NOTES ON THIS THEME:
  26.  
  27. DISCLAIMER: I DO NOT OWN AVATAR: THE LAST AIRBENDER OR ANYTHING ASSOCIATED WITH IT. BUT I DID MAKE THIS CODE.
  28.  
  29. HOVER EFFECTS TUTORIAL: thanks to Ian Lunn, HOVER.CSS, http://ianlunn.github.io/Hover/
  30. UNDER PERSONAL LICENSE. This code is public and not used for commercial purposes
  31.  
  32. Special thanks to @shythemes for the video resizing and pxu photoset tutorials.
  33. Credit to Pixel Union for their PXU Photoset Script
  34. Additional credit to @magnusthemes & @neothm for the caption unnest script.
  35.  
  36. Please consult the-jedi.tumblr.com/my+theme for tips on how to best utilize this theme.
  37. For help, first consult the-jedi.tumblr.com/tagged/theme+help, or the-jedi.tumblr.com/tagged/ribbonstheme.
  38. If you don't find an answer to your query, go to the-jedi.tumblr.com/ask with your question.
  39.  
  40.  
  41. -->
  42.  
  43. <!DOCTYPE html>
  44.  
  45. <head>
  46.  
  47. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  48. <script type="text/javascript" src="https://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  49. <link href="https://fonts.googleapis.com/css?family=Roboto:400,500" rel="stylesheet">
  50. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  51. <script type="text/javascript" src="https://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  52. <script src ="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  53. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  54.  
  55.  
  56. <title>{Title}</title>
  57.  
  58.  
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  62.  
  63.  
  64. <meta name="color:background" content="#000000"/>
  65. <meta name="color:text" content="#ffffff"/>
  66. <meta name="color:description" content="#ffffff"/>
  67. <meta name="color:accent1" content="#009dff"/>
  68. <meta name="color:accent2" content="#0432fb"/>
  69. <meta name="color:post background" content="#000000"/>
  70. <meta name="color:border" content="#000000"/>
  71. <meta name="color:link" content="#0084ff"/>
  72. <meta name="color:titlebg" content="#333333"/>
  73. <meta name="color:titleborder" content="#151515"/>
  74. <meta name="if:show updates" content="1"/>
  75. <meta name="if:gradient sidebar" content="1"/>
  76. <meta name="if:show sidebar image" content="1"/>
  77. <meta name="if:show searchbox" content="1"/>
  78. <meta name="if:show about" content="1"/>
  79. <meta name="if:extra links" content="1"/>
  80. <meta name="image:sidebar" content=""/>
  81.  
  82. <meta name="text:go to the website below to search icons, use the icon titles to replace the ones for your links:" content="https://fontawesome.io/icons/" />
  83. <meta name="text:Search Label" content="search" />
  84. <meta name="text:about url" content="/about" />
  85. <meta name="text:blog title spacing" content="3" />
  86. <meta name="text:link 1 URL" content="/" />
  87. <meta name="text:link 1 icon" content="tag"/>
  88. <meta name="text:link 1" content="link 1" />
  89. <meta name="text:link 2 URL" content="/" />
  90. <meta name="text:link 2 icon" content="cog"/>
  91. <meta name="text:link 2" content="link 2" />
  92. <meta name="text:link 3 URL" content="/" />
  93. <meta name="text:link 3 icon" content="book"/>
  94. <meta name="text:link 3" content="link 3" />
  95. <meta name="text:link 4 URL" content="/" />
  96. <meta name="text:link 4 icon" content="pencil"/>
  97. <meta name="text:link 4" content="" />
  98. <meta name="text:link 5 URL" content="/" />
  99. <meta name="text:link 5 icon" content="twitter"/>
  100. <meta name="text:link 5" content="" />
  101. <meta name="text:link 6 URL" content="/" />
  102. <meta name="text:link 6 icon" content="code"/>
  103. <meta name="text:link 6" content="" />
  104. <meta name="text:post width" content="500" />
  105. <meta name="text:main tab text" content="updates here. maybe some about text? It looks better if you fill it up a bit, so type away."/>
  106. <meta name="text:tab1 label" content="Tab 1"/>
  107. <meta name="text:tab1 text" content="updates here."/>
  108. <meta name="text:tab2 label" content="Tab 2"/>
  109. <meta name="text:tab2 text" content="updates here."/>
  110. <meta name="text:tab3 label" content="Tab 3"/>
  111. <meta name="text:tab3 text" content="updates here."/>
  112. <meta name="text:tab4 label" content="Tab 4"/>
  113. <meta name="text:tab4 text" content="updates here."/>
  114. <meta name="text:tab5 label" content=""/>
  115. <meta name="text:tab5 text" content="updates here."/>
  116. <meta name="text:tab6 label" content=""/>
  117. <meta name="text:tab6 text" content="updates here."/>
  118. <meta name="text:tab7 label" content=""/>
  119. <meta name="text:tab7 text" content="updates here."/>
  120.  
  121.  
  122. <script>
  123. $(document).ready(function(){
  124. $(".controloptions").click(function(){
  125. $("#controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe-compact .tmblr-iframe--unified-controls").fadeToggle();
  126. });
  127. });
  128. </script>
  129.  
  130.  
  131. <style type="text/css">
  132.  
  133.  
  134.  
  135. blockquote {
  136. line-height:11px;
  137. }
  138.  
  139. ul {
  140. list-style:none;
  141. text-align:left!important;
  142. padding-left:0;
  143. }
  144.  
  145. h1 {
  146. font-family: Roboto, Arial;
  147. font-size:12px;
  148. }
  149. h1 {
  150. font-family: ;
  151. font-size:11px;
  152. }
  153.  
  154.  
  155. li {
  156. position:relative;
  157. padding-left:30px;
  158. line-height:12px;
  159. }
  160.  
  161. ul li:before {
  162. position:absolute;
  163. left:15px;
  164. vertical-align:baseline!important;
  165. font-family: "FontAwesome";
  166. content:'\f096';
  167. -moz-transition-duration:0.4s;
  168. -webkit-transition-duration:0.4s;
  169. -o-transition-duration:0.4s;
  170.  
  171. }
  172.  
  173. ul li:hover:before {
  174. color:{color:accent1};
  175. position:absolute;
  176. vertical-align:baseline!important;
  177. font-family: "FontAwesome";
  178. content:'\f046';
  179. -moz-transition-duration:0.4s;
  180. -webkit-transition-duration:0.4s;
  181. -o-transition-duration:0.4s;
  182. }
  183.  
  184.  
  185.  
  186. body {
  187.  
  188. background:{color:background};
  189. font-smoothing:always;
  190. -webkit-font-smoothing: antialiased;
  191. -moz-osx-font-smoothing: grayscale;
  192. color:{color:text};
  193. font-family:Roboto, Arial;
  194. font-size:11px;
  195. font-weight:400;
  196. text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  197. margin:0;
  198. text-align:left;
  199. line-height:15px;
  200.  
  201.  
  202. }
  203.  
  204. a {
  205. font-weight:400;
  206. color:{color:link};
  207. -moz-transition-duration:0.4s;
  208. -webkit-transition-duration:0.4s;
  209. -o-transition-duration:0.4s;
  210. text-decoration:none;
  211.  
  212. }
  213.  
  214. a:hover {
  215. color:{color:accent1};
  216. -moz-transition-duration:0.4s;
  217. -webkit-transition-duration:0.4s;
  218. -o-transition-duration:0.4s;
  219. }
  220.  
  221. img {
  222. opacity:1;
  223. border:none;
  224. text-decoration:none;
  225. }
  226.  
  227. small {
  228. font-size:10px;
  229. }
  230.  
  231. big {
  232. font-size:10px;
  233. }
  234.  
  235. b {
  236. font-weight:500;
  237. }
  238.  
  239.  
  240. ::selection {
  241. background:{color:accent2};
  242. color:{color:post background};
  243. }
  244.  
  245. a::-moz-selection {
  246. color:{color:accent1};
  247. }
  248.  
  249. ::-moz-selection {
  250. background:{color:accent2};
  251. color:{color:post background};
  252. }
  253.  
  254.  
  255. a::selection {
  256. color:{color:accent1};
  257. }
  258.  
  259. .tooltip{
  260. display: inline;
  261. position: relative;
  262. }
  263.  
  264. #s-m-t-tooltip {
  265. max-width:300px;
  266. background-color:{color:accent1};
  267. font-size:80%;
  268. text-transform:uppercase;
  269. font-weight:500;
  270. letter-spacing:1px;
  271. font-family:Roboto, Arial;
  272. padding:5px 5px 5px 5px;
  273. color: {color:post background};
  274. margin:20px 0px 0px 20px;
  275. z-index:9999999999999999999999;
  276.  
  277. }
  278.  
  279.  
  280. ::-webkit-scrollbar {
  281. width: 10px; /** width of total scrollbar **/
  282. background: {color:accent1};
  283. background:linear-gradient( to bottom, {color:accent1}, {color:accent2});
  284. background: -webkit-linear-gradient(bottom, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  285. background: -o-linear-gradient(bottom, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  286. background: -moz-linear-gradient(bottom, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  287.  
  288. }
  289.  
  290. ::-webkit-scrollbar-thumb {
  291. background: {color:titlebg};
  292. border:1px solid {color:titleborder};
  293. width:10px;
  294.  
  295. background-clip: content-box;
  296. }
  297.  
  298.  
  299. #title, #title2 {
  300.  
  301. font-size:14px;
  302. font-family: Roboto, Arial;
  303. font-weight:500;
  304. border:1px solid {color:titleborder}!important;
  305. font-size:85%;
  306. text-transform:uppercase;
  307. letter-spacing:1px;
  308. color:{color:text};
  309. background:{color:titlebg};
  310. line-height:18px;
  311. -webkit-transform: perspective(1px) translateZ(0);
  312. transform: perspective(1px) translateZ(0);
  313. margin-bottom:10px;
  314. padding:10px 10px 10px 10px;
  315. text-align:left;
  316. }
  317.  
  318. #title:hover, #title2:hover {
  319. color:{color:post background};
  320. }
  321.  
  322. #title a, #title2 a {
  323. color:{color:accent1};
  324. }
  325.  
  326.  
  327. #title:hover #postlink a, #title2:hover #postlink a {
  328. color:{color:post background};
  329. }
  330.  
  331. #title:before, #title2:before {
  332. content: "";
  333. position: absolute;
  334. z-index: -1;
  335. top: 0;
  336. left: 0;
  337. right: 0;
  338. bottom: 0;
  339. background: {color:accent1};
  340. background:linear-gradient( to left, {color:accent1}, {color:accent2});
  341. background: -webkit-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  342. background: -o-linear-gradient(right, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  343. background: -moz-linear-gradient(right, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  344. -webkit-transform: scaleX(0);
  345. transform: scaleX(0);
  346. -webkit-transform-origin: 0 50%;
  347. transform-origin: 0 50%;
  348. -webkit-transition-property: transform;
  349. transition-property: transform;
  350. -webkit-transition-duration: 0.3s;
  351. transition-duration: 0.3s;
  352. -webkit-transition-timing-function: ease-out;
  353. transition-timing-function: ease-out;
  354. }
  355. #title:hover, #title:focus, #title:active, #title2:hover, #title2:focus, #title2:active {
  356. color: {color:post background};
  357. }
  358. .posts:hover #title:before, #title:focus:before, #title:active:before,
  359. #listset:hover #title2:before, #title2:focus:before, #title2:active:before{
  360. color: {color:post background};
  361. -webkit-transform: scaleX(1);
  362. transform: scaleX(1);
  363. }
  364.  
  365. .posts:hover #title, #listset:hover #title2 {
  366. color:{color:post background};
  367. }
  368.  
  369. #title a, #title2 a {
  370. color:{text:post background};
  371. }
  372.  
  373. #listset:hover #title2 a {
  374. color:{color:post background};
  375. }
  376.  
  377.  
  378.  
  379. #title:hover a, #title2:hover a {
  380. color:{color:post background};
  381. }
  382.  
  383. #title:hover a:hover, #title2:hover a:hover {
  384. color:{color:link};
  385. }
  386.  
  387.  
  388. #title2 {
  389. width: 700px;
  390. font-size:80%;
  391. margin-left:-20px;
  392. text-transform:uppercase;
  393. letter-spacing:1px;
  394. height: 13px;
  395. line-height: 13px;
  396. text-align:left;
  397. }
  398.  
  399.  
  400. #title {
  401. line-height:11px;
  402. }
  403.  
  404. .posts:hover #title a {
  405. color:{color:text};
  406. }
  407.  
  408. #toptitle #title:before {
  409. border-top-left-radius: 5px;
  410. border-top-right-radius: 5px;
  411. }
  412.  
  413. #top {
  414. width:100%;
  415. display:hidden;
  416. position:fixed;
  417. top:0;
  418. left:0;
  419. float:right;
  420. z-index:999998;
  421. height:50px;
  422.  
  423. }
  424.  
  425. #alltoplink {
  426. margin-left:-5px;
  427.  
  428. }
  429.  
  430. #toplinks {
  431.  
  432. font-size:15px;
  433. color:{color:accent1};
  434. float:right;
  435. padding-right:-5px;
  436. margin-right:12px;
  437. margin-top:13px;
  438. font-family:Roboto, Arial;
  439. cursor:pointer;
  440. -moz-transition-duration:0.4s;
  441. -webkit-transition-duration:0.4s;
  442. -o-transition-duration:0.4s;
  443. text-decoration:none;
  444. }
  445.  
  446. #toplinks:hover {
  447. color:{color:accent2};
  448. float:right;
  449. font-weight:900;
  450. -moz-transition-duration:0.4s;
  451. -webkit-transition-duration:0.4s;
  452. -o-transition-duration:0.4s;
  453.  
  454. }
  455.  
  456. #toplinks a {
  457. color:{color:accent1};
  458. }
  459.  
  460. #toplinks a:hover {
  461. color:{color:accent2}!important;
  462. }
  463.  
  464.  
  465. #controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  466. animation: fadein 2s;
  467. margin-top:10px;
  468. opacity:.5!important;
  469. position:fixed!important;
  470. {block:ifNotShowUpdates}
  471. right:75px!important;
  472. {/block:ifNotShowUpdates}
  473. z-index:999999999999999!important;
  474. display:none;
  475. -webkit-animation: fadein 2s;
  476. -moz-animation: fadein 2s;
  477. -ms-animation: fadein 2s;
  478. -o-animation: fadein 2s;
  479. }
  480.  
  481.  
  482. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  483. margin-top:-3px;
  484. }
  485.  
  486. @keyframes fadein {
  487. from { opacity: 0; }
  488. to { opacity: 1; }
  489. }
  490.  
  491. @-moz-keyframes fadein {
  492. from { opacity: 0; }
  493. to { opacity: 1; }
  494. }
  495.  
  496. @-webkit-keyframes fadein {
  497. from { opacity: 0; }
  498. to { opacity: 1; }
  499. }
  500.  
  501. @-ms-keyframes fadein {
  502. from { opacity: 0; }
  503. to { opacity: 1; }
  504. }
  505.  
  506. @-o-keyframes fadein {
  507. from { opacity: 0; }
  508. to { opacity: 1; }
  509. }
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516. #sidebar {
  517. left:150px;
  518. text-align:left;
  519. position:fixed;
  520. padding:0px 0px 0px 0px;
  521. height:100%;
  522. font-smoothing:always;
  523. -webkit-font-smoothing: antialiased;
  524. -moz-osx-font-smoothing: grayscale;
  525. width:200px;
  526. background:{color:accent1};
  527. {block:ifGradientSidebar}
  528. background:linear-gradient( to top, {color:accent1}, {color:accent2});
  529. background: -webkit-linear-gradient(top, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  530. background: -o-linear-gradient(top, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  531. background: -moz-linear-gradient(top, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  532. {/block:ifGradientSidebar}
  533. }
  534.  
  535.  
  536. #imgwidth {
  537. width:100%;
  538. margin-top:200px;
  539. text-align:center;
  540. }
  541.  
  542.  
  543.  
  544. #sidebar img {
  545. width:100px;
  546. height:100px;
  547. text-align:center;
  548. margin-left:-3px;
  549. margin-top:-3px;
  550. border:2px solid {color:post background};
  551. -o-transition:.5s;
  552. -ms-transition:.5s;
  553. -moz-transition:.5s;
  554. -webkit-transition:.5s;
  555. }
  556.  
  557. #sidebar img:hover {
  558. border:2px solid {color:description};
  559. -o-transition:.5s;
  560. -ms-transition:.5s;
  561. -moz-transition:.5s;
  562. -webkit-transition:.5s;
  563. }
  564.  
  565.  
  566. #blogtitle {
  567.  
  568. height:auto;
  569. letter-spacing:{text:blog title spacing}px;
  570. text-align:center;
  571. color: {color:post background};
  572. line-height:15px;
  573. text-transform:uppercase;
  574. font-family: Roboto, Arial;
  575. font-size:10px;;
  576. margin-top:-2px;
  577. padding-top:10px;
  578. z-index:-1;
  579. -webkit-transition-property: color;
  580. transition-property: color;
  581. -webkit-transition-duration: 0.3s;
  582. transition-duration: 0.3s;
  583. -webkit-transform: perspective(1px) translateZ(0);
  584. transform: perspective(1px) translateZ(0);
  585. margin-top:225px;
  586. {block:ifShowSidebarImage}
  587. margin-top:-2px;
  588. {/block:ifShowSidebarImage}
  589. {block:ifShowColorblock}
  590. margin-top:-2px;
  591. {/block:ifShowColorblock}
  592.  
  593.  
  594. }
  595.  
  596. #blogtitle a {
  597. color: {color:background};
  598. font-family: 'YourFont', Roboto, Arial;
  599. font-size:120%;
  600. }
  601.  
  602.  
  603. #blogtitle a:hover, #blogtitle a:focus, #blogtitle a:active {
  604. color: {color:description};
  605. }
  606. #blogtitle a:hover:before, #blogtitle a:focus:before, #blogtitle a:active:before {
  607. -webkit-transform: scaleX(1);
  608. transform: scaleX(1);
  609. }
  610.  
  611.  
  612.  
  613.  
  614. #description {
  615. color:{color:description};
  616. padding-top:8px;
  617. padding-bottom:8px;
  618. font-size:11px;
  619. padding-left:20px;
  620. padding-right:20px;
  621. line-height:11px;
  622. margin:0 auto;
  623. width:110px;
  624. text-align:center;
  625. }
  626.  
  627.  
  628. #links {
  629.  
  630. margin-top:10px;
  631. text-align:center;
  632. font-size:85%;
  633. width:100%;
  634. margin-left:-2px;
  635. margin-top:0px;
  636. }
  637.  
  638.  
  639. #links a {
  640. display:block;
  641. text-align:center;
  642. font-weight:500;
  643. margin:0 auto;
  644. height:15px;
  645. margin-bottom:7px;
  646. padding:2px 2px 2px 2px;
  647. border-bottom:1px solid {color:background};
  648. width:100px;
  649. color:{color:background};
  650. text-transform:uppercase;
  651. font-size:90%;
  652.  
  653. }
  654.  
  655. #links i {
  656. margin-right:5px;
  657. color:{color:description};
  658. line-height:15px;
  659. font-size:10px;
  660. }
  661.  
  662.  
  663. #links a::after {
  664. content: '';
  665. overflow:visible;
  666. display: block;
  667. width: 0;
  668. margin-left:-2px;
  669. margin-top:1.5px;
  670. height: 1px;
  671. background:{color:description};
  672. transition: width .3s;
  673. }
  674.  
  675. #links a:hover::after {
  676. background:{color:description};
  677. width: 105%;
  678. transition: width .3s;
  679.  
  680. }
  681.  
  682.  
  683.  
  684. #links a:hover {
  685. color:{color:description};
  686. -o-transition:.5s;
  687. -ms-transition:.5s;
  688. -moz-transition:.5s;
  689. -webkit-transition:.5s;
  690. }
  691.  
  692.  
  693. #links a:hover .searchbox input {
  694. color:{color:description};
  695. -o-transition:.5s;
  696. -ms-transition:.5s;
  697. -moz-transition:.5s;
  698. -webkit-transition:.5s;
  699. }
  700.  
  701.  
  702. #hiddennav {
  703. overflow:hidden;
  704. max-height:0;
  705. -webkit-transition:max-height 500ms ease-in;
  706. -moz-transition:max-height 500ms ease-in;
  707. -o-transition:max-height 500ms ease-in;
  708. transition:max-height 500ms ease-in;
  709. }
  710.  
  711.  
  712. #nav:hover #hiddennav {
  713. max-height:300px;
  714. }
  715.  
  716. #nav:hover #navtab a{
  717. color:{color:description};
  718. }
  719.  
  720.  
  721. #description a {
  722. color:{color:post background};
  723. }
  724.  
  725. #description a:hover {
  726. color:{color:description};
  727. }
  728.  
  729.  
  730. .searchbox {
  731. font-size:10px;;
  732. font-family:Roboto, Arial;
  733. height:auto;
  734. margin-top:0px;
  735. margin-right:-10px;
  736.  
  737. }
  738.  
  739. .searchbox input:hover {
  740. color:{color:description};
  741. -moz-transition-duration:0.4s;
  742. -webkit-transition-duration:0.4s;
  743. -o-transition-duration:0.4s;
  744.  
  745. }
  746.  
  747. .searchbox input{
  748. background:transparent;
  749. width:50px;
  750. border:0;
  751. margin-left:-10px;
  752. text-transform:uppercase;
  753. font-size:80%;
  754. text-align:right;
  755. font-weight:500;
  756. color:{color:post background};
  757.  
  758.  
  759.  
  760. }
  761.  
  762.  
  763.  
  764. #pagination a {
  765.  
  766. width:15px!important;
  767. text-align:center;
  768. height:15px!important;
  769. line-height:15px!important;
  770. float:none!important;
  771. display:inline-block!important;
  772. }
  773.  
  774. #pagination {
  775. height:0px;
  776. margin:0 auto!important;
  777. margin-left:0px!important;
  778. position:relative;
  779. text-align:center;
  780. display:block!important;
  781. }
  782.  
  783.  
  784. #con {
  785. margin-left:465px;
  786. position:absolute;
  787. width:{text:post width}px;
  788. }
  789.  
  790.  
  791. .entries {
  792. opacity: 1;
  793. transition: 2s opacity;
  794. margin-top:50px;
  795.  
  796. -webkit-animation: fadein 2s;
  797. -moz-animation: fadein 2s;
  798. -ms-animation: fadein 2s;
  799. -o-animation: fadein 2s;
  800. animation: fadein 2s;
  801. }
  802.  
  803.  
  804.  
  805. .posts {
  806. padding-top:10px;
  807. text-align:left;
  808. width:{text:post width}px;
  809. max-width:{text:post width}px;
  810. margin-bottom:70px;
  811. text-align:left;
  812. font-size:11px;;
  813. font-weight:400;
  814. line-height:100%;
  815. letter-spacing:0px;
  816. color:{color:text};
  817. text-shadow:1px 1px 1px 1px rgba(0,0,0,0.005);
  818. overflow:hidden;
  819.  
  820.  
  821. }
  822.  
  823.  
  824. .posts {
  825. -webkit-animation: fadein 2s;
  826. -moz-animation: fadein 2s;
  827. -ms-animation: fadein 2s;
  828. -o-animation: fadein 2s;
  829. animation: fadein 2s;
  830.  
  831. }
  832.  
  833. .posts .photo-slideshow {
  834. -webkit-animation: fadein 2s;
  835. -moz-animation: fadein 2s;
  836. -ms-animation: fadein 2s;
  837. -o-animation: fadein 2s;
  838. animation: fadein 2s;
  839. }
  840.  
  841. .posts a {
  842. color:{color:link};
  843. font-weight:500;
  844. }
  845.  
  846. .posts a:hover {
  847. color:{color:accent1};
  848.  
  849. }
  850.  
  851. .posts img, .posts li, .posts blockquote {
  852. max-width:100%;
  853. height:auto;
  854.  
  855. }
  856.  
  857. .posts blockquote {
  858. width:calc({text:post width}px - 100px);
  859. }
  860.  
  861. .posts li {
  862. text-align:left;
  863. }
  864.  
  865.  
  866. .posts:before {
  867. content: "";
  868. position: absolute;
  869. z-index: -1;
  870. left: 0;
  871. right: 100%;
  872. margin-top: 5px;
  873. background:{color:accent1};
  874. background:linear-gradient( to left, {color:accent1}, {color:accent2});
  875. background: -webkit-linear-gradient(left, {color:accent1}, {color:accent2}); /* For Safari 5.1 to 6.0 */
  876. background: -o-linear-gradient(right, {color:accent1}, {color:accent2}); /* For Opera 11.1 to 12.0 */
  877. background: -moz-linear-gradient(right, {color:accent1}, {color:accent2}); /* For Firefox 3.6 to 15 */
  878. height: 2px;
  879. -webkit-transition-property: right;
  880. transition-property: right;
  881. -webkit-transition-duration: 0.3s;
  882. transition-duration: 0.3s;
  883. -webkit-transition-timing-function: ease-out;
  884. transition-timing-function: ease-out;
  885. }
  886. .posts:hover:before, .posts:focus:before, .posts:active:before {
  887. right: 0;
  888. }
  889.  
  890.  
  891. #upperstuff {
  892. font-size:80%;
  893. letter-spacing:1px;
  894. text-align:left;
  895. background:none;
  896. text-transform:uppercase;
  897. display:inline-block!important;
  898. width:100%;
  899. margin:0 auto;
  900. padding-bottom:5px;
  901.  
  902. }
  903.  
  904.  
  905.  
  906.  
  907. #usericon {
  908. width:30px;
  909. height:30px;
  910. display:inline-block!important;
  911. padding:2px 2px 2px 2px;
  912. padding-right:8px;
  913. margin-top:10px;
  914.  
  915. padding-bottom:0px;
  916.  
  917. -webkit-transform: perspective(1px) translateZ(0);
  918. transform: perspective(1px) translateZ(0);
  919. -webkit-transition-property: color;
  920. transition-property: color;
  921. -webkit-transition-duration: 0.3s;
  922. transition-duration: 0.3s;
  923. overflow:visible;
  924.  
  925. }
  926.  
  927. #usericon img {
  928. width:30px;
  929. vertical-align:bottom;
  930.  
  931. top:10px;
  932. padding:2px 2px 2px 2px;
  933.  
  934. }
  935.  
  936.  
  937.  
  938.  
  939. #topurl {
  940. text-align:center;
  941. border:1px solid {color:border};
  942. padding-right:10px;
  943. padding-left:10px;
  944. line-height:30px;
  945. background:{color:post background};
  946. margin-top:14px;
  947. margin-left:5px;
  948. display:inline-block!important;
  949. vertical-align:top;
  950. text-align:top;
  951. height:30px;
  952. -moz-transition-duration:0.4s;
  953. -webkit-transition-duration:0.4s;
  954. -o-transition-duration:0.4s;
  955.  
  956. }
  957.  
  958.  
  959.  
  960. .posts:hover #upperstuff {
  961. color:{color:accent1};
  962. }
  963.  
  964.  
  965. .posts:hover #upperstuff a{
  966. color:{color:accent1};
  967. }
  968.  
  969. .posts:hover #upperstuff a:hover {
  970. color:{color:accent2};
  971. }
  972.  
  973.  
  974. #itemsbelow {
  975. background:{color:post background};
  976. border:1px solid {color:border};
  977. max-width:100%;
  978. overflow:hidden;
  979.  
  980. }
  981.  
  982. .photo-slideshow {
  983. visibility: visible!important;
  984. }
  985.  
  986.  
  987. #postlink a{
  988. color:{color:accent1};
  989. }
  990.  
  991. #postlink a:hover{
  992. color:{color:accent2};
  993. }
  994.  
  995. .caption {
  996. text-align:left;
  997. width:{text:post width}px;
  998. padding-right:5px;
  999. padding-bottom:5px;
  1000. padding-top:5px;
  1001. overflow:hidden;
  1002. }
  1003.  
  1004.  
  1005. .tumblr_parent {
  1006. padding-left:0px;
  1007. margin-left:20px;
  1008.  
  1009. }
  1010. .tumblr_parent blockquote {
  1011. margin-left:20px;
  1012. border-left:1px solid {color:border};
  1013. padding-left:5px;
  1014. }
  1015.  
  1016.  
  1017. a.tumblr_blog {
  1018. font-size:80%;
  1019. letter-spacing:1px;
  1020. text-transform:uppercase;
  1021. text-decoration:underline;
  1022. -moz-transition-duration:0.4s;
  1023. -webkit-transition-duration:0.4s;
  1024. -o-transition-duration:0.4s;
  1025. border-left:none!important;
  1026.  
  1027.  
  1028. }
  1029.  
  1030.  
  1031. #titlequote {
  1032. padding:10px 20px 10px 20px;
  1033. text-align:left;
  1034. font-size:12px;
  1035. margin-left:-7px;
  1036. line-height:17px;
  1037. font-weight:400;
  1038. }
  1039.  
  1040. #source {
  1041. padding:0px 10px 10px 10px;
  1042. margin-top:0px;
  1043. text-align:left;
  1044. margin-bottom:11px;
  1045. font-size:80%;
  1046. text-transform:uppercase;
  1047. margin-left:0px;
  1048. }
  1049.  
  1050. /*asks*/
  1051.  
  1052. .q {
  1053. padding: 5px 30px 5px 30px;
  1054. height:110%;
  1055. font-size:11px;
  1056. color:{color:text};
  1057. border-left:1px solid {color:titleborder};
  1058. margin-top:-10px;
  1059. overflow:hidden;
  1060. text-align:left;
  1061. margin-left:-10px;
  1062. }
  1063.  
  1064.  
  1065. .posts:hover #asker a {
  1066. color:{color:text};
  1067.  
  1068. }
  1069.  
  1070. .posts:hover #asker a:hover {
  1071. color:{color:post background};
  1072.  
  1073. }
  1074.  
  1075.  
  1076. .chat ol {
  1077. padding:0;
  1078. list-style:none;
  1079. }
  1080.  
  1081. .line {
  1082. padding:0px 0;
  1083. }
  1084.  
  1085. .label {
  1086. font-weight:400;
  1087. }
  1088.  
  1089. #video {
  1090. top: -{text:post width}px;
  1091. width:{text:post width}px;
  1092. }
  1093.  
  1094.  
  1095. #audio {
  1096. height:50px;
  1097. padding:0;
  1098. }
  1099.  
  1100. #audioplayer {
  1101. width:30px;
  1102. margin-top:15px;
  1103. margin-left:15px;
  1104. opacity:.5;
  1105. overflow:hidden;
  1106. position:absolute;
  1107. vertical-align:top;
  1108. z-index:999999;
  1109. }
  1110.  
  1111. #albumart {
  1112. position:absolute;
  1113. z-index:1;
  1114. vertical-align:top;
  1115. width:61px;
  1116. height:61px;
  1117. padding-top:-10px;
  1118. margin-top:1px;
  1119. }
  1120.  
  1121. #audioinfo {
  1122. text-align:center;
  1123. display:inline;
  1124. }
  1125.  
  1126.  
  1127. #postinfo {
  1128.  
  1129. width:95%;
  1130. margin-top:-2px;
  1131. {block:Caption}
  1132. margin-top:4px;
  1133. {/block:Caption}
  1134. margin-left:0px;
  1135. font-size:11px;;
  1136. border-top:1px solid {color:border};
  1137. display:inline-block;
  1138. padding-right:20px;
  1139. vertical-align:text-top;
  1140. {block:Answer}
  1141. margin-top:-10px!important;
  1142. {/block:Answer}
  1143. text-align:left;
  1144.  
  1145.  
  1146. }
  1147.  
  1148. #tags {
  1149. width:100%;
  1150. text-transform:none;
  1151. margin-left:-14px;
  1152. font-size:10px;;
  1153. padding-left:25px;
  1154. text-align:left;
  1155. padding-bottom:12px;
  1156. opacity:0.8;
  1157. }
  1158.  
  1159.  
  1160. #tags a {
  1161. color:{color:text};
  1162. margin-left:-3px;
  1163. font-weight:400;
  1164. padding-right:5px;
  1165.  
  1166. }
  1167.  
  1168. #tags a:hover {
  1169. color:{color:accent1};
  1170. }
  1171.  
  1172.  
  1173.  
  1174.  
  1175. .options {
  1176.  
  1177. }
  1178.  
  1179. .options i {
  1180. color:{color:accent1};
  1181. -moz-transition-duration:0.4s;
  1182. -webkit-transition-duration:0.4s;
  1183. -o-transition-duration:0.4s;
  1184. }
  1185.  
  1186. .like:hover i {
  1187. color:{color:accent2};
  1188. }
  1189.  
  1190. .options i:hover {
  1191. color:{color:accent2};
  1192. }
  1193. .options .reblog {
  1194. opacity:.93;
  1195. }
  1196.  
  1197. .like:hover {
  1198. color:{color:accent2};
  1199.  
  1200. }
  1201.  
  1202. .like:hover a {
  1203. color:{color:accent2};
  1204.  
  1205. }
  1206.  
  1207.  
  1208. .reblog:hover .fa-spin-hover {
  1209. -webkit-animation: fa-spin 2s infinite linear;
  1210. -moz-animation: fa-spin 2s infinite linear;
  1211. -o-animation: fa-spin 2s infinite linear;
  1212. animation: fa-spin 2s infinite linear;
  1213.  
  1214. }
  1215.  
  1216. .fa-spin-fix .fa-spin {
  1217. -webkit-transform-origin: 50% calc(50% - .5px);
  1218. transform-origin: 50% calc(50% - .5px);
  1219. }
  1220.  
  1221.  
  1222.  
  1223. .options a:hover, .options a:hover i {
  1224. color:{color:accent2};
  1225. }
  1226.  
  1227. .options:hover {
  1228. color:{color:accent2};
  1229. }
  1230.  
  1231. .options .like .liked + i {
  1232. color:#ec5a5a;
  1233. }
  1234.  
  1235.  
  1236. .options .like .like_button {
  1237. position:relative;
  1238. }
  1239. .options .like .like_button iframe {
  1240. position:absolute;
  1241. top:0;
  1242. left:0;
  1243. bottom:0;
  1244. right:0;
  1245. z-index:2;
  1246. opacity:0;
  1247. }
  1248.  
  1249.  
  1250. #l {
  1251. border-top:1px solid {color:border};
  1252. width:106%;
  1253. margin-left:-10px;
  1254. float:left;
  1255.  
  1256. }
  1257.  
  1258.  
  1259.  
  1260. .pagenotes {
  1261. {block:IndexPage}
  1262. display: none!important;
  1263. {/block:IndexPage}
  1264. width:{text:post width};
  1265. text-align:left;
  1266.  
  1267. }
  1268.  
  1269. .notes {
  1270. font-size:8px!important;
  1271. }
  1272.  
  1273. .pagenotes img {
  1274. display:none!important;
  1275. }
  1276.  
  1277. .pagenotes li {
  1278. list-style-type:none;
  1279. padding:2px 0px;
  1280. font-size:8px;
  1281. text-align:left;
  1282. margin:0 0 0 -40px;
  1283. }
  1284.  
  1285. #credit {
  1286. width:20px;
  1287. position:fixed;
  1288. bottom:0;
  1289. right:10px;
  1290. float:right;
  1291. z-index:999998;
  1292. }
  1293.  
  1294. #myinfo {
  1295. width:225px;
  1296. float:right;
  1297. font-size:10px;
  1298. line-height:11px;
  1299. margin-left:calc({text:post width}px + 110px);
  1300. margin-top:75px;
  1301. height:auto;
  1302. background:{color:post background};
  1303. position:fixed;
  1304. overflow:hidden;
  1305. border:1px solid {color:border};
  1306.  
  1307. }
  1308. #infoimg {
  1309. display:inline-block;
  1310.  
  1311. }
  1312.  
  1313. #tab {
  1314. height:30px;
  1315. padding:0px 10px 0px 10px;
  1316. vertical-align:middle;
  1317. text-transform:uppercase;
  1318. background:{color:titlebg};
  1319. border:1px solid {color:titleborder};
  1320. font-size:95%;
  1321. line-height:30px;
  1322. }
  1323.  
  1324.  
  1325.  
  1326. #content {
  1327. display:inline-block;
  1328. vertical-align:text-top;
  1329. }
  1330.  
  1331. #contenttext {
  1332. padding:10px 10px 10px 10px;
  1333. }
  1334.  
  1335. #tab a {
  1336. font-weight:500;
  1337. }
  1338. #tab a:hover, #tab i:hover {
  1339. color:{color:accent2}!important;
  1340. -moz-transition-duration:0.4s;
  1341. -webkit-transition-duration:0.4s;
  1342. -o-transition-duration:0.4s;
  1343. }
  1344. #infotab #content {
  1345. overflow:hidden;
  1346. max-height:0px;
  1347. -webkit-transition:all 500ms ease-in;
  1348. -moz-transition:all 500ms ease-in;
  1349. -o-transition:all 500ms ease-in;
  1350. transition:all 500ms ease-in;
  1351.  
  1352.  
  1353. }
  1354.  
  1355.  
  1356. #infotab:hover #content {
  1357. max-height:150px;
  1358. }
  1359.  
  1360.  
  1361. #infotab:hover #tab {
  1362. color:{color:accent1};
  1363. }
  1364.  
  1365.  
  1366.  
  1367. #infotab #content {
  1368. display:block;
  1369. }
  1370.  
  1371. {CustomCSS}
  1372.  
  1373. </style>
  1374.  
  1375.  
  1376.  
  1377. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1378.  
  1379. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1380.  
  1381. <script>
  1382. (function($){
  1383. $(document).ready(function(){
  1384. $("a[title]").style_my_tooltips({
  1385. tip_follows_cursor:true,
  1386. tip_delay_time:90,
  1387. tip_fade_speed:600,
  1388. attribute:"title"});});})(jQuery);
  1389. </script>
  1390.  
  1391.  
  1392.  
  1393.  
  1394. </head>
  1395.  
  1396. <body>
  1397.  
  1398. <!-- Alternate tumblr controls -->
  1399. {block:ifNotShowUpdates}
  1400. <div id="top">
  1401. <div id="alltoplink" style="right:-10px;">
  1402. <div class="controloptions"><a title="controls" style="font-weight:normal"><div id="toplinks" style="font-weight:normal;"><i class="fa fa-bars" aria-hidden="true"></i>
  1403. </a></div></div>
  1404. <a title="follow" style="font-weight:normal;" href="https://www.tumblr.com/follow/{Name}/">
  1405. <div id="toplinks" style="margin-right:10px;font-weight:normal;"><i class="fa fa-plus" aria-hidden="true"></i>
  1406. </div>
  1407. </a>
  1408. </div>
  1409. </div>
  1410. {/block:ifNotShowUpdates}
  1411.  
  1412.  
  1413. <!-- sidebar -->
  1414. <div id="sidebar">
  1415. {block:ifShowColorblock}
  1416. <div id="colorblock"></div>
  1417. {/block:ifShowColorblock}
  1418. {block:ifShowSidebarImage}
  1419. <!-- sidebar image start -->
  1420. <div id="imgwidth"><div id="sidebar img"><a href="/"><img src="{image:sidebar}"/></a></div></div>
  1421. <!-- sidebar image end -->
  1422. {/block:ifShowSidebarImage}
  1423. <div id="blogtitle"><a href="/">{Title}</a></div>
  1424. <div id="description">{Description}</div>
  1425. <!-- links -->
  1426. <div id="links">
  1427. <a href="/"><i style="margin-left:5px;font-size:12px;float:left;" class="fa fa-home"></i>&nbsp;<span style="float:right;margin-left:-10px;">HOME</span></a>
  1428.  
  1429. <a href="/ask"><i style="margin-left:5px;font-size:9px;float:left;" class="fa fa-envelope"></i>&nbsp;<span style="float:right;">ASK</span></a>
  1430. {block:ifShowAbout}
  1431. <a href="{text:about url}"><i style="margin-left:5px;font-size:10px;float:left;" class="fa fa-user"></i>&nbsp;<span style="float:right;">ABOUT</span></a>
  1432. {/block:ifShowAbout}
  1433.  
  1434. <!-- Dropdown navigation -->
  1435. {block:ifExtraLinks}
  1436. <div id="nav"><div id="navtab"><a href="#"><i style="margin-left:5px;float:left;font-size:10px;" class="fa fa-bars"></i>&nbsp;<span style="float:right;">NAVIGATION</span></a></div>
  1437.  
  1438. <div id="hiddennav">
  1439.  
  1440. {block:IfLink1}
  1441. <a href="{text:link 1 URL}"><i style="margin-left:5px;float:left;font-size:10px;" class="fa fa-{text:link 1 icon}"></i>&nbsp;<span style="float:right;">{text:link 1}</span></a>
  1442. {/block:IfLink1}
  1443.  
  1444.  
  1445. {block:IfLink2}
  1446. <a href="{text:link 2 URL}"><i style="margin-left:5px;float:left;font-size:10px;" class="fa fa-{text:link 2 icon}"></i>&nbsp;<span style="float:right;">{text:link 2}</span></a>
  1447. {/block:IfLink2}
  1448.  
  1449. {block:IfLink3}
  1450. <a href="{text:link 3 URL}"><i style="float:left;margin-left:5px;font-size:10px;" class="fa fa-{text:link 3 icon}"></i>&nbsp;<span style="float:right;">{text:link 3}</span></a>
  1451. {/block:IfLink3}
  1452.  
  1453.  
  1454. {block:IfLink4}
  1455. <a href="{text:link 4 URL}"><i style="margin-left:5px;float:left;font-size:10px;" class="fa fa-{text:link 4 icon}"></i>&nbsp;<span style="float:right;">{text:link 4}</span></a>
  1456. {/block:IfLink4}
  1457.  
  1458.  
  1459. {block:IfLink5}
  1460. <a href="{text:link 5 URL}"><i style="margin-left:5px;float:left;font-size:10px;" class="fa fa-{text:link 5 icon}"></i>&nbsp;<span style="float:right;">{text:link 5}</span></a>
  1461. {/block:IfLink5}
  1462.  
  1463. {block:IfLink6}
  1464. <a href="{text:link 6 URL}"><i style="float:left;margin-left:5px;font-size:10px;" class="fa fa-{text:link 6 icon}"></i>&nbsp;<span style="float:right;">{text:link 6}</span></a>
  1465. {/block:IfLink6}
  1466.  
  1467.  
  1468. <!-- searchbox -->
  1469. {block:IfShowSearchbox}
  1470. <a><i style="font-size:12px;float:left;margin-left:5px" class="fa fa-search"></i>&nbsp;
  1471. <form class="searchbox" style="width:60px;border:0px solid;float:right;" onsubmit="return tagSearch(this)">
  1472. <input type="text" name="tag" value="{text:Search Label}" onfocus="if (this.value == '{text:Search Label}') {this.value=''}" onblur="if (this.value == '') {this.value='{text:Search Label}'}" /></form>
  1473. </a>
  1474. {/block:IfShowSearchbox}
  1475.  
  1476.  
  1477.  
  1478. </div>
  1479.  
  1480. </div>
  1481. {/block:ifExtraLinks}
  1482. <!-- pagination -->
  1483. {block:Pagination}
  1484. <div id="pagination">
  1485.  
  1486. {block:PreviousPage}
  1487. <br> <a href="{PreviousPage}"><span class="fa fa-chevron-left"></span>
  1488. </a>
  1489. {/block:PreviousPage}
  1490.  
  1491. {block:JumpPagination length="4"}
  1492. {block:CurrentPage}
  1493. <a style="color:{color:description};border-bottom:0.5px solid {color:description};"><span class="current">{PageNumber}</span></a>
  1494. {/block:CurrentPage}
  1495. {block:JumpPage}
  1496. <a href="{URL}">{PageNumber}</a>
  1497. {/block:JumpPage}
  1498. {/block:JumpPagination}
  1499.  
  1500. {block:NextPage}
  1501. <a href="{NextPage}"><span class="fa fa-chevron-right"></span>
  1502. </a>
  1503. {/block:NextPage}
  1504.  
  1505. </div>
  1506.  
  1507. {/block:Pagination}
  1508. </div>
  1509.  
  1510. <!-- DO NOT TOUCH -->
  1511. {block:notIndexPage}
  1512. </div>
  1513. {/block:notIndexPage}
  1514. <!-- THANK YOU -->
  1515. <!-- pagination -->
  1516.  
  1517. </div>
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524. <div id="con">
  1525. <!-- Updates tab
  1526. NOTE: IF YOU TAKE THIS UPDATES TAB, YOU MUST GIVE ME CREDIT-->
  1527.  
  1528. {block:ifShowUpdates}
  1529.  
  1530. <div id="myinfo">
  1531. <div id="tab"><div id="infotab1"><a href="/" style="text-transform:uppercase;color:{color:accent1}">{Name} </a>&nbsp;&nbsp; <span style="float:right;"><a title="follow" style="font-weight:normal;" href="https://www.tumblr.com/follow/{Name}/">
  1532. <i class="fa fa-plus" aria-hidden="true" style="color:{color:accent1}"></i>&nbsp;&nbsp;
  1533. <a class="controloptions" title="controls" href="#" style="font-weight:normal"><i class="fa fa-bars" aria-hidden="true" style="color:{color:accent1}"></i>
  1534. </a></span></div></div>
  1535. <div id="content"><div id="contenttext"><div id="ctab1"><a href="/"><img id="infoimg" src="{PortraitURL-64}"/></a><span style="display:inline-block;max-width:130px; margin-left:10px;line-height:13px;vertical-align: top;margin-top: 5px;">{text:main tab text}</div></div></div></span>
  1536. {block:ifTab1Label}
  1537. <div id="infotab"><div id="tab">{text:tab1 label}</div>
  1538. <div id="content"><div id="contenttext">
  1539. {text:tab1 text}
  1540. </div>
  1541. </div></div>
  1542. {/block:ifTab1Label}
  1543. {block:ifTab2Label}
  1544. <div id="infotab"><div id="tab">{text:tab2 label}</div>
  1545. <div id="content"><div id="contenttext">
  1546. {text:tab2 text}
  1547. </div>
  1548. </div></div>
  1549. {/block:ifTab2Label}
  1550. {block:ifTab3Label}
  1551. <div id="infotab"><div id="tab">{text:tab3 label}</div>
  1552. <div id="content"><div id="contenttext">
  1553. {text:tab3 text}
  1554. </div>
  1555. </div></div>
  1556. {/block:ifTab3Label}
  1557. {block:ifTab4Label}
  1558. <div id="infotab"><div id="tab">{text:tab4 label}</div>
  1559. <div id="content"><div id="contenttext">
  1560. {text:tab4 text}
  1561. </div>
  1562. </div></div>
  1563. {/block:ifTab4Label}
  1564. {block:ifTab5Label}
  1565. <div id="infotab"><div id="tab">{text:tab5 label}</div>
  1566. <div id="content"><div id="contenttext">
  1567. {text:tab5 text}
  1568. </div>
  1569. </div></div>
  1570. {/block:ifTab5Label}
  1571. {block:ifTab6Label}
  1572. <div id="infotab"><div id="tab">{text:tab6 label}</div>
  1573. <div id="content"><div id="contenttext">
  1574. {text:tab6 text}
  1575. </div>
  1576. </div></div>
  1577. {/block:ifTab6Label}
  1578. {block:ifTab7Label}
  1579. <div id="infotab"><div id="tab">{text:tab7 label}</div>
  1580. <div id="content"><div id="contenttext">
  1581. {text:tab7 text}
  1582. </div>
  1583. </div></div>
  1584. {/block:ifTab7Label}
  1585. </div>
  1586. {/block:ifShowUpdates}
  1587.  
  1588.  
  1589. <!-- POSTS -->
  1590. <div class="entries">
  1591.  
  1592. {block:Posts}
  1593.  
  1594. <div class="posts" id="{PostID}">
  1595. <div id="upperstuff">
  1596. <div id="icons">
  1597.  
  1598. {block:NotReblog}
  1599. <div id="usericon"><img src="{PortraitURL-40}"/></div>
  1600. <div id="topurl" style="margin-left:0px"> <i class="fa fa-pencil" aria-hidden="true"></i>&nbsp; <a href="/">{Name}</a></div>
  1601. {/block:NotReblog}
  1602.  
  1603. {block:RebloggedFrom}
  1604. <div id="usericon"><a title="{ReblogParentTitle}" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-40}" /></a></div>
  1605. <div id="topurl" style="margin-left:-2px"> <i class="fa fa-refresh" aria-hidden="true"></i>&nbsp; <a title="{ReblogParentTitle}" href="{ReblogParentURL}">{ReblogParentName}</a></div>
  1606. {/block:RebloggedFrom}
  1607.  
  1608. {block:Date}
  1609. <span style="float:right;font-size:10px">
  1610. <div class="options">
  1611. {block:NoteCount}<div id="topurl"><a href="{Permalink}" style="margin-left:0px;" title="{NoteCount} notes"><i class="fa fa-thumbs-up" aria-hidden="true"></i>
  1612. {NoteCount}</a></div>{/block:NoteCount}
  1613. <div id="topurl"><a href="{Permalink}" title="Posted on {ShortMonth} {DayOfMonth}, {Year} at {12Hour}:{Minutes} {AmPm}"><i class="fa fa-calendar-o" aria-hidden="true"></i> </a></div>
  1614. {block:ContentSource}<div id="topurl"><a title="source: {SourceTitle}" href="{SourceURL}" ><i class="fa fa-pencil-square-o
  1615. " aria-hidden="true" style="font-size:11px; line-height:32px"></i>
  1616. </a></div>{/block:ContentSource}
  1617. <div id="topurl"><a href="{ReblogURL}" target="_blank" class="reblog" title="reblog this post">
  1618. <i class="fa fa-refresh fa-spin-hover" aria-hidden="true"></i>
  1619. </a></div>
  1620. <div id="topurl"><a href="#" class="like" title="like this post">{LikeButton}
  1621. <i class="fa fa-heart" aria-hidden="true"></i>
  1622. </a></div></div></span>
  1623. {/block:Date}
  1624. </div>
  1625. </div>
  1626. <div id= "itemsbelow">
  1627.  
  1628. {block:Quote}
  1629. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  1630. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1631. {/block:Quote}
  1632.  
  1633. {block:Text}
  1634. {block:Title}
  1635. <div id="toptitle"><div id="title">{Title}</div></div>{/block:Title}
  1636. {block:RebloggedFrom}
  1637. <div class="caption">{Body}</div>
  1638. {/block:RebloggedFrom}
  1639. {block:NotReblog}
  1640. <div style="text-align:left;padding:0px 20px 0px 20px;">{Body}</div>
  1641. {/block:NotReblog}
  1642. {/block:Text}
  1643.  
  1644. {block:link}
  1645. <div id="toptitle"><div id="title"><a href="{URL}"><div id="postlink"><i class="fa fa-link"></i>&nbsp; {Name}</a></div></div></div>
  1646. {block:Description}<div style="padding:0px 0px 0px 0px;padding-left:10px;padding-right:10px;">{Description}</div>{/block:Description}
  1647. {/block:link}
  1648.  
  1649. {block:Chat}
  1650. {block:Title}
  1651. <div id="title">{Title}</div>{/block:Title}
  1652. {/block:Text}
  1653. <div style="padding:0px 10px 10px 10px;">{block:lines}
  1654. {block:label}
  1655. <br><b>{label}</b>
  1656. {/block:label}
  1657. {line}
  1658. {/block:lines}</div>
  1659. {/block:Chat}
  1660.  
  1661. {block:Photo}
  1662. {LinkOpenTag}
  1663. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1664. {/block:Photo}
  1665.  
  1666. {block:Photoset}
  1667. <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  1668. <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></div></center></div>
  1669. {/block:Photoset}
  1670.  
  1671. <div class="video">{Video-700}</div>
  1672.  
  1673.  
  1674. {block:Audio}
  1675. <div id="audio">
  1676. <div id="audioinfo">
  1677. <div id="audioplayer" >{AudioPlayerWhite}</div>
  1678. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1679. <div id= "title" style="height:60%; bottom:10px; padding-top:20px;text-align:left;">
  1680. <span style="margin-left:60px;padding-top:30px;">
  1681. {block:TrackName}
  1682. {TrackName}
  1683. {/block:TrackName} - {block:Artist}
  1684. {Artist}
  1685. {/block:Artist}
  1686. </span>
  1687. </div>
  1688. </div> </div>
  1689. {/block:Audio}
  1690.  
  1691. {block:Answer}
  1692.  
  1693. <div id="toptitle"><div id="title"><div id="asker"><i class="fa fa-question-circle" aria-hidden="true"></i>&nbsp;{Asker} said: </div></div></div>
  1694. <div class="q">
  1695. <p>{Question}</p></div>
  1696.  
  1697. {block:NotReblog}
  1698. <div id="title"><div id="asker"><i class="fa fa-info-circle" aria-hidden="true"></i>&nbsp;<a href="/">{Name}</a> replied:</div></div>
  1699. <div class="q" style="padding-bottom:-10px;padding-left:30px;padding-right:30px;">{Answer}</div>
  1700. {/block:NotReblog}
  1701.  
  1702. {block:RebloggedFrom}
  1703. <div id="title"><div id="asker"><i class="fa fa-info-circle" aria-hidden="true"></i>&nbsp;{Answerer}</a> replied: </div></div>
  1704. <div class="q" style="padding-bottom:-10px">{Answer}</div>
  1705. {/block:RebloggedFrom}
  1706. {/block:Answer}
  1707. {block:Caption}{block:RebloggedFrom}
  1708. <div class="caption" style="margin-left:0px;">{Caption}</div>
  1709. {/block:RebloggedFrom}
  1710. {block:NotReblog}
  1711. <div style="text-align:left;padding:10px 20px 10px 20px;">{Caption}</div>
  1712. {/block:NotReblog}{/block:Caption}
  1713.  
  1714.  
  1715.  
  1716. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  1717.  
  1718. {block:Date}
  1719. {block:HasTags}<div id="postinfo">
  1720.  
  1721. <div id="tags" style="padding-top:12px;"}><i class="fa fa-tags" aria-hidden="true" style="color:{color:accent1}"></i>&nbsp;&nbsp;&nbsp;{block:Tags}<a href="{TagUrl}">
  1722. {Tag}.&nbsp;</a>{/block:Tags}</div></div>{/block:HasTags}
  1723.  
  1724. {/block:Date}
  1725.  
  1726.  
  1727. </div>
  1728.  
  1729. {block:PostNotes}
  1730. <div style="padding:0px 10px 0px 10px;" class="pagenotes">
  1731. {PostNotes}
  1732. </div>
  1733. {/block:PostNotes}
  1734. </div>
  1735.  
  1736. {/block:Posts}
  1737.  
  1738.  
  1739.  
  1740. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  1741. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1742. <script>
  1743. /*
  1744.  
  1745. unnest tumblr captions script
  1746. by @magnusthemes & @neothm
  1747. from: http://neothm.com/post/148902138319
  1748.  
  1749. */
  1750. $(document).ready(function () {$(function(){ $('.posts').unnest({
  1751. yourCaption: ".caption",
  1752. wrapName: ".tumblr_parent",
  1753. newCaptionUsername: false,
  1754. originalPostCaptionUsername: false,
  1755. tumblrAvatars: false,
  1756. tumblrAvatarClass: ".tumblr_avatar",
  1757. usernameColon: false
  1758. }); });}); </script>
  1759.  
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765. <!--
  1766. DO NOT REMOVE!!!
  1767. -->
  1768.  
  1769. <div id="credit"><a title="theme by #userchelle" href="https://the-jedi.tumblr.com/"><img src="https://68.media.tumblr.com/62496251ce73eb90b955cdfa12c0ac83/tumblr_op9av3V2XR1tbtydxo2_r1_75sq.png"/></a></div>
  1770.  
  1771. </div>
  1772.  
  1773. </div>
  1774.  
  1775.  
  1776. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1777.  
  1778. <script>
  1779. // PXU Photoset Script by Pixel Union
  1780. $(document).ready(function(){
  1781. $('.photo-slideshow').pxuPhotoset({
  1782. lightbox:true,
  1783. rounded:false,
  1784. gutter:'2.5px',
  1785. borderRadius:'0px',
  1786. photoset:'.photo-slideshow',
  1787. photoWrap:'.photo-data',
  1788. photo:'.pxu-photo'
  1789. });
  1790. });
  1791. </script>
  1792.  
  1793. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment