Advertisement
feok-themes

> theme 10

Jan 9th, 2015
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.30 KB | None | 0 0
  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. ╱╱╰╯╱╰╯╱╰┻━━━┻╯╰╯╰┻━━━╯╰━━━F╯╰╯
  16. ╭╮╱╭┳━━━┳╮╱╱╭┳╮╱╱╭━╮╭━┳━━━┳━━━┳╮
  17. ┃┃╱┃┃╭━━┫╰╮╭╯┃┃╱╱┃┃╰╯┃┃╭━╮┃╭━╮┃┃
  18. ┃╰━╯┃╰━━╋╮╰╯╭┫┃╱╱┃╭╮╭╮┃┃╱┃┃┃╱┃┃┃
  19. ┃╭━╮┃╭━━╯╰╮╭╯┃┃╱╭┫┃┃┃┃┃╰━╯┃┃╱┃┣╯
  20. ┃┃╱┃┃╰━━╮╱┃┃╱┃╰━╯┃┃┃┃┃┃╭━╮┃╰━╯┣╮
  21. ╰╯╱╰┻━━━╯╱╰╯╱╰━━━┻╯╰╯╰┻╯╱╰┻━━━┻╯
  22. ╭━╮╭━┳━━━┳━╮╭━┳━━━┳━╮╭━┳━━━┳━╮╭━╮
  23. ╰╮╰╯╭┫╭━╮┣╮╰╯╭┫╭━╮┣╮╰╯╭┫╭━╮┣╮╰╯╭╯
  24. ╱╰╮╭╯┃┃╱┃┃╰╮╭╯┃┃╱┃┃╰╮╭╯┃┃╱┃┃╰╮╭╯
  25. ╱╭╯╰╮┃┃╱┃┃╭╯╰╮┃┃╱┃┃╭╯╰╮┃┃╱┃┃╭╯╰╮
  26. ╭╯╭╮╰┫╰━╯┣╯╭╮╰┫╰━╯┣╯╭╮╰┫╰━╯┣╯╭╮╰╮
  27. ╰━╯╰━┻━━━┻━╯╰━┻━━━┻━╯╰━┻━━━┻━╯╰━╯
  28.  
  29.  
  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.  
  48. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  49.  
  50.  
  51. {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" />
  52. <title>{Title}{block:PostTitle} {PostTitle}{/block:PostTitle}</title>
  53. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  54. <link rel="shortcut icon" href="{image:Favicon}" />
  55. <link rel="apple-touch-icon" href="{image:Favicon}"/>
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57.  
  58.  
  59.  
  60. <meta name="text:Symbol" content=""/>
  61. <meta name="text:Music Code" content=""/>
  62. <meta name="text:IMG Title" content=""/>
  63.  
  64. <meta name="text:Link 1" content=""/>
  65. <meta name="text:Link 1 URL" content=""/>
  66. <meta name="text:Link 2" content=""/>
  67. <meta name="text:Link 2 URL" content=""/>
  68. <meta name="text:Link 3" content=""/>
  69. <meta name="text:Link 3 URL" content=""/>
  70. <meta name="text:Link 4" content=""/>
  71. <meta name="text:Link 4 URL" content=""/>
  72. <meta name="text:Link 5" content=""/>
  73. <meta name="text:Link 5 URL" content=""/>
  74. <meta name="text:Link 6" content=""/>
  75. <meta name="text:Link 6 URL" content=""/>
  76.  
  77.  
  78.  
  79. <meta name="if:Music Box" content="0"/>
  80. <meta name="if:Stretched Background" content="1"/>
  81. <meta name="if:Infinite Scroll" content="1"/>
  82.  
  83. <meta name="if:Custom Scrollbar" content="1"/>
  84. <meta name="if:Show Captions" content="1"/>
  85. <meta name="if:Sidebar Pic" content="1"/>
  86. <meta name="if:Show Tags" content="1"/>
  87.  
  88.  
  89.  
  90. <meta name="image:Background" content=""/>
  91. <meta name="image:Favicon" content="" />
  92. <meta name="image:Bottom Left" content="" />
  93. <meta name="image:Sidebar" content="" />
  94.  
  95.  
  96. <meta name="color:Background" content="#fff"/>
  97. <meta name="color:Posts" content="#fff"/>
  98. <meta name="color:Sidebar" content="#fff"/>
  99.  
  100. <meta name="color:Footer" content="#cccccc"/>
  101.  
  102. <meta name="color:LinkF" content="#000"/>
  103. <meta name="color:Link" content="#000"/>
  104. <meta name="color:Link Hover" content=""/>
  105.  
  106. <meta name="color:Text" content="#000"/>
  107. <meta name="color:Description" content="#000"/>
  108. <meta name="color:Border" content="#000"/>
  109. <meta name="color:Navi Border" content="#000"/>
  110.  
  111. <meta name="color:Pagination Link" content="#000"/>
  112. <meta name="color:Question Background" content="#f5f5f5"/>
  113. <meta name="color:Question" content="#000"/>
  114.  
  115. <meta name="color:Scrollbar" content="#000"/>
  116.  
  117.  
  118. <meta name="select:Opacity" content="" title="None">
  119. <meta name="select:Opacity" content=".9" title="90%">
  120. <meta name="select:Opacity" content=".8" title="80%">
  121. <meta name="select:Opacity" content=".7" title="70%">
  122.  
  123. <meta name="select:Font" content="ms pgothic" title="ms pgothic">
  124. <meta name="select:Font" content="arial" title="arial">
  125.  
  126.  
  127.  
  128.  
  129.  
  130.  
  131.  
  132. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  133. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
  134. <script type="text/javascript" src="http://static.tumblr.com/cij9zgp/lEsnhxng3/infintescroll.txt"></script>
  135.  
  136. <style type="text/css">
  137.  
  138.  
  139.  
  140.  
  141. {block:ifcustomscrollbar}
  142. ::-webkit-scrollbar-thumb{
  143.  
  144. background-color: {color:scrollbar};
  145.  
  146. border: 2px solid {color:background};
  147.  
  148. height:auto;
  149.  
  150.  
  151.  
  152. }
  153.  
  154. ::-webkit-scrollbar {
  155.  
  156. height:auto;
  157.  
  158. width:9px;
  159.  
  160. background-color: {color:scrollbar};
  161.  
  162. border: 4px solid {color:background};
  163.  
  164. }
  165. {/block:ifcustomscrollbar}
  166.  
  167.  
  168. body {
  169. color:{color:text};
  170. background-color: {color:Background};
  171. background-image:url({image:Background});
  172. background-attachment: fixed;
  173. background-repeat: repeat;
  174. {block:ifstretchedbackground}background-size: cover;{/block:ifstretchedbackground}
  175. font-family: {select:font};
  176. font-size: 12px;
  177. letter-spacing:1px;
  178. line-height: 1.5em;
  179. }
  180. a:link, a:active, a:visited{
  181. text-decoration: none;
  182. -webkit-transition: color 0.3s ease-out;
  183. -moz-transition: color 0.3s ease-out;
  184. transition: color 0.3s ease-out;
  185. color: {color:Link};
  186. }
  187. a:hover{
  188. text-decoration: italic;
  189. font-style: none;
  190. color:{color:link hover};
  191. }
  192.  
  193.  
  194.  
  195. p {margin:0 0 .75em 0} p:last-child {margin:0}
  196. a {
  197. color: #666666;
  198. text-decoration:none;
  199. {block:IfAnimation}-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;-o-transition:all .2s ease;{/block:IfAnimation}}
  200. a:hover {color: {color:link text}; }
  201. blockquote {quotes: "" "" "'" "'"; margin: 0.75em 0 .75em .75em;padding-left: 1.5em;
  202. line-height: 100%;border-left: dotted 1px #000;
  203. }
  204. h1 {
  205. font-family: arial;
  206. font-size: 20px;
  207. font-weight: normal;
  208. }
  209. ul {
  210. margin: 0px 1.5em .75em;}
  211. li {
  212. margin: .75em 0;
  213. list-style-type: square;
  214. }
  215. .box img {
  216. display: block;
  217. max-width: 100%;}.m-i {
  218. display: block;
  219. line-height: 1px!important;
  220. }
  221. .menu-picture {
  222. line-height: 100%;
  223. display: inline-block;
  224. line-height: 0px!important;
  225. }
  226. .post-link{
  227. font-family: arial;
  228. font-size: 12px;
  229. line-height: 8px;
  230. }p.source{text-align: left;}
  231. .menu-picture {
  232. line-height: 100%;display: inline-block;
  233. }p.source{text-align: left;}
  234. h3 {
  235. font-size: 14px; font-weight: normal;
  236. }
  237.  
  238.  
  239. .tagged { text-align: center;
  240. font-size: 10px;
  241. color:transparent;
  242.  
  243. padding-left:6px;
  244. margin-left:-10px;
  245. margin-right:-10px;
  246. margin-bottom:-2px;
  247.  
  248.  
  249. }
  250.  
  251. .tagged a:link{
  252. color: {color:linkf};
  253. }
  254.  
  255. .tagged a:visited{
  256. color: {color:linkf};
  257. }
  258.  
  259. .tagged a:hover{
  260. color: {color:linkf};
  261. }
  262.  
  263.  
  264.  
  265. .text { padding: 5px;}
  266. p.question {
  267. margin-bottom: .375em;
  268. }
  269. p.words {
  270. padding: 6px;
  271. line-height: 1.5em;
  272. color: {color:text};
  273. background: {color:post};
  274. }
  275. .response {
  276. background: #efefef;
  277. padding: 5px;
  278. margin-bottom: .75em;
  279. }.answer {
  280. text-align: center;
  281. }
  282. .post {
  283. position: relative;
  284. {block:IndexPage}
  285. width:400px;
  286. {/block:IndexPage}
  287. {block:PermalinkPage}
  288. width:400px;
  289. {/block:PermalinkPage}
  290. float:left;
  291.  
  292. opacity:{select:opacity};
  293. background: {color:posts};
  294. padding:8px;
  295. margin:15px;
  296. border: {color:border} 1px solid;
  297.  
  298.  
  299. }.box {position: relative;}
  300.  
  301.  
  302. #footer{
  303.  
  304. font-family: {select:font};
  305. margin-left:-10px;
  306. margin-right:-10px;
  307. font-size: 11px;
  308.  
  309. text-align:center;
  310. text-transform:lowercase;
  311. text-transform:italic;
  312.  
  313. color: {color:linkf};
  314. padding: 5px 8px;
  315. margin-top: 1px;
  316. margin-bottom: -10px;
  317.  
  318. }
  319.  
  320. #footer a:link{
  321. color: {color:linkf};
  322. }
  323.  
  324. #footer a:visited{
  325. color: {color:linkf};
  326. }
  327.  
  328. #footer a:hover{
  329. color: {color:linkf};
  330. }
  331.  
  332. #footer2{
  333.  
  334. font-family: {select:font};
  335.  
  336. margin-left:-15px;
  337. margin-right:-15px;
  338. font-size: 11px;
  339. text-align:center;
  340. text-transform:lowercase;
  341. text-transform:italic;
  342. color: {color:linkf};
  343. padding: 5px 8px;
  344.  
  345. margin-top: 1px;
  346. margin-bottom: -15px;
  347.  
  348. }
  349.  
  350. #footer2 a:link{
  351. color: {color:linkf};
  352. }
  353.  
  354. #footer2 a:visited{
  355. color: {color:linkf};
  356. }
  357.  
  358. #footer2 a:hover{
  359. color: {color:linkf};
  360. }
  361.  
  362. #footer3{
  363.  
  364. font-family: {select:font};
  365.  
  366. margin-left:-10px;
  367. margin-right:-10px;
  368. font-size: 11px;
  369. text-align:center;
  370. text-transform:lowercase;
  371. text-transform:italic;
  372. color: {color:linkf};
  373. padding: 5px 8px;
  374.  
  375. margin-top: 1px;
  376. margin-bottom: -10px;
  377.  
  378. }
  379.  
  380. #footer3 a:link {
  381. color: {color:linkf};
  382. }
  383.  
  384. #footer3 a:visited{
  385. color: {color:linkf};
  386. }
  387.  
  388. #footer3 a:hover{
  389. color: {color:linkf};
  390. }
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397. #description{
  398. font-size:12px;
  399. background-color:{color:sidebar};
  400. width:114px;
  401. color:{color:description};
  402. border: {color:border} 1px solid;
  403. margin-bottom:6px;
  404. }
  405.  
  406.  
  407.  
  408. #pagination1{
  409.  
  410. width:111px;
  411. text-align:center;
  412. padding-left:5px;
  413.  
  414. font-size:12px;
  415. }
  416. #pagination1 a:link {
  417. color:{color:pagination link};
  418. }
  419.  
  420. #pagination1 a:visited {
  421. color:{color:pagination link};
  422. }
  423.  
  424.  
  425.  
  426.  
  427. #music {
  428. position:fixed;
  429. bottom:10px;
  430. left:10px;
  431. opacity:{select:opacity};
  432. height:10px;
  433. z-index:9999;
  434. width:35px;
  435. background-color:{color:posts};
  436.  
  437.  
  438. border: {color:border} 1px solid;
  439.  
  440. -webkit-transition: all 0.4s ease-in-out;
  441. padding:12px 0px 12px 0px;
  442. text-align:center;
  443. }
  444.  
  445. #musicplayer {
  446. margin-top:-35px;
  447. height: 50px;
  448. padding-top:15px;
  449. z-index:9999999999999999999;
  450. opacity: 0;
  451. padding-left: 3px;
  452. -webkit-transition: all 0.5s ease-in-out;
  453. }
  454.  
  455. #musicplayer:hover {
  456. margin-top:-10px;
  457. opacity: 1;
  458.  
  459. }
  460.  
  461. #music:hover
  462. {
  463. border: {color:border} 1px solid;
  464. padding:5px;
  465. height:26px;
  466. width:140px;
  467. -webkit-transition: all 0.4s ease-in-out;
  468. }
  469.  
  470.  
  471.  
  472.  
  473. #side {
  474. text-align: center;
  475. margin-top: 2px;
  476. width:123px;
  477. padding:8px;
  478. position:fixed;
  479. height:185px;
  480.  
  481. z-index:999999999999;
  482.  
  483.  
  484. opacity:{select:opacity};
  485. padding-right:10px;
  486.  
  487.  
  488.  
  489.  
  490. }#side img {
  491. margin-bottom:1px;
  492. border: {color:sidebar} 7px solid;
  493. margin-left:1px;
  494. outline: solid 1px {color:border};
  495. margin-top:1px;
  496. margin-bottom:2px;
  497. background-color:{color:sidebar};
  498. width: 100px;
  499. height:100px;
  500.  
  501. }ul {margin-bottom: .75em;}
  502. #contain {
  503. width:709px;
  504. margin: 18px auto 0;
  505. }
  506. #content {
  507. width:470px;
  508.  
  509. margin-left:auto;
  510. margin-right:auto;
  511. }
  512. #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: #000; {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 {
  513. max-width: 100%;
  514. }.text img {max-width: 100%;}img {display: block;}.box img {display: block;}
  515. .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}
  516.  
  517. #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://s28.postimg.org/la8q2u3j1/tumblr_n4xqq4psw_C1tn500wo1_500.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}
  518.  
  519. 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%}
  520.  
  521. div#qTip{
  522. font-family:{select:font}; /* font family */
  523. font-size: 10px; /* font size */
  524. color:{color:text}; /* text colour */
  525. background: {color:posts};
  526. text-align: center; /* */
  527. border:1px solid {color:border};
  528. text-transform: lowercase; /* uppercase */
  529.  
  530. height:;
  531. max-width:80px;
  532. display: none;
  533. position: absolute;
  534.  
  535. z-index: 999999999999999999;
  536. padding-left: 4px; /* padding */
  537. padding-right: 3px;
  538. padding-top:1px;
  539. padding-bottom:1px;
  540.  
  541. }
  542.  
  543.  
  544.  
  545.  
  546. </style></head>
  547. <body>
  548.  
  549.  
  550.  
  551.  
  552.  
  553.  
  554. <div id="contain" class="clearfix">
  555. <div id="side">
  556. <div class="text">
  557.  
  558.  
  559.  
  560.  
  561. {block:ifsidebarpic} <img class="menu-picture" src="{image:sidebar}"title="{text:img title}"/></a> {/block:ifsidebarpic}
  562.  
  563.  
  564. <div id="description">
  565. {description}
  566. </div>
  567.  
  568.  
  569.  
  570.  
  571.  
  572. <select onChange="location=this.options[this.selectedIndex].value;" style="
  573.  
  574. font-family:{select:font};
  575. font-size:12px;
  576. color: {color:description};
  577. line-height: 12px;
  578. letter-spacing:1.5px;
  579. width:116px;
  580. border: {color:navi border} 1px solid;
  581. background-color:{color:sidebar};
  582.  
  583. -webkit-appearance: none;
  584. text-align:center;
  585. padding:2px;
  586.  
  587.  
  588. ">
  589. <option value=""> &nbsp&nbsp&nbsp navigation </option>
  590. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  591. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  592. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  593. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  594. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}
  595. {block:iflink6}<option value="{text:link 6 url}">{text:link 6}</option>{/block:iflink6}
  596.  
  597. </select>
  598.  
  599.  
  600.  
  601.  
  602. {block:IfNotInfiniteScroll}
  603.  
  604.  
  605. <div id="pagination1">
  606. {block:Pagination}
  607. <div class="pagi">
  608. {block:PreviousPage}
  609. <a href="{PreviousPage}"> </a>
  610. {/block:PreviousPage}
  611. {block:JumpPagination length="5"}
  612. {block:CurrentPage} <span class="current_page">[{PageNumber}]</span>{/block:CurrentPage}
  613. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  614. {block:NextPage}
  615. <a href="{NextPage}"> » </a>
  616. {/block:NextPage}
  617. </div>
  618. {/block:Pagination}
  619. </div>
  620.  
  621.  
  622. </div>
  623.  
  624.  
  625. {/block:IfNotInfiniteScroll}
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632. </div>
  633. </div>
  634. <div id="content">
  635. {block:Posts}
  636. <div class="post">
  637.  
  638. {block:Text}
  639. <div class="text">
  640. {block:Title}<h3>{Title}</h3>{/block:Title}
  641. {Body}
  642. {block:IndexPage}{block:IfShowCaptions}
  643. {block:Caption}{Caption}{/block:Caption}
  644. {/block:IfShowCaptions}{/block:IndexPage}
  645. <!-- permalink --> {block:IndexPage}
  646. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  647. <!-- /permalink --> {/block:IndexPage}
  648. </div>
  649. {/block:Text}
  650.  
  651. {block:Quote}
  652. <div class="text quote">
  653. <p class="words">&#8220;{Quote}&#8221;</p>
  654. {block:Source}<p class="source">{Source}</p>{/block:Source}
  655. <!-- permalink --> {block:IndexPage}
  656. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  657. <!-- /permalink --> {/block:IndexPage}
  658. </div>
  659. {/block:Quote}
  660.  
  661. {block:Link}
  662. <div class="text link">
  663. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  664. {block:Description}{Description}{/block:Description}
  665. <!-- permalink --> {block:IndexPage}
  666. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  667. <!-- /permalink --> {/block:IndexPage}
  668. </div>
  669. {/block:Link}
  670.  
  671. {block:Chat}
  672. <div class="text chat">
  673. <ul class="conversation">
  674. {block:Lines}
  675. <li class="line {Alt}">
  676. {block:Label}<span class="person">{Label}</span>{/block:Label}
  677. <span class="person-said">{Line}</span>
  678. </li>
  679. {/block:Lines}
  680. </ul>
  681. <!-- permalink --> {block:IndexPage}
  682. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  683. <!-- /permalink --> {/block:IndexPage}
  684. </div>
  685. {/block:Chat}
  686.  
  687.  
  688. {block:Audio}
  689. <div class="text audio">
  690. <p>{AudioPlayerGrey}</p>
  691. {block:Artist}
  692. artist: {Artist}
  693. {/block:Artist} <br> {block:TrackName}
  694. song: {TrackName} {block:trackname}
  695. {block:IndexPage}{block:IfShowCaptions}
  696. {block:Caption}{Caption}{/block:Caption}
  697. {/block:IfShowCaptions}{/block:IndexPage}
  698. <!-- permalink --> {block:IndexPage}
  699. <div id="footer2"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  700.  
  701. <!-- /permalink --> {/block:IndexPage}
  702. </div>
  703. {/block:Audio}
  704.  
  705.  
  706.  
  707.  
  708.  
  709.  
  710. {block:Answer}
  711. <div style="min-height:50px; padding: 3px; background: {color:question Background}; color: {color:question};padding-left:5px;">
  712.  
  713. {Asker}: {Question}</div>
  714. <div style="padding-top:2px; padding-bottom:0px; padding-left: 2px; background: transparent; color: {color:text};">{Answer}</div> <p>
  715. <!-- permalink --> {block:IndexPage}
  716. <div id="footer3"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  717. <!-- /permalink --> {/block:IndexPage}
  718. {/block:Answer}
  719.  
  720.  
  721. {block:Photoset}
  722. <div class="photoset">
  723. <div class="box">
  724.  
  725. {block:IndexPage}<center>{Photoset-400}</center>{/block:IndexPage}
  726. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  727. </div>
  728. {block:IndexPage}{block:IfShowCaptions}
  729. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  730. {/block:IfShowCaptions}{/block:IndexPage}
  731.  
  732. <!-- permalink --> {block:IndexPage}
  733. <div id="footer"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  734. <!-- /permalink --> {/block:IndexPage}
  735. </div>
  736. {/block:Photoset}
  737.  
  738. {block:Video}
  739. <div class="video">
  740. <div class="box">
  741.  
  742. {block:IndexPage}<center>{Video-400}</center>{/block:IndexPage}
  743. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  744. </div>
  745. {block:IndexPage}{block:IfShowCaptions}
  746. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  747. {/block:IfShowCaptions}{/block:IndexPage}
  748. <p>
  749. <!-- permalink --> {block:IndexPage}
  750. <div id="footer"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  751. <!-- /permalink --> {/block:IndexPage}
  752. </div>
  753. {/block:Video}
  754.  
  755. {block:Photo}
  756. <div class="photo">
  757. <div class="box">
  758.  
  759. {block:IndexPage}
  760. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
  761. {/block:IndexPage}
  762. {block:PermalinkPage}
  763. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
  764. {/block:PermalinkPage}
  765. </div>
  766. {block:IndexPage}{block:IfShowCaptions}
  767. {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
  768. {/block:IfShowCaptions}{/block:IndexPage}
  769. <p>
  770. <!-- permalink --> {block:IndexPage}
  771. <div id="footer"> {ShortMonth} {DayOfMonthWithZero}</a> {text:symbol} <a href="{ReblogURL}" target="_blank" > reblog </a> {text:symbol} <a href="{Permalink}">{NoteCount} </div>
  772. <!-- /permalink --> {/block:IndexPage}
  773. </div>
  774. {/block:Photo}
  775.  
  776. {block:IfShowTags}{block:IndexPage}{block:HasTags}
  777. <div class="tagged"><p> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
  778. {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
  779.  
  780. {block:PermalinkPage}
  781. <div id="post-info" class="text">
  782. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  783. {block:HasTags}
  784. <p class="tagged">{lang:tagged} {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p> <br>
  785. {/block:HasTags}
  786. <p class="post-info-data">
  787. {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
  788. {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
  789. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
  790. {block:PostNotes}
  791. {PostNotes}
  792. {/block:PostNotes}
  793. </div>
  794. {/block:PermalinkPage}
  795.  
  796. </div> <!-- end single post -->
  797. {block:ContentSource}
  798. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  799. {/block:ContentSource}
  800. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  801. {/block:Posts}
  802. </div> <!-- end content -->
  803. <div class="loading"></div>
  804. </div> <!-- end containing div -->
  805.  
  806.  
  807. {block:IfInfiniteScroll}
  808. {block:Pagination}<ul id="pagination">
  809. {block:PreviousPage}
  810. <li><a href="{PreviousPage}"></a></li>
  811. {/block:PreviousPage}
  812. {block:JumpPagination length="5"}
  813. {block:CurrentPage}
  814. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  815. {/block:CurrentPage}
  816. {block:JumpPage}
  817. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  818. {/block:JumpPage}
  819. {/block:JumpPagination}
  820. {block:NextPage}
  821. <li><a id="nextPage" href="{NextPage}"></a></li>
  822. {/block:NextPage}
  823. </ul>{/block:Pagination}
  824. {/block:IfInfiniteScroll}
  825.  
  826.  
  827. {block:IndexPage}
  828. <script type="text/javascript">
  829. $(window).load(function () {
  830. $('#content').masonry(),
  831. $('.masonryWrap').infinitescroll({
  832. navSelector : '#pagination',
  833. nextSelector : '#pagination a#nextPage',
  834. itemSelector : ".post, .loading",
  835. bufferPx : 40,
  836. loadingImg : "http://static.tumblr.com/uiqhh9x/38Em68qk4/loading.gif",
  837. loadingText : "<em></em>",
  838. },
  839. function() { $('#content').masonry({ appendedContent: $(this) }); }
  840. );
  841. });
  842. </script>
  843. {/block:IndexPage}
  844. {block:IfToTopButton}
  845. <script type="text/javascript">
  846. $(document).ready(function() {
  847. /*
  848. var defaults = {
  849. containerID: 'toTop', // fading element id
  850. containerHoverID: 'toTopHover', // fading element hover id
  851. scrollSpeed: 1200,
  852. easingType: 'linear'
  853. };
  854. */
  855.  
  856. $().UItoTop({ easingType: 'easeOutQuart' });
  857.  
  858. });
  859. </script>
  860. <a href="#" id="toTop" style="display: none; "><span id="toTopHover"></span> </a>
  861. {/block:IfToTopButton}
  862. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  863. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  864.  
  865.  
  866. {block:ifmusicbox}
  867. <div id="music">
  868. <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>
  869. <div id="musicplayer"> {text:music code} </div> </div>
  870.  
  871. {/block:ifmusicbox}
  872.  
  873.  
  874.  
  875.  
  876. <div id="tab">
  877. <center>
  878.  
  879. </center>
  880.  
  881. </div>
  882.  
  883. </style>
  884.  
  885.  
  886.  
  887.  
  888. </body>
  889.  
  890.  
  891.  
  892. <div style="position:fixed; z-index:-1; bottom:0px; left:0px; font-size: 10px;">
  893. <img src="{image:bottom left}"class="drag"> </div>
  894.  
  895.  
  896.  
  897.  
  898. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement