Advertisement
Guest User

XSX

a guest
Apr 24th, 2017
56
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.25 KB | None | 0 0
  1. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "9 miesiecy :)))";tb8_messages[1] = "9 mieciecy :)))";tb8_messages[2] = "9 miesiecy :)))";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  2.  
  3.  
  4. <script language="JavaScript">
  5. var height = '28';
  6. var fhs = document.createElement('script');var fhs_id = "5405414";
  7. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  8. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online&e2=Online&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"&s=1&a=1&h=&h="+height+"";
  9. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  10. </script>
  11.  
  12. <style type='text/css'>
  13. #tumblings-player
  14. {z-index:999;
  15. background-color: transparent;
  16. width:50px;
  17. height:50px;
  18.  
  19. border-radius:50px 0px 0px 0px;
  20. -moz-border-radius:50px 0px 0px 0px;
  21. color:#050d41;
  22. position:fixed;
  23. overflow:hidden;
  24. bottom:0px;
  25. right:0px;
  26. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  27.  
  28. #playericon
  29. {margin-top:25px;
  30. margin-bottom:20px;
  31. margin-left:-5px;
  32. -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}
  33.  
  34. #tumblings-player:hover
  35. {width:200px;
  36. -moz-border-radius:0px;
  37. border-radius:0px;}
  38.  
  39. #tumblings-player:hover #playericon
  40. {margin-top:0px;
  41. margin-left:0px;
  42. margin-bottom:4px;}
  43. </style>
  44. <div id='tumblings-player'><center>
  45. <div id='playericon'><img alt="Tumblr Music Player" src="http://68.media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif"/></a></div></center>
  46. <embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0
  47. =http://k003.kiwi6.com/hotlink/dk3gj18115/Harry_Styles_-_Sign_of_the_Times_Audio_.mp3&t0=&f1=http://k003.kiwi6.com/hotlink/yh0kpryc1j/Rag_n_Bone_Man_-_Skin_BBC_Music_Sound_Of_2017_.mp3&t1=&f2=http://k003.kiwi6.com/hotlink/02o7wvc88w/Jah_Khalib_-_prod._by_Jah_Khalib_.mp3&t2=&f3=http://k003.kiwi6.com/hotlink/e29itd56sq/LiL_PEEP_-_nothing_to_u_Official_Music_Video_.mp3&t3=&f4=http://k003.kiwi6.com/hotlink/l8vnly6hti/Shawn_Mendes_-_Stitches.mp3&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  48.  
  49. <!DOCTYPE html>
  50. <html>
  51.  
  52.  
  53.  
  54. <head>
  55. <title>{Title}</title>
  56. {block:Description}
  57. <meta name="description" content="{MetaDescription}" />
  58. {/block:Description}
  59. <link rel="shortcut icon" href="{Favicon}" />
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61.  
  62. <meta name="image:Left Background" content""/>
  63. <meta name="image:Right Background" content""/>
  64. <meta name="image:Cover Background" content""/>
  65. <meta name="color:Background" content="#ffffff" />
  66. <meta name="color:Posts" content="#fffff" />
  67. <meta name="color:Posts Title" content="#666666" />
  68. <meta name="color:Text" content="#888888" />
  69. <meta name="color:Links" content="#f3bcd3" />
  70. <meta name="color:Links Hover" content="#cccccc" />
  71. <meta name="color:Bold" content="#555555" />
  72. <meta name="color:Italic" content="#cccccc"/>
  73. <meta name="color:Blockquote Border" content="#eeeeee"/>
  74. <meta name="color:Blockquote Background" content="#fffff"/>
  75. <meta name="color:Blockquote Text" content="#999999"/>
  76. <meta name="color:Borders" content="#eeeeee" />
  77.  
  78. <meta name="color:Sidebar Border" content="#eeeeee" />
  79. <meta name="color:Sidebar Background" content="#fffff" />
  80. <meta name="color:Sidebar Text" content="#888888" />
  81. <meta name="color:Navigation" content="#cccccc" />
  82. <meta name="color:Navigation Hover" content="#999999" />
  83. <meta name="color:Navigation Hover Background" content="#ffff" />
  84.  
  85. <meta name="color:Perma" content="#fffff" />
  86. <meta name="color:Heart" content="#e7a2bf" />
  87. <meta name="color:Tags Border" content="#eeeeeee" />
  88. <meta name="color:Tags Background" content="#fffff" />
  89. <meta name="color:Tags" content="#bbbbbb" />
  90.  
  91. <meta name="color:Scroll" content="#ffffff" />
  92. <meta name="color:Scrollbar" content="#cccccc" />
  93.  
  94.  
  95. <meta name="image:Background" content="" />
  96. <meta name="image:Sidebar" content="" />
  97. <meta name="image:Lace" content=""/>
  98.  
  99.  
  100. <meta name="if:Click to Show Navigation" content="1" />
  101. <meta name="if:Image Fade" content="1" />
  102. <meta name="if:Hover Perma" content="1" />
  103.  
  104. <meta name="if:Show Captions" content="0" />
  105. <meta name="if:Show Tags" content="0" />
  106.  
  107. <meta name="if:Infinitescroll" content="0" />
  108. <meta name="if:Manual Load" content="0" />
  109.  
  110.  
  111. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  112. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  113. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  114.  
  115. <meta name="select:Banner" content="one" title="Lace One" />
  116. <meta name="select:Banner" content="two" title="Lace Two" />
  117. <meta name="select:Banner" content="three" title="Lace Three" />
  118. <meta name="select:Banner" content="four" title="Lace Four" />
  119. <meta name="select:Banner" content="five" title="Lace Five" />
  120. <meta name="select:Banner" content="six" title="Lace Six" />
  121. <meta name="select:Banner" content="seven" title="Custom Lace">
  122. <meta name="select:Banner" content="eight" title="None">
  123.  
  124. <meta name="select:Blockquote" content="bnormal" title="Default" />
  125. <meta name="select:Blockquote" content="bcenter" title="Center" />
  126.  
  127. <meta name="select:Post Size" content="200" title="200px" />
  128. <meta name="select:Post Size" content="250" title="250px" />
  129. <meta name="select:Post Size" content="300" title="300px" />
  130. <meta name="select:Post Size" content="350" title="350px" />
  131. <meta name="select:Post Size" content="400" title="400px" />
  132. <meta name="select:Post Size" content="450" title="450px" />
  133. <meta name="select:Post Size" content="500" title="500px" />
  134.  
  135. <meta name="select:Post Size Permalinkpage" content="200" title="200px" />
  136. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  137. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  138. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  139. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  140. <meta name="select:Post Size Permalinkpage" content="450" title="450px" />
  141. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  142.  
  143. <meta name="select:Margin" content="20" title="20px" />
  144. <meta name="select:Margin" content="30" title="30px" />
  145. <meta name="select:Margin" content="40" title="40px" />
  146. <meta name="select:Margin" content="50" title="50px" />
  147. <meta name="select:Margin" content="60" title="60px" />
  148.  
  149. <meta name="select:Content Background Opacity" content="1" title="100%" />
  150. <meta name="select:Content Background Opacity" content=".9" title="90%" />
  151. <meta name="select:Content Background Opacity" content=".8" title="80%" />
  152. <meta name="select:Content Background Opacity" content=".7" title="70%" />
  153. <meta name="select:Content Background Opacity" content=".6" title="60%" />
  154. <meta name="select:Content Background Opacity" content=".5" title="50%" />
  155. <meta name="select:Content Background Opacity" content=".4" title="40%" />
  156. <meta name="select:Content Background Opacity" content=".3" title="30%" />
  157. <meta name="select:Content Background Opacity" content=".2" title="20%" />
  158. <meta name="select:Content Background Opacity" content=".1" title="10%" />
  159.  
  160.  
  161. <meta name="text:Navigation Title" content="Links" />
  162. <meta name="text:Link1" content="" />
  163. <meta name="text:Title1" content="" />
  164. <meta name="text:Link2" content="" />
  165. <meta name="text:Title2" content="" />
  166. <meta name="text:Link3" content="" />
  167. <meta name="text:Title3" content="" />
  168. <meta name="text:Link4" content="" />
  169. <meta name="text:Title4" content="" />
  170. <meta name="text:Link5" content="" />
  171. <meta name="text:Title5" content="" />
  172. <meta name="text:Link6" content="" />
  173. <meta name="text:Title6" content="" />
  174.  
  175.  
  176. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  177.  
  178.  
  179. <!------- Fonts -------->
  180.  
  181.  
  182. <meta name="select:Body Font" content="Lato" title="Lato" />
  183. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  184. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  185. <meta name="select:Body Font" content="calibri" title="Calibri" />
  186. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  187. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  188. <meta name="select:Body Font" content="Lora" title="Lora" />
  189. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  190. <meta name="select:Body Font" content="cambria" title="Cambria" />
  191. <meta name="select:Body Font" content="georgia" title="Georgia" />
  192. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  193. <meta name="select:Body Font" content="courier" title="Courier" />
  194. <meta name="select:Body Font" content="consolas" title="Consolas" />
  195. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  196.  
  197. <meta name="select:Body Font Size" content="8" title="8px" />
  198. <meta name="select:Body Font Size" content="9" title="9px" />
  199. <meta name="select:Body Font Size" content="10" title="10px" />
  200. <meta name="select:Body Font Size" content="11" title="11px" />
  201. <meta name="select:Body Font Size" content="12" title="12px" />
  202.  
  203. <meta name="select:Title Font" content="Lato" title="Lato" />
  204. <meta name="select:Title Font" content="Roboto" title="Roboto" />
  205. <meta name="select:Title Font" content="Open Sans" title="Open Sans" />
  206. <meta name="select:Title Font" content="calibri" title="Calibri" />
  207. <meta name="select:Title Font" content="helvetica" title="Helvetica" />
  208. <meta name="select:Title Font" content="trebuchet ms" title="Trebuchet ms" />
  209. <meta name="select:Title Font" content="Lora" title="Lora" />
  210. <meta name="select:Title Font" content="Droid Serif" title="Droid Serif" />
  211. <meta name="select:Title Font" content="cambria" title="Cambria" />
  212. <meta name="select:Title Font" content="georgia" title="Georgia" />
  213. <meta name="select:Title Font" content="times new roman" title="Times New Roman" />
  214. <meta name="select:Title Font" content="courier" title="Courier" />
  215. <meta name="select:Title Font" content="consolas" title="Consolas" />
  216. <meta name="select:Title Font" content="lucida console" title="Lucida Console" />
  217.  
  218. <meta name="select:Accent Font" content="Lato" title="Lato" />
  219. <meta name="select:Accent Font" content="Roboto" title="Roboto" />
  220. <meta name="select:Accent Font" content="Open Sans" title="Open Sans" />
  221. <meta name="select:Accent Font" content="calibri" title="Calibri" />
  222. <meta name="select:Accent Font" content="helvetica" title="Helvetica" />
  223. <meta name="select:Accent Font" content="trebuchet ms" title="Trebuchet ms" />
  224. <meta name="select:Accent Font" content="Lora" title="Lora" />
  225. <meta name="select:Accent Font" content="Droid Serif" title="Droid Serif" />
  226. <meta name="select:Accent Font" content="cambria" title="Cambria" />
  227. <meta name="select:Accent Font" content="georgia" title="Georgia" />
  228. <meta name="select:Accent Font" content="times new roman" title="Times New Roman" />
  229. <meta name="select:Accent Font" content="courier" title="Courier" />
  230. <meta name="select:Accent Font" content="consolas" title="Consolas" />
  231. <meta name="select:Accent Font" content="lucida console" title="Lucida Console" />
  232.  
  233.  
  234. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Roboto:400,700,300|Lato:400,300,700|Lora:400,700|Droid+Serif:400,700' rel='stylesheet' type='text/css' />
  235.  
  236.  
  237.  
  238. <style type="text/css">
  239.  
  240.  
  241.  
  242. /* Tumblr Controls */
  243.  
  244.  
  245. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  246. top:0%!important;
  247. right:0%!important;
  248. position:fixed!important;
  249. z-index:999999999!important;
  250. }
  251.  
  252. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  253. -webkit-filter:invert(100%);
  254. -moz-filter:invert(100%);
  255. -o-filter:invert(100%);
  256. -ms-filter:invert(100%);
  257. filter:invert(100%);
  258. opacity:0.3;
  259. }
  260.  
  261. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  262. -webkit-filter:invert(70%);
  263. -moz-filter:invert(70%);
  264. -o-filter:invert(70%);
  265. -ms-filter:invert(70%);
  266. filter:invert(70%);
  267. opacity:0.4;
  268. }
  269.  
  270.  
  271.  
  272. /* Scrollbar */
  273.  
  274.  
  275. ::-webkit-scrollbar { width:7px; height:7px; }
  276. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  277. ::-webkit-scrollbar-thumb {
  278. background-color:{color:Scrollbar};
  279. border:2px solid {color:Scroll};
  280. }
  281.  
  282.  
  283.  
  284. /* Body - General */
  285.  
  286.  
  287. html, body { margin:0; padding:0; border:0; }
  288.  
  289. body{
  290. background-color:{color:background};
  291. background-image: url({image:Left Background}), url({image:Right Background}), url({image:Cover Background});
  292. background-attachment: fixed;
  293. background-position: bottom 0px left 0px, bottom 0px right 0px;
  294. background-repeat: no-repeat, no-repeat, no-repeat;
  295. -webkit-background-size: auto, auto, auto;
  296. -moz-background-size: auto, auto, auto;
  297. -o-background-size: auto, auto, auto;
  298. background-size: auto, auto, cover;
  299. color:{color:text};
  300. font-family:helvetica;
  301. font-size:10px;
  302.  
  303. cursor: url(http://68.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  304.  
  305. }
  306.  
  307. a {
  308. color:{color:Links};
  309. text-decoration:none;
  310. -webkit-transition:all .7s ease;
  311. -moz-transition:all .7s ease;
  312. -o-transition:all .7s ease;
  313. transition:all .7s ease;
  314. }
  315.  
  316. a:hover, .perma a:hover, .tags a:hover, .post_information a:hover { color:{color:Links Hover}; }
  317.  
  318. b, strong { color:{color:Bold}; font-weight:bold; }
  319.  
  320. i, em { color:{color:Italic}; font-style:italic; }
  321.  
  322. h1, h2, h3, h4, h5 {
  323. margin:5px 0;
  324. font-family:{select:Title Font}, sans-serif;
  325. font-size:120%;
  326. font-weight:normal;
  327. line-height:120%;
  328. }
  329.  
  330. .posts > h2 {
  331. margin-bottom:10px;
  332. padding-bottom:5px;
  333. border-bottom:1px solid {color:Borders};
  334. color:{color:Posts Title};
  335. font-family:{select:Title Font}, helvetica;
  336. font-size:125%;
  337. font-style:italic;
  338. letter-spacing:1px;
  339. text-align:center;
  340. }
  341.  
  342. .posts > h2:only-child { margin:0; padding:0; border:0; }
  343.  
  344. #audio_info p, #asker, .tags, nav a, ol.notes, #load, #s-m-t-tooltip {
  345. font-family:{select:Accent Font}, helvetica;
  346. font-size:9px;
  347. letter-spacing:1px;
  348. text-transform:uppercase;
  349. }
  350.  
  351. small, sub, sup { font-size:90%; }
  352.  
  353. big { font-size:110%; }
  354.  
  355. sub, sup, small, big { vertical-align:baseline; }
  356.  
  357. p { margin:5px 0; padding:0; }
  358.  
  359. p:first-of-type { margin-top:0; }
  360.  
  361. p:last-of-type { margin-bottom:0; }
  362.  
  363. pre {
  364. margin:5px 0;
  365. padding:2px 400px;
  366. background:#fffff;
  367. white-space:pre-wrap;
  368. word-wrap:break-word;
  369. }
  370.  
  371. .bnormal blockquote, blockquote {
  372. margin:5px 0 5px 10px;
  373. padding:2px 0 2px 10px;
  374. border-left:1px solid {color:Blockquote Border};
  375. }
  376.  
  377. .bcenter blockquote {
  378. width:90%;
  379. margin:5px auto;
  380. padding:2px 5px;
  381. border:1px solid {color:Blockquote Border};
  382. background:#fffff;
  383. }
  384.  
  385. .cap { margin:10px 0 0 0; }
  386.  
  387. .cp { display:none; }
  388.  
  389. ul, ol { padding:0; margin:5px 10px 5px 20px; }
  390.  
  391.  
  392.  
  393. /* Center wrapper - Posts */
  394.  
  395.  
  396. #wrapper{
  397. width:
  398. {block:IndexPage}
  399. calc({select:Post Size}px + 20px + 8px + {select:Margin}px*2);
  400. {/block:IndexPage}
  401. {block:PermalinkPage}
  402. calc({select:Post Size Permalinkpage}px + 20px + 8px);
  403. {/block:PermalinkPage}
  404. height:auto;
  405. margin:80px auto;
  406. padding:0;
  407. position:relative;
  408. }
  409.  
  410. .posts {
  411. width:
  412. {block:IndexPage}
  413. {select:Post Size}px;
  414. {/block:IndexPage}
  415. {block:PermalinkPage}
  416. {select:Post Size Permalinkpage}px;
  417. {/block:PermalinkPage}
  418. height:auto;
  419. margin:{select:Margin}px auto;
  420. padding:5px;
  421. border:4px double {color:Borders};
  422. background:#fffff;
  423. color:#fffff {select:Content Background Opacity});
  424. color:{color:Text};
  425. }
  426.  
  427.  
  428.  
  429. /* Image */
  430.  
  431.  
  432. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  433.  
  434. #photo img { width:100%; display:block; }
  435.  
  436.  
  437.  
  438. /* Photoset */
  439.  
  440.  
  441. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, .7)!important; }
  442.  
  443. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption { opacity:0!important; }
  444.  
  445. .lightbox-image, #tumblr_lightbox img {
  446. border-radius:0px!important;
  447. -webkit-border-radius:0px!important;
  448. -moz-border-radius:0px!important;
  449. box-shadow:none!important;
  450. -webkit-box-shadow:none!important;
  451. -moz-box-shadow:none!important;
  452. }
  453.  
  454.  
  455.  
  456. /* Video */
  457.  
  458.  
  459. #vid, #vid iframe { display:block; overflow:hidden; }
  460.  
  461.  
  462.  
  463. {block:IndexPage}
  464. {block:ifImageFade}
  465. #vid, .photo-data, #photo img {
  466. opacity:.7;
  467. -webkit-transition:all .7s ease;
  468. -moz-transition:all .7s ease;
  469. -o-transition:all .7s ease;
  470. transition:all .7s ease;
  471. }
  472.  
  473. .posts:hover #photo img, .posts:hover .photo-data, .posts:hover #vid { opacity:1; }
  474. {/block:ifImageFade}
  475. {/block:IndexPage}
  476.  
  477.  
  478.  
  479. /* Audio */
  480.  
  481.  
  482. iframe.tumblr_audio_player {
  483. width:30px;
  484. height:30px;
  485. position:absolute;
  486. display:block;
  487. overflow:hidden;
  488. opacity:.3;
  489. border:20px solid #fff;
  490. background:#fff;
  491. -webkit-transition:all .7s ease;
  492. -moz-transition:all .7s ease;
  493. -o-transition:all .7s ease;
  494. transition:all .7s ease;
  495. }
  496.  
  497. .posts:hover iframe.tumblr_audio_player { opacity:1; }
  498.  
  499. #audio {
  500. width:70px;
  501. height:70px;
  502. margin:0 10px 0 0;
  503. padding:8px;
  504. position:relative;
  505. border:1px solid {color:Borders};
  506. background-image:url('http://static.tumblr.com/3yblkz0/bP7nxxden/70.png');
  507. background-position:center;
  508. background-repeat:no-repeat;
  509. background-color:#fff;
  510. }
  511.  
  512. #audio img { width:70px; height:70px; display:block; }
  513.  
  514. iframe.soundcloud_audio_player {
  515. {block:IndexPage}
  516. width:{select:Post Size}px;
  517. {/block:IndexPage}
  518. {block:PermalinkPage}
  519. width:{select:Post Size Permalinkpage}px;
  520. {/block:PermalinkPage}
  521. height:auto!important;
  522. display:block;
  523. }
  524.  
  525. iframe.spotify_audio_player { height:80px!important; display:block; }
  526.  
  527.  
  528.  
  529. /* Ask */
  530.  
  531.  
  532. #question {
  533. margin-bottom:0px;
  534. padding-bottom:0px;
  535. border-bottom:0px solid{color:Borders};
  536. }
  537.  
  538. #asker {
  539. margin-bottom:5px;
  540. padding:3px 5px 2px 30px;
  541. position:relative;
  542. display:inline-block;
  543. border:0px solid {color:Borders};
  544. text-align:center;
  545.  
  546. }
  547.  
  548. #asker:before {
  549. content:"✉";
  550. width:20px;
  551. height:100%;
  552. top:0;
  553. left:0;
  554. padding-left:1px;
  555. position:absolute;
  556. border-right:1px solid {color:Borders};
  557. font-family:helvetica;
  558. font-size:15px;
  559. line-height:20px;
  560. text-align:center;
  561. }
  562.  
  563.  
  564.  
  565. /* Quote */
  566.  
  567.  
  568. #quote { margin:10px; text-align:center; }
  569.  
  570. #source { letter-spacing:1px; text-align:center; }
  571.  
  572.  
  573.  
  574. /* Perma - Indexpage */
  575.  
  576.  
  577. .perma {
  578. {block:ifnotHoverPerma}
  579. margin-top:5px;
  580. {/block:ifnotHoverPerma}
  581. {block:ifHoverPerma}
  582. max-height:0;
  583. overflow:hidden;
  584. opacity:0;
  585. {/block:ifHoverPerma}
  586. position:relative;
  587. letter-spacing:1px;
  588. text-align:left;
  589. -webkit-transition:all .7s ease;
  590. -moz-transition:all .7s ease;
  591. -o-transition:all .7s ease;
  592. transition:all .7s ease;
  593. }
  594.  
  595. .perma a { margin:0 5px; color:black; }
  596.  
  597. {block:ifHoverPerma}
  598. .posts:hover .perma { max-height:20px; margin-top:0px; opacity:1; }
  599. {/block:ifHoverPerma}
  600.  
  601.  
  602.  
  603. /* Tags */
  604.  
  605.  
  606. .tags {
  607. {block:IndexPage}
  608. margin-top:10px;
  609. border:1px solid {color:Tags Border};
  610. {/block:IndexPage}
  611. {block:PermalinkPage}
  612. border-top:1px solid {color:Tags Border};
  613. {/block:PermalinkPage}
  614. padding:2px 5px;
  615. background:#ffff;
  616. }
  617.  
  618. .tags a { margin-right:5px; color:{color:Tags}; }
  619.  
  620.  
  621.  
  622. /* Post Information - Permalinkpage */
  623.  
  624.  
  625. .post_information {
  626. color:{color:Perma};
  627. border:4px double {color:Borders};
  628. background:#ffff;
  629. text-align:center;
  630. }
  631.  
  632. .post_information p {
  633. padding:10px;
  634. letter-spacing:1px;
  635. text-transform:lowercase;
  636. }
  637.  
  638. .post_information a { color:{color:Perma}; }
  639.  
  640.  
  641.  
  642. /* Notes */
  643.  
  644.  
  645. ol.notes {
  646. margin:{select:Margin}px 0px;
  647. padding:0px;
  648. list-style-type:none;
  649. border:1px solid {color:Borders};
  650. }
  651.  
  652. li.note {
  653. padding:5px;
  654. border-top:1px solid {color:Borders};
  655. background:#fffff;
  656. }
  657. li.note:first-of-type { border-top:0; }
  658.  
  659. img.avatar {
  660. width:14px;
  661. height:14px;
  662. margin-right:10px;
  663. vertical-align:-4px;
  664. }
  665.  
  666.  
  667.  
  668. /* Banner - Lace */
  669.  
  670.  
  671. header {
  672. width:100%;
  673. height:30px;
  674. top:0;
  675. left:0;
  676. position:fixed;
  677. display:block;
  678. z-index:9999;
  679. background-repeat:repeat-x;
  680. -webkit-box-sizing: border-box;
  681. -moz-box-sizing: border-box;
  682. box-sizing: border-box;
  683. }
  684.  
  685. .one { background-image:url('http://static.tumblr.com/3yblkz0/XgOnxxjxo/la1.png'); }
  686. .two { background-image:url('http://static.tumblr.com/3yblkz0/gSfnxxjxr/la2.png'); }
  687. .three { background-image:url('http://static.tumblr.com/3yblkz0/irBnxxjxw/la3.png'); }
  688. .four { background-image:url('http://static.tumblr.com/3yblkz0/ALAnxxjy0/la4.png'); }
  689. .five { background-image:url('http://static.tumblr.com/3yblkz0/8TUnxxjx6/la5.png'); }
  690. .six { background-image:url('http://static.tumblr.com/3yblkz0/Fqrnxxjxa/la6.png'); }
  691. .seven { background-image:url('{image:Lace}'); }
  692. .eight { display:none; }
  693.  
  694.  
  695.  
  696. /* Sidebar - Navigation */
  697.  
  698.  
  699. aside {
  700. width:130px;
  701. height:auto;
  702. margin-top:50px;
  703. margin-left:-230px;
  704. position:fixed;
  705. color:{color:Sidebar Text};
  706. }
  707.  
  708. aside img {
  709. width:100%;
  710. height:auto;
  711. margin-bottom:10px;
  712. padding:15px;
  713. display:block;
  714. border:4px double {color:Sidebar Border};
  715. background-color:#fffff;
  716.  
  717. -webkit-box-sizing: border-box;
  718. -moz-box-sizing: border-box;
  719. box-sizing: border-box;
  720. }
  721.  
  722. .desc {
  723. margin-bottom:10px;
  724. padding:5px;
  725. background:#fffff;
  726. border:1px solid {color:Sidebar Border};
  727. text-align:center;
  728. }
  729.  
  730. .but {
  731. padding:4px;
  732. border:4px double {color:Sidebar Border};
  733. background:#fffff;
  734. letter-spacing:1px;
  735. text-align:center;
  736. cursor:pointer;
  737. }
  738.  
  739. nav a {
  740. font-size:8px;
  741. padding:2px;
  742. display:block;
  743. border-bottom:0px solid {color:Sidebar Border};
  744. border-left:0px solid {color:Sidebar Border};
  745. border-right:0px solid {color:Sidebar Border};
  746. background:#ffff;
  747. color:{color:Navigation};
  748. text-align:center;
  749. }
  750.  
  751. nav a:hover {
  752. background:#transparent;
  753. color:#transparent;
  754. }
  755.  
  756. {block:ifnotClicktoShowNavigation}
  757. nav a:first-of-type { border-top:0px solid {color:Sidebar Border}; }
  758. {/block:ifnotClicktoShowNavigation}
  759.  
  760.  
  761.  
  762. /* Pagination */
  763.  
  764.  
  765. footer {
  766. width:100%;
  767. margin:0px auto 80px auto;
  768. text-align:center;
  769. }
  770.  
  771. .jump_page, .current_page { margin:0 5px; padding:10px; }
  772.  
  773. a#next { display:none; }
  774.  
  775. #load {
  776. width:{select:Post Size}px;
  777. margin:0 auto;
  778. padding:13px;
  779. display:block;
  780. cursor:pointer;
  781. border:1px solid {color:Borders};
  782. background-color:#ffff;
  783. }
  784.  
  785. {block:ifInfinitescroll}
  786. .pagination { display:none; }
  787.  
  788. #infscr-loading { display:none!important; }
  789. {/block:ifInfinitescroll}
  790.  
  791.  
  792.  
  793. /* Tooltips */
  794.  
  795.  
  796. #s-m-t-tooltip {
  797. max-width:300px;
  798. margin:25px 15px;
  799. padding:0 5px;
  800. z-index:999999;
  801. border:0px solid {color:Borders};
  802. background:#ffffff;
  803. color:{color:Text};
  804. }
  805.  
  806.  
  807.  
  808. {CustomCSS}
  809.  
  810.  
  811.  
  812. </style>
  813.  
  814.  
  815. <!---- Scripts ---->
  816.  
  817.  
  818. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  819.  
  820. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  821. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  822. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  823. {block:IndexPage}{block:ifInfinitescroll}
  824. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  825. {/block:ifInfinitescroll}{/block:IndexPage}
  826.  
  827. <script>
  828. $(document).ready(function(){
  829. {block:ifClicktoShowNavigation}
  830. $("#nav").hide();
  831. $('.but').click(function(){
  832. $("#nav").slideToggle();
  833. });
  834. {/block:ifClicktoShowNavigation}
  835. $("[title],a[title],img[title]").style_my_tooltips({
  836. tip_follows_cursor:true,
  837. tip_delay_time:50,
  838. tip_fade_speed:500,
  839. attribute:"title"
  840. });
  841. $('.photo-slideshow').pxuPhotoset({
  842. lightbox: true,
  843. rounded: false,
  844. gutter: '5px',
  845. borderRadius: '0px',
  846. photoset: '.photo-slideshow',
  847. photoWrap: '.photo-data',
  848. photo: '.pxu-photo'
  849. });
  850. {block:IndexPage}
  851. {block:ifInfinitescroll}
  852. var $container = $('#wrapper');
  853. $container.infinitescroll({
  854. itemSelector :"article",
  855. navSelector : ".pagination",
  856. nextSelector : ".pagination a#next",
  857. loadingImg : "",
  858. loadingText : "<em></em>",
  859. bufferPx : 800,
  860. {block:ifManualLoad}
  861. errorCallback: function () { jQuery('a#load').delay(50).fadeOut(); },
  862. {/block:ifManualLoad}
  863. },
  864. function( newElements ) {
  865. resizeVideos();
  866. $(newElements).find('.photo-slideshow').pxuPhotoset({
  867. lightbox: true,
  868. rounded: false,
  869. gutter: '5px',
  870. borderRadius: '0px',
  871. photoset: '.photo-slideshow',
  872. photoWrap: '.photo-data',
  873. photo: '.pxu-photo'
  874. });
  875. });
  876. {block:ifManualLoad}
  877. $(window).unbind('.infscr');
  878. $('a#load').click(function() {
  879. $container.infinitescroll('retrieve');return false;
  880. });
  881. {/block:ifManualLoad}
  882. {/block:ifInfinitescroll}
  883. {/block:IndexPage}
  884. });
  885. </script>
  886.  
  887.  
  888.  
  889. </head>
  890. <body class="{select:Tumblr Controls}">
  891.  
  892.  
  893.  
  894. <header class="{select:Banner}"></header>
  895. <section id="wrapper">
  896.  
  897.  
  898.  
  899. <aside>
  900. {block:ifSidebarImage}
  901. <a href="/"><img src="{image:Sidebar}"></a>
  902. {/block:ifSidebarImage}
  903. {block:ShowDescription}
  904. <div class="desc">{block:ShowTitle}<h3>{Title}</h3>{/block:ShowTitle}{Description}</div>
  905. {/block:ShowDescription}
  906. {block:ifClicktoShowNavigation}
  907. <div class="but">{text:Navigation Title}</div>
  908. {/block:ifClicktoShowNavigation}
  909. <nav id="nav">
  910. <a href="/ask">click</a>
  911.  
  912. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  913. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}
  914. {block:ifLink3}<a href="{text:Link3}">{text:Title3}</a>{/block:ifLink3}
  915. {block:ifLink4}<a href="{text:Link4}">{text:Title4}</a>{/block:ifLink4}
  916. {block:ifLink5}<a href="{text:Link5}">{text:Title5}</a>{/block:ifLink5}
  917. {block:ifLink6}<a href="{text:Link6}">{text:Title6}</a>{/block:ifLink6}
  918. </nav>
  919. </aside>
  920.  
  921.  
  922.  
  923. {block:Posts}
  924. <article class="posts {select:Blockquote}">
  925.  
  926.  
  927. {block:ContentSource}
  928. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  929. {/block:SourceLogo}
  930. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  931. {/block:ContentSource}
  932.  
  933.  
  934. {block:Photo}
  935. <div id="photo">
  936. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  937. </div>
  938. {/block:Photo}
  939.  
  940.  
  941. {block:Photoset}
  942. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  943. {block:Photos}
  944. <div class="photo-data">
  945. <div class="pxu-photo">
  946. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  947. </div>
  948. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  949. </div>
  950. {/block:Photos}
  951. </div>
  952. {/block:Photoset}
  953.  
  954.  
  955. {block:Video}
  956. <div id="vid">{Video-500}</div>
  957. {/block:Video}
  958.  
  959.  
  960. {block:Audio}
  961. <table border="0" cellpadding="0" cellspacing="0"><tr>
  962. <td valign="middle" width="88px">
  963. <div id="audio">
  964. {AudioPlayerWhite}
  965. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  966. </div>
  967. </td>
  968. <td valign="middle" id="audio_info" >
  969. {block:TrackName}<p><b>Song:</b> {TrackName}</p>{/block:TrackName}
  970. {block:Artist}<p><b>Artist:</b> {Artist}</p>{/block:Artist}
  971. {block:Album}<p><b>Album:</b> {Album}</p>{/block:Album}
  972. {block:PlayCount}<p><b>Plays:</b> {FormattedPlayCount}</p>{/block:PlayCount}
  973. </td>
  974. </tr></table>
  975. {/block:Audio}
  976.  
  977.  
  978. {block:Text}
  979. {block:Title}<h2>{Title}</h2>{/block:Title}
  980. {Body}
  981. {/block:Text}
  982.  
  983.  
  984. {block:Link}
  985. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  986. {block:Description}{Description}{/block:Description}
  987. {/block:Link}
  988.  
  989.  
  990. {block:Answer}
  991. <div id="question"><p id="asker">Question from - {Asker}:</p><br/>"{Question}"<div>
  992. {Answer}
  993. {/block:Answer}
  994.  
  995.  
  996. {block:Quote}
  997. <div id="quote">{Quote}</div>
  998. {block:Source}<p id="source"></p>{/block:Source}
  999. {/block:Quote}
  1000.  
  1001.  
  1002. {block:Chat}
  1003. {block:Title}<h2>{Title}</h2>{/block:Title}
  1004. {block:Lines}<p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>{/block:Lines}
  1005. {/block:Chat}
  1006.  
  1007.  
  1008. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp {/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  1009.  
  1010.  
  1011. {block:IndexPage}
  1012. {block:ifShowTags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  1013. <div class="perma"><a href="{Permalink}" title="heart?">{TimeAgo}</a> <font color="{color:Heart}">//</font> <a href="{ReblogURL}" title="reblog?">{NoteCountWithLabel}</a></div>
  1014. {/block:IndexPage}
  1015.  
  1016.  
  1017.  
  1018. </article>
  1019.  
  1020.  
  1021.  
  1022. {block:PermalinkPage}
  1023. {block:Date}<div class="post_information">
  1024. <p>
  1025. {Month} {MonthNumber}, {Year} {block:NoteCount}/ {NoteCountWithLabel} {/block:NoteCount}
  1026. {block:RebloggedFrom}/
  1027. <a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}">via</a> / <a href="{ReblogRootURL}" title="posted by {ReblogRootName}">source</a>{/block:RebloggedFrom}
  1028. </p>
  1029. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1030. </div>{/block:Date}
  1031. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1032. {/block:PermalinkPage}
  1033.  
  1034.  
  1035.  
  1036. {/block:Posts}
  1037. </section>
  1038.  
  1039.  
  1040.  
  1041. {block:IndexPage}
  1042. <footer>
  1043. {block:Pagination}
  1044. <div class="pagination">
  1045. {block:JumpPagination length="5"}
  1046. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  1047. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1048. {/block:JumpPagination}
  1049. {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}
  1050. </div>
  1051. {/block:Pagination}
  1052. {block:ifInfinitescroll}{block:ifManualLoad}<a id="load">load more</a>
  1053. {/block:ifManualLoad}{/block:ifInfinitescroll}
  1054. </footer>
  1055. {/block:IndexPage}
  1056.  
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062. </body>
  1063. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement