API tools faq
paste
Advertisement
TitanJelly

theme #26 - by titanjelly

TitanJelly
Jul 9th, 2014
4,956
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.02 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ╱╭╮╱╭╮
  3. ╭╯╰┳╯╰╮
  4. ╰╮╭╋╮╭╋━━┳━╮
  5. ╱┃┃┣┫┃┃╭╮┃╭╮╮
  6. ╱┃╰┫┃╰┫╭╮┃┃┃┃
  7. ╱╰━┻┻━┻╯╰┻╯╰╯
  8. ↳ http://titanjelly.tumblr.com
  9. ↳ DO NOT Claim/Repost as your own or Remove the theme credit!
  10. ↳ DO NOT Use as a theme base or Make heavy modifications!
  11. -->
  12.  
  13. <head>
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  15.  
  16. <title>{title}</title>
  17.  
  18. <meta name="image:Main Background" content="http://static.tumblr.com/27562b869d1b6e549d80faa2a51514bc/9hiqgmd/lBLn8gpuv/tumblr_static_eah3xuj374g8kscook4ww40cw.png" />
  19. <meta name="image:Second Background" content="http://static.tumblr.com/27562b869d1b6e549d80faa2a51514bc/9hiqgmd/lBLn8gpuv/tumblr_static_eah3xuj374g8kscook4ww40cw.png" />
  20. <meta name="image:Side Image" content="https://secure.static.tumblr.com/5aebedc1585d1e9a4fce5fa182e263f3/9hiqgmd/D9Xn8gnk9/tumblr_static_cxmiepf8azso0sk04ocoko8c0.png" />
  21.  
  22.  
  23. <meta name="color:Body Background" content="#FCEBD5"/>
  24. <meta name="color:Body Text" content="#868686"/>
  25. <meta name="color:Body Links" content="#DA0900"/>
  26. <meta name="color:Body Links Hover" content="#000000"/>
  27.  
  28. <meta name="color:Scrollbar" content="#FE7368"/>
  29.  
  30. <meta name="color:Tooltip Text" content="#ffffff"/>
  31. <meta name="color:Tooltip Background" content="#233148"/>
  32.  
  33. <meta name="color:Sparkles" content="#233148"/>
  34.  
  35. <meta name="color:Title Text" content="#FF403A"/>
  36. <meta name="color:Subtitle Text" content="#F8A490"/>
  37.  
  38. <meta name="color:Side Menu Link" content="#FC7045"/>
  39. <meta name="color:Side Menu Hover" content="#FFFFFF"/>
  40. <meta name="color:Side Menu Border" content="#FFFFFF"/>
  41.  
  42. <meta name="color:Left Border" content="#FFFFFF"/>
  43. <meta name="color:Left Chunk" content="#F39B54"/>
  44. <meta name="color:Left Chunk Shadow" content="#FE7368"/>
  45. <meta name="color:Left Background" content="#FE7368"/>
  46.  
  47. <meta name="color:Side Box Background" content="#FFFFFF"/>
  48. <meta name="color:Side Box Shadow" content="#FF403A"/>
  49.  
  50. <meta name="color:Description Text" content="#F49D62"/>
  51.  
  52. <meta name="color:Nav Links" content="#233148"/>
  53. <meta name="color:Nav Links Hover" content="#FFFFFF"/>
  54. <meta name="color:Nav Background" content="#F0EEEE"/>
  55.  
  56. <meta name="color:Ask Question Text" content="#FFFFFF"/>
  57. <meta name="color:Ask Question Background" content="#000000"/>
  58. <meta name="color:Ask Answer Text" content="#000000"/>
  59. <meta name="color:Ask Answer Background" content="#EDEDED"/>
  60.  
  61. <meta name="color:Post Border" content="#FE7368"/>
  62. <meta name="color:Post Background" content="#F8F6F6"/>
  63. <meta name="color:Caption Text" content="#868686"/>
  64. <meta name="color:Caption Background" content="#FFFFFF"/>
  65.  
  66. <meta name="color:Post Info Text" content="#FFFFFF"/>
  67. <meta name="color:Post Info Background" content="#FFB482"/>
  68.  
  69. <meta name="color:BTT Text" content="#868686"/>
  70. <meta name="color:BTT Hover" content="#FFFFFF"/>
  71. <meta name="color:BTT Border" content="#DA0900"/>
  72. <meta name="color:BTT Background" content="#DA0900"/>
  73.  
  74. <meta name="color:Tag Text" content="#233148"/>
  75.  
  76.  
  77. <meta name="if:Infinite Scroll" content="0"/>
  78. <meta name="if:Show Tags" content="1"/>
  79. <meta name="if:Hover Tags" content="1"/>
  80. <meta name="if:Show Captions" content="1"/>
  81. <meta name="if:Show Side Links" content="1"/>
  82. <meta name="if:Show BTT Button" content="1"/>
  83. <meta name="if:500px Posts" content="1"/>
  84. <meta name="if:Repeat Main Background" content="0"/>
  85. <meta name="if:Repeat Second Background" content="1"/>
  86.  
  87.  
  88. <meta name="text:Title" content="title"/>
  89. <meta name="text:Subtitle" content="subtitle"/>
  90.  
  91.  
  92. <meta name="text:Body Font Size" content="8"/>
  93. <meta name="text:Title Font Size" content="12"/>
  94. <meta name="text:Subtitle Font Size" content="12"/>
  95. <meta name="text:Extra Links Font Size" content="8"/>
  96. <meta name="text:Description Font Size" content="8"/>
  97. <meta name="text:Post Info Font Size" content="7"/>
  98. <meta name="text:Tags Font Size" content="8"/>
  99.  
  100.  
  101. <meta name="text:Side Link01 Title" content="link 01"/>
  102. <meta name="text:Side Link01 URL" content="/"/>
  103. <meta name="text:Side Link02 Title" content="link 02"/>
  104. <meta name="text:Side Link02 URL" content="/"/>
  105. <meta name="text:Side Link03 Title" content="link 03"/>
  106. <meta name="text:Side Link03 URL" content="/"/>
  107. <meta name="text:Side Link04 Title" content="link 04"/>
  108. <meta name="text:Side Link04 URL" content="/"/>
  109. <meta name="text:Side Link05 Title" content="link 05"/>
  110. <meta name="text:Side Link05 URL" content="/"/>
  111. <meta name="text:Side Link06 Title" content="link 06"/>
  112. <meta name="text:Side Link06 URL" content="/"/>
  113.  
  114. <link rel="shortcut icon" href="{Favicon}" />
  115. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  116.  
  117. <style type="text/css">
  118.  
  119. iframe#tumblr_controls {opacity:0.4;}
  120.  
  121. body, html {height: 100%;}
  122.  
  123. body {
  124. font-size:{text:Body Font Size}px;
  125. font-family:Arial, sans-serif;
  126. margin:0;
  127. color:{color:Body Text};
  128. background:{color:Body Background} url('{image:Main Background}');
  129. background-attachment:fixed;
  130. {block:ifRepeatMainBackground}
  131. background-repeat:repeat;
  132. {/block:ifRepeatMainBackground}
  133. {block:ifnotRepeatMainBackground}
  134. background-repeat:no-repeat;
  135. {/block:ifnotRepeatMainBackground}}
  136.  
  137. ::-webkit-scrollbar-thumb:vertical {
  138. background:{color:Scrollbar};}
  139. ::-webkit-scrollbar-thumb:horizontal {
  140. background:{color:Scrollbar};height:10px;}
  141. ::-webkit-scrollbar {
  142. background:{color:Body Background};
  143. height:10px;width:6px;}
  144.  
  145. a {-webkit-transition: 0.3s;transition: 0.3s;}
  146. .header_title {-webkit-transition: 0.4s;transition: 0.4s;}
  147. .side_image img, .post_tags {-webkit-transition: 0.6s;transition: 0.6s;}
  148. .following, .following img {-webkit-transition: 0.3s;transition: 0.3s;}
  149.  
  150. a {color:{color:Body Links};text-decoration:none;}
  151. a:hover{color:{color:Body Links Hover};}
  152.  
  153. #s-m-t-tooltip{
  154. pointer-events:none;
  155. max-width:300px;
  156. margin-top:0px;
  157. margin-left:15px;
  158. font-size:{text:Body Font Size}px;
  159. font-weight:200;
  160. text-transform:lowercase;
  161. letter-spacing:2px;
  162. padding:3px 4px;
  163. color:{color:Tooltip Text};
  164. background:{color:Tooltip Background};
  165. border-radius:5px 0px 5px 0px;
  166. position:absolute;
  167. z-index:9999999999999999;
  168. transition: 0.2s;
  169. -moz-transition: 0.2s;
  170. -webkit-transition: 0.2s;
  171. -o-transition: 0.2s;}
  172.  
  173.  
  174. /*Container CSS
  175. -------------------------------------------------*/
  176. .container{
  177. {block:if500pxPosts}width:800px;{/block:if500pxPosts}
  178. {block:ifnot500pxPosts}width:700px;{/block:ifnot500pxPosts}
  179. margin:0px 0px 0px 250px;height:100%;}
  180.  
  181. /*Side Container/Skull CSS
  182. -------------------------------------------------*/
  183. .side_container {
  184. width:300px;
  185. position:fixed;
  186. bottom:200px;
  187. padding:5px;
  188. z-index:999999;}
  189.  
  190. .side_background {
  191. position:fixed;
  192. top:-200px;bottom:-200px;left:-250px;
  193. background:{color:Left Background} url('{image:Second Background}');
  194. {block:ifRepeatSecondBackground}
  195. background-repeat:repeat;
  196. {/block:ifRepeatSecondBackground}
  197. {block:ifnotRepeatSecondBackground}
  198. background-repeat:no-repeat;
  199. {/block:ifnotRepeatSecondBackground}
  200. width:479px;
  201. transform:rotate(-18deg);
  202. -ms-transform:rotate(-18deg);
  203. -webkit-transform:rotate(-18deg);
  204. pointer-events:none;}
  205.  
  206. .sidebg_border {
  207. width:400px;
  208. height:50%;
  209. padding:50px;
  210. border-right:8px dotted {color:Left Border};}
  211.  
  212. .sidebg_chunk {
  213. width:100px;height:80%;
  214. position:absolute;
  215. bottom:-55px;
  216. transform:rotate(-90deg);
  217. -ms-transform:rotate(-90deg);
  218. -webkit-transform:rotate(-90deg);
  219. border-radius:0px 0px 190px 0px;
  220. border-right:2px solid {color:Left Chunk Shadow};
  221. border-bottom:15px solid {color:Left Chunk Shadow};
  222. border-left:5px solid {color:Left Chunk Shadow};
  223. background:{color:Left Chunk};}
  224.  
  225. /*Side Content CSS
  226. -------------------------------------------------*/
  227. .side_box {
  228. overflow:hidden;
  229. padding:10px;
  230. border-radius:25px;
  231. box-shadow:2px 3px 0px {color:Side Box Shadow};
  232. background:{color:Side Box Background};}
  233.  
  234. .side_box:after {
  235. right:305px;
  236. top: 60px;
  237. border: solid transparent;
  238. content: " ";
  239. height: 0;
  240. width: 0;
  241. position: absolute;
  242. pointer-events: none;
  243. border-color: rgba(0, 0, 0, 0);
  244. border-right-color: {color:Side Box Background};
  245. border-width: 10px;
  246. border-right-width: 25px;
  247. margin-top: -15px;}
  248.  
  249. .side_box:before {
  250. right:305px;
  251. top: 62px;
  252. border: solid transparent;
  253. content: " ";
  254. height: 0;
  255. width: 0;
  256. position: absolute;
  257. pointer-events: none;
  258. border-color: rgba(0, 0, 0, 0);
  259. border-right-color: {color:Side Box Shadow};
  260. border-width: 10px;
  261. border-right-width: 23px;
  262. margin-top: -15px;}
  263.  
  264. .side_crown {
  265. position:absolute;
  266. text-align:right;
  267. transform:rotate(20deg);
  268. -ms-transform:rotate(20deg);
  269. -webkit-transform:rotate(20deg);
  270. color:{color:Sparkles};
  271. font-size:50px;
  272. margin-top:-40px;
  273. margin-left:250px;}
  274.  
  275. .side_crown::first-letter {font-size:70%;}
  276.  
  277. .box_title h1 {
  278. color:{color:Title Text};
  279. font-size:{text:Title Font Size}px;
  280. font-weight:bold;
  281. text-align:center;
  282. text-transform:uppercase;
  283. letter-spacing:4px;
  284. text-shadow:2px 0px 0px {color:Title Text};
  285. margin:-1px 0px -13px 0px;}
  286.  
  287. .box_title h1::first-letter{font-size:120%;}
  288.  
  289. .box_title h2 {
  290. color:{color:Subtitle Text};
  291. border-bottom:1px dotted {color:Title Text};
  292. font-size:{text:Subtitle Font Size}px;
  293. font-weight:bold;
  294. text-align:center;
  295. text-transform:uppercase;
  296. letter-spacing:4px;
  297. margin-bottom:-1px;}
  298.  
  299. .side_menu {
  300. margin:5px 15px;
  301. font-size:8px;
  302. font-weight:bold;
  303. text-align:center;
  304. text-transform:uppercase;}
  305.  
  306. .side_menu a {
  307. display:inline-block;
  308. border-radius:20px;
  309. height:20px;width:20px;
  310. padding:2px;
  311. margin:2px;
  312. border:2px solid {color:Side Menu Border};
  313. background:{color:Side Menu Link};
  314. color:{color:Side Menu Link};}
  315.  
  316. .side_menu a:hover {
  317. box-shadow:3px 2px 0px {color:Side Box Shadow};
  318. border:2px solid {color:Side Menu Hover};
  319. background:{color:Side Menu Hover};
  320. color:{color:Side Menu Hover};}
  321.  
  322. .side_image {
  323. position:absolute;
  324. margin-left:-250px;
  325. margin-top:-100px;
  326. z-index:-9999;}
  327.  
  328. .side_image img {max-width:300px;}
  329.  
  330. .description{
  331. padding:3px;
  332. line-height:100%;
  333. font-size:{text:Description Font Size}px;
  334. color:{color:Description Text};
  335. text-align:justify;}
  336.  
  337. /* Navigation CSS
  338. -------------------------------------------------*/
  339. .nav {
  340. background:{color:Nav Background};
  341. border-radius:10px;
  342. position:absolute;
  343. margin-top:-20px;
  344. margin-left:10px;
  345. padding:0px 10px;
  346. text-align:center;
  347. text-transform:lowercase;}
  348.  
  349. .nav a, .current_page {
  350. color:{color:Nav Links};
  351. margin:1px;
  352. display:inline-block;
  353. padding:3px;}
  354.  
  355. .nav a:hover {background:{color:Nav Links Hover};}
  356.  
  357. /* Posts CSS
  358. -------------------------------------------------*/
  359. .post_container {
  360. min-height:100%;
  361. {block:if500pxPosts}width:530px;{/block:if500pxPosts}
  362. {block:ifnot500pxPosts}width:430px;{/block:ifnot500pxPosts}
  363. margin-left:300px;
  364. {block:PermalinkPage}
  365. top:0px;bottom:0px;
  366. {/block:PermalinkPage}
  367. padding:30px 60px;
  368. position:relative;
  369. z-index:999999;}
  370.  
  371. .post {
  372. {block:if500pxPosts}
  373. width:500px;
  374. {/block:if500pxPosts}
  375. {block:ifnot500pxPosts}
  376. width:400px;
  377. {/block:ifnot500pxPosts}
  378. border-radius:15px 15px 0px 0px;
  379. border-left:5px solid {color:Post Border};
  380. background:{color:Post Background};
  381. padding:15px;
  382. margin-bottom:80px;
  383. position:relative;
  384. z-index:9999999;}
  385.  
  386.  
  387. /* Post Elements CSS
  388. -------------------------------------------------*/
  389. .post h2, .post h2 a {
  390. color:{color:Title Text};
  391. font-size:{text:Title Font Size}px;
  392. font-weight:bold;
  393. text-align:left;
  394. text-transform:uppercase;
  395. letter-spacing:-1px;
  396. margin:0px;}
  397.  
  398. .post h2 a:hover {color:{color:Body Links};}
  399.  
  400. .post li {list-style: square;}
  401. .post blockquote {
  402. border-left: 1px solid #000;
  403. margin-left:10px;
  404. padding-left: 5px;}
  405. .post img, .post li, .post blockquote {max-width: 100%;}
  406.  
  407. .post_caption {
  408. padding:10px;
  409. color:{color:Caption Text};
  410. background:{color:Caption Background};}
  411.  
  412. .askername {
  413. color:{color:Body Text};
  414. font-size:11px;
  415. font-weight:bold;
  416. text-align:left;
  417. text-transform:lowercase;
  418. letter-spacing:-1px;
  419. margin:0px 0px 0px 20px;}
  420.  
  421. .question {
  422. padding:10px 8px;
  423. text-align:left;
  424. margin-right:10px;
  425. margin-left:10px;
  426. border-radius:0px 10px 0px 0px;
  427. border-left:10px solid {color:Post Border};
  428. color:{color:Ask Question Text};
  429. background:{color:Ask Question Background};}
  430.  
  431. .answer {
  432. padding:2px 8px;
  433. text-align:left;
  434. margin-left:10px;
  435. margin-right:10px;
  436. margin-top:5px;
  437. border-radius:0px 0px 10px 0px;
  438. border-left:10px solid {color:Post Border};
  439. color:{color:Ask Answer Text};
  440. background:{color:Ask Answer Background};}
  441.  
  442. .quote {width: 80%; margin: auto;}
  443. .quotetext_short {font-size: 18px;}
  444. .quotetext_medium {font-size: 14px;}
  445. .quotetext_long {font-size: 11px;}
  446.  
  447. .source {text-align:right;}
  448.  
  449. .convo li {
  450. padding:5px 5px 5px 0px;
  451. list-style: none;
  452. margin-bottom:5px;
  453. margin-left:-25px;}
  454.  
  455. .line_odd {
  456. border:1px solid {color:Body Links};}
  457.  
  458. .line_even {
  459. border:1px solid {color:Body Text};}
  460.  
  461. .line_odd .label {
  462. background:{color:Body Links};
  463. color:{color:Caption Background};}
  464. .line_even .label {
  465. background:{color:Body Text};
  466. color:{color:Caption Background};}
  467.  
  468. .convo .label {padding:5px;
  469. margin-right:5px;
  470. text-transform: uppercase;}
  471.  
  472.  
  473. /* Audio CSS
  474. -------------------------------------------------*/
  475. .cover {
  476. position:relative;
  477. min-height:200px;
  478. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  479. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  480. border-bottom:2px solid {color:Body Links};
  481. background:{color:Body Text};
  482. z-index:100;}
  483. .cover img {
  484. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  485. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  486. margin-bottom:-2px;}
  487.  
  488. .covericon {
  489. position:absolute;
  490. background:{color:Body Text};
  491. border:4px solid {color:Post Background};
  492. margin-top:-5px;
  493. margin-left:-115px;
  494. width:100px;}
  495.  
  496. .playbutton {
  497. width:25px;
  498. overflow:hidden;
  499. position:relative;
  500. z-index:1000;}
  501.  
  502. .playbox {
  503. border-top:2px solid {color:Body Links};
  504. background:#000;
  505. z-index:1000;}
  506.  
  507. .audioinfo {
  508. color:{color:Body Text};
  509. background:{color:Post Background};
  510. position:absolute;
  511. z-index:1000;
  512. padding:5px 10px;
  513. margin-top:5px;
  514. margin-left:110px;}
  515.  
  516. .audiotrack {font-size: 14px;font-weight: bold;}
  517.  
  518.  
  519. /* Post Information CSS
  520. -------------------------------------------------*/
  521. .postinfo {
  522. position:absolute;
  523. {block:if500pxPosts}
  524. width:450px;
  525. margin-left:15px;
  526. {/block:if500pxPosts}
  527. {block:ifnot500pxPosts}
  528. width:350px;
  529. margin-left:15px;
  530. {/block:ifnot500pxPosts}
  531. font-size:{text:Post Info Font Size}px;
  532. text-align:center;
  533. text-transform:lowercase;
  534. letter-spacing:2px;
  535. padding:15px 10px;
  536. margin-top:10px;
  537. border-radius:0px 0px 0px 15px;
  538. color:{color:Post Info Text};
  539. background:{color:Post Info Background};}
  540.  
  541. .postinfo a {color:{color:Post Info Text};
  542. padding:3px;margin:0px 3px;}
  543. .postinfo a:hover {color:{color:Body Links};
  544. border-bottom:1px solid {color:Body Links};}
  545.  
  546. .post_tags {
  547. position:absolute;
  548. {block:ifHoverTags}
  549. max-height:0px;
  550. overflow:hidden;
  551. {/block:ifHoverTags}
  552. margin-top:50px;
  553. padding:0px 10px;
  554. {block:if500pxPosts}
  555. width:500px;
  556. {/block:if500pxPosts}
  557. {block:ifnot500pxPosts}
  558. width:400px;
  559. {/block:ifnot500pxPosts}
  560. text-align:center;
  561. letter-spacing:1px;
  562. font-size:{text:Tags Font Size}px;}
  563. .post_tags a {color:{color:Tag Text};opacity:0.5;}
  564. .post_tags a:hover {color:{color:Body Links};opacity:1;}
  565.  
  566. .post:hover .post_tags {max-height:100px}
  567.  
  568. .sources {filter:alpha(opacity=0);opacity:0;display:none;}
  569.  
  570. .postnotes {
  571. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  572. {block:ifnot500pxPosts}width:400px;{/block:ifnot500pxPosts}
  573. position:relative;
  574. padding:10px;
  575. margin-bottom:20px;
  576. color:{color:Body Text};
  577. background:{color:Post Background};}
  578.  
  579. .postnotes a {color:{color:Body Text};font-weight:bold;}
  580. .postnotes a:hover {color:{color:Body Links};}
  581.  
  582. .postnotes ol {
  583. list-style-type:none;
  584. padding:0px;
  585. margin:0px;}
  586.  
  587. .postnotes img {display:none;}
  588. .avatar_frame {display:none;}
  589.  
  590. .more_notes_link {
  591. display:block;
  592. margin-top:10px;
  593. padding:5px;
  594. color:{color:Post Info Text};
  595. background:{color:Post Info Background};}
  596.  
  597. /* BTT CSS
  598. -------------------------------------------------*/
  599. .back-to-top {
  600. position:fixed;
  601. font-size:{text:Post Info Font Size}px;
  602. text-align:center;
  603. text-transform:lowercase;
  604. letter-spacing:2px;
  605. padding:15px;
  606. color:{color:BTT Text};
  607. background:{color:BTT Background};
  608. border-right:5px solid {color:BTT Border};
  609. border-radius:0px 15px 0px 0px;
  610. bottom:0px;left:0px;
  611. display:none;}
  612.  
  613. .back-to-top:hover {color:{color:BTT Hover};}
  614.  
  615. /* Credit CSS - DO NOT REMOVE
  616. -------------------------------------------------*/
  617. .credit a {
  618. display:block;
  619. color:{color:Body Text};
  620. padding:3px 3px 3px 4px;
  621. font-size:6px;
  622. text-align:center;
  623. text-transform:uppercase;
  624. letter-spacing:3px;
  625. border:1px solid {color:Body Text};
  626. z-index:9999999999999;
  627. position:fixed;right:5px;bottom:5px;}
  628.  
  629. .credit a:hover{color:{color:Body Links};
  630. border:1px solid {color:Body Links};}
  631. </style>
  632.  
  633. {block:ifInfiniteScroll}
  634. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  635. {/block:ifInfiniteScroll}
  636. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  637. <script>
  638. (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);
  639. </script>
  640.  
  641. <script>
  642. jQuery(document).ready(function() {
  643. var offset = 220;
  644. var duration = 500;
  645. jQuery(window).scroll(function() {
  646. if (jQuery(this).scrollTop() > offset) {
  647. jQuery('.back-to-top').fadeIn(duration);
  648. } else {
  649. jQuery('.back-to-top').fadeOut(duration);
  650. }
  651. });
  652.  
  653. jQuery('.back-to-top').click(function(event) {
  654. event.preventDefault();
  655. jQuery('html, body').animate({scrollTop: 0}, duration);
  656. return false;
  657. })
  658. });
  659. </script>
  660.  
  661. </head>
  662. <body>
  663. <div class="side_background">
  664. <div class="sidebg_border">
  665. <div class="sidebg_chunk">
  666. </div>
  667. </div>
  668. </div>
  669.  
  670. <div class="container">
  671. <div class="side_container">
  672.  
  673. <div class="side_image">
  674. <img src="{image:Side Image}">
  675. </div>
  676.  
  677. <div class="side_content">
  678.  
  679. <div class="side_box">
  680. {block:ifnotInfiniteScroll}
  681. {block:Pagination}
  682. <div class="nav">{block:PreviousPage}
  683. <a href="{PreviousPage}"> < </a>
  684. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  685. <span class="current_page">{PageNumber}</span>
  686. {/block:CurrentPage}{block:JumpPage}
  687. <a class="jump_page" href="{URL}">{PageNumber}</a>
  688. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  689. <a href="{NextPage}"> > </a>
  690. {/block:NextPage}</div>{/block:Pagination}
  691. {/block:ifnotInfiniteScroll}
  692. <div class="side_crown">♦♦</div>
  693. <div class="box_title">
  694. <h1>{text:Title}</h1>
  695. <h2>{text:Subtitle}</h2>
  696. </div>
  697. <div class="box_content">
  698. <div class="description">{Description}</div>
  699. </div>
  700. </div>
  701.  
  702. <div class="side_menu">
  703. <span id="flink">
  704. <a href="{text:Side Link01 URL}" title="{text:Side Link01 Title}">+</a>
  705. <a href="{text:Side Link02 URL}" title="{text:Side Link02 Title}">+</a>
  706. </span>
  707. <a href="{text:Side Link03 URL}" title="{text:Side Link03 Title}">+</a>
  708. <a href="{text:Side Link04 URL}" title="{text:Side Link04 Title}">+</a>
  709. <a href="{text:Side Link05 URL}" title="{text:Side Link05 Title}">+</a>
  710. <a href="{text:Side Link06 URL}" title="{text:Side Link06 Title}">+</a>
  711. </div>
  712.  
  713. </div>
  714.  
  715. </div>
  716.  
  717.  
  718. <div class="post_container">
  719. <div class="autopagerize_page_element">
  720. {block:Posts}
  721. <div class="post">
  722.  
  723. {block:ContentSource}
  724. <div class="sources">
  725. {SourceURL}{block:SourceLogo}
  726. <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  727. {/block:SourceLogo}
  728. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  729. </div>
  730. {/block:ContentSource}
  731.  
  732. {block:Text}
  733. {block:Title}<h2>{Title}</h2>{/block:Title}
  734. <div class="post_caption">
  735. {Body}
  736. </div>
  737. {/block:Text}
  738.  
  739. {block:Answer}
  740. <div class="question">
  741. <i><b>{Asker}</b> asked:</i> {Question}</div>
  742. <div class="answer">{Answer}</div>
  743. {/block:Answer}
  744.  
  745. {block:Quote}
  746. <div class="quote">
  747. <div class="quotetext_{Length}">"{Quote}"</div>
  748. {block:Source}<div class="source">{Source}</div>{/block:Source}
  749. </div>
  750. {/block:Quote}
  751.  
  752. {block:Link}
  753. <h2><a href="{URL}">{Name}</a></h2>
  754. {block:Description}
  755. <div class="post_caption">
  756. {Description}
  757. </div>
  758. {/block:Description}
  759. {/block:Link}
  760.  
  761. {block:Chat}
  762. {block:Title}<h2>{Title}</h2>{/block:Title}
  763. <div class="post_caption">
  764. <ul class="convo">
  765. {block:Lines}
  766. <li class="line_{Alt}">{block:Label}
  767. <span class="label">{Label}</span>
  768. {/block:Label}{Line}</li>{/block:Lines}</ul>
  769. </div>
  770. {/block:Chat}
  771.  
  772. {block:Photo}
  773. <a href="{Permalink}">
  774. {block:if500pxPosts}
  775. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  776. {/block:if500pxPosts}
  777. {block:ifnot500pxPosts}
  778. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="400px">
  779. {/block:ifnot500pxPosts}</a>
  780. {block:ifShowCaptions}
  781. {block:Caption}
  782. <div class="post_caption">
  783. {Caption}</div>
  784. {/block:Caption}
  785. {/block:ifShowCaptions}
  786. {block:ifnotShowCaptions}
  787. {block:PermalinkPage}
  788. {block:Caption}
  789. <div class="post_caption">
  790. {Caption}</div>
  791. {/block:Caption}
  792. {/block:PermalinkPage}
  793. {/block:ifnotShowCaptions}
  794. {/block:Photo}
  795.  
  796. {block:Photoset}
  797. {block:if500pxPosts}
  798. {Photoset-500}
  799. {/block:if500pxPosts}
  800. {block:ifnot500pxPosts}
  801. {Photoset-400}
  802. {/block:ifnot500pxPosts}
  803. {block:ifShowCaptions}
  804. {block:Caption}
  805. <div class="post_caption">
  806. {Caption}</div>
  807. {/block:Caption}
  808. {/block:ifShowCaptions}
  809. {block:ifnotShowCaptions}
  810. {block:PermalinkPage}
  811. {block:Caption}
  812. <div class="post_caption">
  813. {Caption}</div>
  814. {/block:Caption}
  815. {/block:PermalinkPage}
  816. {/block:ifnotShowCaptions}
  817. {/block:Photoset}
  818.  
  819. {block:Audio}
  820. <div class="audioinfo">
  821. <div class="covericon">
  822. {block:AlbumArt}
  823. <img src="{AlbumArtURL}">
  824. {/block:AlbumArt}
  825. </div>
  826. <div class="audiotrack">
  827. {block:TrackName}{TrackName}{/block:TrackName}
  828. </div>
  829. <div class="audioartist">
  830. {block:Artist}{Artist}{/block:Artist}
  831. </div>
  832. <div class="audioplay">
  833. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  834. </div>
  835. </div>
  836. <div class="cover">
  837. {block:AlbumArt}
  838. <img src="{AlbumArtURL}">
  839. {/block:AlbumArt}
  840. </div>
  841. <div class="playbox">
  842. <div class="playbutton">
  843. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  844. </div>
  845. </div>
  846. <div class="audiocap">
  847. {block:ifShowCaptions}
  848. {block:Caption}
  849. <div class="post_caption">
  850. {Caption}</div>
  851. {/block:Caption}
  852. {/block:ifShowCaptions}
  853. {block:ifnotShowCaptions}
  854. {block:PermalinkPage}
  855. {block:Caption}
  856. <div class="post_caption">
  857. {Caption}</div>
  858. {/block:Caption}
  859. {/block:PermalinkPage}
  860. {/block:ifnotShowCaptions}
  861. </div>
  862. {/block:Audio}
  863.  
  864. {block:Video}
  865. {block:if500pxPosts}
  866. {Video-500}
  867. {/block:if500pxPosts}
  868. {block:ifnot500pxPosts}
  869. {Video-400}
  870. {/block:ifnot500pxPosts}
  871. {block:ifShowCaptions}
  872. {block:Caption}
  873. <div class="post_caption">
  874. {Caption}</div>
  875. {/block:Caption}
  876. {/block:ifShowCaptions}
  877. {block:ifnotShowCaptions}
  878. {block:PermalinkPage}
  879. {block:Caption}
  880. <div class="post_caption">
  881. {Caption}</div>
  882. {/block:Caption}
  883. {/block:PermalinkPage}
  884. {/block:ifnotShowCaptions}
  885. {/block:Video}
  886.  
  887. <div class="postinfo">
  888. {block:Date}
  889. <a href="{Permalink}" title="permalink">{DayOfMonthWithZero}.{MonthNumberWithZero}</a>
  890. {/block:Date}
  891. {block:Notecount}
  892. <a href="{Permalink}" title="with {NoteCountWithLabel}">{NoteCount}</a>
  893. {/block:Notecount}
  894. {block:RebloggedFrom}
  895. <a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA</a>
  896. <a href="{ReblogRootURL}" title="{ReblogRootTitle}">SOURCE</a>
  897. {/block:RebloggedFrom}
  898. </div>
  899.  
  900. {block:ifShowTags}
  901. <div class="post_tags">
  902. {block:HasTags}
  903. <div class="tags">
  904. {block:Tags}
  905. <a href="{TagURL}">#{Tag}</a>
  906. {/block:Tags}
  907. </div>
  908. {/block:HasTags}
  909. </div>
  910. {/block:ifShowTags}
  911. </div>
  912.  
  913. {block:PermalinkPage}
  914. {block:PostNotes}
  915. <div class="postnotes">
  916. {PostNotes}
  917. </div>
  918. {/block:PostNotes}
  919. {/block:PermalinkPage}
  920.  
  921. {/block:Posts}
  922. </div>
  923. </div>
  924.  
  925. </div>
  926.  
  927. {block:ifShowBTTButton}
  928. <a href="#" class="back-to-top">Back to Top</a>
  929. {/block:ifShowBTTButton}
  930.  
  931. <!-- Credit / Copyright Information - DO NOT REMOVE -->
  932. <div class="credit">
  933. <a href="http://titanjelly.tumblr.com/themes">Titan</a>
  934. </div>
  935.  
  936. </body>
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!