API tools faq
paste
Advertisement
rockatanskis

th15 - idleteeth

rockatanskis
Jul 22nd, 2015
240
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.35 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-----------------------------------------------------------------
  4. BASE THEME BY SEXMELUKE
  5. THEME BY ROCKATANSKIS
  6. ------------------------------------------------------------------------>
  7. <head>
  8.  
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. //
  14. $('a.poplight[href^=#]').click(function() {
  15. var popID = $(this).attr('rel'); //Get Popup Name
  16. var popURL = $(this).attr('href'); //Get Popup href to define size
  17. var query= popURL.split('?');
  18. var dim= query[1].split('&');
  19. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  20. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  21. var popMargTop = ($('#' + popID).height() + 80) / 2;
  22. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  23. //Apply Margin to Popup
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove(); //fade them both out
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script>
  43. var current_obj='';
  44.  
  45. function showLinks(objID) {
  46. var obj=document.getElementById(objID);
  47. if (current_obj.style) {
  48. current_obj.style.display='none';
  49. }
  50. obj.style.display='block';
  51. current_obj=obj;
  52. }
  53. </script>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
  56.  
  57. <!-- META NAMES -->
  58.  
  59. <meta name="text:about" content="this is where you can put your about text. pretty much anything can go here. it's pretty cool. you can format it however you want and it will look however you want, including with paragraph tags and whatnot. this is the first box.">
  60. <meta name="text:updates" content="this is where you can put your about text. pretty much anything can go here. it's pretty cool. you can format it however you want and it will look however you want, including with paragraph tags and whatnot. this is the second box.">
  61. <meta name="text:begin" content="this is where you can put your about text. pretty much anything can go here. it's pretty cool. you can format it however you want and it will look however you want, including with paragraph tags and whatnot. this is the third box.">
  62. <meta name="text:navi url" content="/">
  63. <meta name="text:rules url" content="/">
  64. <meta name="text:verses url" content="/">
  65. <meta name="text:url" content="put your url here or the pop-up ask won't work!">
  66.  
  67. <!--TITLE-->
  68. <title>{Title}</title>
  69.  
  70. <!--DESCRIPTION-->
  71. {block:Description}
  72. <meta name="description" content="{MetaDescription}" />
  73. {/block:Description}
  74.  
  75. <!--FAVICON-->
  76. <link rel="shortcut icon" href="{Favicon}" />
  77.  
  78. <!--RSS-->
  79. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  80.  
  81.  
  82. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:200,
  89. tip_fade_speed:300
  90. }
  91. );
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99. /* TOOLTIP */
  100. #s-m-t-tooltip{
  101. max-width:300px;
  102. margin:15px;
  103. padding:2px 8px;
  104. border:1px solid #7bad96;
  105. border-radius:2px;
  106. background:#282828;
  107. color:#7bad96;
  108. z-index:999999;
  109. font-size:10px;
  110. text-transform:uppercase;
  111. box-shadow:1px 1px 3px #7bad96;}
  112.  
  113.  
  114. /* ASKBOX */
  115. .popup_block{
  116. display:none;
  117. background:#000;
  118. padding:10px;
  119. float:left;
  120. position:fixed;
  121. top:50%;left:50%;
  122. z-index: 99999;
  123. }
  124.  
  125. *html #fade {position: absolute;}
  126. *html .popup_block {position: absolute;}
  127. #fade {
  128. display:none;
  129. position:fixed;
  130. left:0px;
  131. top:0px;
  132. width:100%;
  133. height:100%;
  134. z-index:9999;
  135. background:#000; /* change to #fff for solid white */
  136. opacity:0.7; /* change to opacity:1; */
  137. }
  138.  
  139. /* LINKS */
  140. a {
  141. font-family: 'Varela Round', sans-serif;
  142. color:#fff;
  143. text-decoration:none;
  144. letter-spacing:1px;
  145. }
  146.  
  147. a:hover {
  148. color:#7d968a;
  149. letter-spacing:0px;
  150. text-decoration:none;
  151. -webkit-transition: ease-out 1s;
  152. -moz-transition: ease-out 1s;
  153. -o-transition: ease-out 1s;
  154. }
  155.  
  156. /* BODY */
  157. body {
  158. background:#b4e4d9 url('http://static.tumblr.com/fbxr6e0/vOTnrwc03/bgrepeat.png') fixed repeat;;
  159. font-family:helvetica;
  160. font-weight:normal;
  161. }
  162.  
  163. img{
  164. none;
  165. }
  166.  
  167. h1 {
  168. font-size:30px;
  169. line-height:100%;
  170. color:#ddd;
  171. font-family: 'Varela Round', sans-serif;
  172. }
  173.  
  174. h2 {
  175. font-size:20px;
  176. line-height:100%;
  177. color:#ddd;
  178. font-family: 'Varela Round', sans-serif;
  179. }
  180.  
  181. /* BLOCKQUOTE */
  182. blockquote {
  183. border-left:2px solid #756b6b;
  184. padding-left:5px;
  185. margin:5px;
  186. }
  187.  
  188. /* DESCRIPTION */
  189. /* N/A */
  190.  
  191. /* LINKS */
  192.  
  193. #links{
  194. margin-top:200px;
  195. margin-left:917px;
  196. position:fixed;
  197. text-transform:uppercase;
  198. color:black;
  199. font-size:15;
  200. }
  201.  
  202. #links a{
  203. color:black;
  204. line-height:100%;
  205. }
  206.  
  207. #links a:hover{
  208. }
  209.  
  210. #about, #updates, #begin {
  211. width:200px;
  212. margin-left:940px;
  213. margin-top:200px;
  214. padding-left:0px;
  215. padding-right:0px;
  216. font-family:helvetica;
  217. font-size:10px;
  218. text-align:justify;
  219. letter-spacing:1px;
  220. line-height:120%;
  221. color:#282828;
  222. position:fixed;
  223. z-index:300;
  224. }
  225.  
  226. /* PAGINATION */
  227. #pagination{
  228. top:600px;
  229. width:306px;
  230. margin-left:45px;
  231. text-align:center;
  232. font-size:12px;
  233. padding:10px;
  234. letter-spacing:1px;
  235. font-family: 'Varela Round', sans-serif;
  236. position:fixed;
  237. color:white;
  238. z-index:200;
  239. }
  240.  
  241. #pagination a{color:#000;font-family: 'Varela Round', sans-serif;}
  242. }
  243.  
  244. #pagination a:hover{color:#fff; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  245. }
  246.  
  247. /* ASK/ANSWER */
  248. .question {height:relative;
  249. width:500px;
  250. margin-top:10px;
  251. }
  252.  
  253. .asker {
  254. font-size:17px;
  255. font-family:helvetica;
  256. text-transform:uppercase;
  257. text-align:left;
  258. padding:10px;
  259. letter-spacing:0px;
  260. margin-top:-10px;
  261. margin-bottom:-10px;
  262. }
  263.  
  264. .ask {
  265. font-family:helvetica;
  266. text-align:left;
  267. color:#999;
  268. font-style:italic;
  269. padding: 10px;
  270. }
  271.  
  272. .ans {
  273. text-align:left;
  274. font-family:helvetica;
  275. padding:10px;
  276. margin-top:-20px;
  277. color:#999;
  278. }
  279.  
  280. /* THEME IMAGES */
  281. #top {
  282. position:fixed;
  283. left:230px;
  284. top:-60px;
  285. z-index:104; }
  286.  
  287. #side {
  288. position:fixed;
  289. bottom:100px;
  290. LEFT:70px;
  291. z-index:105; }
  292.  
  293. #text {
  294. position:fixed;
  295. top:101px;
  296. LEFT:460px;
  297. z-index:107; }
  298.  
  299. #url {
  300. position:fixed;
  301. bottom:10px;
  302. right:20px;
  303. z-index:107; }
  304.  
  305. /* ENTIRES */
  306. #stuffcontainer {
  307. width:520px;
  308. max-height:75%;
  309. margin-left:400px;
  310. overflow:auto;
  311. margin-top:160px;
  312. margin-bottom:0px;
  313. text-align:justify;
  314. position:absolute;
  315. }
  316.  
  317. #stuff {
  318. width:500px;
  319. margin-top:0px;
  320. padding:10px;
  321. text-align:justify;
  322. font-size:12px;
  323. line-height:90%;
  324. letter-spacing:0x;
  325. color:#999;
  326. margin-bottom:20px;
  327. }
  328.  
  329. #stuff img {max-width:450px;
  330. height:auto;
  331. }
  332.  
  333. #background {
  334. background:#1a1a1a url('http://static.tumblr.com/fbxr6e0/n2hnrtahd/textbg.png') repeat;
  335. margin-left:400px;
  336. margin-top:150px;
  337. margin-bottom:-50px;
  338. width:520px;
  339. height:100%;
  340. position:fixed;
  341. z-index:-90;
  342. }
  343.  
  344. .caption {
  345. width:500px;
  346. font-family:trebuchet ms;
  347. text-align:justify;
  348. line-height:120%;
  349. }
  350.  
  351. .audio {
  352. width:500px;
  353. margin-top:20px;
  354. padding-bottom:20px;
  355. background-color:{color:infobg};
  356. }
  357.  
  358. .albumart {
  359. float:left;
  360. padding:0px 10px 10px 0px;
  361. }
  362.  
  363. .albumart img {
  364. width:45px;
  365. height:45px;
  366. }
  367.  
  368. .playercontainer {
  369. float:left;
  370. text-align:center;
  371. margin-top:20px;
  372. background-color:#ffffff;
  373. width:25px;
  374. height:45px;
  375. overflow:hidden;
  376. }
  377.  
  378. .audioinfo {
  379. color:#c0c0c0;
  380. }
  381.  
  382. /* POSTS */
  383. #postinfo {
  384. width:490px;
  385. padding:5px;
  386. font-size:10px;
  387. color:#fff;
  388. letter-spacing:0px;
  389. text-align:center;
  390. background:#282828 url('http://static.tumblr.com/fbxr6e0/Fmlnrwmjj/postinfo.png');
  391. text-transform:uppercase;
  392. font-family: 'Varela Round', sans-serif;
  393. }
  394. #postinfo a {
  395. color:#fff;
  396. text-align:center;
  397. letter-spacing:1px;
  398. }
  399.  
  400. #postinfo a:hover{color:#7d968a;
  401. }
  402.  
  403.  
  404. /* NOTES */
  405. .note {
  406. width:500px;
  407. text-transform:uppercase;
  408. font-family:trebuchet ms;
  409. font-style:normal;
  410. letter-spacing:0px;
  411. font-size: 9px;
  412. text-align:center;
  413. line-height:90%;
  414. margin-left:-50px;
  415. }
  416.  
  417. .note li {
  418. list-style-type:none;
  419. padding:10px 10px 10px 10px;
  420. font-size:8px;
  421. text-align:center;
  422. width:500px;
  423. margin:0px;
  424. }
  425.  
  426. /* TAGS */
  427. .tags {
  428. font-style:normal;
  429. width:500px;
  430. opacity:1;
  431. font-family:helvetica;
  432. font-style:none;
  433. color:{color:tags};
  434. letter-spacing:2px;
  435. line-height:100%;
  436. font-size:9px;
  437. text-align:center;
  438. padding:5px;
  439. }
  440.  
  441. .tags a {
  442. color:{color:tags};
  443. letter-spacing:1px;
  444. padding:1px;
  445. }
  446.  
  447. .tags a:hover {color:#7d968a;
  448. }
  449.  
  450. /* CHAT */
  451. ul.chat, .chat ol, .chat li {
  452. list-style:none;
  453. margin:0px;
  454. padding:2px;
  455. }
  456.  
  457. .label {
  458. text-decoration:underline;
  459. font-weight:700;
  460. margin-right:5px;
  461. }
  462.  
  463. /* CREDIT */
  464. #cred{
  465. font-size:15px;
  466. letter-spacing:3px;
  467. text-transform:uppercase;
  468. z-index:108;
  469. }
  470.  
  471. #cred a {
  472. color:#000;
  473. padding:5px;
  474. left:5px;
  475. bottom:5px;
  476. position:fixed;
  477. }
  478.  
  479. .showhide_element {
  480. display:none;
  481. }
  482.  
  483.  
  484. </style>
  485. </head>
  486.  
  487. <div id="pagination">{block:Pagination}
  488. {block:PreviousPage}
  489. <a href="{PreviousPage}">BACK</a><br>
  490. {/block:PreviousPage}
  491. {block:NextPage}
  492. <a href="{NextPage}">FORTH</a>
  493. {/block:NextPage}
  494. {/block:Pagination}
  495. </div>
  496.  
  497.  
  498. <div id="links">
  499. <a href="#" onClick="showLinks('about');return false;" title="about" >&rarr;</a><br>
  500. <a href="#" onClick="showLinks('updates');return false;" title="updates" >&rarr;</a><br>
  501. <a href="#" onClick="showLinks('begin');return false;" title="begin" >&rarr;</a><br>
  502. <a href="#?w=500" rel="box1" class="poplight" title="ask" >&rarr;</a><br>
  503. <a href="{text:navi url}" title="navigation" >&rarr;</a><br>
  504. <a href="{text:rules url}" title="guidelines" >&rarr;</a><br>
  505. <a href="{text:verses url}" title="verses" >&rarr;</a><br>
  506. <a href="/" title="home" >&rarr;</a>
  507. </div>
  508.  
  509. <div id="about" class="showhide_element">{text:about}</div>
  510. <div id="updates" class="showhide_element">{text:updates}</div>
  511. <div id="begin" class="showhide_element">{text:begin}</div>
  512.  
  513.  
  514. <div id="stuffcontainer">
  515.  
  516. {block:Posts}
  517.  
  518. <div id="stuff">
  519.  
  520. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  521.  
  522. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  523.  
  524. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  525. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  526.  
  527. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  528.  
  529. {block:Photoset}<center>{Photoset-500}</center>
  530. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  531.  
  532. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  533.  
  534. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  535.  
  536. {block:Answer}<div class="question"><div class="asker">{Asker}said:</div> <div class="ask">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {Question}</div></div><div class="ans">{Answer}</div>{/block:answer}
  537.  
  538. {block:Audio}<div class="playercontainer">{AudioPlayerWhite}</div><div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  539. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  540. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div></div>
  541. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  542.  
  543. <br>
  544.  
  545. {block:Date}<div id="postinfo"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} &nbsp;|&nbsp; <a href="{Permalink}">{NoteCount} </a> &nbsp;|&nbsp; {/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  546. {block:ContentSource} &nbsp;|&nbsp; <a href="{SourceURL}">source</a>{/block:ContentSource}</div>{/block:Date}
  547. {block:HasTags}
  548. <div class="tags">↳
  549. {block:Tags}<a href="{TagURL}">· {Tag}</a>&nbsp; {/block:Tags}</div>
  550. {/block:HasTags}
  551. <div class="note">
  552. {block:PostNotes}{PostNotes}{/block:PostNotes}
  553. </div>
  554. </div>
  555. {/block:Posts}
  556.  
  557.  
  558.  
  559. </div>
  560. <div id="top"><img src=""></div>
  561. <div id="side"><img src="http://static.tumblr.com/fbxr6e0/EUmnrwbyx/transp.png"></div>
  562. <div id="text"><img src="http://static.tumblr.com/fbxr6e0/xeTnrwmcg/ok2.png"></div>
  563.  
  564. <div id="cred">
  565. <a href="http://rockatanskis.tumblr.com">©</a>
  566. </div>
  567.  
  568. <div id="background"></div>
  569.  
  570. </div>
  571. </div>
  572. </div>
  573. </body>
  574.  
  575. <div id="box1" class="popup_block">
  576. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="100%"></iframe>
  577. </div>
  578.  
  579. </div></div></div></div></div></div></div></div></div></div>
  580.  
  581. </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!