API tools faq
paste
Advertisement
jollyxo

Forever Theme by Jolly

jollyxo
Sep 4th, 2014 (edited)
8,581
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.89 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ******************************************
  3. | | |
  4. | | |
  5. | _____ | |
  6. | | | | | | \ / INNER.tumblr.com
  7. | | | | | | \ / LIMIT.tumblr.com
  8. \_____/ |_____| | | \____/ JOLLYTHEMES.tumblr.com
  9. /
  10. /
  11. \____/
  12.  
  13. Forever Theme by jollythemes aka INNER
  14. Please do not remove the credits.
  15. Or at least put me on your faqs. Thank you.
  16. ******************************************
  17. -->
  18.  
  19. <head>
  20.  
  21.  
  22. {block:ifRightClickDisable}
  23. <script type="text/javascript">
  24. <!--
  25.  
  26. //(c) Ian Muscat 2007
  27.  
  28. function IE(e)
  29. {
  30. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  31. {
  32. return false;
  33. }
  34. }
  35. function NS(e)
  36. {
  37. if (document.layers || (document.getElementById && !document.all))
  38. {
  39. if (e.which == "2" || e.which == "3")
  40. {
  41. return false;
  42. }
  43. }
  44. }
  45. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  46.  
  47. //-->
  48. </script>
  49. {/block:ifRightClickDisable}
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52. <script>
  53. (function($){
  54. $(document).ready(function(){
  55. $("a[title]").style_my_tooltips({
  56. tip_follows_cursor:true,
  57. tip_delay_time:90,
  58. tip_fade_speed:600,
  59. attribute:"title"
  60. });
  61. });
  62. })(jQuery);
  63. </script>
  64.  
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Ubuntu:300' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'>
  68. <link href='https://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>
  69. <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  70. <link href='https://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  71. <link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  72. <link href='https://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  73. <link href='https://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  74. <link href='https://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  75. <link href='https://fonts.googleapis.com/css?family=Clicker+Script' rel='stylesheet' type='text/css'>
  76. <link href='https://fonts.googleapis.com/css?family=Patrick+Hand+SC' rel='stylesheet' type='text/css'>
  77. <link href="https://fonts.googleapis.com/css?family=Asap|Share" rel='stylesheet' type='text/css'>
  78. <link href='https://fonts.googleapis.com/css?family=Advent+Pro' rel='stylesheet' type='text/css'>
  79. <link href='https://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  80. <link href='https://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  81. <link href='https://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
  82. <link href='https://fonts.googleapis.com/css?family=Lekton|Antic' rel='stylesheet' type='text/css'>
  83. <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|PT+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css">
  84.  
  85.  
  86. <html lang="en">
  87.  
  88.  
  89.  
  90. <link href="https://static.tumblr.com/z0cd8ty/aJjm6uyej/meffects.css" rel="stylesheet">
  91. <script type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  92.  
  93.  
  94. <meta https-equiv="Content-Type" content="text/html; charset=utf-8">
  95. <meta name="color:Background" content="#ffffff"/>
  96. <meta name="color:Text" content="#000000"/>
  97. <meta name="color:Text Shadow" content="#7F7F7F"/>
  98. <meta name="color:Permalink Text" content="#000000"/>
  99. <meta name="color:Links" content="#000000"/>
  100. <meta name="color:Hover" content="#686868"/>
  101. <meta name="color:Blockquote" content="#ddd"/>
  102. <meta name="color:Margin Hover" content="#dddddd"/>
  103. <meta name="color:Blogtitle" content="#000000"/>
  104. <meta name="color:Scrollbar" content="#000000"/>
  105. <meta name="color:Header" content="#eeeeee"/
  106. <meta name="color:Entry Border Hover" content="#B5B5B5"/>
  107. <meta name="color:Link Hover Background Color" content="#dedede"/>
  108.  
  109.  
  110. <meta name="image:Background" content=""/>
  111. <meta name="image:Sidebar" content=""/>
  112. <meta name="image:Sidebar background" content=""/>
  113. <meta name="image:Titletab" content=""/>
  114.  
  115.  
  116. <meta name="if:Enlarged Background" content="0"/>
  117. <meta name="if:Faded Image" content="0"/>
  118. <meta name="if:Show Photo" content="1"/>
  119. <meta name="if:Entry Border Hover" content="0"/>
  120. <meta name="if:Link Hover Background" content="0"/>
  121. <meta name="if:Cross Cursor" content="1"/>
  122. <meta name="if:Right Click Disable" content="1"/>
  123. <meta name="if:Tiny cursor" content="0"/>
  124. <meta name="if:Shadow posts" content="0"/>
  125. <meta name="if:Snow Flakes" content="1"/>
  126. <meta name="if:Border Post" content="0"/>
  127. <meta name="if:title font 1" content="0"/>
  128. <meta name="if:title font 2" content="0"/>
  129. <meta name="if:title font 3" content="0"/>
  130. <meta name="if:title font 4" content="0"/>
  131. <meta name="if:title font 5" content="1"/>
  132. <meta name="if:title font 6" content="0"/>
  133.  
  134. <meta name="text:Reblog Text" content="reblog" />
  135. <meta name="text:Blog Title 2" content="put what you want here" />
  136.  
  137. <meta name="text:Custom Link One" content=""/>
  138. <meta name="text:Custom Link One URL" content=""/>
  139. <meta name="text:Custom Link Two" content=""/>
  140. <meta name="text:Custom Link Two URL" content=""/>
  141. <meta name="text:Custom Link Three" content=""/>
  142. <meta name="text:Custom Link Three URL" content=""/>
  143. <meta name="text:Custom Link Four" content=""/>
  144. <meta name="text:Custom Link Four URL" content=""/>
  145. <meta name="text:Custom Link Five" content=""/>
  146. <meta name="text:Custom Link Five URL" content=""/>
  147. <meta name="text:Custom Link Six" content=""/>
  148. <meta name="text:Custom Link Six URL" content=""/>
  149. <meta name="text:Custom Link Seven" content=""/>
  150. <meta name="text:Custom Link Seven URL" content=""/>
  151. <meta name="text:Custom Link Eight" content=""/>
  152. <meta name="text:Custom Link Eight URL" content=""/>
  153.  
  154. <meta name="image:Home icon" content="https://tinyurl.com/6nbyul2"/>
  155. <meta name="image:Message icon" content="https://tinyurl.com/7jjzbjy"/>
  156. <meta name="image:Archive icon" content="https://tinyurl.com/6qp7yja"/>
  157. <meta name="image:Random icon" content="https://tinyurl.com/6s3gyjo"/>
  158. <meta name="image:Custom Link One Icon" content="https://tinyurl.com/7jcx7qq"/>
  159. <meta name="image:Custom Link Two Icon" content="https://tinyurl.com/7jcx7qq"/>
  160. <meta name="image:Custom Link Three Icon" content="https://tinyurl.com/7jcx7qq"/>
  161. <meta name="image:Custom Link Four Icon" content="https://tinyurl.com/7jcx7qq"/>
  162. <meta name="image:Custom Link Five Icon" content="https://tinyurl.com/7jcx7qq"/>
  163. <meta name="image:Custom Link Six Icon" content="https://tinyurl.com/7jcx7qq"/>
  164. <meta name="image:Custom Link Seven Icon" content="https://tinyurl.com/7jcx7qq"/>
  165. <meta name="image:Custom Link Eight Icon" content="https://tinyurl.com/7jcx7qq"/>
  166.  
  167.  
  168. <title>{Title}</title>
  169.  
  170. <link rel="shortcut icon" href="{Favicon}">
  171. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  172. <meta name="viewport" content="width=820" />
  173. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  174.  
  175.  
  176. <style type="text/css">
  177. @font-face {font-family:basket;src: url('https://static.tumblr.com/ejm8w78/E7bmdzk1u/kgthefighter.ttf');,}
  178. @font-face {font-family:Bree; src:url(https://static.tumblr.com/9wzbixa/YBvm26pgu/bree.ttf);}
  179. @font-face {font-family:Aderyn; src:url(https://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf);}
  180. @font-face {font-family: "Lane Narrow";src: url('https://static.tumblr.com/anvbwtn/Qt4m9sybs/lanenar_.ttf');}
  181. @font-face {font-family: "Symbols";src: url('https://static.tumblr.com/iuw14ew/Fsomax951/websymbols-regular-webfont.ttf'); format("truetype");}
  182. @font-face { font-family: "Cedarville Cursive"; src: url('https://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  183. @font-face{font-family: Arsenale White; src: url(https://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf);}
  184. @font-face{font-family:Ashley Marie;src:url(https://static.tumblr.com/9wzbixa/qKtmj2fnf/ashleymarie.ttf);}
  185. @font-face { font-family: "kingcoolkc"; src: url('https://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  186. @font-face {font-family:Caviar Dreams;src:url(https://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf); }
  187. @font-face { font-family: Signerica; src: url('https://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  188. @font-face {font-family:"Dingleberry"; src:url('https://static.tumblr.com/9wzbixa/EC3m26pf3/dingleberry_solid.ttf');}
  189. @font-face { font-family: "bebas neue"; src: url('https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  190. @font-face { font-family: "silkscreen"; src: url('https://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  191. @font-face { font-family: "masexy"; src: url('https://static.tumblr.com/q54tzar/4Ugm21ggi/ma_sexy_1_.ttf'); }
  192.  
  193. {block:iftinycursor}body, a, a:hover {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}{/block:iftinycursor}
  194.  
  195. ::-webkit-scrollbar-thumb{
  196. background-color: #ddd;
  197. border: 2px solid #ffffff;
  198. height:auto;
  199. -moz-border-radius: 5px;
  200. border-radius: 5px;
  201. }
  202.  
  203. ::-webkit-scrollbar {
  204. height:auto;
  205. width:9px;
  206. background-color: #999999;
  207. border: 4px solid #ffffff;
  208. }
  209.  
  210. iframe#tumblr_controls{
  211. position:fixed !important;
  212. }
  213.  
  214.  
  215. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('https://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  216.  
  217.  
  218.  
  219.  
  220. a:link, a:active, a:visited{color:{color:links};text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out;}
  221. a:hover{color:{color:hover};-webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out;
  222. {block:IfLinkHoverBackground} background: {color:LinkHoverBackgroundColor};{/block:IfLinkHoverBackground}
  223. -webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  224. {block:ifcrosscursor}
  225. cursor: crosshair;
  226. {/block:ifcrosscursor}
  227. text-shadow:1px 0px 0px 1px {color:textshadow};}
  228.  
  229. .tmblr-iframe{ white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:.5;transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;-moz-transition: .4s ease-in-out;-o-transition: .4s ease-in-out;position:fixed!important;right:-55px!important; top:-15px!important;transform:scale(0.7,0.7); } .tmblr-iframe:hover { opacity:1; }
  230.  
  231.  
  232.  
  233. body {
  234. color:{color:text};
  235. line-height: 13px;
  236. letter-spacing: 1px;
  237. background-color: {color:Background};
  238. background-image:url({image:Background});
  239. background-attachment: fixed;
  240. background-size: repeat;
  241. {block:ifEnlargedBackground}
  242. background-size:cover;
  243. {/block:ifEnlargedBackground}
  244. }
  245.  
  246.  
  247.  
  248.  
  249. #posts {
  250. width: 610px;
  251. margin-left:5px;
  252. margin-top:20px;
  253. margin-left:400px;
  254. {block:permalinkpage}
  255. width: 500px;
  256. margin-left:400px;
  257. {/block:permalinkpage}
  258. float:center;
  259. {block:ifcrosscursor}
  260. cursor: crosshair;
  261. {/block:ifcrosscursor}
  262. }
  263.  
  264.  
  265.  
  266. .entry {
  267. margin:18px;
  268. padding-top: 8px;
  269. padding-left: 8px;
  270. padding-right: 8px;
  271. padding-bottom: 3px;
  272. float:left;
  273. background-color:transparent;
  274. font-family:consolas;
  275. font-size: 9px;
  276. text-align:left;
  277. line-height:15px;
  278. border-radius:5px;
  279. text-transform: uppercase;
  280. {block:ifshadowposts}
  281. -webkit-box-shadow: 3px 14px 5px
  282. rgba(0,0,0,0.3);
  283. -moz-box-shadow: 3px 14px 5px
  284. rgba(0,0,0,0.3);
  285. box-shadow: 1px 2px 12px
  286. rgba(0,0,0,0.3);
  287. {/block:ifshadowposts}
  288. {block:IfBorderPost}
  289. border: 1px solid #ddd;
  290. {/block:IfBorderPost}
  291. background-color:auto;
  292. opacity:0.9;
  293. {block:indexpage}
  294. width:220px;
  295. overflow:visible;
  296. {/block:indexpage}
  297. {block:permalinkpage}
  298. font-weight: lighter;
  299. width: 500px;
  300. {/block:permalinkpage}
  301. {block:ifcrosscursor}
  302. cursor: crosshair;
  303. {/block:ifcrosscursor}
  304. -webkit-animation:fadeInUp 2s;
  305. -moz-animation:fadeInUp 2s;
  306. -ms-animation:fadeInUp 2s;
  307. }
  308.  
  309. .entry img {
  310. max-width:100%;
  311. }
  312.  
  313. .entry:hover{
  314. {block:ifentryborderhover}
  315. border: 1px solid {color:entryborderhover};
  316. {/block:ifentryborderhover}
  317. }
  318.  
  319.  
  320. .entry .jperm{
  321. color: #000;
  322. font-size: 9px;
  323. line-height: 9px;
  324. margin-left: -13px;
  325. margin-right: -5px;
  326. width: 225px;
  327. height: 20px;
  328. padding:5px;
  329. right:5px;
  330. letter-spacing:0px;
  331. bottom: 0px;
  332. text-transform: uppercase;
  333. position: absolute;
  334. font-family:consolas;
  335. text-align: right;
  336. overflow:hidden;
  337. opacity: 0.0;
  338. border-bottom-left-radius: 3px;
  339. border-bottom-right-radius: 3px;
  340. background-color:#fff;
  341. -webkit-transition: opacity 0.4s linear;
  342. -webkit-transition: all 0.4s linear;
  343. -moz-transition: all 0.4s linear;
  344. transition: all 0.4s linear;
  345. }
  346.  
  347. .entry:hover .jperm{
  348. overflow:visible;
  349. right:5px;
  350. bottom:0px;
  351. z-index:9999999;
  352. -webkit-transition: opacity 0.4s linear; opacity: .8;
  353. -webkit-transition: all 0.4s linear;
  354. -moz-transition: all 0.4s linear;
  355. transition: all 0.4s linear;
  356. }
  357.  
  358.  
  359. .entry .japerm{
  360. color: #000;
  361. font-family:Consolas;
  362. font-size: 9px;
  363. line-height: 13px;
  364. width: 212px;
  365. padding:4px;
  366. margin-top: 43px;
  367. margin-left: 0px;
  368. text-transform: uppercase;
  369. position: absolute;
  370. font-family:Consolas;
  371. text-align: right;
  372. overflow:hidden;
  373. opacity: 0.0;
  374. background-color:#ddd;
  375. -webkit-transition: all .7s ease-in-out;
  376. -moz-transition: all .7s ease-in-out;
  377. -o-transition: all .7s ease-in-out;
  378. transition: all .7s ease-in-out;
  379.  
  380. }
  381.  
  382. .entry:hover .japerm{
  383. overflow:visible;margin-top: 43px;
  384. z-index:9999999;opacity:0.8;
  385. -webkit-transition: all .7s ease-in-out;
  386. -moz-transition: all .7s ease-in-out;
  387. -o-transition: all .7s ease-in-out;
  388. transition: all .7s ease-in-out;
  389.  
  390. }
  391.  
  392.  
  393.  
  394. .entry .permalink{
  395. color: #000;
  396. font-family:Consolas;
  397. font-size: 9px;
  398. line-height: 9px;
  399. width: 212px;
  400. height: auto;
  401. padding:4px;
  402. margin-top: 24px;
  403. margin-left: 0px;
  404. text-transform: uppercase;
  405. position: absolute;
  406. font-family:Consolas;
  407. text-align: center;
  408. overflow:hidden;
  409. opacity: 0.0;
  410. background-color:#ddd;
  411. -webkit-transition: all .5s ease-in-out;
  412. -moz-transition: all .5s ease-in-out;
  413. -o-transition: all .5s ease-in-out;
  414. transition: all .5s ease-in-out;
  415. }
  416.  
  417. .entry:hover .permalink{
  418. margin-top: 24px;
  419. overflow:visible;
  420. opacity: 0.8;
  421. -webkit-transition: all .5s ease-in-out;
  422. -moz-transition: all .5s ease-in-out;
  423. -o-transition: all .5s ease-in-out;
  424. transition: all .5s ease-in-out;
  425. }
  426.  
  427.  
  428. .entry .permahover {
  429. width:226px;
  430. padding-left:5px;
  431. padding-right:5px;
  432. padding-top:1px;
  433. padding-bottom:1px;
  434. margin-bottom:-3px;
  435. margin-left:-8px;
  436. margin-right:0px;
  437. overflow:hidden;
  438. background-color:#ddd;
  439. color:{color:Text};
  440. font-family:consolas;
  441. font-size:9px;
  442. line-height:13px;
  443. letter-spacing:1px;
  444. text-transform:uppercase;
  445. text-align:right;}
  446.  
  447.  
  448.  
  449.  
  450. .permalink a{
  451. color:{color:permalink text};
  452. }
  453.  
  454.  
  455. .permalink:hover{
  456. border-radius:0px;
  457. }
  458.  
  459.  
  460. .like_and_reblog_buttons {
  461. position:absolute;
  462. bottom:-5px;
  463. left:-30px;
  464. list-style: none;
  465. opacity:0;
  466. -webkit-transition: all 0.2s linear;
  467. -webkit-transition: all 0.2s linear;
  468. -moz-transition: all 0.2s linear;
  469. transition: all 0.2s linear;
  470. }
  471. .entry:hover .like_and_reblog_buttons{
  472. opacity:1;
  473. bottom:-2px;z-index:999999999;
  474. -webkit-transition: all 0.2s linear;
  475. -webkit-transition: all 0.2s linear;
  476. -moz-transition: all 0.2s linear;
  477. transition: all 0.2s linear;
  478. }
  479.  
  480. .like_and_reblog_buttons li {
  481. float: left;
  482. background-color:transparent;
  483. border-radius:100%;
  484. padding:3px;
  485. height:15px;
  486. width:15px;
  487.  
  488. }
  489.  
  490. .like_and_reblog_buttons li:first-child {
  491. margin-right:8px;
  492. }
  493.  
  494.  
  495.  
  496. #sblinks{
  497. position: fixed;
  498. left: 370px;
  499. top: 0px;
  500. width: 16px;
  501. height: 100%;
  502. background-color: #ddd;
  503. padding: 5px;
  504. z-index: 1000;
  505. font-family: consolas 9px #fff; text-transform: uppercase;
  506. }
  507.  
  508. #mnl {
  509. margin-top:100px;
  510. }
  511.  
  512.  
  513. #return {
  514. background-color: {color:Icons Background};
  515. margin-left: -5px;
  516. padding: 5px;
  517. width: 16px;
  518. overflow: hidden;
  519. font-family: consolas 9px; text-transform: uppercase;}
  520.  
  521. #return:hover {
  522. overflow: visible;}
  523.  
  524. #return .home {
  525. margin-top: -12px;
  526. margin-left: 10px;
  527. opacity: 0;
  528. filter: alpha (opacity=0);
  529. -webkit-transition: all 0.5s ease;
  530. -moz-transition: all 0.5s ease;
  531. -o-transition: all 0.5s ease;
  532. opacity:0;}
  533.  
  534. #return:hover .home {
  535. opacity: 1;
  536. filter: alpha (opacity=9);
  537. margin-left: 20px;}
  538.  
  539. #sidebar{
  540. position:fixed;
  541. padding: 10px;
  542. margin-left:120px;
  543. margin-top:60px;
  544. height: auto;
  545. width: 200px;
  546. text-align: right;
  547. border:3px solid #ddd;
  548. background: white;
  549. background-image:url({image:sidebar Background});
  550. font-size: 9px;
  551. line-height:11px;
  552. letter-spacing: 1px;
  553. text-transform:uppercase;
  554. font-family: consolas;
  555. color: {color:description};
  556. -ms-animation: fadeInDownBig 2s;
  557. -moz-animation: fadeInDownBig 2s;
  558. -webkit-animation: fadeInDownBig 2s;
  559. -khtml-border-radius: 3px;
  560. -moz-border-radius: 3px;
  561. -webkit-border-radius: 3px;
  562. border-radius: 5px;
  563. }
  564.  
  565.  
  566. .blog{
  567. {block:iftitlefont1}
  568. font: 20px masexy;
  569. {/block:iftitlefont1}
  570. {block:iftitlefont2}
  571. font: 20px basket;
  572. {/block:iftitlefont2}
  573. {block:iftitlefont3}
  574. font: 20px Patrick Hand;
  575. {/block:iftitlefont3}
  576. {block:iftitlefont4}
  577. font: 20px bebas neue;
  578. {/block:iftitlefont4}
  579. {block:iftitlefont5}
  580. font: 20px Dingleberry;
  581. {/block:iftitlefont5}
  582. {block:iftitlefont6}
  583. font: 20px Signerica;
  584. {/block:iftitlefont6}
  585. {block:iftitlefont7}
  586. font: 20px 'lobster';
  587. {/block:iftitlefont7}
  588. letter-spacing:3px;
  589. font-align: center;
  590. padding: 3px;
  591. margin-top: 20px;
  592. margin-left: -10px;
  593. margin-right: -10px;
  594. border-top:1px solid #ddd;
  595. border-bottom:1px solid #ddd;
  596. font-weight: lighter;
  597. color: #ddd;
  598. background-color:white;
  599. -webkit-transition: all 0.3s linear;
  600. -webkit-transition: all 0.3s linear;
  601. -moz-transition: all 0.3s linear;
  602. transition: all 0.3s linear;
  603. }
  604.  
  605. .blog:hover{
  606. color: #ccc;
  607. text-shadow:3px 0px #CCC, -4px 0px #ddd;
  608. -webkit-transition: all 0.3s linear;
  609. -webkit-transition: all 0.3s linear;
  610. -moz-transition: all 0.3s linear;
  611. transition: all 0.3s linear;
  612. }
  613.  
  614. #toTop {
  615. position:fixed;
  616. bottom:3px;
  617. right:5px;
  618. background:url('https://static.tumblr.com/2rgbcto/PkNmok03b/ix.png') no-repeat;
  619. z-index:9999;
  620. width:45px;
  621. height:40px;
  622. overflow:hidden;
  623. text-indent:100%;}
  624.  
  625. #toTop:active, #toTop:focus {
  626. outline:none}
  627.  
  628.  
  629. asker{
  630. font-family: 'KingCoolkc';
  631. font-size:25px;
  632. line-height:20px;
  633. text-decoration:bold;
  634. color: #000;
  635. background-color: #cdd3e4;
  636. text-transform:uppercase;
  637. }
  638. @font-face { font-family: "kingcoolkc"; src: url('https://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  639.  
  640. .askperma{
  641. display: block;
  642. font-family:didact gothic;
  643. font-size: px;
  644. text-transform: lowercase;
  645. text-align: right;
  646. background-color:auto;
  647. letter-spacing: 0px;
  648. border-top: 0px solid #f1f1f1;
  649. padding: 5px;
  650. margin: 1px;
  651. }
  652.  
  653. .yo a{color: #fff;}
  654. .yo{color: #fff;font-size: 12px;display: inline-block;}
  655. .videoperma embed, .post div.video object {
  656. width:400px !important;height:350px !important;}
  657.  
  658. @font-face{font-family:example; src:url('https://static.tumblr.com/3jj4ois/ixMms3uip/willg___.ttf');}
  659. .title{
  660. font-family: example;
  661. font-size: 20px;
  662. line-height:23px;
  663. text-align:center;
  664. text-transform:none;
  665. letter-spacing: 1px;
  666. }
  667.  
  668. blockquote{
  669. padding:0px 0px 2px 5px;
  670. margin:0px 0px 2px 4px;
  671. border-left: 1px dotted #ccc;
  672. }
  673.  
  674. {block:IfFadedImage}
  675. img{
  676. -webkit-transition: opacity 0.8s linear;
  677. opacity: 0.6;
  678. }
  679. img:hover{
  680. -webkit-transition: opacity 0.8s linear;
  681. opacity: 1;
  682. }{/block:IfFadedImage}
  683.  
  684.  
  685. #infscr-loading{
  686. bottom: -70px;
  687. position: absolute;
  688. left: 50%;
  689. margin-left:-8px;
  690. width:16px;
  691. height:11px;
  692. overflow:hidden;
  693. margin-bottom: 50px;
  694. }
  695.  
  696. #credit {
  697. position: fixed;
  698. font-size: 10px;
  699. z-index: 5000;
  700. background-color: transparent;
  701. padding: 5px;
  702. bottom:-3px;
  703. right: 15px;
  704. color:#000;
  705. border-top-right-radius:3px;
  706. border-top-left-radius:3px;
  707. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  708. -webkit-transition: all 0.3s ease;
  709. -moz-transition: all 0.3s ease;
  710. transition: all 0.3s ease;}
  711.  
  712.  
  713. #credit:hover {
  714. bottom:0px;
  715. padding-bottom:10px;
  716. -webkit-transition: all 0.3s ease;
  717. -moz-transition: all 0.3s ease;
  718. transition: all 0.3s ease;}
  719.  
  720.  
  721. .audioplayer {
  722. background-color:white;
  723. overflow-y:hidden;text-align:center;
  724. {block:IndexPage}
  725. width:220px
  726. {/block:IndexPage}
  727. {block:PermalinkPage}width:500px !important;
  728. {/block:PermalinkPage}
  729. }
  730.  
  731.  
  732. .heading {
  733. font-family:basket;
  734. font-size:15px;
  735. text-decoration: none;
  736. text-transform: none;
  737. letter-spacing:0px;
  738. font-weight:none;
  739. line-height:100%;
  740. margin-bottom:0px;
  741. {block:IndexPage}text-align:justify;{/block:IndexPage}
  742. {block:PermalinkPage}text-align:justify;{/block:PermalinkPage}
  743. }
  744.  
  745. .chat ul {
  746. padding:0px;
  747. margin:0px 0px 0px 0px;
  748. background: {color:Blockquote};
  749. }
  750.  
  751. .chat li {
  752. list-style-type: none;
  753. padding:3px;
  754. margin-right:0px;
  755. }
  756.  
  757. .chat li.odd {
  758. color:{color:Text};
  759. background-color: {color:Background};
  760. }
  761.  
  762. .chat li.even {
  763. color: {color:Text};
  764. background-color: {color:Blockquote};
  765. }
  766.  
  767.  
  768. #header{
  769. position:fixed!important;
  770. top: -2px;
  771. height: 30px;
  772. left:190px;
  773. width: 900px;
  774. padding: 5px;
  775. text-transform: uppercase;
  776. text-align: center;
  777. background: #000;
  778. color: white;
  779. font-size: 30px;
  780. line-height: 33px;
  781. font-family:'Codystar', sans-serif;
  782. z-index: 999;
  783. opacity:.7;
  784. border-top-left-radius:5px;
  785. border-top-right-radius:5px;}
  786.  
  787. #header a{
  788. color: white;}
  789.  
  790.  
  791. .side{
  792. position:fixed!important;
  793. top: 38px;
  794. height: 15px;
  795. left:190px;
  796. width: 900px;;
  797. padding: 5px;
  798. text-transform: uppercase;
  799. text-align: right;
  800. background: #000;
  801. color: white;
  802. z-index: 999;
  803. opacity:.7;
  804. border-bottom-left-radius:5px;
  805. border-bottom-right-radius:5px;}
  806.  
  807. #nav a {
  808. font-size:9px;
  809. line-height:10px;
  810. font-family: helvetica;
  811. text-align:center;
  812. text-transform:uppercase;
  813. letter-spacing:1px;
  814. display:inline-block;
  815. color: white;
  816. }
  817.  
  818. #nav a:hover {
  819. text-shadow:3px 0px #CCC, -4px 0px #ddd;
  820. }
  821.  
  822. #s-m-t-tooltip {
  823. max-width:auto;
  824. margin:10px 0px 0px 10px;
  825. padding-left:4px;
  826. padding-right:4px;border-radius:3px;
  827. font-style:italic;
  828. background: #dedede;
  829. border:1px solid #ccc;
  830. font-family:calibri;
  831. font-size:10px;
  832. letter-spacing:1px;
  833. text-transform:uppercase;
  834. color:#000;
  835. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  836. z-index:999999999999999999999999999999999999;
  837. }
  838.  
  839. #sidebarbored{
  840. position:fixed;
  841. height:85px;
  842. width:180px;
  843. border-left:3px solid #ddd;
  844. border-right:3px solid #ddd;
  845. top:-3px;
  846. margin-left:140px;
  847. z-index:0;
  848. -ms-animation: fadeInDownBig 2s;
  849. -moz-animation: fadeInDownBig 2s;
  850. -webkit-animation: fadeInDownBig 2s; }
  851.  
  852.  
  853. .audiobox img{
  854. display:block;
  855. }
  856. .albumart{
  857. width:30px;
  858. height:30px;
  859. padding:8px;
  860. background:{color:Background};
  861. border:1px solid #ddd;
  862. }
  863.  
  864. .art1{
  865. overflow:hidden;
  866. padding:8px;
  867. width:14px;
  868. height:14px;
  869. background:#ffffff;
  870. }
  871.  
  872. .art2 img{
  873. margin-top:-30px;
  874. width:30px;
  875. height:30px;
  876. }
  877.  
  878. .audio{
  879. margin-left:53px;
  880. margin-top:-48px;
  881. padding-top:9px;
  882. padding-left:10px;
  883. padding-bottom:7px;
  884. overflow:hidden;
  885. background:#ffffff;
  886. border:1px solid #ddd;
  887. }
  888.  
  889. .audioinfo{
  890. margin-bottom:2px;
  891. padding-left:5px;
  892. border-bottom:1px solid #ddd;
  893. }
  894. .quote {
  895. font-family: arial;
  896. font-size: 20px;
  897. color: #ddd;
  898. float: left;
  899. margin-right: 5px;
  900. }
  901.  
  902.  
  903.  
  904. </style>
  905. {block:IndexPage}
  906. <script type="text/javascript" src="https://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  907. <script type="text/javascript" src="https://static.tumblr.com/2rgbcto/kPLmodpbf/infinitescrolling.txt"></script>
  908.  
  909. <script type="text/javascript">
  910. $(window).load(function () {
  911. var $content = $('#posts');
  912. $content.masonry({itemSelector: '.entry'}),
  913. $content.infinitescroll({
  914. navSelector : 'div#pagination',
  915. nextSelector : 'div#pagination a#nextPage',
  916. itemSelector : '.entry',
  917. loading: {
  918. finishedMsg: '',
  919. img: 'https://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  920. },
  921. bufferPx : 600,
  922. debug : false,
  923. },
  924. // call masonry as a callback.
  925. function( newElements ) {
  926. var $newElems = $( newElements );
  927. $newElems.hide();
  928. // ensure that images load before adding to masonry layout
  929. $newElems.imagesLoaded(function(){
  930. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  931. });
  932. });
  933. });
  934. </script>
  935. {/block:IndexPage}
  936. </div>
  937.  
  938. <style>
  939. .my-like {
  940. cursor:pointer;
  941. display:inline-block;
  942. vertical-align:top;
  943. }
  944. .my-liked, .my-like:hover {
  945. color: red;
  946. cursor:pointer;
  947. display:inline-block;
  948. vertical-align:top;
  949. }
  950. </style>
  951. <script>
  952. window.onload = function () {
  953. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  954. document.addEventListener( 'click', function ( event ) {
  955. var myLike = event.target;
  956. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  957. var frame = document.getElementById( 'my-like-frame' ),
  958. liked = ( myLike.className == 'my-liked' ),
  959. command = liked ? 'unlike' : 'like',
  960. reblog = myLike.getAttribute( 'data-reblog' ),
  961. id = myLike.getAttribute( 'data-id' ),
  962. oauth = reblog.slice( -8 );
  963. frame.src = 'https://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  964. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  965. };
  966. }, false );
  967. };
  968. </script>
  969.  
  970. </head>
  971. {block:ifSnowFlakes}
  972. <script type="text/javascript">
  973.  
  974. // Set the colors for the snow. Add/remove as many colors as you like //
  975. var snowcolor=new Array("#ffffff","#b1c9cf","#c5dce2","#cccccc","#9b9b9b")
  976.  
  977. var snowmax=40
  978. var snowtype=new Array("Times")
  979. var snowletter="*"
  980. var sinkspeed=0.3
  981. var snowmaxsize=40
  982. var snowminsize=8
  983. var snowingzone=1
  984.  
  985. // Do not edit below this line //
  986. var snow=new Array()
  987. var marginbottom
  988. var marginright
  989. var timer
  990. var i_snow=0
  991. var x_mv=new Array();
  992. var crds=new Array();
  993. var lftrght=new Array();
  994. var browserinfos=navigator.userAgent
  995. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  996. var ns6=document.getElementById&&!document.all
  997. var opera=browserinfos.match(/Opera/)
  998. var browserok=ie5||ns6||opera
  999.  
  1000. function randommaker(range) {
  1001. rand=Math.floor(range*Math.random())
  1002. return rand
  1003. }
  1004.  
  1005. function initsnow() {
  1006. if (ie5 || opera) {
  1007. marginbottom = document.body.scrollHeight
  1008. marginright = document.body.clientWidth-15
  1009. }
  1010. else if (ns6) {
  1011. marginbottom = document.body.scrollHeight
  1012. marginright = window.innerWidth-15
  1013. }
  1014. var snowsizerange=snowmaxsize-snowminsize
  1015. for (i=0;i<=snowmax;i++) {
  1016. crds[i] = 0;
  1017. lftrght[i] = Math.random()*15;
  1018. x_mv[i] = 0.03 + Math.random()/10;
  1019. snow[i]=document.getElementById("s"+i)
  1020. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  1021. snow[i].size=randommaker(snowsizerange)+snowminsize
  1022. snow[i].style.fontSize=snow[i].size+'px';
  1023. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  1024. snow[i].style.zIndex=1000
  1025. snow[i].sink=sinkspeed*snow[i].size/5
  1026. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1027. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1028. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1029. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1030. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  1031. snow[i].style.left=snow[i].posx+'px';
  1032. snow[i].style.top=snow[i].posy+'px';
  1033. }
  1034. movesnow()
  1035. }
  1036.  
  1037. function movesnow() {
  1038. for (i=0;i<=snowmax;i++) {
  1039. crds[i] += x_mv[i];
  1040. snow[i].posy+=snow[i].sink
  1041. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  1042. snow[i].style.top=snow[i].posy+'px';
  1043.  
  1044. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  1045. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  1046. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  1047. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  1048. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  1049. snow[i].posy=0
  1050. }
  1051. }
  1052. var timer=setTimeout("movesnow()",50)
  1053. }
  1054.  
  1055. for (i=0;i<=snowmax;i++) {
  1056. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  1057. }
  1058. if (browserok) {
  1059. window.onload=initsnow
  1060. }
  1061.  
  1062. </script>
  1063. {/block:ifSnowFlakes}
  1064.  
  1065. <body onkeydown="return false">
  1066.  
  1067. <div class="wrapper">
  1068.  
  1069.  
  1070. <div id="sidebarbored"></div>
  1071. <div id="sidebar"><center>
  1072.  
  1073.  
  1074. <div class="blog"title="{text:Blog Title 2}"><blogtitle>{blogtitle}</blogtitle></div>
  1075. {block:ifShowPhoto}<p><a href="/"><img style="border:1px solid #ddd; padding:5px;margin-top:5px;margin-left:-3px;" src="{image:Sidebar}" width=180px;></a>{/block:ifShowPhoto}<p>
  1076. <center>{description}</center></div>
  1077.  
  1078.  
  1079. <div id="sblinks"><div id="mnl">
  1080. <span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:9px;color: white;text-transform:uppercase;">LINKS</span>
  1081. <div id="return"><img src="{image:Home icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1082. <a href="/" class="one"title="refresh">home</a></span></div></div>
  1083. <div id="return"><img src="{image:Message icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1084. <a href="/ask" class="one"title="message me">message</a></span></div></div>
  1085.  
  1086. <div id="return"><img src="{image:Archive icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1087. <a href="/archive" class="one" title="history">archive</a></span></div></div>
  1088.  
  1089. <div id="return"><img src="{image:Random icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1090. <a href="https://inner.tumblr.com/" class="one"title="theme credit">theme</a></span></div></div>
  1091.  
  1092. {Block:IfCustomLinkOne}
  1093. <div id="return"><img src="{image:Custom Link One Icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1094. <a href="{Block:IfCustomLinkOneURL}{text:Custom Link One URL}{/Block:IfCustomLinkOneURL}" class="one"title="{text:Custom Link One}">{text:Custom Link One}</a></span></div></div>
  1095. {/Block:IfCustomLinkOne}
  1096.  
  1097. {Block:IfCustomLinkTwo}
  1098. <div id="return"><img src="{image:Custom Link Two Icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1099. <a href="{Block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/Block:IfCustomLinkTwoURL}" class="one" title="{text:Custom Link Two}">{text:Custom Link Two}</a></span></div></div>
  1100. {/Block:IfCustomLinkTwo}
  1101.  
  1102. {Block:IfCustomLinkThree}
  1103. <div id="return"><img src="{image:Custom Link Three Icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1104. <a href="{Block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/Block:IfCustomLinkThreeURL}" class="one"title="{text:Custom Link Three}">{text:Custom Link Three}</a></span></div></div>
  1105. {/Block:IfCustomLinkThree}
  1106.  
  1107. {Block:IfCustomLinkFour}
  1108. <div id="return"><img src="{image:Custom Link Four Icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1109. <a href="{Block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/Block:IfCustomLinkFourURL}" class="one"title="{text:Custom Link Four}">{text:Custom Link Four}</a></span></div></div>
  1110. {/Block:IfCustomLinkFour}
  1111.  
  1112. {Block:IfCustomLinkFive}
  1113. <div id="return"><img src="{image:Custom Link Five Icon}" width="16px" height="16px"><div class="home"><span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;">
  1114. <a href="{Block:IfCustomLinkFiveURL}{text:Custom Link Five URL}{/Block:IfCustomLinkFiveURL}" class="one"title="{text:Custom Link Five}">{text:Custom Link Five}</a></span></div></div>
  1115. {/Block:IfCustomLinkFive}
  1116.  
  1117. {Block:IfCustomLinkSix}
  1118. <div id="return"><img src="{image:Custom Link Six Icon}" width="16px" height="16px"><div class="home">
  1119. <span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;"><a href="{Block:IfCustomLinkSixURL}{text:Custom Link Six URL}{/Block:IfCustomLinkSixURL}" class="one"title="{text:Custom Link Six}">{text:Custom Link Six}</a></span></div></div>
  1120. {/Block:IfCustomLinkSix}
  1121.  
  1122. {Block:IfCustomLinkSeven}
  1123. <div id="return"><img src="{image:Custom Link Seven Icon}" width="16px" height="16px"><div class="home">
  1124. <span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;"><a href="{Block:IfCustomLinkSevenURL}{text:Custom Link Seven URL}{/Block:IfCustomLinkSevenURL}" class="one"title="{text:Custom Link Seven}">{text:Custom Link Seven}</a></span></div></div>
  1125. {/Block:IfCustomLinkSeven}
  1126.  
  1127. {Block:IfCustomLinkEight}
  1128. <div id="return"><img src="{image:Custom Link Eight Icon}" width="16px" height="16px"><div class="home">
  1129. <span style="background-color:#ddd; padding:1px; font-family:consolas;font-size:10px;text-transform:uppercase;"><a href="{Block:IfCustomLinkEightURL}{text:Custom Link Eight URL}{/Block:IfCustomLinkEightURL}" class="one"title="{text:Custom Link Eight}">{text:Custom Link Eight}</a></span></div></div>
  1130. {/Block:IfCustomLinkEight}
  1131. </div>
  1132. </div>
  1133.  
  1134.  
  1135.  
  1136.  
  1137. <div id="posts">
  1138. {block:Posts}
  1139. <div class="entry">
  1140. {block:Text}
  1141. {block:Title}<a href="{permalink}"><span class="title">{Title}</span></a><br>
  1142. {/block:Title}<span class="entrytext">{Body}</span>
  1143. {block:IndexPage}<div class="permahover"><a href="{Permalink}" title="this post has {notecountwithlabel}" >{DayOfWeek}, {ShortMonth} </a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><font color="#FA8072"> ❤ </font></div><a
  1144. href="{permalink}" title="this post has {notecountwithlabel}" >「{notecount}」</a></div>{/block:IndexPage}
  1145. {/block:Text}
  1146.  
  1147. {block:Link}
  1148. <a href="{URL}" class="title">{Name}</a><br>{block:Description}{/block:Description}{block:IndexPage}<div class="permahover"><a
  1149. href="{Permalink}">Posted: {DayOfWeek}, {ShortMonth} </a><a href="{ReblogURL}" target="_blank" class="details"><font color="#FA8072"> ❤ </font></a><a
  1150. href="{permalink}" title="this post has {notecountwithlabel}">「{notecount}」</a></div>{/block:IndexPage}
  1151. {block:Link}
  1152.  
  1153. {block:Answer}
  1154. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background-image:url({image:pillar});">
  1155.  
  1156. <img src="{AskerPortraitURL-30}" width="30" align="left"
  1157. style="margin-right:4px; border:1px solid #ddd; border-radius:4px; -moz-box-shadow: 0 0 1px 1px #ddd; -webkit-box-shadow: 0 0 1px 1px #ddd; box-shadow: 0 0 1px 1px #ddd;"/>
  1158.  
  1159. <asker>{Asker}:</asker>
  1160. {Question}</div>
  1161.  
  1162. <div style="margin:1px; background-color: transparent; padding:px; text-align:center;">{Answer}</div>
  1163. {block:IndexPage}
  1164. <div class="permahover"><a
  1165. href="{Permalink}">Posted: {TimeAgo}</a>, <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><font color="#FA8072"> ❤ </font></div><a
  1166. href="{permalink}"title="this post has {notecountwithlabel}">「{notecount}」</a></div>{/block:IndexPage}
  1167. {/block:Answer}
  1168.  
  1169.  
  1170. {block:Photo}
  1171. {block:IndexPage}
  1172.  
  1173. <ul class="like_and_reblog_buttons">
  1174. <li>{ReblogButton color="grey"}</li>
  1175. <li>{LikeButton color="grey"}</li>
  1176. </ul>
  1177.  
  1178. <div class="jperm">This post has <a href="{Permalink}" title="notecount">{NoteCountwithlabel};</a><br>
  1179. <a href="{permalink}"title="permalink"> Posted {Month}, {Year}</a> </div>
  1180.  
  1181. {/block:IndexPage}
  1182.  
  1183. {block:IndexPage}{LinkOpenTag}
  1184. <div class="photo"><a href="{Permalink}" target="blank" title="permalink"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="220"/></a></div>{LinkCloseTag}{/block:IndexPage}
  1185.  
  1186.  
  1187. {block:PermalinkPage}
  1188. {LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}
  1189. {/block:PermalinkPage}
  1190.  
  1191. {/block:Photo}
  1192.  
  1193.  
  1194. {block:Photoset}
  1195. {block:IndexPage}
  1196. <div style="width:220px; overflow-x:hidden; overflow-y:hidden;">{Photoset-250}</div>{/block:IndexPage}
  1197. {block:IndexPage}
  1198. <ul class="like_and_reblog_buttons">
  1199. <li>{ReblogButton color="grey"}</li>
  1200. <li>{LikeButton color="grey"}</li>
  1201. </ul>
  1202. <div class="jperm">This post has <a
  1203. href="{Permalink}" title="notecount">{NoteCountwithlabel};</a><br> Posted on {Month}&nbsp;{DayOfMonth} </div>
  1204.  
  1205. {/block:IndexPage}
  1206. {block:permalinkpage}
  1207. {Photoset-500}
  1208. {/block:permalinkpage}
  1209. {/block:Photoset}
  1210.  
  1211.  
  1212. {block:Quote}
  1213. <div class="quote">&#10077;</div>
  1214. <span style="text-transform:uppercase;letter-spacing:1px; text-align:right;">{Quote}</span>
  1215. {block:Source}<div class="source"><div style="text-align:right; color:{color:link}"><i>{Source}</i></div></div>{/block:Source}{block:IndexPage}<div class="permahover">{DayOfWeek}, {ShortMonth} <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><font color="#FA8072"> ❤ </font></div><a
  1216. href="{Permalink}"title="this post has {notecountwithlabel}">「{notecount}」</a></div>{/block:IndexPage}
  1217. {/block:Quote}
  1218.  
  1219.  
  1220. {block:Chat}
  1221. {block:Title}
  1222. <div class="heading"><a href="{Permalink}">{Title}</a></div>
  1223. {/block:Title}
  1224. <div class="chat ul">
  1225. {block:Lines}
  1226. <li class="{Alt} user_{UserNumber}">
  1227. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  1228. {/block:Lines}</div></li><br>
  1229. {block:IndexPage}<div class="permahover">{DayOfWeek}, {ShortMonth} <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><font color="#FA8072"> ❤ </font></div><a
  1230. href="{Permalink}"title="this post has {notecountwithlabel}">「{notecount}」</a></div>{/block:IndexPage}
  1231. {/block:Chat}
  1232.  
  1233.  
  1234. {block:Audio}
  1235. <div class="audiobox">
  1236. <div class="albumart">
  1237. <div class="art1"><img src="https://media.tumblr.com/7d01d65209744d171776f5ce42fda802/tumblr_inline_mikpdpyDT81qz4rgp.png"/></div>
  1238. {block:AlbumArt}<div class="art2"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  1239. </div>
  1240. <div class="audio"><div style="opacity:0.7">{AudioPlayer}</div></div>
  1241. </div>
  1242. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}<br/></div>{/block:TrackName}
  1243. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}<br/></div>{/block:Artist}
  1244. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}<br/></div>{/block:Album}
  1245. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount} times<br/></div>{/block:PlayCount}
  1246. {block:IndexPage}
  1247. {block:IfShowCaptions}{block:Caption}<div style="margin-bottom:-10px;">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1248. {/block:IndexPage}
  1249. {block:PermalinkPage}
  1250. {block:Caption}{Caption}{/block:Caption}
  1251. {/block:PermalinkPage}
  1252.  
  1253. {block:IndexPage}<div class="permahover">{DayOfWeek}&nbsp;, {ShortMonth} <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><font color="#FA8072"> ❤ </font></div><a
  1254. href="{Permalink}"title="this post has {notecountwithlabel}">「{notecount}」</a></div>{/block:IndexPage}
  1255.  
  1256. {/block:Audio}
  1257.  
  1258. {block:Video}
  1259. {block:IndexPage}<center><div class="video"><div style="width:220px; overflow-x:hidden; overflow-y:hidden;">{Video-250}</div></div></center></center>
  1260. {/block:IndexPage}{block:PermalinkPage}<center>{Video-400}</center>{/block:PermalinkPage}
  1261. {block:IndexPage}<div class="permahover">
  1262. Posted: {DayOfWeek}, {ShortMonth} <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"><font color="#FA8072"> ❤ </font></div><a
  1263. href="{Permalink}"title="this post has {notecountwithlabel}">{notecount}</a></div>{/block:IndexPage}
  1264. {block:Video}
  1265.  
  1266.  
  1267. {block:PermalinkPage}
  1268. <center>
  1269. {Caption}<p>
  1270. {block:Date}
  1271. <center>
  1272. <br>{block:RebloggedFrom}<b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>, <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1273. <br>{block:HasTags}<b>tagged with</b>: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  1274. <br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  1275. </center>
  1276. {/block:Date}
  1277. </center>
  1278. {/block:PermalinkPage}
  1279. {block:PostNotes}{PostNotes}
  1280. {/block:PostNotes}
  1281. </div>
  1282.  
  1283. {/block:Posts}
  1284. </div>
  1285. {block:IndexPage}
  1286. {block:Pagination}
  1287. <div id="pagination">
  1288. {block:NextPage}
  1289. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  1290. {/block:NextPage}
  1291. {block:PreviousPage}
  1292. <a href="{PreviousPage}">&larr;&nbsp;</a>
  1293. {/block:PreviousPage}
  1294. </div>
  1295. {/block:Pagination}
  1296. {/block:IndexPage}
  1297.  
  1298.  
  1299. <div style="position: fixed !important;right:6px !important;bottom:3px !important;font-size:13px;line-height: 7px;z-index:7;text-align:center;background:transparent;padding-top:5px;width:21px;height:15px;border-radius:35px;"><a href="/"></a></div>
  1300. </div>
  1301. <script type='text/javascript'>$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); $(function() {$("#toTop").scrollToTop(); });</script>
  1302. <a href="#" id="toTop" title="Scroll To Top"></a>
  1303. </div>
  1304. </div>
  1305.  
  1306.  
  1307.  
  1308. </body>
  1309.  
  1310. </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!