API tools faq
paste
Advertisement
feok-themes

> theme 8

feok-themes
Oct 31st, 2014
9,932
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4.  
  5.  
  6.  
  7.  
  8.  
  9. <!----
  10. ╭━━━━┳╮╱╭┳━━━┳━╮╭━┳━━━╮╭━━┳╮╱╱╭╮
  11. ┃╭╮╭╮┃┃╱┃┃╭━━┫┃╰╯┃┃╭━━╯┃╭╮┃╰╮╭╯┃
  12. ╰╯┃┃╰┫╰━╯┃╰━━┫╭╮╭╮┃╰━━╮┃╰╯╰╮╰╯╭╯
  13. ╱╱┃┃╱┃╭━╮┃╭━━┫┃┃┃┃┃╭━━╯┃╭━╮┣╮╭╯
  14. ╱╱┃┃╱┃┃╱┃┃╰━━┫┃┃┃┃┃╰━━╮┃╰━╯┃┃┃
  15. ╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━╯╰━━━╯╰╯
  16. ╭╮╱╭┳━━━┳╮╱╱╭┳╮╱╱╭━╮╭━┳━━━┳━━━┳╮
  17. ┃┃╱┃┃╭━━┫╰╮╭╯┃┃╱╱┃┃╰╯┃┃╭━╮┃╭━╮┃┃
  18. ┃╰━╯┃╰━━╋╮╰╯╭┫┃╱╱┃╭╮╭╮┃┃╱┃┃┃╱┃┃┃
  19. ┃╭━╮┃╭━━╯╰╮╭╯┃┃╱╭┫┃┃┃┃┃╰━╯┃┃╱┃┣╯
  20. ┃┃╱┃┃╰━━╮╱┃┃╱┃╰━╯┃┃┃┃┃┃╭━╮┃╰━╯┣╮
  21. ╰╯╱╰┻━━━╯╱╰╯╱╰━━━┻╯╰╯╰┻╯╱╰┻━━━┻╯
  22. ╭━╮╭━┳━━━┳━╮╭━┳━━━┳━╮╭━┳━━━┳━╮╭━╮
  23. ╰╮╰╯╭┫╭━╮┣╮╰╯╭┫╭━╮┣╮╰╯╭┫╭━╮┣╮╰╯╭╯
  24. ╱╰╮╭╯┃┃╱┃┃╰╮╭╯┃┃╱┃┃╰╮╭╯┃┃╱┃┃╰╮╭╯
  25. ╱╭╯╰╮┃┃╱┃┃╭╯╰╮┃┃╱┃┃╭╯╰╮┃┃╱┃┃╭╯╰╮
  26. ╭╯╭╮╰┫╰━╯┣╯╭╮╰┫╰━╯┣╯╭╮╰┫╰━╯┣╯╭╮╰╮
  27. ╰━╯╰━┻━━━┻━╯╰━┻━━━┻━╯╰━┻━━━┻━╯╰━╯
  28.  
  29. **updated with tags and long navi bar 16/9/14 20:55**
  30.  
  31.  
  32.  
  33.  
  34.  
  35. --->
  36. <html xmlns="http://www.w3.org/1999/xhtml">
  37. <head>
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.  
  46.  
  47. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  48.  
  49.  
  50. {block:ifcustomcursor}<style> body, a, a:hover { cursor:url({image:cursor}), auto }</style>{/block:ifcustomcursor}<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  51. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  52. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  53. <link rel="shortcut icon" href="{image:Favicon}" />
  54. <link rel="apple-touch-icon" href="{image:Favicon}"/>
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56.  
  57.  
  58.  
  59. <meta name="text:Symbol" content=""/>
  60. <meta name="text:Navi Title" content="navigation"/>
  61. <meta name="text:Music Code" content=""/>
  62.  
  63. <meta name="text:Link 1" content=""/>
  64. <meta name="text:Link 1 URL" content=""/>
  65. <meta name="text:Link 2" content=""/>
  66. <meta name="text:Link 2 URL" content=""/>
  67. <meta name="text:Link 3" content=""/>
  68. <meta name="text:Link 3 URL" content=""/>
  69. <meta name="text:Link 4" content=""/>
  70. <meta name="text:Link 4 URL" content=""/>
  71. <meta name="text:Link 5" content=""/>
  72. <meta name="text:Link 5 URL" content=""/>
  73. <meta name="text:Link 6" content=""/>
  74. <meta name="text:Link 6 URL" content=""/>
  75.  
  76.  
  77. <meta name="if:Faded Images" content="0"/>
  78. <meta name="if:Music Box" content="0"/>
  79. <meta name="if:Stretched Background" content="1"/>
  80. <meta name="if:To Top Button" content="1"/>
  81. <meta name="if:Infinite Scroll" content="1"/>
  82. <meta name="if:Borders" content="1"/>
  83. <meta name="if:Custom Scrollbar" content="1"/>
  84. <meta name="if:Show Captions" content="1"/>
  85. <meta name="if:Show Tags" content="1"/>
  86. <meta name="if:Sidebar Pic" content="1"/>
  87. <meta name="if:Long Navi" content="1"/>
  88.  
  89.  
  90.  
  91. <meta name="image:Background" content=""/>
  92. <meta name="image:Favicon" content="" />
  93. <meta name="image:Bottom Left" content="" />
  94. <meta name="image:Sidebar" content="" />
  95.  
  96.  
  97. <meta name="color:Background" content="#cccccc"/>
  98. <meta name="color:Posts" content="#fff"/>
  99. <meta name="color:Navi" content="#fff"/>
  100. <meta name="color:Footer" content="#cccccc"/>
  101. <meta name="color:Link" content="#000"/>
  102. <meta name="color:Link Hover" content=""/>
  103. <meta name="color:Text" content="#000"/>
  104. <meta name="color:Border" content="#000"/>
  105.  
  106. <meta name="color:Ask Background" content="#cccccc"/>
  107.  
  108. <meta name="color:Scrollbar" content="#000"/>
  109. <meta name="color:Scrollbar Background" content="#cccccc"/>
  110.  
  111. <meta name="select:Opacity" content="" title="None">
  112. <meta name="select:Opacity" content=".9" title="90%">
  113. <meta name="select:Opacity" content=".8" title="80%">
  114. <meta name="select:Opacity" content=".7" title="70%">
  115.  
  116.  
  117.  
  118. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  119. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  120. <script type="text/javascript" src="http://static.tumblr.com/cij9zgp/ajAn39zl2/infinitescroll.txt"></script>
  121.  
  122. <style type="text/css">
  123.  
  124. @font-face {font-family:"volter"; src: url("http://static.tumblr.com/pmp6cjn/OLWmswlyh/volter__28goldfish_29.ttf")}
  125.  
  126.  
  127. {block:ifcustomscrollbar}
  128. ::-webkit-scrollbar-thumb{
  129.  
  130. background-color: {color:scrollbar};
  131.  
  132. border: 2px solid {color:scrollbar background};
  133.  
  134. height:auto;
  135.  
  136.  
  137.  
  138. }
  139.  
  140. ::-webkit-scrollbar {
  141.  
  142. height:auto;
  143.  
  144. width:9px;
  145.  
  146. background-color: {color:scrollbar};
  147.  
  148. border: 4px solid {color:scrollbar background};
  149.  
  150. }
  151. {/block:ifcustomscrollbar}
  152. {block:iffadedimages}
  153. img{
  154. -webkit-transition: opacity 0.8s linear;
  155. opacity: 0.80;
  156. }
  157. img:hover{
  158. -webkit-transition: opacity 0.8s linear;
  159. opacity: 1;
  160. }
  161. iframe.photoset {
  162. -webkit-transition: opacity 0.8s linear;
  163. opacity: .8;
  164. }
  165. iframe.photoset:hover {
  166. -webkit-transition: opacity 0.8s linear;
  167. opacity: 1;
  168. }
  169. {/block:iffadedimages}
  170.  
  171. @font-face{font-family:bitxmap;src:url(http://static.tumblr.com/oypbkgk/EPvmy81ud/bitxmap_font_tfb.ttf);}
  172.  
  173. body {
  174. color:{color:text};
  175. background-color: {color:Background};
  176. background-image:url({image:Background});
  177. background-attachment: fixed;
  178. background-repeat: repeat;
  179. {block:ifstretchedbackground}background-size: cover;{/block:ifstretchedbackground}
  180. font-family: arial;
  181. font-size: 12px;
  182. letter-spacing:1px;
  183. line-height: 1.5em;
  184. }
  185. a:link, a:active, a:visited{
  186. text-decoration: none;
  187. -webkit-transition: color 0.3s ease-out;
  188. -moz-transition: color 0.3s ease-out;
  189. transition: color 0.3s ease-out;
  190. color: {color:Link};
  191. }
  192. a:hover{
  193. text-decoration: italic;
  194. font-style: none;
  195. color:{color:link hover};
  196. }
  197.  
  198.  
  199.  
  200. p {margin:0 0 .75em 0} p:last-child {margin:0}
  201. a {
  202. color: #666666;
  203. text-decoration:none;
  204. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  205. a:hover {color: {color:link text}; }
  206. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  207. line-height: 100%;border-left: solid 2px {color:border};
  208. }
  209. h1 {
  210. font-family: arial;
  211. font-size: 20px;
  212. font-weight: normal;
  213. }
  214. ul {
  215. margin: 0px 1.5em .75em;}
  216. li {
  217. margin: .75em 0;
  218. list-style-type: square;
  219. }
  220. .box img {
  221. display: block;
  222. max-width: 100%;}.m-i {
  223. display: block;
  224. line-height: 1px!important;
  225. }
  226. .menu-picture {
  227. line-height: 100%;
  228. display: inline-block;
  229. line-height: 0px!important;
  230. }
  231. .post-link{
  232. font-family: arial;
  233. font-size: 12px;
  234. line-height: 8px;
  235. }p.source{text-align: left;}
  236. .menu-picture {
  237. line-height: 100%;display: inline-block;
  238. }p.source{text-align: left;}
  239. h3 {
  240. font-size: 14px; font-weight: normal;
  241. }
  242.  
  243.  
  244. .tagged { text-align: left;
  245. font-size: 11px;
  246. color:{color:text};
  247. background-color:{color:footer};
  248. padding-left:6px;
  249. margin-left:-10px;
  250. margin-right:-10px;
  251. margin-bottom:-10px;
  252.  
  253. }
  254.  
  255.  
  256.  
  257. .text { padding: 5px;}
  258. p.question {
  259. margin-bottom: .375em;
  260. }
  261. p.words {
  262. padding: 6px;
  263. line-height: 1.5em;
  264. color: #333333;
  265. background: #fff;
  266. }
  267. .response {
  268. background: #efefef;
  269. padding: 5px;
  270. margin-bottom: .75em;
  271. }.answer {
  272. text-align: center;
  273. }
  274. .post {
  275. position: relative;
  276. {block:IndexPage}
  277. width:400px;
  278. {/block:IndexPage}
  279. {block:PermalinkPage}
  280. width:400px;
  281. {/block:PermalinkPage}
  282. float:left;
  283.  
  284. opacity:{select:opacity};
  285. background: {color:posts};
  286. padding:10px;
  287. margin:10px;
  288. {block:ifborders} border: 1px solid {color:border}; {/block:ifborders}
  289.  
  290.  
  291. }.box {position: relative;}
  292.  
  293.  
  294. #footer{
  295. background: {color:footer};
  296. font-family: arial;
  297. margin-left:-10px;
  298. margin-right:-10px;
  299. font-size: 11px;
  300. {block:ifborders}border-top:solid 1px {color:border};{/block:ifborders}
  301. text-align:left;
  302. text-transform:lowercase;
  303. text-transform:italic;
  304. color: {color:link};
  305. padding: 5px 8px;
  306. margin-top: 1px;
  307. margin-bottom: -10px;
  308.  
  309. }
  310.  
  311. #footer2{
  312. background: {color:footer};
  313. font-family: arial;
  314. {block:ifborders}border-top:solid 1px {color:border};{/block:ifborders}
  315. margin-left:-15px;
  316. margin-right:-15px;
  317. font-size: 11px;
  318. text-align:left;
  319. text-transform:lowercase;
  320. text-transform:italic;
  321. color: {color:link};
  322. padding: 5px 8px;
  323. margin-top: 1px;
  324. margin-bottom: -15px;
  325.  
  326. }
  327.  
  328. #footer3{
  329. background: {color:footer};
  330. font-family: arial;
  331. {block:ifborders}border-top:solid 1px {color:border};{/block:ifborders}
  332. margin-left:-10px;
  333. margin-right:-10px;
  334. font-size: 11px;
  335. text-align:left;
  336. text-transform:lowercase;
  337. text-transform:italic;
  338. color: {color:link};
  339. padding: 5px 8px;
  340. margin-top: 1px;
  341. margin-bottom: -10px;
  342.  
  343. }
  344.  
  345.  
  346. #music {
  347. position:fixed;
  348. top:10px;
  349. left:10px;
  350. opacity:{select:opacity};
  351. height:10px;
  352. z-index:9999;
  353. width:35px;
  354. background-color:{color:posts};
  355.  
  356.  
  357. {block:ifborders}border: {color:border} 1px solid;{/block:ifborders}
  358.  
  359. -webkit-transition: all 0.4s ease-in-out;
  360. padding:12px 0px 12px 0px;
  361. text-align:center;
  362. }
  363.  
  364. #musicplayer {
  365. margin-top:-35px;
  366. height: 50px;
  367. padding-top:15px;
  368. z-index:9999999999999999999;
  369. opacity: 0;
  370. padding-left: 3px;
  371. -webkit-transition: all 0.5s ease-in-out;
  372. }
  373.  
  374. #musicplayer:hover {
  375. margin-top:-10px;
  376. opacity: 1;
  377.  
  378. }
  379.  
  380. #music:hover
  381. {
  382. {block:ifborders}border: {color:border} 1px solid;{/block:ifborders}
  383. padding:5px;
  384. height:24px;
  385. width:140px;
  386. -webkit-transition: all 0.4s ease-in-out;
  387. }
  388.  
  389.  
  390.  
  391. #side {
  392. text-align: center;
  393. margin-top: 180px;
  394. width:125px;
  395. padding:2px;
  396. position: fixed;
  397. z-index:999999999999;
  398. background: {color:posts};
  399. opacity:{select:opacity};
  400. padding-right:4px;
  401.  
  402. {block:ifborders} border: 1px solid {color:border}; {/block:ifborders}
  403.  
  404.  
  405. }#side img {
  406. margin-bottom:3px;
  407.  
  408. width: 115px;
  409. height:px;
  410. {block:ifborders} border:1px solid {color:border}; {/block:ifborders}
  411. }ul {margin-bottom: .75em;}
  412. #contain {
  413. width:709px;
  414. margin: 9px auto 0;
  415. }
  416. #content {
  417. width:516px;
  418. float: right;
  419. }
  420. #infscr-loading{position:absolute!important;width:16px!important;height:11px!important;margin-bottom:-16px!important;top:auto!important;bottom:0;left:50%!important}.post .perma{position: absolute;left: 5px;top: 5px;opacity: 0;filter:alpha(opacity=0);z-index: 10000;{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.post:hover .perma{opacity: 1;filter:alpha(opacity=100);}.p1{display: inline-block; margin-right: 5px; height: 24px;font-size: 10px;padding: 0 4px;line-height: 24px;text-transform: uppercase;border:1px solid {color:border};border-left:3px solid {color:border};background: {color:link};{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}.p1:hover{background: {color:link}; .p1 a{color: #000000;}}p.menu-m {margin: .375em;} .menu-link {margin: 0 3px;}iframe#tumblr_controls,.btn.icon.theme{filter:invert(100%);-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter:invert(100%); opacity:.4;position:fixed!important}.box iframe {
  421. max-width: 100%;
  422. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  423. .post-info-data{text-align:center}.notes img{display:block;float:left;margin-right:.75em}ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
  424.  
  425. #toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:21px;height:21px;border:0;text-indent:100%;background:url(http://static.tumblr.com/uiqhh9x/372m6hyqw/up.png) no-repeat left top;opacity:.5;filter:alpha(opacity = 50);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTopHover{width:21px;height:21px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);{block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}#toTop:hover{opacity:1;filter:alpha(opacity = 100)}#toTop:active,#toTop:focus{outline:0}
  426.  
  427. a.btn{position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;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('http://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: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  428.  
  429. div#qTip{
  430. font-family:'verdana'; /* font family */
  431. font-size: 10px; /* font size */
  432. color:{color:text}; /* text colour */
  433. background-color:{color:posts}; /* background colour */
  434. text-align: center; /* */
  435. opacity:.8;
  436. text-transform: lowercase; /* uppercase */
  437. letter-spacing:1px; /* letter spacing */
  438. min-width:px;
  439. max-width:px;
  440. display: none;
  441. position: absolute;
  442. {block:ifborders}border: 1px solid {color:border};{/block:ifborders}
  443. z-index: 999999999999999999;
  444. padding: 2px; /* padding */
  445. margin:5px 0px 0px 20px;}
  446.  
  447.  
  448.  
  449. </style>
  450.  
  451.  
  452.  
  453.  
  454.  
  455.  
  456.  
  457.  
  458. </style></head>
  459. <body>
  460.  
  461.  
  462.  
  463.  
  464.  
  465. <div id="contain" class="clearfix">
  466. <div id="side">
  467. <div class="text">
  468.  
  469. {block:ifsidebarpic} <img class="menu-picture" src="{image:sidebar}"/></a> {/block:ifsidebarpic}
  470.  
  471. <div id="description" >{Description}</div>
  472.  
  473.  
  474. <p>
  475.  
  476. <div><p>{block:HasPages}{block:Pages}<p class="nav"><a href="{URL}">{Label}</a></p>{/block:Pages}{/block:HasPages}{block:Pages}{/block:Pages}{/block:HasPages}
  477.  
  478. {block:SubmissionsEnabled}{block:IfShowSubmitLink}<a class="menu-link" href="/submit">{text:Submit label}</a>{/block:IfShowSubmitLink}{/block:SubmissionsEnabled}{Block:IfShowArchiveLink}<a class="menu-link" href="/archive">{text:Archive Label}</a>{/Block:IfShowArchiveLink}</p></div></li>
  479. {block:IfNotInfiniteScroll}{block:Pagination}<p class="previous-next text">{block:PreviousPage}<a href="{PreviousPage}" class="next"> back </a>{/block:PreviousPage}<span id="pages"> </span>{block:NextPage}<a href="{NextPage}" class="previous"> {text:symbol} next page </a>{/block:NextPage}</p>{/block:Pagination}{/block:IfNotInfiniteScroll}
  480.  
  481. <select onChange="location=this.options[this.selectedIndex].value;" style="
  482.  
  483. font: 12px arial;
  484. color: {color:text};
  485. line-height: 12px;
  486. letter-spacing:1px;
  487. {block:iflongnavi} width:117px; {/block:iflongnavi}
  488.  
  489. background-color: rgba(255, 255, 255, 0.45);
  490. {block:ifborders} border: 1px solid {color:border}; {/block:ifborders}
  491. -webkit-appearance: none;
  492. text-align:center;
  493. padding:2px;
  494.  
  495.  
  496. ">
  497. <option value=""> {text:navi title} </option>
  498. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  499. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  500. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  501. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  502. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}
  503. {block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}
  504.  
  505. </select>
  506.  
  507.  
  508.  
  509. <p>
  510. <p>
  511.  
  512.  
  513.  
  514.  
  515. </div>
  516. </div>
  517. <div id="content">
  518. {block:Posts}
  519. <div class="post">
  520.  
  521. {block:Text}
  522. <div class="text">
  523. {block:Title}<h3>{Title}</h3>{/block:Title}
  524. {Body}
  525. <!-- permalink --> {block:IndexPage}
  526. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  527. <!-- /permalink --> {/block:IndexPage}
  528. </div>
  529. {/block:Text}
  530.  
  531. {block:Quote}
  532. <div class="text quote">
  533. <p class="words">&#8220;{Quote}&#8221;</p>
  534. {block:Source}<p class="source">{Source}</p>{/block:Source}
  535. <!-- permalink --> {block:IndexPage}
  536. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  537. <!-- /permalink --> {/block:IndexPage}
  538. </div>
  539. {/block:Quote}
  540.  
  541. {block:Link}
  542. <div class="text link">
  543. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  544. {block:Description}{Description}{/block:Description}
  545. <!-- permalink --> {block:IndexPage}
  546. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  547. <!-- /permalink --> {/block:IndexPage}
  548. </div>
  549. {/block:Link}
  550.  
  551. {block:Chat}
  552. <div class="text chat">
  553. <ul class="conversation">
  554. {block:Lines}
  555. <li class="line {Alt}">
  556. {block:Label}<span class="person">{Label}</span>{/block:Label}
  557. <span class="person-said">{Line}</span>
  558. </li>
  559. {/block:Lines}
  560. </ul>
  561. <!-- permalink --> {block:IndexPage}
  562. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  563. <!-- /permalink --> {/block:IndexPage}
  564. </div>
  565. {/block:Chat}
  566.  
  567. {block:Audio}
  568. <div class="text audio">
  569. <p>{AudioPlayerBlack}</p>
  570. {block:IndexPage}{block:IfShowCaptions}
  571. {block:Caption}{Caption}{/block:Caption}
  572. {/block:IfShowCaptions}{/block:IndexPage}
  573. <!-- permalink --> {block:IndexPage}
  574. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  575.  
  576. <!-- /permalink --> {/block:IndexPage}
  577. </div>
  578. {/block:Audio}
  579.  
  580. {block:Answer}
  581. <div style="min-height:30px; padding: 3px; background: {color:Ask Background}; color: {color:text};">
  582. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  583. {Asker}: {Question}</div>
  584. <div style="padding-top:2px; padding-bottom:0px; padding-left: 3px; background: transparent; color: {color:text};">{Answer}</div> <p>
  585. <!-- permalink --> {block:IndexPage}
  586. <div id="footer3"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  587. <!-- /permalink --> {/block:IndexPage}
  588. {/block:Answer}
  589.  
  590.  
  591. {block:Photoset}
  592. <div class="photoset">
  593. <div class="box">
  594.  
  595. {block:IndexPage}<center>{Photoset-400}</center>{/block:IndexPage}
  596. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  597. </div>
  598. {block:IndexPage}{block:IfShowCaptions}
  599. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  600. {/block:IfShowCaptions}{/block:IndexPage}
  601. <br>
  602. <!-- permalink --> {block:IndexPage}
  603. <div id="footer"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  604. <!-- /permalink --> {/block:IndexPage}
  605. </div>
  606. {/block:Photoset}
  607.  
  608. {block:Video}
  609. <div class="video">
  610. <div class="box">
  611.  
  612. {block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}
  613. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  614. </div>
  615. {block:IndexPage}{block:IfShowCaptions}
  616. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  617. {/block:IfShowCaptions}{/block:IndexPage}
  618. <p>
  619. <!-- permalink --> {block:IndexPage}
  620. <div id="footer"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  621. <!-- /permalink --> {/block:IndexPage}
  622. </div>
  623. {/block:Video}
  624.  
  625. {block:Photo}
  626. <div class="photo">
  627. <div class="box">
  628.  
  629. {block:IndexPage}
  630. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  631. {/block:IndexPage}
  632. {block:PermalinkPage}
  633. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  634. {/block:PermalinkPage}
  635. </div>
  636. {block:IndexPage}{block:IfShowCaptions}
  637. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  638. {/block:IfShowCaptions}{/block:IndexPage}
  639. <p>
  640. <!-- permalink --> {block:IndexPage}
  641. <div id="footer"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  642. <!-- /permalink --> {/block:IndexPage}
  643. </div>
  644. {/block:Photo}
  645.  
  646.  
  647.  
  648. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  649. <div class="tagged"><p> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  650. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  651.  
  652. {block:PermalinkPage}
  653. <div id="post-info" class="text">
  654. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  655. {block:HasTags}
  656. <p class="tagged">{lang:tagged} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p> <br>
  657. {/block:HasTags}
  658. <p class="post-info-data">
  659. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  660. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  661. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  662. {block:PostNotes}
  663. {PostNotes}
  664. {/block:PostNotes}
  665. </div>
  666. {/block:PermalinkPage}
  667.  
  668. </div> <!-- end single post -->
  669. {block:ContentSource}
  670. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  671. {/block:ContentSource}
  672. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  673. {/block:Posts}
  674. </div> <!-- end content -->
  675. <div class="loading"></div>
  676. </div> <!-- end containing div -->
  677. {block:IfInfiniteScroll}
  678. {block:Pagination}<ul id="pagination">
  679. {block:PreviousPage}
  680. <li><a href="{PreviousPage}"></a></li>
  681. {/block:PreviousPage}
  682. {block:JumpPagination length="5"}
  683. {block:CurrentPage}
  684. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  685. {/block:CurrentPage}
  686. {block:JumpPage}
  687. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  688. {/block:JumpPage}
  689. {/block:JumpPagination}
  690. {block:NextPage}
  691. <li><a id="nextPage" href="{NextPage}"></a></li>
  692. {/block:NextPage}
  693. </ul>{/block:Pagination}
  694. {/block:IfInfiniteScroll}
  695. {block:IndexPage}
  696. <script type="text/javascript">
  697. $(window).load(function () {
  698. $('#content').masonry(),
  699. $('.masonryWrap').infinitescroll({
  700. navSelector : '#pagination',
  701. nextSelector : '#pagination a#nextPage',
  702. itemSelector : ".post, .loading",
  703. bufferPx : 40,
  704. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  705. loadingText : "<em></em>",
  706. },
  707. function() { $('#content').masonry({ appendedContent: $(this) }); }
  708. );
  709. });
  710. </script>
  711. {/block:IndexPage}
  712. {block:IfToTopButton}
  713. <script type="text/javascript">
  714. $(document).ready(function() {
  715. /*
  716. var defaults = {
  717. containerID: 'toTop', // fading element id
  718. containerHoverID: 'toTopHover', // fading element hover id
  719. scrollSpeed: 1200,
  720. easingType: 'linear'
  721. };
  722. */
  723.  
  724. $().UItoTop({ easingType: 'easeOutQuart' });
  725.  
  726. });
  727. </script>
  728. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span> </a>
  729. {/block:IfToTopButton}
  730. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  731. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  732.  
  733.  
  734. {block:ifmusicbox}
  735. <div id="music">
  736. <a href="http://tumblings.net/post/48036296763/tumblr-mp3-player-top-music-bar-tiny-music-player"><center> <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"> </a>
  737. <div id="musicplayer"> {text:music code} </div> </div>
  738.  
  739. {/block:ifmusicbox}
  740.  
  741.  
  742. </style>
  743.  
  744.  
  745.  
  746.  
  747. </body>
  748.  
  749.  
  750.  
  751. <div style="position:fixed; bottom:0px;z-index:-1; left:0px; font-size: 10px;">
  752. <img src="{image:bottom left}"> </div>
  753.  
  754.  
  755.  
  756.  
  757. </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!