chellescodes

RIBBONS THEME (LIGHT VERSION) - FOR TUMBLR

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