API tools faq
paste
Advertisement
TitanJelly

theme #30 - by titanjelly

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