API tools faq
paste
okesan

hheader theme

okesan
Dec 22nd, 2014
199
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5.  
  6. <!--
  7.  
  8.  
  9.  
  10.  
  11.  
  12. ᴛʜᴇᴍᴇ #46;
  13. © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
  14. [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  15.  
  16. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
  17. [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  18.  
  19.  
  20. - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  21. - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  22.  
  23.  
  24.  
  25.  
  26. -->
  27.  
  28.  
  29.  
  30.  
  31. <head>
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  35. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  36.  
  37.  
  38. <meta name="select:Font" content="trebuchet ms" title="Trebuchet ms"/>
  39. <meta name="select:Font" content="arial" title="Arial"/>
  40. <meta name="select:Font" content="calibri" title="Calibri"/>
  41. <meta name="select:Font" content="consolas" title="Consolas"/>
  42. <meta name="select:Font" content="times" title="Times New Roman"/>
  43. <meta name="select:Font" content="tunga" title="Tunga"/>
  44. <meta name="select:Font" content="century gothic" title="Century Gothic"/>
  45. <meta name="select:Font" content="cambria" title="Cambria"/>
  46. <meta name="select:Font" content="georgia" title="Georgia"/>
  47.  
  48. <meta name="color:Front Background" content="#ecf1f6" />
  49. <meta name="color:Header Background" content="#fff" />
  50. <meta name="color:Title Font" content="#999" />
  51. <meta name="color:Description Font" content="#aaa" />
  52. <meta name="color:Links Font" content="#ddd" />
  53. <meta name="color:Links Hover" content="#b6eae4" />
  54. <meta name="color:Links Hover Font" content="#fff" />
  55. <meta name="color:Post Title Font" content="#aaa" />
  56. <meta name="color:Text Posts Background" content="#f5f5f5" />
  57. <meta name="color:All General Text" content="#565656" />
  58. <meta name="color:Bold Text" content="#333" />
  59. <meta name="color:Italic Text" content="#b9b8b8" />
  60. <meta name="color:Hyperlinks" content="#444"/>
  61. <meta name="color:Hyperlinks Hover" content="#fff" />
  62. <meta name="color:Info Font" content="#888" />
  63. <meta name="color:Notes Font" content="#888" />
  64. <meta name="color:Notes Background" content="#ecf1f6" />
  65. <meta name="color:Tags Font" content="#888" />
  66. <meta name="color:Tags Background" content="#d6e6f6" />
  67. <meta name="color:Tooltip Background" content="#d6e6f6" />
  68. <meta name="color:Tooltip Font" content="#fff" />
  69. <meta name="color:Quote Font" content="#777" />
  70. <meta name="color:Quote Background" content="#ecf1f6" />
  71. <meta name="color:Question Background" content="#ecf1f6" />
  72. <meta name="color:Question Font" content="#555" />
  73. <meta name="color:Audio Background" content="#ecf1f6" />
  74.  
  75. <meta name="text:Text Size" content="10px" />
  76. <meta name="text:Post Distance" content="150px"/>
  77. <meta name="text:Line Height" content="130%"/>
  78.  
  79. <meta name="image:image" content=""/>
  80.  
  81. <meta name="text:Home" content="home" />
  82. <meta name="text:Ask" content="message" />
  83. <meta name="text:Archive" content="archive" />
  84. <meta name="text:Archive Link" content="/archive" />
  85. <meta name="text:Link1" content="/" />
  86. <meta name="text:Link1 Title" content="link 1" />
  87. <meta name="text:Link2" content="/" />
  88. <meta name="text:Link2 Title" content="link 2" />
  89. <meta name="text:Link3" content="/" />
  90. <meta name="text:Link3 Title" content="link 3" />
  91. <meta name="text:Link4" content="/" />
  92. <meta name="text:Link4 Title" content="link 4" />
  93. <meta name="text:Link5" content="/" />
  94. <meta name="text:Link5 Title" content="link 5" />
  95.  
  96. <meta name="if:400px" content="0"/>
  97. <meta name="if:500px" content="1"/>
  98.  
  99. <meta name="if:InfiniteScroll" content="0">
  100. <meta name="if:Caption" content="1">
  101. <meta name="text:Opacity Value" content="1"/>
  102. <meta name="if:Greyscale" content="0"/>
  103.  
  104. <meta name="select:Cursor" content="default" title="default">
  105. <meta name="select:Cursor" content="crosshair" title="crosshair">
  106. <meta name="select:Cursor" content="help" title="help">
  107. <meta name="select:Cursor" content="sw-resize" title="resize">
  108.  
  109.  
  110.  
  111. <script type="text/javascript"
  112. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  113. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  114. <script>
  115. (function($){
  116. $(document).ready(function(){
  117. $("[title]").style_my_tooltips();
  118. });
  119. })(jQuery);
  120. </script>
  121.  
  122.  
  123. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700italic|Francois+One|Playball|Cardo' rel='stylesheet' type='text/css'>
  124.  
  125. <style type="text/css">
  126.  
  127.  
  128.  
  129.  
  130. /* --- general --- */
  131.  
  132.  
  133.  
  134.  
  135. iframe, img, embed, object, video {max-width: 100%;border: none;}
  136.  
  137.  
  138. body { font-family:{select:Font};line-height:{text:Line Height};color:{color:All General Text};word-wrap: break-word;font-size:{text:Text Size};cursor:{select:Cursor};}
  139.  
  140.  
  141.  
  142. a {
  143. text-decoration:none;
  144. cursor:pointer;
  145. color:{color:Hyperlinks};
  146. -webkit-transition: all 0.7s ease-in-out;
  147. -moz-transition: all 0.7s ease-in-out;
  148. -o-transition: all 0.7s ease-in-out;
  149. -ms-transition: all 0.7s ease-in-out;
  150. transition: all 0.7s ease-in-out;}
  151.  
  152. a:link, a:active, a:visited {
  153. color: {color:Hyperlinks};
  154. -webkit-transition: all 0.7s ease-in-out;
  155. -moz-transition: all 0.7s ease-in-out;
  156. -o-transition: all 0.7s ease-in-out;
  157. -ms-transition: all 0.7s ease-in-out;
  158. transition: all 0.7s ease-in-out;}
  159.  
  160. a:hover {color:{color:Hyperlinks Hover};}
  161.  
  162.  
  163. b, strong {
  164. font-weight:700;
  165. color:{color:Bold Text};}
  166.  
  167. i, em {
  168. font-weight:light;
  169. color:{color:Italic Text};}
  170.  
  171. h2 { font:bold 15px arial;}
  172.  
  173.  
  174. blockquote {
  175. margin: 3px 0px 6px 0px;
  176. padding:1px 8px 1px 8px;
  177. line-height:120%;
  178. border: 1px solid #eee;
  179. background-color:#fff;}
  180.  
  181. #caption {
  182. margin-bottom:2px;
  183. padding: 4px 15px 4px 15px;
  184. color:{color:All General Text};
  185. background-color:{color:Text Posts Background};
  186. text-align:justify;}
  187.  
  188.  
  189. pre, xmp, plaintext, listing {
  190. display: block;
  191. white-space: pre;
  192. background: {color:Text Posts Background};
  193. padding: 7px;
  194. word-wrap: break-word;
  195. font: 10px consolas;}
  196.  
  197. small {line-height:80%;}
  198.  
  199.  
  200.  
  201.  
  202.  
  203. /* --- header&front --- */
  204.  
  205.  
  206.  
  207.  
  208. #header {
  209. position:fixed;
  210. width:100%;
  211. z-index:9999;
  212. letter-spacing:1px;
  213. margin:auto;
  214. padding-top:4px;
  215. height:25px;
  216. top:0px;
  217. left:0;
  218. background:{color:Header Background};
  219. text-align:center;}
  220.  
  221.  
  222. #navigation {
  223. margin:auto;
  224. top:0px;
  225. text-align:center;
  226. z-index:9;
  227. position:absolute;
  228. left:0;
  229. right:0;
  230. -webkit-transition: all 0.7s ease-in-out;
  231. -moz-transition: all 0.7s ease-in-out;
  232. -o-transition: all 0.7s ease-in-out;
  233. -ms-transition: all 0.7s ease-in-out;
  234. transition: all 0.7s ease-in-out;}
  235.  
  236.  
  237. #navigation a {
  238. position:relative;
  239. display:inline-block;
  240. width:50px;
  241. color:{color:Links Font};
  242. padding:10px 5px 10px 5px;
  243. font: 8px consolas;
  244. text-align:center;
  245. text-transform:uppercase;}
  246.  
  247.  
  248.  
  249. #navigation a:hover {color:{color:Links Hover Font};background:{color:Links Hover};}
  250.  
  251.  
  252. #pagination {
  253. display:inline-block;
  254. {block:permalinkpage}display:none;{/block:permalinkpage}
  255. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  256.  
  257. #front {
  258. margin:auto;
  259. width:320px;
  260. padding:25px 18px 50px 18px;
  261. z-index:999;
  262. letter-spacing:1px;
  263. margin-top:230px;}
  264.  
  265.  
  266. #background {
  267. top:0;
  268. left:0;
  269. position:absolute;
  270. width:100%;
  271. height:700px;
  272. letter-spacing:1px;
  273. z-index:-1;
  274. background:{color:Front Background};}
  275.  
  276.  
  277. #front img {position:absolute; margin-top:-10px;opacity:1;width:130px;}
  278.  
  279.  
  280. #title {
  281. font: oblique 60px times;
  282. color:{color:Title Font};
  283. margin-top:0px;
  284. letter-spacing:7px;
  285. text-align:left;
  286. margin:auto;
  287. margin-left:145px;
  288. z-index:999;}
  289.  
  290.  
  291. #description {
  292. width:200px;
  293. font:10px calibri;
  294. color:{color:Description Font};
  295. letter-spacing:1px;
  296. margin-top:0px;
  297. text-align:left;
  298. margin:auto;
  299. margin-left:145px;
  300. z-index:999;}
  301.  
  302.  
  303.  
  304. /* --- posts --- */
  305.  
  306.  
  307.  
  308. #container{
  309. padding:50px 0px 20px 0px;
  310. margin:auto;
  311. margin-top:370px;
  312. {block:indexpage}
  313. {block:if400px}
  314. width:400px;
  315. {block:if400px}
  316. {block:if500px}
  317. width:500px;
  318. {block:if500px}
  319. {/block:indexpage}
  320. {block:permalinkpage}
  321. width:500px;
  322. {/block:permalinkpage}}
  323.  
  324. #posts{
  325. {block:indexpage}
  326. {block:if400px}
  327. width:400px;
  328. {block:if400px}
  329. {block:if500px}
  330. width:500px;
  331. {block:if500px}
  332. margin-bottom:{text:Post Distance};
  333. {/block:indexpage}
  334. {block:PermalinkPage}
  335. width:500px;margin-bottom:20px;
  336. {/block:PermalinkPage}}
  337.  
  338. .titles{
  339. color:{color:Post Title Font};
  340. font: normal 22px times;
  341. line-height: 100%;
  342. text-align:left;
  343. padding:9px;
  344. text-transform:lowercase;
  345. letter-spacing:2px;
  346. position:relative;}
  347.  
  348.  
  349.  
  350. #opandgrey {
  351. opacity:{text:Opacity Value};
  352. -webkit-transition-duration:0.8s;
  353. -moz-transition-duration: 0.8s;
  354. transition: all 0.8s ease-in-out;
  355. {block:ifgreyscale}
  356. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;
  357. -webkit-filter: grayscale(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;transition: all 0.8s ease-in-out;{/block:ifgreyscale}}
  358.  
  359. #opandgrey:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  360.  
  361.  
  362.  
  363. #posts img {
  364. max-width:100%;
  365. {block:permalinkpage}
  366. max-width:100%;
  367. height:auto;
  368. {/block:permalinkpage};}
  369.  
  370.  
  371.  
  372. #text {
  373. padding: 4px 15px 4px 15px;
  374. text-align:justify;
  375. background:{color:Text Posts Background};}
  376.  
  377.  
  378.  
  379. #quote {
  380. position:relative;
  381. text-align:left;
  382. font: oblique 18px times;
  383. letter-spacing:4px;
  384. line-height: 120%;
  385. padding: 30px 30px 25px 30px;
  386. color:{color:Quote Font};
  387. background:{color:Quote Background};}
  388.  
  389.  
  390.  
  391. #source {font: oblique 9px cambria;letter-spacing:1px; text-align:center;padding: 7px; margin-top:20px;color:{color:Quote Font};position:relative;border-top:1px solid #fff;}
  392. #source a {color:{color:Quote Font};}
  393.  
  394.  
  395. .chat ul{padding:0px 0px 0px 0px;margin:0px;}
  396. .chat li{margin-bottom:1px;padding:10px;list-style-type:none;}
  397. .chat li.odd {background:#f5f5f5;}
  398. .chat li.even {background:#fcfcfc;}
  399. span.chats {color:#222;font: 10px calibri; font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  400.  
  401.  
  402. .audioplayer {position:relative;display:inline-block;width:100%;height:70px;background:{color:Audio Background};}
  403. .player {left: 0px;top: 0px;overflow:hidden;}
  404. .button {position: relative;width: 30px;height: 30px;margin:10px 5px 3px 5px;}
  405. .tumblr_audio_player {height:30px;background:#111;margin-top:-5px;margin-left:38px;border:2px solid #fff;}
  406. .audioalbum {position:absolute;overflow: hidden;width: 30px;height:30px;margin:5px;border:2px solid #fff;}
  407. .audioalbum img {width: 100%;height: auto;}
  408. .audioinfo {width:auto;font: 13px times; padding:5px;text-align:center;letter-spacing:1px;color:#777;text-transform:uppercase;overflow:hidden;background:#f5f5f5;border-top:3px solid #fff;}
  409.  
  410.  
  411.  
  412. #asker {
  413. line-height: 100%;
  414. text-align:left;
  415. padding: 7px;
  416. font: oblique 9px cambria;
  417. letter-spacing:1px;
  418. border-top:1px solid #fff;
  419. text-transform:uppercase;
  420. margin-top:20px;
  421. -webkit-transition: all 0.7s ease-in-out;
  422. -moz-transition: all 0.7s ease-in-out;
  423. -o-transition: all 0.7s ease-in-out;
  424. -ms-transition: all 0.7s ease-in-out;
  425. transition: all 0.7s ease-in-out;}
  426.  
  427.  
  428. #asker a {color:{color:Asker Font};}
  429.  
  430.  
  431. #questions {
  432. text-align:justify;
  433. padding:20px;
  434. font: 13px times;
  435. letter-spacing:4px;
  436. margin-bottom:5px;
  437. letter-spacing:1px;
  438. color:{color:Question Font};
  439. margin-left:0px;
  440. background:{color:Question Background};
  441. overflow:auto;}
  442.  
  443.  
  444.  
  445.  
  446. /* --- post information --- */
  447.  
  448.  
  449.  
  450.  
  451. .count {
  452. -webkit-backface-visibility: hidden;
  453. display: inline-block;
  454. position: relative;
  455. overflow: hidden;
  456. background: white;}
  457.  
  458.  
  459. .count img {
  460. display: block;
  461. -webkit-transition: opacity 0.7s ease-in-out;
  462. -moz-transition: opacity 0.7s ease-in-out;
  463. transition: opacity 0.7s ease-in-out;}
  464.  
  465. .count::after {
  466. -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  467. position: absolute;
  468. left:0px;
  469. opacity: .9;
  470. width: 100%;
  471. z-index: 1;
  472. -webkit-transition: -webkit-transform 0.7s ease-in-out;
  473. -moz-transition: -moz-transform 0.7s ease-in-out;
  474. transition: transform 0.7s ease-in-out;}
  475.  
  476.  
  477. .count::after {
  478. content: attr(data-title);
  479. top: 0;
  480. line-height:90%;
  481. font-style:oblique;
  482. font-family:'Playfair Display';
  483. background: {color:Notes Background};
  484. color:{color:Notes Font};
  485. text-align:right;
  486. font-size: 55px;
  487. padding: 20px 20px 30px 20px;
  488. -webkit-transform: translateY(-100%);
  489. -moz-transform: translateY(-100%);
  490. transform: translateY(-100%);}
  491.  
  492.  
  493. .count:hover::after {
  494. -webkit-transform: translateY(0%);
  495. -moz-transform: translateY(0%);
  496. transform: translateY(0%);}
  497.  
  498.  
  499.  
  500. .info {
  501. {block:indexpage}
  502. letter-spacing:1px;
  503. font: 8px consolas;
  504. text-align:center;
  505. text-transform:uppercase;
  506. color:{color:Info Font};
  507. z-index:2;
  508. padding:4px 3px 3px 3px;
  509. line-height:100%;
  510. opacity:0;
  511. margin-top:10px;
  512. -webkit-transition: all 0.7s ease-in-out;
  513. -moz-transition: all 0.7s ease-in-out;
  514. -o-transition: all 0.7s ease-in-out;
  515. -ms-transition: all 0.7s ease-in-out;
  516. transition: all 0.7s ease-in-out;
  517. {/block:indexpage}
  518. {block:PermalinkPage}
  519. display:none;
  520. {/block:PermalinkPage}}
  521.  
  522.  
  523.  
  524. .tagging{
  525. {block:indexpage}
  526. text-transform:uppercase;
  527. font: 8px calibri;
  528. margin-top:3px;
  529. opacity:0;
  530. line-height:140%;
  531. text-align:justify;
  532. word-wrap: break-word;
  533. text-align:center;
  534. margin-top:10px;
  535. letter-spacing:1px;
  536. {/block:indexpage}
  537. {block:PermalinkPage}
  538. display:none;
  539. {/block:PermalinkPage}
  540. -webkit-transition: all 0.5s ease-in-out;
  541. -moz-transition: all 0.5s ease-in-out;
  542. -o-transition: all 0.5s ease-in-out;
  543. -ms-transition: all 0.5s ease-in-out;
  544. transition: all 0.5s ease-in-out;}
  545.  
  546.  
  547.  
  548. #posts:hover .tagging, #posts:hover .info {opacity:1;}
  549. .info_text a{color:{color:Info Font};}
  550. .info a{color:{color:Info Font};}
  551. .tagging a{color:{color:Tags Font};background:{color:Tags Background};padding:0 2px 0 2px;}
  552.  
  553.  
  554.  
  555.  
  556. /* --- permalink --- */
  557.  
  558.  
  559.  
  560. #infoperm{
  561. font-family: arial;
  562. font-size:10px;
  563. text-transform:lowercase;
  564. letter-spacing:1px;
  565. text-align:center;
  566. margin-top:3px;
  567. padding-top: 8px;
  568. padding-bottom: 8px;
  569. background-color: #f5f5f5;}
  570.  
  571.  
  572. #tagperm{
  573. font-family:calibri;
  574. text-transform:normal;
  575. text-transform:uppercase;
  576. font-size:8px;
  577. letter-spacing: 1px;
  578. text-align:justify;
  579. margin-top: 3px;
  580. padding: 13px;
  581. background-color: #f5f5f5;}
  582.  
  583.  
  584. #notecount{
  585. font:bold 20px consolas;
  586. text-transform:normal;
  587. letter-spacing: -1px;
  588. text-align:center;
  589. margin-top:5px;
  590. margin-bottom: 10px;
  591. padding: 1px;
  592. color:#333;
  593. background-color:#f5f5f5;}
  594.  
  595.  
  596. #infoperm a {{color:hyperlinks};}
  597. #tagperm a {{color:hyperlinks};}
  598. #tagperm a:hover {color:{color:hyperlinks hover};}
  599.  
  600.  
  601. .pnotes {
  602. width:490px;
  603. text-align: left;
  604. overflow:auto;
  605. line-height:15px;
  606. padding:5px;
  607. background:#f5f5f5;
  608. font:10px arial;}
  609.  
  610.  
  611.  
  612. .pnotes img{width:26px;margin:5px;border:5px solid #f5f5f5;}
  613. .pnotes li{list-style-type:none; padding:4px;margin-bottom:5px;background:#fff;margin-left:-40px;border-radius:4px;}
  614. ol.notes {margin: 10px;}
  615. img.avatar {vertical-align: -19px;width: 26px;height: 26px;padding: 1px;}
  616.  
  617.  
  618.  
  619. /* --- etc --- */
  620.  
  621.  
  622.  
  623. #chloe {font-size:8px;font-family:consolas;text-align:center;letter-spacing:2px;padding: 5px 8px 5px 8px;z-index:99999;position:fixed;bottom:0px;right:0px;color:#888;text-transform:uppercase;background:{color:Front Background};}
  624. #chloe a {color:#888;}
  625.  
  626. #s-m-t-tooltip {display: block;background: {color:Tooltip Background};font-size: 8px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color: {color:Tooltip Font};text-align: center;margin-left: 25px;padding:3px 5px 3px 5px;min-width: 40px;max-width: 150px;z-index: 9999999999;}
  627.  
  628. iframe#tumblr_controls {right:0px !important;position:fixed !important;opacity:0.5;z-index:999999999999999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  629. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  630.  
  631.  
  632. /*----------- /CHROME USERS/ CHANGE SCROLLBAR HERE --------------*/
  633.  
  634.  
  635. ::-webkit-scrollbar-track {background-color:#fff;border:2px solid #f5f5f5;}
  636. ::-webkit-scrollbar-thumb {background-color:#fff;border:1px solid #f5f5f5;}
  637. ::-webkit-scrollbar {width:6px;height:5px;}
  638.  
  639. /*-----------------------------------------------------------*/
  640.  
  641. ::selection {color: #bbb; background: #f5f5f5; }
  642. ::-moz-selection {color: #bbb; background: #f5f5f5; }
  643. ::-webkit-selection {color: #bbb; background: #f5f5f5; }
  644.  
  645.  
  646. </style>
  647. </head>
  648. <body>
  649.  
  650.  
  651.  
  652.  
  653. <!----------- header&front -------------->
  654.  
  655.  
  656.  
  657.  
  658. <div id="background"></div>
  659.  
  660. <div id="header">
  661.  
  662. <div id="navigation">
  663. <a href="/">{text:Home}</a><a href="/ask">{text:Ask}</a><a href="{text:archive link}">{text:archive}</a>{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">« back</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">forth »</a>{/block:NextPage}</div>{/block:Pagination}
  664. </div>
  665.  
  666. </div>
  667.  
  668.  
  669. <div id="front">
  670. <img src="{image:image}">
  671. <div id="title">{Title}</div>
  672. <div id="description">{Description}</div>
  673. </div>
  674.  
  675.  
  676.  
  677.  
  678.  
  679. <!----------- posts -------------->
  680.  
  681.  
  682.  
  683.  
  684.  
  685. <div id="container">
  686.  
  687. {block:Posts}
  688. <div id="posts" >
  689.  
  690.  
  691.  
  692.  
  693. {block:Quote}
  694.  
  695. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  696.  
  697. <div class="info_error"></div>
  698. <div class="info">
  699. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  700. </div>
  701.  
  702. <div class="tagging">
  703. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  704. </div>
  705.  
  706. {/block:Quote}
  707.  
  708.  
  709.  
  710.  
  711.  
  712. {block:Photo}
  713.  
  714. {block:indexpage}
  715.  
  716. <div id="opandgrey">
  717.  
  718. <center>
  719. <div class="count" data-title="{NoteCount}">
  720. <img src="{PhotoURL-500}" style="
  721. {block:if400px}width:400px;{/block:if400px}
  722. {block:if500px}width:500px;{/block:if500px}"/>
  723. </div>
  724. </center>
  725.  
  726. </div>
  727. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  728.  
  729. <div class="info">
  730. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  731. </div>
  732.  
  733. <div class="tagging">
  734. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  735. </div>
  736.  
  737. {/block:indexpage}
  738.  
  739. {block:permalinkpage}
  740. <center>
  741. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;">
  742. </center>
  743. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  744. {/block:permalinkpage}
  745.  
  746. {/block:Photo}
  747.  
  748.  
  749.  
  750.  
  751.  
  752. {block:Photoset}
  753.  
  754. {block:indexpage}
  755.  
  756. <div id="opandgrey">
  757.  
  758. <center>
  759. <div class="count" data-title="{NoteCount}">
  760. {block:if400px}{Photoset-400}{/block:if400px}
  761. {block:if500px}{Photoset-500}{/block:if500px}
  762. </div>
  763. </center>
  764.  
  765.  
  766. </div>
  767.  
  768. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  769.  
  770. <div class="info">
  771. {block:Date}<a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  772. </div>
  773.  
  774. <div class="tagging">
  775. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  776. </div>
  777.  
  778. {/block:indexpage}
  779.  
  780. {block:permalinkpage}
  781. <center>{Photoset-500}</center>
  782. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  783. {/block:permalinkpage}
  784.  
  785. {/block:Photoset}
  786.  
  787.  
  788.  
  789.  
  790.  
  791. {block:Link}
  792.  
  793. <a href="{URL}" class="link" {Target}>
  794. <div class="titles">{Name} ▹</div>
  795. </a>
  796. {block:Description}
  797. <div id="text">{Description}</div>
  798. {/block:Description}
  799.  
  800. <div class="info">
  801. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  802. </div>
  803.  
  804. <div class="tagging">
  805. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  806. </div>
  807.  
  808. {block:Link}
  809.  
  810.  
  811.  
  812.  
  813.  
  814. {block:Chat}
  815.  
  816. {block:Title}
  817. <div class="titles">{Title}</div>
  818. {/block:Title}
  819. <div class="chat">
  820. <ul>
  821. {block:Lines}
  822. <li class="{Alt} u{UserNumber}">
  823. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  824. {Line}</li>
  825. {/block:Lines}
  826. </ul>
  827. </div>
  828.  
  829. <div class="info">
  830. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  831. </div>
  832.  
  833. <div class="tagging">
  834. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  835. </div>
  836.  
  837. {/block:Chat}
  838.  
  839.  
  840.  
  841.  
  842.  
  843. {block:Audio}
  844.  
  845. {block:AudioPlayer}
  846.  
  847. <div class="audioplayer">
  848. {block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  849. <div class="player">
  850. <div class="button">{AudioPlayerWhite}</div>
  851. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} {{Artist}}{/block:Artist}
  852. </div>
  853. </div>
  854.  
  855. </div>
  856. {/block:AudioPlayer}
  857.  
  858. {block:ifcaption}{block:Caption}<br><br><div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  859.  
  860. <div class="info">
  861. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  862. </div>
  863.  
  864. <div class="tagging">
  865. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  866. </div>
  867.  
  868. {/block:Audio}
  869.  
  870.  
  871.  
  872.  
  873.  
  874. {block:Text}
  875.  
  876. {block:indexpage}
  877.  
  878. <div id="opandgrey">
  879.  
  880. {block:Title}
  881. <div class="titles">{Title};</div>
  882. {/block:Title}
  883. <div id="text">{Body}</div>
  884.  
  885. </div>
  886.  
  887. <div class="info">
  888. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  889. </div>
  890.  
  891. <div class="tagging">
  892. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  893. </div>
  894.  
  895. {/block:indexpage}
  896.  
  897. {block:permalinkpage}
  898. {block:Title}
  899. <div class="titles">{Title}</div>
  900. {/block:Title}
  901. <div id="text">{Body}</div>
  902. {/block:permalinkpage}
  903.  
  904. {/block:Text}
  905.  
  906.  
  907.  
  908.  
  909.  
  910. {block:Video}
  911.  
  912. {block:indexpage}
  913.  
  914. <center>
  915. {block:if400px}{Video-400}{/block:if400px}
  916. {block:if500px}{Video-500}{/block:if500px}
  917. </center>
  918.  
  919. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  920.  
  921. <div class="info">
  922. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  923. </div>
  924.  
  925. <div class="tagging">
  926. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  927. </div>
  928.  
  929. {/block:indexpage}
  930.  
  931. {block:permalinkpage}
  932. <center>{Video-500}</center>
  933. {block:Caption}{Caption}{/block:Caption}
  934. {/block:permalinkpage}
  935.  
  936. {block:Video}
  937.  
  938.  
  939.  
  940.  
  941.  
  942. {block:Answer}
  943.  
  944.  
  945. <div id="questions">{Question}
  946. <div id="asker">message from {Asker}:</div>
  947. </div>
  948.  
  949. <div id="text">{Answer}</div>
  950.  
  951. <div class="info">
  952. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  953. </div>
  954.  
  955. <div class="tagging">
  956. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  957. </div>
  958.  
  959. {/block:Answer}
  960.  
  961.  
  962.  
  963.  
  964.  
  965. <!---------- permalink ------------->
  966.  
  967.  
  968.  
  969.  
  970. {block:permalinkpage}
  971.  
  972.  
  973.  
  974. {block:Date}<div id="infoperm">Posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}</div>{/block:Date}
  975. <div id="infoperm">
  976. {block:RebloggedFrom} <b>via</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  977. {block:ContentSource} <b>and originally from</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  978.  
  979. {block:HasTags}
  980. <div id="tagperm">
  981. <b>Tagged as:</b>{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  982.  
  983. {block:NoteCount}<div id="notecount"><p>{NoteCountWithLabel}</div>{/block:NoteCount}
  984.  
  985.  
  986. {block:PostNotes}
  987. <div class="pnotes">
  988. {PostNotes-64}
  989. </div>
  990. {/block:PostNotes}
  991.  
  992.  
  993.  
  994.  
  995. {/block:permalinkpage}
  996.  
  997.  
  998. </div>
  999. {/block:Posts}
  1000. </div>
  1001.  
  1002.  
  1003.  
  1004. <!----------------------->
  1005.  
  1006.  
  1007.  
  1008.  
  1009. {block:ifinfinitescroll}
  1010. {block:indexpage}
  1011.  
  1012. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1013. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1014. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1015. <script type="text/javascript">
  1016. $(window).load(function(){
  1017. var $wall = $('#container');
  1018. $wall.imagesLoaded(function(){
  1019. $wall.masonry({
  1020. itemSelector: '#posts',
  1021. isAnimated : true
  1022. });
  1023. });
  1024.  
  1025. $wall.infinitescroll({
  1026. navSelector : '#page-nav',
  1027. nextSelector : '#page-nav a',
  1028. itemSelector : '#posts',
  1029. bufferPx : 100,
  1030. debug : true,
  1031. extraScrollPx: 150,
  1032. errorCallback: function() {
  1033. $('#infscr-loading').fadeOut('linear');
  1034. }},
  1035. function( newElements ) {
  1036. var $newElems = $( newElements );
  1037. $newElems.hide();
  1038. $newElems.imagesLoaded(function(){
  1039. $wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
  1040. });
  1041. }); $('#content').show(500);
  1042. });
  1043. </script>
  1044.  
  1045. {/block:indexpage}
  1046. {/block:ifinfinitescroll}
  1047.  
  1048.  
  1049. </body>
  1050.  
  1051. <div id="chloe" title="coded by chloe"><a href="http://adf.ly/s0LYq">SOONCO</a></div>
  1052. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!