API tools faq
paste
Advertisement
lojsan7

harley

lojsan7
Jul 30th, 2015
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.94 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2. <head>
  3. <script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function() {
  7. //
  8. $('a.poplight[href^=#]').click(function() {
  9. var popID = $(this).attr('rel'); //Get Popup Name
  10. var popURL = $(this).attr('href'); //Get Popup href to define size
  11. var query= popURL.split('?');
  12. var dim= query[1].split('&');
  13. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  14. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  15. var popMargTop = ($('#' + popID).height() + 80) / 2;
  16. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  17. //Apply Margin to Popup
  18. $('#' + popID).css({
  19. 'margin-top' : -popMargTop,
  20. 'margin-left' : -popMargLeft
  21. });
  22. $('body').append('<div id="fade"></div>');
  23. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  24. return false;
  25. });
  26. $('a.close, #fade').live('click', function() {
  27. $('#fade , .popup_block').fadeOut(function() {
  28. $('#fade, a.close').remove(); //fade them both out
  29. });
  30. return false;
  31. });
  32. });
  33. </script>
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="http://pixeljoint.com/files/icons/moon__r1602282071.png">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37.  
  38. <!---- this is theme 44 by Hollywhood
  39. please don't remove the credit
  40. thank you
  41. --->
  42.  
  43. <meta name="color:Background" content="#ffffff"/>
  44. <meta name="color:Text" content="#9B9B9B"/>
  45. <meta name="color:Link" content="#b8b8b8"/>
  46. <meta name="color:scrollbar" content="#999999">
  47. <meta name="color:title" content="#999999">
  48. <meta name="color:Link Hover" content="#eeeeee"/>
  49.  
  50. <meta name="image:sidebar" content=""/>
  51. <meta name="text:sidebartitle" content="">
  52.  
  53. <meta name="text:link1" content="" />
  54. <meta name="text:link1 url" content="/">
  55. <meta name="text:link2" content="" />
  56. <meta name="text:link2 url" content="/">
  57. <meta name="text:link3" content="" />
  58. <meta name="text:link3 url" content="/">
  59. <meta name="text:link4" content="" />
  60. <meta name="text:link4 url" content="/">
  61. <meta name="text:link5" content="" />
  62. <meta name="text:link5 url" content="/">
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67.  
  68. ::-webkit-scrollbar-thumb{
  69. background-color: #c5c1c0;
  70. border: 2px solid transparent;
  71. height:5px;
  72. }
  73.  
  74. ::-webkit-scrollbar {
  75. height:auto;
  76. width:2px;
  77. background-color: transparent;
  78. border:5px solid transparent;
  79. }
  80.  
  81.  
  82. iframe#tumblr_controls {
  83. white-space:nowrap;
  84. -webkit-filter: invert(100%);
  85. -moz-filter: invert(100%);
  86. -o-filter: invert(100%);
  87. -ms-filter: invert(100%);
  88. filter: invert(100%);
  89. opacity:.2;transition: .8s ease-in-out;
  90. -webkit-transition: .8s ease-in-out;
  91. -moz-transition: .8s ease-in-out;
  92. -o-transition: .8s ease-in-out;
  93. }
  94.  
  95. h1 {
  96. font-weight:normal;
  97. font-size:17px;
  98. text-align:center;
  99. font-style:normal;
  100. line-height:100%;
  101. letter-spacing:1px;
  102. text-transform:normal;
  103. color:{color:text};
  104. }
  105.  
  106. h2 {
  107. font-size:17px;
  108. text-align:center;
  109. line-height:100%;
  110. letter-spacing:-0.5px;
  111. color:#3d3e3e;
  112. text-shadow:1px 1px 15px #777878;
  113. font-weight:bold;
  114. text-transform:uppercase;
  115. padding:5px;
  116. padding-bottom:2px;
  117. }
  118.  
  119.  
  120. blockquote {
  121. border-left:1px solid #424440;
  122. padding:17px;
  123. margin:10px 2px 0px 10px
  124. background-color:#a35178;
  125. }
  126.  
  127. body {
  128. background:{color:background};
  129. background-image: url('http://i.imgur.com/650M3Lc.png');
  130. background-repeat: no-repeat;
  131. background-size: center;
  132. background-attachment: fixed;
  133. position: absolute;
  134. margin-left:700px;
  135. color:{color:text};
  136. font-family:Sitka;
  137. font-size:12px;
  138. line-height:100%;
  139. }
  140.  
  141. b,bold,strong {
  142. color:#40403f;
  143. font-family:Sitka;
  144. font-size:14px;
  145. text-shadow: 1px 1px 15px #000000;
  146. }
  147.  
  148. i,em,italic {
  149. color:#999999;
  150. font-family:Sitka;
  151. font-size:14px;
  152. text-shadow: 1.5px 1.5px 15px #ffffff;
  153. }
  154.  
  155. a {
  156. text-decoration:none;
  157. outline:none;
  158. -moz-outline-style:none;
  159. color:{color:link};
  160. -moz-transition-duration:0.5s;
  161. -webkit-transition-duration:0.5s;
  162. -o-transition-duration:0.5s;
  163. }
  164.  
  165. a:hover {
  166. text-decoration:none;
  167. outline:none;
  168. -moz-outline-style:none;
  169. color:{color:link hover};
  170. }
  171.  
  172. img {
  173. border:none;
  174. }
  175.  
  176.  
  177. #post {
  178. width:300px;
  179. margin-top:0px;
  180. margin-bottom:50px;
  181. opacity:0.8;
  182. -webkit-transition: all 0.6s ease-in-out;
  183. -moz-transition: all 0.6s ease-in-out;
  184. -o-transition: all 0.6s ease-in-out;
  185. -ms-transition: all 0.6s ease-in-out;
  186. transition: all 0.6s ease-in-out;
  187. -webkit-filter:grayscale(100%);
  188. -webkit-transition: all 0.6s ease-in-out;
  189. }
  190.  
  191. #post:hover{
  192. -webkit-filter:none;
  193. -webkit-transition: all 0.6s ease-in-out;
  194. opacity:1;
  195. -webkit-transition: all 0.6s ease-in-out;
  196. -moz-transition: all 0.6s ease-in-out;
  197. -o-transition: all 0.6s ease-in-out;
  198. -ms-transition: all 0.6s ease-in-out;
  199. transition: all 0.6s ease-in-out;
  200. }
  201.  
  202. #container {margin: auto;
  203. position:fixed;
  204. width: 900px;}
  205.  
  206.  
  207. #entries {
  208. padding:10px;
  209. left:490px;
  210. top:70px;
  211. position:fixed;
  212. background-color:transparent;
  213. width:500px;
  214. height:297px;
  215. top:263px;
  216. padding: 20px;
  217. overflow-x:scroll;
  218. scroll:left;
  219. overflow-x:hidden;
  220. }
  221.  
  222.  
  223. #theme {
  224. width:250px;
  225. margin:0 auto -12px auto;
  226. }
  227.  
  228. #sidebar {
  229. color:{color:text};
  230. width:100px;
  231. height:auto;
  232. margin-top:90px;
  233. margin-left:165px;
  234. text-align:left;
  235. }
  236.  
  237. #sidebarimage img {
  238. width:100px;
  239. opacity:.9;
  240. margin-top:-10px;
  241. margin-bottom:0px;
  242. margin-left:43px;
  243. }
  244.  
  245. #links {
  246. font-family:'Sitka';
  247. width:220px;
  248. margin-top:20px;
  249. margin-left:-400px;
  250. font-size:20px;
  251. text-transform:uppercase;
  252. text-align:center;
  253. line-height:280%;
  254. }
  255.  
  256. #links a{
  257. line-height:280%;
  258. border-bottom:0px solid #fff;
  259. margin-top:4px;
  260. margin-left:30px;
  261. color: #000000;
  262. font-family:Sitka;
  263. font-size:25px;
  264. text-shadow: 1.5px 1.5px 15px #ffffff;
  265. text-shadow:1px 1px 15px #520605;
  266. -moz-transition-duration:.2s;
  267. -webkit-transition-duration:.2s;
  268. -o-transition-duration:.2s;
  269. }
  270.  
  271. #links a:hover {
  272. color: {color:link hover};
  273. width:60px;
  274. -moz-transition-duration:0.2s;
  275. -webkit-transition-duration:0.2s;
  276. -o-transition-duration:0.2s;
  277. }
  278.  
  279.  
  280. .sidebartitle {
  281. width:300px;
  282. text-align:center;
  283. font-family:'californian fb';
  284. line-height:120%;
  285. margin-left:-58px;
  286. word-spacing:2px;
  287. font-style:italic;
  288. font-size:16px;
  289. margin-top:10px;
  290. color:{color:title};
  291. }
  292.  
  293. #pagination {
  294. font-family:corbel;
  295. width:250px;
  296. font-size:9px;
  297. margin-top:25px;
  298. margin-left:-8px;
  299. padding-left:5px;
  300. letter-spacing:1px;
  301. text-align:center;
  302. text-transform:uppercase;
  303. }
  304.  
  305. #pagination a {
  306. color:{color:link};
  307. }
  308.  
  309. #info {
  310. font-family:times;
  311. width:250px;
  312. margin-top:8px;
  313. padding-top:4px;
  314. font-size:7px;
  315. border-top:1px solid #ddd;
  316. opacity:0;
  317. color:{color:text};
  318. text-transform:uppercase;
  319. font-style:normal;
  320. text-align:left;
  321. -moz-transition-duration:0.5s;
  322. -webkit-transition-duration:0.5s;
  323. -o-transition-duration:0.5s;
  324. }
  325.  
  326. #info a {
  327. color:{color:link};
  328. }
  329.  
  330. #info a:hover {
  331. color:{color:link hover};
  332. }
  333.  
  334. .tags {
  335. font-family:times;
  336. font-style:normal;
  337. width:250px;
  338. margin-top:4px;
  339. text-transform:normal;
  340. font-style:normal;
  341. line-height:120%;
  342. padding-top:0px;
  343. font-size:8px;
  344. opacity:0;
  345. letter-spacing:1px;
  346. text-align:left;
  347. -moz-transition-duration:0.5s;
  348. -webkit-transition-duration:0.5s;
  349. -o-transition-duration:0.5s;
  350. }
  351. .tags a{
  352. color:{color:link};
  353. -moz-transition-duration:0.2s;
  354. -webkit-transition-duration:0.2s;
  355. -o-transition-duration:0.2s;
  356. }
  357. .tags a:hover{
  358. color:{color:link hover};
  359. -moz-transition-duration:0.2s;
  360. -webkit-transition-duration:0.2s;
  361. -o-transition-duration:0.2s;
  362. }
  363.  
  364. #post:hover #info{
  365. opacity:1;
  366. -moz-transition-duration:1s;
  367. -webkit-transition-duration:1s;
  368. -o-transition-duration:1s;
  369. }
  370. #post:hover .tags{
  371. opacity:1;
  372. -moz-transition-duration:1s;
  373. -webkit-transition-duration:1s;
  374. -o-transition-duration:1s;
  375. }
  376.  
  377. .audio{
  378. background-color:#eaeaea;
  379. height:65px;
  380. overflow:hidden;
  381. }
  382.  
  383. #ask {
  384. float:left;
  385. color:{color:text};
  386. }
  387.  
  388. #credit {
  389. font-size:9px;
  390. font-family:cambria;
  391. font-style:italic;
  392. letter-spacing:1px;
  393. -moz-transition-duration:0.5s;
  394. -webkit-transition-duration:0.5s;
  395. -o-transition-duration:0.5s;
  396. }
  397.  
  398. #credit a {
  399. background-color:#fff;
  400. padding:5px;
  401. border:1px solid #e9e9e9;
  402. position:fixed;
  403. right:15px;
  404. bottom:25px
  405. }
  406.  
  407. #credit a:hover {
  408. color:#fff;
  409. background-color:#191919;
  410. }
  411.  
  412. {CustomCSS}
  413.  
  414.  
  415. #post img{
  416.  
  417. opacity:0.8;
  418.  
  419. -webkit-transition: all 0.6s ease-in-out;
  420.  
  421. -moz-transition: all 0.6s ease-in-out;
  422.  
  423. -o-transition: all 0.6s ease-in-out;
  424.  
  425. -ms-transition: all 0.6s ease-in-out;
  426.  
  427. transition: all 0.6s ease-in-out;
  428.  
  429. }
  430.  
  431. #post img:hover{
  432.  
  433. opacity:1;
  434.  
  435. -webkit-transition: all 0.6s ease-in-out;
  436.  
  437. -moz-transition: all 0.6s ease-in-out;
  438.  
  439. -o-transition: all 0.6s ease-in-out;
  440.  
  441. -ms-transition: all 0.6s ease-in-out;
  442.  
  443. transition: all 0.6s ease-in-out;
  444.  
  445. }
  446.  
  447.  
  448. .popup_block {
  449. display:none;
  450. background:#eaeaea;
  451. padding:20px;
  452. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  453. float:left;
  454. position:fixed;
  455. top:50%;left:50%;
  456. width: 300px;
  457. height: 400px;
  458. overflow-y:scroll;
  459. overflow-x:hidden;
  460. z-index: 99999;
  461. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  462. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  463. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  464. }
  465.  
  466. *html #fade {position: absolute;}
  467. *html .popup_block {position: absolute;}
  468. #fade {
  469. display:none;
  470. position:fixed;
  471. left:0px;
  472. top:0px;
  473. width:100%;
  474. height:100%;
  475. z-index:9999;
  476. background:#000; /* change to #fff for solid white */
  477. opacity:0.5; /* change to opacity:1; */
  478. }
  479.  
  480.  
  481. </style><!--------------- TYPING/MOVING TITLE ----------------------->
  482.  
  483. <script type="text/javascript">
  484. var rev = "fwd";
  485. function titlebar(val)
  486. {
  487. var msg = "your title";
  488. var res = " ";
  489. var speed = 100;
  490. var pos = val;
  491. msg = "your title";
  492. var le = msg.length;
  493. if(rev == "fwd"){
  494. if(pos < le){
  495. pos = pos+1;
  496. scroll = msg.substr(0,pos);
  497. document.title = scroll;
  498. timer = window.setTimeout("titlebar("+pos+")",speed);}
  499. else{
  500. rev = "bwd";
  501. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  502. else{
  503. if(pos > 0){
  504. pos = pos-1;
  505. var ale = le-pos;
  506. scrol = msg.substr(ale,le);
  507. document.title = scrol;
  508. timer = window.setTimeout("titlebar("+pos+")",speed);}
  509. else{
  510. rev = "fwd";
  511. timer = window.setTimeout("titlebar("+pos+")",speed);
  512. }}}
  513. titlebar(0);
  514. </script></head><body>
  515.  
  516.  
  517. </div>
  518.  
  519. <div id="theme">
  520.  
  521. <div id="container">
  522.  
  523. <div id="sidebar">
  524.  
  525. <div id="sidebarimage">
  526. <a href="/"><img src="{image:sidebar}"></a></div>
  527.  
  528. <div class="sidebartitle">{text:sidebartitle}</div>
  529.  
  530. <div id="links">
  531. <a href="{text:link1 url}" title="refresh.">1.</a>
  532. <a href="#?w=400" rel="box1" class="poplight" a title="ask.">2.</a>
  533. <a href="#?w=400" rel="box2" class="poplight"a title="rules.">3.</a>
  534. <a href="#?w=400" rel="box3" class="poplight"a title="start.">4.</a>
  535. </a>
  536.  
  537. </div>
  538.  
  539.  
  540. </div>
  541.  
  542. <div id="entries">{block:Posts}<div id="post">
  543.  
  544. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  545.  
  546. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  547.  
  548. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  549.  
  550. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  551.  
  552. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  553.  
  554. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  555.  
  556. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  557. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  558.  
  559. {block:Video}{Video-250}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  560.  
  561. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
  562.  
  563. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  564. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#d588a6>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}
  565.  
  566. {block:RebloggedFrom}&nbsp; <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>+</big> </a>
  567. </div>
  568.  
  569.  
  570. {block:HasTags}
  571. <div class="tags">
  572. {block:Tags} <a href="{TagURL}"> {Tag}, &nbsp; </a> {/block:Tags}</div>
  573. {/block:HasTags}
  574. <div class="postnote">
  575. {block:PostNotes}{PostNotes}{/block:PostNotes}
  576. </div>
  577. </div>
  578. {/block:Posts}
  579.  
  580. <div id="pagination">
  581. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←&nbsp;&nbsp;&nbsp; future</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">past&nbsp;&nbsp;&nbsp; →</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  582.  
  583.  
  584. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</a></div></div>
  585.  
  586.  
  587. </body>
  588. <div id="box1" class="popup_block">
  589. <h2>message.</h2><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/url.tumblr.com" width="100%"></iframe>
  590. </div>
  591. </div>
  592.  
  593. <div id="box2" class="popup_block">
  594. <p>content</p>
  595. </div>
  596. </div>
  597.  
  598. <div id="box3" class="popup_block">
  599. <p>content</p>
  600. </div>
  601. </div>
  602.  
  603. <div id="box4" class="popup_block">
  604. <p>content</p>
  605. </div>
  606. </div>
  607.  
  608.  
  609.  
  610. </div></div></div></div></div></div></div></div></div></div>
  611. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!