API tools faq
paste
Advertisement
TitanJelly

theme #25 v1.3 - by titanjelly

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