API tools faq
paste
Advertisement
TitanJelly

theme #41 v1.3 - by titanjelly

TitanJelly
Feb 10th, 2015
4,431
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.13 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. ╱╭╮╱╭╮╱╱╱╱╱╱╭╮╭╮
  5. ╭╯╰┳╯╰╮╱╱╱╱╭╯╰┫┃
  6. ╰╮╭╋╮╭╋━━┳━╋╮╭┫╰━┳━━┳╮╭┳━━┳━━╮
  7. ╱┃┃┣┫┃┃╭╮┃╭╮┫┃┃╭╮┃┃━┫╰╯┃┃━┫━━┫
  8. ╱┃╰┫┃╰┫╭╮┃┃┃┃╰┫┃┃┃┃━┫┃┃┃┃━╋━━┃
  9. ╱╰━┻┻━┻╯╰┻╯╰┻━┻╯╰┻━━┻┻┻┻━━┻━━╯
  10.  
  11.  
  12. ↳ http://titanjelly.tumblr.com
  13. ↳ http://titanthemes.tumblr.com
  14.  
  15. ↳ do not claim as your own
  16. ↳ do not remove the theme credit
  17. ↳ do not use as a theme base
  18.  
  19.  
  20. -->
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  24.  
  25. <title>{title}</title>
  26.  
  27. <meta name="image:Header Background" content="" />
  28. <meta name="image:Body Background" content="" />
  29.  
  30. <meta name="select:Header Size" content="" title="Auto">
  31. <meta name="select:Header Size" content="cover" title="Cover">
  32. <meta name="select:Header Size" content="contain" title="Contain">
  33. <meta name="select:Header Repeat" content="repeat" title="Repeat">
  34. <meta name="select:Header Repeat" content="repeat-x" title="X Repeat">
  35. <meta name="select:Header Repeat" content="repeat-y" title="Y Repeat">
  36. <meta name="select:Header Repeat" content="no-repeat" title="No Repeat">
  37.  
  38. <meta name="select:BG Repeat" content="repeat" title="Repeat">
  39. <meta name="select:BG Repeat" content="repeat-x" title="X Repeat">
  40. <meta name="select:BG Repeat" content="repeat-y" title="Y Repeat">
  41. <meta name="select:BG Repeat" content="no-repeat" title="No Repeat">
  42. <meta name="select:BG Attachment" content="fixed" title="Fixed">
  43. <meta name="select:BG Attachment" content="scroll" title="Scroll">
  44.  
  45. <meta name="color:Body Background" content="#F4F4F4"/>
  46. <meta name="color:Body Text" content="#797979"/>
  47. <meta name="color:Body Scrollbar" content="#000000"/>
  48. <meta name="color:Body Links" content="#b6b6b6"/>
  49. <meta name="color:Body Links Hover" content="#000000"/>
  50. <meta name="color:Body Borders" content="#ffffff"/>
  51. <meta name="color:Header Background" content="#000000"/>
  52. <meta name="color:Title Text" content="#FFFFFF"/>
  53. <meta name="color:Description Text" content="#FFFFFF"/>
  54. <meta name="color:Menu Text" content="#FFFFFF"/>
  55. <meta name="color:Menu Hover" content="#000000"/>
  56. <meta name="color:Menu Border" content="#FFFFFF"/>
  57. <meta name="color:Menu Background" content="#000000"/>
  58. <meta name="color:Post Text" content="#797979"/>
  59. <meta name="color:Post Borders" content="#f5f5f5"/>
  60. <meta name="color:Post Background" content="#ffffff"/>
  61. <meta name="color:Caption Text" content="#797979"/>
  62. <meta name="color:Caption Background" content="#f9f9f9"/>
  63. <meta name="color:Post info Text" content="#797979"/>
  64. <meta name="color:Post info Links" content="#b6b6b6"/>
  65. <meta name="color:Post info Background" content="#252525"/>
  66. <meta name="color:Nav Text" content="#FFFFFF"/>
  67. <meta name="color:Nav Background" content="#000000"/>
  68. <meta name="color:Chat Post Text" content="#ffffff"/>
  69. <meta name="color:Chat Post Background" content="#000000"/>
  70.  
  71. <meta name="text:Link 1 title" content="home" />
  72. <meta name="text:Link 1 URL" content="/" />
  73. <meta name="text:Link 2 title" content="message" />
  74. <meta name="text:Link 2 URL" content="/ask" />
  75. <meta name="text:Link 3 title" content="about" />
  76. <meta name="text:Link 3 URL" content="/about" />
  77. <meta name="text:Link 4 title" content="history" />
  78. <meta name="text:Link 4 URL" content="/archive" />
  79. <meta name="text:Link 5 title" content="link" />
  80. <meta name="text:Link 5 URL" content="/" />
  81. <meta name="text:Link 6 title" content="link" />
  82. <meta name="text:Link 6 URL" content="/" />
  83. <meta name="text:Link 7 title" content="link" />
  84. <meta name="text:Link 7 URL" content="/" />
  85. <meta name="text:Link 8 title" content="link" />
  86. <meta name="text:Link 8 URL" content="/" />
  87.  
  88. <meta name="if:Infinite Scroll" content="0"/>
  89. <meta name="if:250px Posts" content="0"/>
  90. <meta name="if:400px Posts" content="0"/>
  91. <meta name="if:500px Posts" content="1"/>
  92. <meta name="if:Show Title" content="1"/>
  93. <meta name="if:Show Header Everywhere" content="1"/>
  94. <meta name="if:Show Description" content="1"/>
  95. <meta name="if:Show Header Menu" content="1"/>
  96. <meta name="if:Show Side Menu" content="1"/>
  97. <meta name="if:Show Borders" content="1"/>
  98. <meta name="if:Show Captions" content="1"/>
  99. <meta name="if:Show Tags" content="1"/>
  100. <meta name="if:Fixed Pagenavigation" content="1"/>
  101.  
  102. <link rel="shortcut icon" href="{Favicon}" />
  103.  
  104. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/streetscript/stylesheet.css?v=1">
  105. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  106.  
  107. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  108. <script>
  109. (function($){
  110. $(document).ready(function(){
  111. $("a[title]").style_my_tooltips({
  112. tip_follows_cursor:true,
  113. tip_delay_time:80,
  114. tip_fade_speed:300,
  115. attribute:"title"
  116. });
  117. });
  118. })(jQuery);
  119. </script>
  120.  
  121. <!-- Back to top Button (start) -->
  122. <script>
  123. jQuery(document).ready(function() {
  124. var offset = 220;
  125. var duration = 1000;
  126. jQuery(window).scroll(function() {
  127. if (jQuery(this).scrollTop() > offset) {
  128. jQuery('.top_button').fadeIn(duration);
  129. } else {
  130. jQuery('.top_button').fadeOut(duration);
  131. }
  132. });
  133.  
  134. jQuery('.top_button').click(function(event) {
  135. event.preventDefault();
  136. jQuery('html, body').animate({scrollTop: 0}, duration);
  137. return false;
  138. })
  139. });
  140. </script>
  141. <!-- Back to top Button (end) -->
  142.  
  143. <!-- View Posts Button (start) -->
  144. <script>
  145. $(function() {
  146.  
  147. // scroll handler
  148. var scrollToAnchor = function( id ) {
  149.  
  150. // grab the element to scroll to based on the name
  151. var elem = $("a[name='"+ id +"']");
  152.  
  153. // if that didn't work, look for an element with our ID
  154. if ( typeof( elem.offset() ) === "undefined" ) {
  155. elem = $("#"+id);
  156. }
  157.  
  158. // if the destination element exists
  159. if ( typeof( elem.offset() ) !== "undefined" ) {
  160.  
  161. // do the scroll
  162. $('html, body').animate({
  163. scrollTop: elem.offset().top
  164. }, 1000 );
  165.  
  166. }
  167. };
  168.  
  169. // bind to click event
  170. $("a").click(function( event ) {
  171.  
  172. // only do this if it's an anchor link
  173. if ( $(this).attr("href").match("#") ) {
  174.  
  175. // cancel default event propagation
  176. event.preventDefault();
  177.  
  178. // scroll to the location
  179. var href = $(this).attr('href').replace('#', '')
  180. scrollToAnchor( href );
  181.  
  182. }
  183.  
  184. });
  185.  
  186. });
  187. </script>
  188. <script>
  189. $(window).scroll(function() {
  190. var scrollTopVal = $(this).scrollTop();
  191. if ( scrollTopVal > 200 ) {
  192. $('#posts_link').css({'bottom':'-200px'});
  193.  
  194. } else {
  195. $('#posts_link').css({'bottom':'140px'});
  196. }
  197. });
  198. </script>
  199. <!-- View Posts Button (end) -->
  200.  
  201. <!-- Side Links Transition (start) -->
  202. <script>
  203. $(window).scroll(function() {
  204. var scrollTopVal = $(this).scrollTop();
  205. if ( scrollTopVal > 500 ) {
  206. $('#sidelinks').css({'left':'18px'});
  207.  
  208. } else {
  209. $('#sidelinks').css({'left':'-100px'});
  210. }
  211. });
  212. </script>
  213. <!-- Side Links Transition (end) -->
  214.  
  215. <style type="text/css">
  216. iframe#tumblr_controls {opacity:0.4;}
  217.  
  218. /* Main Body CSS
  219. -------------------------------------------------*/
  220. body {
  221. font:9px trebuchet ms;
  222. margin:0px;
  223. padding:0px;
  224. letter-spacing:1px;
  225. color:{color:Body Text};
  226. background-color:{color:Body Background};
  227. {block:ifbodybackgroundimage}
  228. background-image:url('{image:Body Background}');
  229. background-attachment:{select:BG Attachment};
  230. background-repeat:{select:BG Repeat};
  231. {/block:ifbodybackgroundimage}}
  232.  
  233. a {color:{color:Body Links};text-decoration:none;}
  234. a:hover{color:{color:Body Links Hover};text-decoration:none;}
  235.  
  236. a, img, #tumblr_controls{-webkit-transition: 0.8s;transition: 0.8s;}
  237. pre,code,kbd,samp,tt {font-family:monospace;}
  238.  
  239. ::-webkit-scrollbar-thumb:vertical {
  240. background:{color:Body Scrollbar};}
  241. ::-webkit-scrollbar-thumb:horizontal {
  242. background:{color:Body Scrollbar};height:0px;}
  243. ::-webkit-scrollbar {
  244. {block:ifShowBorders}
  245. background:{color:Body Borders};
  246. {/block:ifShowBorders}
  247. {block:ifnotShowBorders}
  248. background:{color:Body Background} url('{image:Body Background}');
  249. {/block:ifnotShowBorders}
  250. height:0px;width:7px;}
  251.  
  252. ::selection{background:{color:Body Links};color:white;}
  253. ::-moz-selection{background:{color:Body Links};color:white;}
  254. p::selection{background:{color:Body Links};color:white;}
  255. p::-moz-selection{background:{color:Body Links};color:white;}
  256.  
  257. #s-m-t-tooltip{
  258. max-width:330px;
  259. font-size:8px;
  260. background-color:#fff;
  261. border:1px solid {color:Post Borders};
  262. box-shadow:0px 0px 25px rgba(0,0,0,0.1);
  263. color:{color:Body Text};
  264. letter-spacing:2px;
  265. text-transform:uppercase;
  266. padding:4px;
  267. margin:15px 0px 10px 15px;
  268. z-index:9999999;}
  269.  
  270. /* Main Container CSS
  271. -------------------------------------------------*/
  272. .main_container{
  273. position:relative;
  274. {block:IndexPage}
  275. {block:if250pxPosts}width:300px;{/block:if250pxPosts}
  276. {block:if400pxPosts}width:450px;{/block:if400pxPosts}
  277. {block:if500pxPosts}width:550px;{/block:if500pxPosts}
  278. {/block:IndexPage}
  279. {block:PermalinkPage}width:550px;{/block:PermalinkPage}
  280. margin:0px auto;}
  281.  
  282. /* Borders CSS
  283. -------------------------------------------------*/
  284. .borders .top, .borders .right, .borders .bottom, .borders .left {
  285. position:fixed;background:{color:Body Borders};z-index:999999999;}
  286. .borders .top, .borders .bottom {
  287. right:0;left:0;height:100px;}
  288. .borders .left, .borders .right {
  289. top:0;bottom:0;width:100px;}
  290. .borders .top {top:0;}
  291. .borders .right {right:0;}
  292. .borders .bottom {bottom:0;}
  293. .borders .left {left:0;}
  294.  
  295. /* Header CSS
  296. -------------------------------------------------*/
  297. .header .container {
  298. width:100%;height:100vh;
  299. background-color:{color:Header Background};
  300. background-image:url('{image:Header Background}');
  301. background-size:{select:Header Size};
  302. background-repeat:{select:Header Repeat};}
  303.  
  304. .header .content {
  305. width:600px;
  306. height:200px;
  307. text-align:center;
  308. position: relative;
  309. top:50%;
  310. transform:translateY(-50%);
  311. margin-left:auto;
  312. margin-right:auto;}
  313.  
  314. .header .content .left {
  315. width:250px;
  316. padding:40px 20px;
  317. float:left;}
  318.  
  319. .header .content .right {
  320. width:250px;
  321. padding:40px 20px;
  322. border-left:1px solid {color:Body Borders};
  323. float:left;}
  324.  
  325. .header .content .title {
  326. position:relative;
  327. line-height:25px;
  328. font-family:'Streetscript';
  329. font-size:30px;
  330. text-align:right;
  331. color:{color:Title Text};}
  332.  
  333. .header .content .description {
  334. color:{color:Description Text};
  335. text-align:justify;}
  336.  
  337. .header .content .menu {
  338. text-align:left;}
  339.  
  340. .header .content .menu a {
  341. display:inline-block;
  342. padding:5px;
  343. margin:4px 2px;
  344. width:43px;
  345. text-align:center;
  346. text-transform:uppercase;
  347. color:{color:Menu Text};
  348. border:1px solid {color:Menu Border};}
  349.  
  350. .header .content .menu a:hover {
  351. box-shadow:inset 0px 0px 100px {color:Menu Hover};
  352. border:1px solid {color:Menu Hover};}
  353.  
  354. /* Side Links CSS
  355. -------------------------------------------------*/
  356. #sidelinks {
  357. position:fixed;
  358. left:-100px;top:30%;
  359. z-index:9999999999;
  360. -webkit-transition: 0.8s;
  361. transition: 0.8s;}
  362. #sidelinks .container a {
  363. display:block;
  364. padding:5px;
  365. margin:4px 0px;
  366. width:50px;
  367. text-align:center;
  368. text-transform:uppercase;
  369. color:{color:Menu Text};
  370. background:{color:Menu Background};
  371. border:1px solid transparent;}
  372. #sidelinks .container a:hover {
  373. color:{color:Menu Hover};
  374. box-shadow:inset 0px 0px 100px {color:Menu Text};
  375. border:1px solid {color:Menu Hover};}
  376.  
  377. /* Navigation CSS
  378. -------------------------------------------------*/
  379. .borders .pagenavigation {
  380. position:fixed;
  381. {block:ifInfiniteScroll}
  382. display:none;
  383. {/block:ifInfiniteScroll}
  384. bottom:18px;
  385. width:100%;
  386. font-size:7px;
  387. font-weight:normal;
  388. text-align:center;
  389. text-transform:uppercase;
  390. z-index:9999999999;}
  391.  
  392. .borders .pagenavigation .current {
  393. color:{color:Nav Text};
  394. background:{color:Nav Background};
  395. margin:8px 0px;
  396. display:inline-block;
  397. padding:20px 10px;}
  398.  
  399. .borders .pagenavigation a {
  400. color:{color:Nav Text};
  401. background:{color:Nav Background};
  402. margin:8px 0px;
  403. display:inline-block;
  404. padding:20px 10px;}
  405.  
  406. .borders .pagenavigation a:hover {opacity:0.45;}
  407.  
  408. .post_container .pagenavigation {
  409. {block:ifInfiniteScroll}
  410. display:none;
  411. {/block:ifInfiniteScroll}
  412. margin:15px 0px;
  413. width:100%;
  414. font-size:7px;
  415. font-weight:normal;
  416. text-align:center;
  417. text-transform:uppercase;
  418. z-index:9999999999;}
  419.  
  420. .post_container .pagenavigation .current {
  421. color:{color:Nav Text};
  422. background:{color:Nav Background};
  423. margin:8px 0px;
  424. display:inline-block;
  425. padding:20px 10px;}
  426.  
  427. .post_container .pagenavigation a {
  428. color:{color:Nav Text};
  429. background:{color:Nav Background};
  430. margin:8px 0px;
  431. display:inline-block;
  432. padding:20px 10px;}
  433.  
  434. .post_container .pagenavigation a:hover {opacity:0.45;}
  435.  
  436. /*--------------------------------*/
  437. .header #posts_link {
  438. position:fixed;
  439. opacity:0;
  440. left:0;right:0;bottom:140px;
  441. text-align:center;
  442. z-index:99999999;
  443. -webkit-transition: 0.8s;
  444. transition: 0.8s;}
  445.  
  446. .header:hover #posts_link {opacity:1;}
  447.  
  448. .header #posts_link a {
  449. display:block;
  450. padding:5px;
  451. margin:4px auto;
  452. width:60px;
  453. text-align:center;
  454. text-transform:uppercase;
  455. color:{color:Menu Text};
  456. border:1px solid {color:Menu Border};}
  457.  
  458. .header #posts_link a:hover {
  459. box-shadow:inset 0px 0px 100px {color:Menu Hover};
  460. border:1px solid {color:Menu Hover};}
  461.  
  462. /* Posts CSS
  463. -------------------------------------------------*/
  464. .post_container {
  465. position:relative;
  466. {block:ifShowBorders}
  467. padding:110px 0px 0px 0px;
  468. margin:0px auto 120px auto;
  469. {/block:ifShowBorders}
  470. {block:ifnotShowBorders}
  471. padding:40px 0px 0px 0px;
  472. margin:0px auto 40px auto;
  473. {/block:ifnotShowBorders}}
  474.  
  475. .entry {
  476. position:relative;
  477. {block:IndexPage}
  478. {block:if250pxPosts}width:250px;{/block:if250pxPosts}
  479. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  480. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  481. {/block:IndexPage}
  482. {block:PermalinkPage}
  483. width:500px;
  484. {/block:PermalinkPage}
  485. color:{color:Body Text};
  486. background:{color:Post Background};
  487. padding:25px;
  488. margin:15px 15px 25px 15px;
  489. overflow:hidden;}
  490.  
  491. {block:ifInfiniteScroll}
  492. .space {height:1000px;}
  493. {/block:ifInfiniteScroll}
  494.  
  495. /* Post Elements CSS
  496. -------------------------------------------------*/
  497. .entry h2 {
  498. padding:4px 6px;
  499. margin:5px 0px;
  500. border:1px solid {color:Post Borders};
  501. background:{color:Caption Background};
  502. color:{color:Caption Text};
  503. text-transform:uppercase;
  504. letter-spacing:2px;
  505. font-size:7px;
  506. text-align:justify;}
  507. .entry h2 a {color:{color:Body Text};}
  508. .entry h2 a:hover {color:{color:Body Links};}
  509.  
  510. .entry li {list-style: square;}
  511. .entry blockquote {
  512. border-left:1px solid {color:Post Borders};
  513. margin:0px 0px 2px 3px;
  514. padding:0px 0px 0px 5px;}
  515. .entry p {padding:5px 2px;margin:2px 0px;word-wrap:break-word;}
  516. .entry img, .post li, .post blockquote {max-width: 100%;}
  517. .entry .photoset-img {}
  518.  
  519. .entry pre {
  520. white-space: pre-wrap;
  521. white-space: -moz-pre-wrap !important;
  522. white-space: -pre-wrap;
  523. white-space: -o-pre-wrap;
  524. word-wrap: break-word;
  525. overflow-x: auto;}
  526.  
  527. .entry .caption {
  528. margin-top:10px;
  529. padding:2px;
  530. text-align:justify;
  531. border:1px solid {color:Post Borders};
  532. background:{color:Caption Background};
  533. color:{color:Caption Text};}
  534.  
  535. .entry .text {
  536. padding:2px;
  537. text-align:justify;
  538. color:{color:Body Text};}
  539.  
  540. /* Ask Post CSS
  541. -------------------------------------------------*/
  542. .entry .question {
  543. padding:4px 6px;
  544. margin:5px 3px;
  545. background:{color:Caption Background};
  546. color:{color:Caption Text};
  547. border:1px solid {color:Post Borders};
  548. text-transform:uppercase;
  549. letter-spacing:2px;
  550. font-size:7px; }
  551.  
  552. .entry .answer {
  553. padding:4px 6px;
  554. margin:5px 3px;
  555. background:{color:Caption Background};
  556. color:{color:Caption Text};
  557. border:1px solid {color:Post Borders};
  558. text-transform:uppercase;
  559. letter-spacing:2px;
  560. font-size:7px;}
  561.  
  562. /* Quote Post CSS
  563. -------------------------------------------------*/
  564. .entry .quote {
  565. width: 80%;
  566. margin: auto;}
  567.  
  568. .quotetext_short {font-size: 18px;}
  569. .quotetext_medium {font-size: 14px;}
  570. .quotetext_long {font-size: 11px;}
  571.  
  572. .source {text-align: right;}
  573.  
  574. /* Chat Post CSS
  575. -------------------------------------------------*/
  576. .convo {margin-left:0px;}
  577.  
  578. .line {
  579. color:{color:Chat Post Text};
  580. background:{color:Chat Post Background};
  581. font-size:8px;
  582. font-weight:bold;
  583. text-align:left;
  584. text-transform:uppercase;
  585. letter-spacing:1px;
  586. padding:2px 10px;
  587. margin:0px 0px 3px 0px;}
  588. .line_odd .label {}
  589. .line_even .label {}
  590.  
  591. .convo .label {}
  592.  
  593. /* Audio Post CSS
  594. -------------------------------------------------*/
  595. .audiobox {
  596. margin-bottom:10px;}
  597.  
  598. .playbutton {
  599. overflow:hidden;
  600. position:absolute;
  601. margin:4px;
  602. z-index:100000;}
  603.  
  604. .playbox {
  605. height:35px;
  606. overflow:hidden;
  607. background:#000;
  608. z-index:10000;}
  609.  
  610. .audioinfo {
  611. color:{color:Caption Text};
  612. background:{color:Caption Background};
  613. margin:0px 0px 0px 0px;
  614. padding:5px;}
  615.  
  616. .audiotrack {font-weight:bold;}
  617.  
  618. /* Post Information CSS
  619. -------------------------------------------------*/
  620. .entry .info_container {
  621. font-size:7px;
  622. color:{color:Post info Text};
  623. background:{color:Post info Background};
  624. padding:20px;
  625. margin-top:10px;}
  626.  
  627. .entry .info_content {
  628. text-align:left;
  629. text-transform:uppercase;
  630. letter-spacing:1px;
  631. margin:0px 0px 0px 0px;
  632. padding:2px 0px 1px 0px;}
  633.  
  634. .entry .info_content a {
  635. color:{color:Post info Links};
  636. display:inline-block;border-bottom:1px solid transparent;}
  637. .entry .info_content a:hover {
  638. color:{color:Body Links};border-bottom:1px solid {color:Body Links};}
  639.  
  640. .entry .tags {
  641. background:{color:Caption Background};
  642. color:{color:Caption Text};
  643. font-size:7px;
  644. text-align:left;
  645. text-transform:uppercase;
  646. letter-spacing:1px;
  647. margin:0px;
  648. padding:5px 10px;}
  649.  
  650. .entry .tags a {color:{color:Post info Links};}
  651.  
  652. /* Post Notes CSS
  653. -------------------------------------------------*/
  654. .sources {filter:alpha(opacity=0);opacity:0;display:none;}
  655.  
  656. .postnotes {
  657. position:relative;
  658. padding:10px;
  659. margin:10px 0px 20px 0px;
  660. color:{color:Body Text};
  661. background:{color:Post info Background};}
  662.  
  663. .postnotes a {color:{color:Body Links};font-weight:bold;}
  664. .postnotes a:hover {color:{color:Body Text};}
  665.  
  666. .postnotes ol, .notes, .notes ol {
  667. list-style-type:none;
  668. padding:0px;
  669. margin:0px;}
  670.  
  671. .postnotes li, .notes, .notes li {
  672. list-style-type:none;
  673. padding:2px;
  674. margin:5px 0px;}
  675.  
  676. .postnotes img {display:none;}
  677. .avatar_frame {display:none;}
  678.  
  679. /* Credit CSS - DO NOT REMOVE
  680. -------------------------------------------------*/
  681. .credit {
  682. display:block;
  683. color:#fff;
  684. background:#000;
  685. padding:6px 9px;
  686. font-size:7px;
  687. font-weight:normal;
  688. text-align:center;
  689. text-transform:uppercase;
  690. z-index:9999999999;
  691. position:fixed;right:10px;bottom:10px;}
  692. .credit a {color:#fff;
  693. text-decoration:none;}
  694. .creditname {
  695. transition: max-width 1s ease 0s;
  696. -webkit-transition: max-width 1s ease 0s;
  697. max-width:4px;overflow:hidden;}
  698. .credit:hover .creditname {max-width:400px;}
  699. .top_button {
  700. display:none;
  701. color:#fff;
  702. background:#000;
  703. padding:4px 7px;
  704. font-size:9px;
  705. font-weight:normal;
  706. text-align:center;
  707. text-transform:uppercase;
  708. z-index:9999999999;
  709. position:fixed;right:10px;bottom:35px;}
  710. .top_button:hover {color:#fff;opacity:0.45;}
  711. .top_button a:hover {color:#fff;}
  712.  
  713. /* Custom CSS
  714. -------------------------------------------------*/
  715. {CustomCSS}
  716.  
  717. </style>
  718.  
  719. <!-- Infinite Scrolling (start) -->
  720. {block:ifInfiniteScroll}
  721. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  722. {/block:ifInfiniteScroll}
  723. <!-- Infinite Scrolling (end) -->
  724.  
  725. </head>
  726. <body>
  727.  
  728. {block:ifShowBorders}
  729. <div class="borders">
  730. <div class="top"></div>
  731. <div class="right"></div>
  732. <div class="left"></div>
  733. <div class="bottom">
  734. {block:ifFixedPagenavigation}
  735. <div class="pagenavigation">
  736. {block:Pagination}
  737. {block:PreviousPage}
  738. <a href="{PreviousPage}">Back</a>
  739. {/block:PreviousPage}
  740. {block:JumpPagination length="5"}
  741. {block:CurrentPage}
  742. <a href="/" class="current">{PageNumber}</a>
  743. {/block:CurrentPage}
  744. {block:JumpPage}
  745. <a class="jump_page" href="{URL}">{PageNumber}</a>
  746. {/block:JumpPage}
  747. {/block:JumpPagination}
  748. {block:NextPage}
  749. <a href="{NextPage}" id="next">Next</a>
  750. {/block:NextPage}
  751. {/block:Pagination}
  752. </div>
  753. {/block:ifFixedPagenavigation}
  754. </div>
  755. </div>
  756. {/block:ifShowBorders}
  757.  
  758. {block:ifShowHeaderEverywhere}
  759. <div class="header">
  760. <div class="container">
  761. <div class="content">
  762. <div class="left">
  763. {block:ifShowTitle}
  764. <div class="title">{title}</div>
  765. {/block:ifShowTitle}
  766. {block:ifShowDescription}
  767. <div class="description">{description}</div>
  768. {/block:ifShowDescription}
  769. </div><div class="right">
  770. {block:ifShowHeaderMenu}
  771. <div class="menu">
  772. {block:ifLink1URL}
  773. <a href="{text:Link 1 URL}">{text:Link 1 title}</a>{/block:ifLink1URL}
  774. {block:ifLink2URL}
  775. <a href="{text:Link 2 URL}">{text:Link 2 title}</a>{/block:ifLink2URL}
  776. {block:ifLink3URL}
  777. <a href="{text:Link 3 URL}">{text:Link 3 title}</a>{/block:ifLink3URL}
  778. {block:ifLink4URL}
  779. <a href="{text:Link 4 URL}">{text:Link 4 title}</a>{/block:ifLink4URL}
  780. {block:ifLink5URL}
  781. <a href="{text:Link 5 URL}">{text:Link 5 title}</a>{/block:ifLink5URL}
  782. {block:ifLink6URL}
  783. <a href="{text:Link 6 URL}">{text:Link 6 title}</a>{/block:ifLink6URL}
  784. {block:ifLink7URL}
  785. <a href="{text:Link 7 URL}">{text:Link 7 title}</a>{/block:ifLink7URL}
  786. {block:ifLink8URL}
  787. <a href="{text:Link 8 URL}">{text:Link 8 title}</a>{/block:ifLink8URL}
  788. </div>
  789. {/block:ifShowHeaderMenu}
  790. </div>
  791. </div>
  792. <div id="posts_link"><a href="#posts">view posts</a></div>
  793. </div>
  794. </div>
  795. {/block:ifShowHeaderEverywhere}
  796.  
  797. {block:ifnotShowHeaderEverywhere}{block:IndexPage}
  798. <div class="header">
  799. <div class="container">
  800. <div class="content">
  801. <div class="left">
  802. {block:ifShowTitle}
  803. <div class="title">{title}</div>
  804. {/block:ifShowTitle}
  805. {block:ifShowDescription}
  806. <div class="description">{description}</div>
  807. {/block:ifShowDescription}
  808. </div><div class="right">
  809. {block:ifShowHeaderMenu}
  810. <div class="menu">
  811. {block:ifLink1URL}
  812. <a href="{text:Link 1 URL}">{text:Link 1 title}</a>{/block:ifLink1URL}
  813. {block:ifLink2URL}
  814. <a href="{text:Link 2 URL}">{text:Link 2 title}</a>{/block:ifLink2URL}
  815. {block:ifLink3URL}
  816. <a href="{text:Link 3 URL}">{text:Link 3 title}</a>{/block:ifLink3URL}
  817. {block:ifLink4URL}
  818. <a href="{text:Link 4 URL}">{text:Link 4 title}</a>{/block:ifLink4URL}
  819. {block:ifLink5URL}
  820. <a href="{text:Link 5 URL}">{text:Link 5 title}</a>{/block:ifLink5URL}
  821. {block:ifLink6URL}
  822. <a href="{text:Link 6 URL}">{text:Link 6 title}</a>{/block:ifLink6URL}
  823. {block:ifLink7URL}
  824. <a href="{text:Link 7 URL}">{text:Link 7 title}</a>{/block:ifLink7URL}
  825. {block:ifLink8URL}
  826. <a href="{text:Link 8 URL}">{text:Link 8 title}</a>{/block:ifLink8URL}
  827. </div>
  828. {/block:ifShowHeaderMenu}
  829. </div>
  830. </div>
  831. <div id="posts_link"><a href="#posts">view posts</a></div>
  832. </div>
  833. </div>
  834. {/block:IndexPage}{/block:ifnotShowHeaderEverywhere}
  835.  
  836. {block:ifShowSideMenu}
  837. <div id="sidelinks">
  838. <div class="container">
  839. {block:ifLink1URL}
  840. <a href="{text:Link 1 URL}">{text:Link 1 title}</a>{/block:ifLink1URL}
  841. {block:ifLink2URL}
  842. <a href="{text:Link 2 URL}">{text:Link 2 title}</a>{/block:ifLink2URL}
  843. {block:ifLink3URL}
  844. <a href="{text:Link 3 URL}">{text:Link 3 title}</a>{/block:ifLink3URL}
  845. {block:ifLink4URL}
  846. <a href="{text:Link 4 URL}">{text:Link 4 title}</a>{/block:ifLink4URL}
  847. {block:ifLink5URL}
  848. <a href="{text:Link 5 URL}">{text:Link 5 title}</a>{/block:ifLink5URL}
  849. {block:ifLink6URL}
  850. <a href="{text:Link 6 URL}">{text:Link 6 title}</a>{/block:ifLink6URL}
  851. {block:ifLink7URL}
  852. <a href="{text:Link 7 URL}">{text:Link 7 title}</a>{/block:ifLink7URL}
  853. {block:ifLink8URL}
  854. <a href="{text:Link 8 URL}">{text:Link 8 title}</a>{/block:ifLink8URL} </div>
  855. </div>
  856. {/block:ifShowSideMenu}
  857.  
  858. <a name="posts" /></a>
  859. <div class="main_container">
  860.  
  861. <div class="post_container">
  862. <div class="autopagerize_page_element">
  863. {block:Posts}
  864. <div class="entry">
  865.  
  866. {block:ContentSource}
  867. <div class="sources">
  868. {SourceURL}{block:SourceLogo}
  869. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  870. {/block:SourceLogo}
  871. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  872. </div>
  873. {/block:ContentSource}
  874.  
  875. {block:Text}
  876. <div class="text">
  877. {block:Title}
  878. <h2>{Title}</h2>
  879. {/block:Title}
  880. {Body}
  881. </div>
  882. {/block:Text}
  883.  
  884. {block:Link}
  885. <div class="text">
  886. <h2><a href="{URL}">{Name}</a></h2>
  887. {block:Description}
  888. {Description}
  889. {/block:Description}
  890. </div>
  891. {/block:Link}
  892.  
  893. {block:Answer}
  894. <div class="question">
  895. <b>{Asker} asked:</b> {Question}</div>
  896. <div class="answer">{Answer}</div>
  897. {/block:Answer}
  898.  
  899. {block:Quote}
  900. <div class="quote">
  901. <div class="quotetext_{Length}">"{Quote}"</div>
  902. {block:Source}<div class="source">{Source}</div>{/block:Source}
  903. </div>
  904. {/block:Quote}
  905.  
  906. {block:Chat}
  907. {block:Title}<h2>{Title}</h2>{/block:Title}
  908. <div class="text">
  909. <div class="convo">
  910. {block:Lines}
  911. <div class="line">
  912. {block:Label}
  913. <span class="label">{Label}</span>
  914. {/block:Label}
  915. {Line}</div>{/block:Lines}
  916. </div>
  917. </div>
  918. {/block:Chat}
  919.  
  920. {block:Photo}
  921. {block:IndexPage}
  922. <a href="{Permalink}" title="Permalink">
  923. {block:if250pxPosts}
  924. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px">
  925. {/block:if250pxPosts}
  926. {block:if400pxPosts}
  927. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">
  928. {/block:if400pxPosts}
  929. {block:if500pxPosts}
  930. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  931. {/block:if500pxPosts}</a>
  932. {/block:IndexPage}
  933. {block:PermalinkPage}{LinkOpenTag}
  934. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  935. {LinkCloseTag}{/block:PermalinkPage}
  936. {block:ifShowCaptions}
  937. {block:Caption}
  938. <div class="caption">
  939. {Caption}</div>
  940. {/block:Caption}
  941. {/block:ifShowCaptions}
  942. {block:ifnotShowCaptions}
  943. {block:PermalinkPage}
  944. {block:Caption}
  945. <div class="caption">
  946. {Caption}</div>
  947. {/block:Caption}
  948. {/block:PermalinkPage}
  949. {/block:ifnotShowCaptions}
  950. {/block:Photo}
  951.  
  952. {block:Photoset}
  953. {block:IndexPage}
  954. {block:if250pxPosts}
  955. {Photoset-250}
  956. {/block:if250pxPosts}
  957. {block:if400pxPosts}
  958. {Photoset-400}
  959. {/block:if400pxPosts}
  960. {block:if500pxPosts}
  961. {Photoset-500}
  962. {/block:if500pxPosts}
  963. {/block:IndexPage}
  964. {block:PermalinkPage}
  965. {Photoset-500}
  966. {/block:PermalinkPage}
  967. {block:ifShowCaptions}
  968. {block:Caption}
  969. <div class="caption">
  970. {Caption}</div>
  971. {/block:Caption}
  972. {/block:ifShowCaptions}
  973. {block:ifnotShowCaptions}
  974. {block:PermalinkPage}
  975. {block:Caption}
  976. <div class="caption">
  977. {Caption}</div>
  978. {/block:Caption}
  979. {/block:PermalinkPage}
  980. {/block:ifnotShowCaptions}
  981. {/block:Photoset}
  982.  
  983. {block:Audio}
  984. <div class="audiobox">
  985. <div class="audioinfo">
  986. {block:Artist}{Artist}{/block:Artist} -
  987. {block:TrackName}{TrackName}{/block:TrackName}
  988. </div>
  989. <div class="playbox">
  990. <div class="playbutton">
  991. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  992. </div></div></div>
  993. {block:ifShowCaptions}
  994. {block:Caption}
  995. <div class="caption">
  996. {Caption}</div>
  997. {/block:Caption}
  998. {/block:ifShowCaptions}
  999. {block:ifnotShowCaptions}
  1000. {block:PermalinkPage}
  1001. {block:Caption}
  1002. <div class="caption">
  1003. {Caption}</div>
  1004. {/block:Caption}
  1005. {/block:PermalinkPage}
  1006. {/block:ifnotShowCaptions}
  1007. {/block:Audio}
  1008.  
  1009. {block:Video}
  1010. {block:if250pxPosts}
  1011. {Video-250}
  1012. {/block:if250pxPosts}
  1013. {block:if400pxPosts}
  1014. {Video-400}
  1015. {/block:if400pxPosts}
  1016. {block:if500pxPosts}
  1017. {Video-500}
  1018. {/block:if500pxPosts}
  1019. {block:ifShowCaptions}
  1020. {block:Caption}
  1021. <div class="caption">
  1022. {Caption}</div>
  1023. {/block:Caption}
  1024. {/block:ifShowCaptions}
  1025. {block:ifnotShowCaptions}
  1026. {block:PermalinkPage}
  1027. {block:Caption}
  1028. <div class="caption">
  1029. {Caption}</div>
  1030. {/block:Caption}
  1031. {/block:PermalinkPage}
  1032. {/block:ifnotShowCaptions}
  1033. {/block:Video}
  1034.  
  1035. {block:Date}
  1036. <div class="info_container">
  1037. <div class="info_content">
  1038. <a href="{Permalink}" title="Permalink">{Month} {DayOfMonthWithZero}</a> /
  1039. <a href="{Permalink}" title="Permalink">{NoteCount} Notes</a>
  1040. {block:PermalinkPage}
  1041. {block:RebloggedFrom} -
  1042. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> /
  1043. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">source</a>
  1044. {/block:RebloggedFrom}
  1045. {/block:PermalinkPage}
  1046. - <a href="{ReblogURL}" title="Reblog">reblog</a>
  1047. </div>
  1048. </div>
  1049. {/block:Date}
  1050. {block:ifShowTags}
  1051. {block:HasTags}
  1052. <div class="tags">
  1053. Tagged as
  1054. {block:Tags}
  1055. <a href="{TagURL}" title="{Tag}">#{Tag}</a>
  1056. {/block:Tags}
  1057. </div>
  1058. {/block:HasTags}
  1059. {/block:ifShowTags}
  1060. {block:ifnotShowTags}
  1061. {block:PermalinkPage}
  1062. {block:HasTags}
  1063. <div class="tags">
  1064. Tagged as
  1065. {block:Tags}
  1066. <a href="{TagURL}" title="{Tag}">#{Tag}</a>
  1067. {/block:Tags}
  1068. </div>
  1069. {/block:HasTags}
  1070. {/block:PermalinkPage}
  1071. {/block:ifnotShowTags}
  1072.  
  1073. {block:PermalinkPage}
  1074. {block:PostNotes}
  1075. <div class="postnotes">
  1076. {PostNotes}
  1077. </div>
  1078. {/block:PostNotes}
  1079. {/block:PermalinkPage}
  1080.  
  1081. </div>
  1082. {/block:Posts}
  1083. {block:ifnotShowBorders}
  1084. {block:ifFixedPagenavigation}
  1085. <div class="pagenavigation">
  1086. {block:Pagination}
  1087. {block:PreviousPage}
  1088. <a href="{PreviousPage}">Back</a>
  1089. {/block:PreviousPage}
  1090. {block:JumpPagination length="5"}
  1091. {block:CurrentPage}
  1092. <a href="/" class="current">{PageNumber}</a>
  1093. {/block:CurrentPage}
  1094. {block:JumpPage}
  1095. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1096. {/block:JumpPage}
  1097. {/block:JumpPagination}
  1098. {block:NextPage}
  1099. <a href="{NextPage}" id="next">Next</a>
  1100. {/block:NextPage}
  1101. {/block:Pagination}
  1102. </div>
  1103. {/block:ifFixedPagenavigation}
  1104. {/block:ifnotShowBorders}
  1105. {block:ifnotFixedPagenavigation}
  1106. <div class="pagenavigation">
  1107. {block:Pagination}
  1108. {block:PreviousPage}
  1109. <a href="{PreviousPage}">Back</a>
  1110. {/block:PreviousPage}
  1111. {block:JumpPagination length="5"}
  1112. {block:CurrentPage}
  1113. <a href="/" class="current">{PageNumber}</a>
  1114. {/block:CurrentPage}
  1115. {block:JumpPage}
  1116. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1117. {/block:JumpPage}
  1118. {/block:JumpPagination}
  1119. {block:NextPage}
  1120. <a href="{NextPage}" id="next">Next</a>
  1121. {/block:NextPage}
  1122. {/block:Pagination}
  1123. </div>
  1124. {/block:ifnotFixedPagenavigation}
  1125. </div>
  1126. </div>
  1127.  
  1128. <!-- Credit / Copyright Information - DO NOT REMOVE -->
  1129. <div class="corner_content">
  1130. <a href="#" class="top_button">▲</a>
  1131. <div class="credit">
  1132. <div class="creditname">
  1133. <a href="http://titanjelly.tumblr.com/themes">TitanThemes</a>
  1134. </div>
  1135. </div>
  1136. </div>
  1137.  
  1138. </body>
  1139.  
  1140. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!