API tools faq
paste
Advertisement
realjunko

Overdrive

realjunko
Sep 14th, 2014
761
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4. <!-----
  5. Overdrive theme by jolyene
  6. my stand will be the one to judge those who remove the theme credit
  7. ----->
  8.  
  9.  
  10. <head>
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script>
  14. $(document).ready(function() {
  15. //
  16. $('a.poplight[href^=#]').click(function() {
  17. var popID = $(this).attr('rel'); //Get Popup Name
  18. var popURL = $(this).attr('href'); //Get Popup href to define size
  19. var query= popURL.split('?');
  20. var dim= query[1].split('&');
  21. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  22. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/iddq6cw/Atplvofrt/tooltip-closebutton.png" class="btn_close" title="Close" alt="Close" /></a>');
  23. var popMargTop = ($('#' + popID).height() + 80) / 2;
  24. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  25. //Apply Margin to Popup
  26. $('#' + popID).css({
  27. 'margin-top' : -popMargTop,
  28. 'margin-left' : -popMargLeft
  29. });
  30. $('body').append('<div id="fade"></div>');
  31. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  32. return false;
  33. });
  34. $('a.close, #fade').live('click', function() {
  35. $('#fade , .popup_block').fadeOut(function() {
  36. $('#fade, a.close').remove(); //fade them both out
  37. });
  38. return false;
  39. });
  40. });
  41. </script>
  42.  
  43.  
  44. <meta charset="utf-8">
  45. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  46. {block:Description}
  47. <meta name="description" content="{MetaDescription}" />
  48. {/block:Description}
  49.  
  50. <meta name="text:link 1 url" content=""/>
  51. <meta name="text:link 1" content=""/>
  52. <meta name="text:link 2 url" content=""/>
  53. <meta name="text:link 2" content=""/>
  54. <meta name="text:link 3 url" content=""/>
  55. <meta name="text:link 3" content=""/>
  56. <meta name="text:url" content=""/>
  57.  
  58. <meta name="image:bg" content=""/>
  59. <meta name="if:player" content="1"/>
  60. <meta name="select:font size" content="8px" title="8px"/>
  61. <meta name="select:font size" content="9px" title="9px"/>
  62. <meta name="select:font size" content="10px" title="10px"/>
  63. <meta name="select:font size" content="11px" title="11px"/>
  64. <meta name="select:font size" content="12px" title="12px"/>
  65. <meta name="color:bg" content="#f1f1f1"/>
  66. <meta name="color:text" content="#000000"/>
  67. <meta name="color:title" content="#afafaf"/>
  68. <meta name="if:250px" content="1"/>
  69. <meta name="if:420px" content="0"/>
  70. <meta name="if:500px" content="0"/>
  71. <meta name="color:Post BG" content="#fff">
  72. <meta name="color:Text" content="#000000">
  73. <meta name="color:Link" content="#b3b0b0">
  74. <meta name="color:Link Hover" content="#000000">
  75. <meta name="color:Border" content="#eee">
  76. <meta name="color:search bar bg" content="#ffffff"/>
  77. <meta name="color:search bar border" content="#eeeeee"/>
  78.  
  79. <meta name="if:backgroundcover" content=""/>
  80. <meta name="if:captions" content="0"/>
  81.  
  82. <title>{Title}</title>
  83.  
  84. <link rel="shortcut icon" href="{Favicon}">
  85. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  86. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  87.  
  88. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  89. <meta name="text:Search Label" content="" />
  90. <script type="text/javascript" src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js"></script>
  91.  
  92. <style type="text/css">
  93. .popup_block{
  94. display: none;
  95. background: #ffffff;
  96. background: {color:bg};
  97. padding: 10px;
  98. font-family: consolas;
  99. float: left;
  100. font-size: 10px;
  101. position: fixed;
  102. top: 50%; left: 50%;
  103. z-index: 999999999999;
  104. border: 2px solid #333333;
  105. -moz-box-shadow: 0 0 5px #CFCFCF;
  106. -webkit-box-shadow: 0 0 5px #CFCFCF;
  107. -webkit-border-radius: 10px;
  108. -moz-border-radius: 10px;
  109. border-radius: 10px;
  110. }
  111. img.btn_close {
  112. float: right;
  113. margin: -25px -25px 0 0;
  114. }
  115. *html .popup_block {
  116. position: absolute;
  117. }
  118. @font-face{font-family:Japan; src:url(http://static.tumblr.com/9wzbixa/KKbm0c410/japan.ttf);}
  119. ::-webkit-scrollbar {
  120. width:5px;
  121. height:5px;
  122. background:{color:Background};}
  123. ::-webkit-scrollbar-thumb {background:{color:Text};}
  124.  
  125. body {
  126. font-family:{text:font};
  127. font-weight:normal;
  128. font-size:{select:font size};
  129. line-height:16px;
  130. letter-spacing:2px;
  131. word-spacing:-2px;
  132. color:{color:text};
  133. word-wrap:break-word;
  134. text-align:justify;
  135. text-overflow:ellipsis;
  136. background:{color:bg} url('{image:bg}') fixed repeat right bottom;
  137. margin:0;
  138. {block:ifbackgroundcover}background-size:cover;
  139. {/block:ifbackgroundcover} };
  140.  
  141. /** this makes the background image fullscreen \o/ **/
  142. -webkit-background-size: cover;
  143. -moz-background-size: cover;
  144. -o-background-size: cover;
  145. background-size: cover;
  146. }
  147.  
  148. a{
  149. color:{color:link};
  150. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  151. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  152. }
  153.  
  154. #s-m-t-tooltip {
  155. padding: 3px;
  156. height:auto;
  157. display: none;
  158. font-family: consolas;
  159. font-size: 8px;
  160. text-transform:uppercase;
  161. text-align: center;
  162. letter-spacing:1px;
  163. margin-top:10px;
  164. margin-left: 15px;
  165. line-height: 8px;
  166. z-index: 999999999999;
  167. border-radius:3px;
  168. border: 1px solid #f5f5f5;
  169. background:#ffffff;
  170. color: #888;}
  171.  
  172. .joestar {
  173. overflow:hidden;
  174. line-height:37px;
  175. margin-top:-14px;
  176. width:155px;
  177. color:{color:title};
  178. font-family:'Japan';
  179. font-size:30px;
  180. text-align:center;
  181.  
  182. }
  183.  
  184. a:hover{
  185. color:{color:link hover};
  186. -webkit-transition: 0.6s ease;transition: 0.6s ease;
  187. -o-transition: 0.6s ease;-moz-transition: 0.6s ease;
  188. }
  189.  
  190. .post a{
  191. color:{color:Link};
  192. text-decoration:none;
  193. font-weight:normal;
  194. }
  195.  
  196. .post a:hover{
  197. color:{color:Link Hover};
  198. text-decoration:none;
  199. }
  200.  
  201. #wrapper{
  202. width:680px;
  203. margin:0 auto;
  204. padding:10px;
  205. }
  206. #player {
  207. position:fixed;
  208. z-index:999;
  209. top:0px;
  210. left:-265px;
  211. opacity:0.6;
  212. height:auto;
  213. padding:4px 8px 3px 2px;
  214. letter-spacing:2px;
  215. background-color:#fff;
  216. -moz-border-radius:0px 0px 10px 0px;
  217. border-radius:0px 0px 10px 0px;
  218. -webkit-transition: opacity 1s linear;
  219. -webkit-transition: all 1s ease-in-out;
  220. -moz-transition: all 1s ease-in-out;
  221. -o-transition: all 1s ease-in-out;
  222. border-bottom: 1px solid #f5f5f5;
  223. }
  224.  
  225. #mus {
  226. float:left;
  227. padding-left:120px;
  228. -webkit-transition: opacity 1s linear;
  229. -webkit-transition: all 1s ease-in-out;
  230. -moz-transition: all 1s ease-in-out;
  231. -o-transition: all 1s ease-in-out;
  232. }
  233.  
  234. #player:hover #mus {
  235. padding-left:0px;
  236. opacity:0;
  237. }
  238.  
  239. #player:hover {
  240. left:0px;
  241. }
  242. sfm input {
  243. background-color:{color:search bar bg};
  244. font-size:8px;
  245. text-transform: uppercase;
  246. outline:none;
  247. border:1px solid {color:search bar border};
  248. color:{color:Text};
  249. letter-spacing: 1px;
  250. padding: 4px 8px;
  251. font-family: calibri, helvetica, arial;
  252.  
  253. }
  254. #sidebar{
  255. margin-top:100px;
  256. margin-left:0;
  257. text-align:center;
  258. background:{color:post bg};
  259. width:150px;
  260. padding:20px;
  261. position:fixed;
  262. border:1px solid {color:border};
  263. }
  264.  
  265. #sidebarimg{
  266. margin-bottom:5px;
  267. }
  268.  
  269. #sidebarimg img{
  270. max-width:100%;
  271. }
  272.  
  273. #description{
  274. margin:5px 0;
  275. width:160px;
  276. height:40px;
  277. overflow-Y:scroll;
  278. text-align:center;
  279. }
  280.  
  281. #description a{
  282. color:{color:Link};
  283. text-decoration:none;
  284. }
  285.  
  286. #description a:hover{
  287. color:{color:Link Hover};
  288. }
  289.  
  290.  
  291. .nav{
  292. margin:0;
  293. font-size:10px;
  294. font-style:italic;
  295. width:150px;
  296. text-align:center;
  297.  
  298. }
  299.  
  300. .nav a{
  301. Color:{color:link};
  302. text-decoration:none;
  303. padding:0 3px;
  304. }
  305.  
  306. #content{
  307. width:440px;
  308. border-left:1px solid {color:border};
  309. padding:10px;
  310. margin-top:-30px;
  311. margin-left:230px;
  312. overflow:hidden;
  313. }
  314.  
  315. .post{
  316. {block:if250px}width:250px; {/block:if250px}
  317. {block:if420px}width:420px; {/block:if420px}
  318. {block:if500px}width:500px; {/block:if500px}
  319. padding:10px;
  320. margin:45px 0 35px 0;
  321. overflow:hidden;
  322. text-align:justify;
  323. border:1px solid {color:border};
  324. background:{color:post bg};
  325. }
  326.  
  327. .post img{
  328. max-width:100%;
  329. }
  330.  
  331. a {color:;text-decoration:none;-webkit-tra... all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  332.  
  333. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  334.  
  335. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  336.  
  337. #biter
  338.  
  339. #bite a {display:block}
  340.  
  341. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  342.  
  343. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  344.  
  345. .posttitle{
  346. font-weight:normal;
  347. font-size:16px;
  348. line-height:22px;
  349. text-decoration:none;
  350. margin:3px 0 -3px 0;
  351. }
  352.  
  353. .posttitle a{
  354. text-decoration:none;
  355. }
  356.  
  357. .quote{
  358. font-weight:normal;
  359. font-size:16px;
  360. font-style:italic;
  361. line-height:22px;
  362. text-decoration:none;
  363. }
  364.  
  365. .quotesource{
  366. text-align:right;
  367. }
  368.  
  369.  
  370. .question{
  371. padding-bottom:10px;
  372. margin:0;
  373. border-bottom:1px solid {color:Border};
  374. }
  375.  
  376. .caption{
  377. margin:0;
  378. }
  379.  
  380. blockquote{
  381. margin:0 0 0 15px;
  382. padding:0 0 0 10px;
  383. margin-left:5px;
  384. border-left:solid 1px {color:Border};
  385. }
  386.  
  387. .post .footer{
  388. margin:1px;
  389. font-size:9px;
  390. font-style:bold;
  391. line-height:13px;
  392. text-align:left;
  393. }
  394.  
  395. ol.notes li.note img {
  396. width:10px;
  397. height:10px;
  398. }
  399.  
  400. ol.notes{
  401. list-style-type:none;
  402. padding:2px 10px 2px 10px;
  403. font-size:10px;
  404. }
  405.  
  406. {CustomCSS}
  407.  
  408.  
  409. #thmcredit {
  410. position:fixed;
  411. z-index:99999;
  412.  
  413. bottom:-5px;
  414. right:-10px;
  415.  
  416. }
  417.  
  418.  
  419. #thmcredit2 {
  420. position:fixed;
  421. z-index:99999;
  422. bottom:5px;
  423. left:10px;
  424.  
  425. }
  426. </style>
  427. <script type="text/javascript">
  428. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  429. $(document).ready(function() {
  430. function photosetResize() {
  431. $('iframe.photoset').each(function(){
  432. {block:if250px} var newSize = 240;{/block:if250px}
  433. {block:if250px} var newSize = 420;{/block:if250px}
  434. {block:if250px} var newSize = 500;{/block:if250px}
  435. var newSrc = $(this).attr('src').replace('500',newSize);
  436. $(this).attr('src', newSrc).width(newSize);
  437. var high = $(this).css('height');
  438. var calculate = parseInt(high, 10)* newSize/500;
  439. $(this).css('height', calculate);
  440. });
  441. }
  442. photosetResize();
  443. });
  444. </script>
  445. </head>
  446.  
  447. <body class="{block:IndexPage}index{/block:IndexPage} {block:PermalinkPage}permalink{/block:PermalinkPage}">
  448.  
  449.  
  450. <div id="wrapper">
  451.  
  452.  
  453. <div id="sidebar">
  454. <div class="joestar">
  455. {Title}
  456. </div>
  457.  
  458.  
  459. <p></p>
  460. <div class="biing">
  461. <div class="searchy">
  462. <form action="/search" method="get" class="sfm">
  463. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  464. <input type="image" value="Search" height='10px' src="http://static.tumblr.com/bj5zkci/fNgn42ep2/search.png" id="sb"/>
  465. </form><br>
  466. </div></div>
  467. <div class="nav">
  468. <a href="/"><img src='http://media.tumblr.com/2015daae1d676432bfe8cc417be25d2b/tumblr_inline_n2aiggyMWT1r7v6wt.png'</a></a> <a href="#?w=500" rel="02" class="poplight"><img src='http://media.tumblr.com/5b80f6b287f935df5d5eae173919821e/tumblr_inline_n2aigwiUlj1r7v6wt.png'</a></a> <a href='{text:link 1 url}' title='{text:link 1}'><img src='http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png'</a></a> <a href='{text:link 2 url}' title='{text:link 2}'> <img src='http://static.tumblr.com/3yblkz0/VCjn2c2my/tr.png'</a></a> <a href='{text:link 3 url}' title='{text:link 3}'><img src='http://media.tumblr.com/b33cf8eab0a93d590981f181b66495e5/tumblr_inline_n2aihuOYSv1r7v6wt.png'</a></a>
  469. </div>
  470.  
  471. {block:Description}
  472. <div id="description">{Description}</div>
  473. {/block:Description}
  474.  
  475.  
  476. <div class="nav">
  477.  
  478. {block:Pagination}
  479. {block:PreviousPage}
  480. <a href="{PreviousPage}">&larr; </a>{/block:PreviousPage}
  481. {block:NextPage}
  482. <a href="{NextPage}"> &rarr;</a>
  483. {/block:NextPage}
  484. {/block:Pagination}
  485. {block:IfPlayer}
  486. <div id="player">
  487. <div style="float:left;width:150px">
  488.  
  489.  
  490. MUSIC CODE HERE
  491.  
  492.  
  493. </div>
  494. <div id="mus"><img src="http://media.tumblr.com/tumblr_m7vyi1y0lt1r6o8v2.gif" width="10px"></div>
  495. </div>
  496. {/block:IfPlayer}
  497.  
  498. </div>
  499.  
  500. </div>
  501.  
  502.  
  503.  
  504. <div id="content">
  505. {block:Posts}
  506.  
  507. <div class="post">
  508.  
  509. {block:Text}
  510. {block:Title}
  511. <div class="posttitle">{Title}</div>
  512. {/block:Title}
  513. {Body}
  514. {/block:Text}
  515.  
  516. {block:Photo}
  517. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  518. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  519. {/block:Photo}
  520.  
  521. {Photoset-500}
  522. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  523. {/block:Photoset}
  524.  
  525. {block:Quote}
  526. <div class="quote">"{Quote}"</div>
  527. {block:Source}
  528. <div class="quotesource">{Source}</div>
  529. {/block:Source}
  530. {/block:Quote}
  531.  
  532. {block:Link}
  533. <div class="posttitle"><a href="{URL}">{Name}</a></div>
  534. {block:Description}
  535. <div class="description">{Description}</div>
  536. {/block:Description}
  537. {/block:Link}
  538.  
  539. {block:Chat}
  540. {block:Title}
  541. <div class="posttitle">{Title}</div>
  542. {/block:Title}
  543.  
  544. {block:Lines}
  545. <div class="{Alt} user_{UserNumber}">
  546. {block:Label}
  547. <b>{Label}</b>{/block:Label}
  548. &nbsp;{Line}
  549. </div>
  550. {/block:Lines}
  551. {/block:Chat}
  552.  
  553. {block:Video}
  554. {Video-400}
  555. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  556. {/block:Video}
  557.  
  558. {block:Audio}
  559. <div class="cover">{block:AlbumArt}
  560. <img src="{AlbumArtURL}">
  561. {/block:AlbumArt}</div>
  562.  
  563. {AudioPlayerWhite}
  564.  
  565. <i>{block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist} ({block:Album}{Album}{/block:Album})</i>
  566.  
  567. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  568. {/block:Audio}
  569.  
  570. {block:Answer}
  571. <div class="question"><i>{Asker} asked:</i> {Question}</div>
  572. <div class="caption">{Answer}</div>
  573. {/block:Answer}
  574.  
  575.  
  576.  
  577. <div class="footer">
  578. <a href="{Permalink}">{block:Date}posted {TimeAgo}{/block:Date}{block:NoteCount} ( {NoteCount}){/block:NoteCount}</a>{block:HasTags}<br>
  579. {block:Tags}<a href="{TagURL}" title="{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  580.  
  581. {block:PermalinkPage}
  582. {block:NoteCount}
  583. {block:PostNotes}{PostNotes}{/block:PostNotes}
  584. {/block:NoteCount}
  585. {/block:PermalinkPage}
  586.  
  587. </div>
  588. {/block:Posts}
  589. </div>
  590. </div>
  591.  
  592. </div>
  593.  
  594. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  595. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  596.  
  597. <!-- add Javascript file here -->
  598. <!--<script src=""></script>-->
  599. </body>
  600. <div id="thmcredit2">
  601. <a href='http://www.jolyene.tumblr.com'><img src='http://static.tumblr.com/3yblkz0/dAwn2c5jx/lock.png'</a></a>
  602.  
  603.  
  604.  
  605. <div id="02" class="popup_block">
  606. <Center><font size="4" color="#1C1C1C">Ask Me Anything:</font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  607. </center></div>
  608.  
  609. </div></div></div></div></div></div></div></div></div></div>
  610.  
  611.  
  612.  
  613. </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!