API tools faq
paste
Advertisement
TitanJelly

theme #43 v1.1 - by titanjelly

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