API tools faq
paste
Advertisement
luhans

Olympian

luhans
Jul 30th, 2012
4,647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--CODED BY @HKTHEMES-->
  6.  
  7. <head> <!-- DEFAULT VARIABLES -->
  8. <title>{Title}</title>
  9. <meta name="color:background" content="#FAFAF0" />
  10. <meta name="color:text" content="#BEBBA8" />
  11. <meta name="color:link" content="#acac9b" />
  12. <meta name="color:nav hover" content="#FAFAFA" />
  13. <meta name="color:audio info" content="#F7F7F7" />
  14. <meta name="color:entries" content="#FFFFFC"/>
  15. <meta name="color:sidebar" content="#FFFFFC" />
  16. <meta name="color:link hover" content="#F8F8F8" />
  17. <meta name="color:title" content="#8a7e69" />
  18. <meta name="color:nav bg" content="#242323" />
  19. <meta name="color:portrait" content="#f7f7f7" />
  20. <meta name="color:side" content="#FFFFFC" />
  21. <meta name="color:info" content="#fafafa" />
  22. <meta name="image:sidebar" content=""/>
  23. <meta name="image:background" content=""/>
  24. <meta name="font:body" content="arial"/>
  25. <meta name="font:sidebar title" content="courier new"/>
  26. <meta name="font:title" content="arial"/>
  27. <meta name="font:audio info" content="arial"/>
  28. <meta name="text:link one url" content="http://">
  29. <meta name="text:link one name" content="one">
  30. <meta name="text:link two url" content="http://">
  31. <meta name="text:link two name" content="two">
  32. <meta name="text:link three url" content="http://">
  33. <meta name="text:link three name" content="three">
  34. <meta name="text:link four url" content="http://">
  35. <meta name="text:link four name" content="four">
  36. <meta name="text:link five url" content="http://">
  37. <meta name="text:link five name" content="five">
  38.  
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. <link rel="shortcut icon" href="{Favicon}">
  42. <title>{Title}</title>
  43. <link rel="shortcut icon" href="{Favicon}">
  44. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:200,
  57. tip_fade_speed:300
  58. }
  59. );
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64.  
  65. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  66. <script type="text/javascript"
  67. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  68. <script>
  69. $(document).ready(function() {
  70. //
  71. $('a.poplight[href^=#]').click(function() {
  72. var popID = $(this).attr('rel'); //Get Popup Name
  73. var popURL = $(this).attr('href'); //Get Popup href to define size
  74. var query= popURL.split('?');
  75. var dim= query[1].split('&');
  76. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  77. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
  78. var popMargTop = ($('#' + popID).height() + 80) / 2;
  79. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  80. //Apply Margin to Popup
  81. $('#' + popID).css({
  82. 'margin-top' : -popMargTop,
  83. 'margin-left' : -popMargLeft
  84. });
  85. $('body').append('<div id="fade"></div>');
  86. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  87. return false;
  88. });
  89. $('a.close, #fade').live('click', function() {
  90. $('#fade , .popup_block').fadeOut(function() {
  91. $('#fade, a.close').remove(); //fade them both out
  92. });
  93. return false;
  94. });
  95. });
  96. </script>
  97.  
  98.  
  99. <style type="text/css">
  100. body{
  101. background:{color:Background};
  102. background-image:url('{image:background}');
  103. background-repeat:repeat;
  104. background-attachment:fixed;
  105. background-position:bottom right;
  106. line-height:100%;
  107. font-family: {font:body};
  108. font-size: 11px;
  109. letter-spacing: px;
  110. color:{color:text};}
  111.  
  112. a {
  113. text-decoration:none;
  114. color:{color:link};
  115. }
  116.  
  117.  
  118. a:hover{
  119. text-decoration:none;
  120. color:{color:link hover};
  121. -webkit-transition: opacity 0.5s linear;
  122. -webkit-transition: all 0.5s ease-in-out;
  123. -moz-transition: all 0.5s ease-in-out;
  124. -o-transition: all 0.5s ease-in-out;
  125. opacity:1;
  126. }
  127.  
  128.  
  129. a img{
  130. border:none;}
  131.  
  132. blockquote{
  133. padding:0px;
  134. padding-left:5px;
  135. margin:5px;
  136. border-left:1px solid {color:font};}
  137.  
  138. blockquote img{
  139. display:block;}
  140.  
  141. blockquote p{
  142. padding:0px;
  143. margin:0px;}
  144.  
  145. blockquote blockquote{
  146. position:relative;
  147. left:-5px;
  148. margin-top:0px;
  149. margin-right:0px;
  150. padding-right:0px;}
  151.  
  152. ul.chat, .chat ol, .chat li {
  153. list-style:none;
  154. margin:0px;
  155. padding:0px}
  156.  
  157. #container{
  158. margin-left:140px;
  159. margin-top:70px;
  160. z-index:1;
  161. width:350px;
  162. position:fixed;
  163. background:transparent;
  164. padding:15px;}
  165.  
  166. #container2{
  167. width:371px;
  168. margin-top:-100px;
  169. position:fixed;
  170. height:100%;
  171. background-color:{color:side};
  172. padding:15px;}
  173.  
  174. #container3{
  175. margin-left:-23px;
  176. margin-top:-10px;
  177. z-index:1;
  178. padding:50px;
  179. width:150px;
  180. height:100%;
  181. position:fixed;
  182. background:{color:nav bg};
  183. padding:15px;}
  184.  
  185. #entry{
  186. width:500px;
  187. padding: 20px;
  188. display: block;
  189. background-color: {color:entries};
  190. overflow:hidden;
  191. margin: 20px 3px 3px 3px;}
  192.  
  193. #post{
  194. margin-left: 560px;
  195. width:550px;
  196. overflow:hidden;
  197. padding:22px;
  198. background-color:#;
  199. Margin-top:-60px;}
  200.  
  201. #sidebar{
  202. width: 300px;
  203. padding: 19px;
  204. margin-left:17px;
  205. background-image:url('');
  206. text-align:justify;
  207. background-color: {color:sidebar};}
  208.  
  209. #top{
  210. margin-left:17px;
  211. margin-top:30px;}
  212.  
  213. b {
  214. font-weight:
  215. bold;color: {color:text};}
  216.  
  217. i, em {
  218. font-weight:italic;
  219. color: {color:text};}
  220.  
  221. u {
  222. font-weight:none;
  223. color: {color:underline};}
  224.  
  225. .asker {
  226. width: 485px;
  227. background-color: {color:audio info};
  228. padding: 10px;
  229. font-size: 11px;
  230. font-weight: bold;
  231. text-transform: uppercase;
  232. line-height: 11px; }
  233.  
  234. .asker img{
  235. float: left;
  236. padding: 0px 5px 0px 0px;}
  237.  
  238. .asker a{
  239. font-size: 11px;
  240. font-weight: bold;
  241. color:{color:link};
  242. line-height: 11px;
  243. padding: 0;
  244. margin: 0;}
  245.  
  246. .question {
  247. font-size: 10px;
  248. font-weight: normal;
  249. color:{color:text};
  250. padding:20px
  251. overflow:hidden;
  252. text-transform: none;}
  253.  
  254. .answer {
  255. padding-left: 4px;
  256. padding-right: 4px;
  257. padding-top: 4px;}
  258.  
  259. .answer img {
  260. max-width: 470px;}
  261.  
  262. #portrait img {
  263. width:40px;
  264. height:40px;
  265. margin-top:5px;
  266. margin-left:5px;
  267. z-index:2;}
  268.  
  269. #acont{
  270. z-index:2;
  271. display:block;
  272. width: 100px;
  273. height:100px;
  274. background-color:#ffffff;
  275. opacity:0.7;
  276. position:absolute;
  277. }
  278.  
  279. #acont:hover{
  280. -webkit-transition: all 0.2s ease-in-out;
  281. -moz-transition: all 0.2s ease-in-out;
  282. -o-transition: all 0.2s ease-in-out;
  283. transition: all 0.2s ease-in-out;
  284. opacity:0.6;}
  285.  
  286. #audioplayer{
  287. width:20px;
  288. height:20px;
  289. overflow:hidden;
  290. margin: 38px 0px 0px 35px;
  291. background-color:transparent;}
  292.  
  293. .atext {
  294. background-color:{color:audio info};
  295. font-family: {font:body}!important;
  296. font-size: 8px;
  297. line-height: 7px;
  298. letter-spacing: 2px;
  299. color: {color:link}!important;
  300. margin-bottom: 1px;
  301. margin-left: 101px;
  302. text-transform:;
  303. height:18px;
  304. text-decoration: none;
  305. display: block;
  306. padding: 41px 5px 41px 6px;
  307. width:390px;
  308. text-align:center;}
  309.  
  310. .atext:hover {
  311. color:{color:link};
  312. background-color:{color:entries};
  313. -webkit-transition: opacity 0.7s linear;
  314. opacity: 0.9s;
  315. -webkit-transition: all 0.6s ease-out;
  316. -moz-transition: all 0.6s ease-out;
  317. transition: all 0.6s ease-out;
  318. }
  319.  
  320. .audio{
  321. position:absolute;
  322. width:40px;
  323. height:40px;}
  324.  
  325. .aimg{
  326. width:100px;
  327. height:100px;
  328. position:absolute;}
  329.  
  330. .aimg img{
  331. float:left;
  332. opacity:0.6;
  333. width:100px;
  334. }
  335.  
  336. #pagination {
  337. margin-left:17px;
  338. width: 322px;
  339. text-align:center;
  340. margin-top: -5px;
  341. font-family:georgia;
  342. font-size:10px;
  343. padding: 8px;
  344. background-image:url('');
  345. text-align:justify;
  346. background-color: {color:sidebar};
  347. }
  348.  
  349. .nav a {
  350. margin-left:3px;
  351. font-family: {font:body}!important;
  352. font-size: 11px;
  353. line-height: 7px;
  354. padding:10px;
  355. width:45px;
  356. margin-left:1px;
  357. display:inline-block;
  358. letter-spacing: px;
  359. color: {color:link}!important;
  360. margin-top: 1px;
  361. text-transform:;
  362. font-style:italic;
  363. text-align:;}
  364.  
  365. .nav a:hover {
  366. color:{color:font};
  367. background-color:{color:background};
  368. -webkit-transition: opacity 0.1s linear;
  369. opacity: 0.2s;
  370. -webkit-transition: all 0.1s ease-out;
  371. -moz-transition: all 0.1s ease-out;
  372. transition: all 0.1s ease-out;
  373. }
  374.  
  375. iframe#tumblr_controls {
  376. top: 0% !important;
  377. right:0% !important;
  378. position: fixed !important;}
  379.  
  380. .source img {
  381. margin-top:2px;
  382. margin-left:1px;
  383. margin-bottom:1px;
  384. border:4px solid {color:background};
  385. }
  386.  
  387.  
  388. #infobox {
  389. font-family:{font:body};
  390. text-transform: uppercase;
  391. font-size:7px;
  392. overflow:hidden;
  393. margin-top:-8px;
  394. letter-spacing:1px;
  395. margin-left:3px;
  396. padding:10px 8px 10px 8px;
  397. width: 524px;
  398. background-color: {color:info};
  399. }
  400.  
  401. #sidecont {
  402. width:240px;}
  403.  
  404.  
  405.  
  406.  
  407. #tags{
  408. overflow:hidden;
  409. width: 508px;
  410. text-align:center;
  411. text-transform:uppercase;
  412. letter-spacing:1px;
  413. font-size:7px;
  414. margin-left: 5px;
  415. margin-top:3px;}
  416.  
  417. #fade { /*--Transparent background layer--*/
  418. display: none; /*--hidden by default--*/
  419. background: {color:background};
  420. position: fixed; left: 0; top: 0;
  421. width: 100%; height: 100%;
  422. opacity: .80;
  423. z-index: 9999;
  424. }
  425. .popup_block{
  426. display: none; /*--hidden by default--*/
  427. background: #fff;
  428. padding: 20px;
  429. border: none;
  430. float: left;
  431. position: fixed;
  432. top: 50%;
  433. left: 50%;
  434. z-index: 99999;
  435. }
  436.  
  437. #s-m-t-tooltip{
  438. position:absolute;
  439. background-color:{color:sidebar};
  440. padding:5px;
  441. max-width:300px;
  442. z-index:99;
  443. margin-top:20px;
  444. margin-left: 10px;
  445. display:inline-block;
  446. text-transform:lowercase;
  447. font-size:11px;
  448. font-family:{font:body};
  449. line-height:14px;
  450. color:{color:link};
  451. letter-spacing:1px;}
  452.  
  453. </style>
  454.  
  455. <style type="text/css">{CustomCSS}</style>
  456.  
  457. <body>
  458.  
  459.  
  460. <div id="container3"><div class="nav"><div style="margin-top:70px; margin-left:15px;">
  461. <center><img src="{PortraitURL-40}" style="width: 30px; background-color: {color:portrait}; border: 15pt solid {color:portrait}; margin-top:1px;"></center>
  462. <br>
  463. <a href="/" title="home">home</a> <a href="/ask" rel="ask">message</a> {block:IfLinkOneurl}<a href="{text:link one url}">{text:link one name}</a>{/block:IfLinkOneurl} {block:IfLinkTwourl}<a href="{text:link two url}">{text:link two name}</a>{/block:IfLinkTwourl} {block:IfLinkThreeurl}<a href="{text:link Three url}">{text:link Three name}</a>{/block:IfLinkThreeurl} {block:IfLinkFoururl}<a href="{text:link Four url}">{text:link Four name}</a>{/block:IfLinkFoururl} {block:IfLinkFiveurl}<a href="{text:link Five url}">{text:link Five name}</a>{/block:IfLinkFiveurl} <a href="http://hkthemes.tumblr.com" title="hkthemes">theme</a></div></div>
  464. </div>
  465.  
  466.  
  467. <div id="container">
  468. <div id="container2">
  469. <div id="top">
  470. <a href="/" title="home">
  471. <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 12pt; TEXT-TRANSFORM: none; COLOR: {color:title}; font-style:italic; LINE-HEIGHT: 8pt; FONT-FAMILY:georgia; LETTER-SPACING: -1pt; text-transform:;">{Title}</FONT></a><br></div>
  472. <div id="sidebar">
  473. <img src="{image:sidebar}" width="300px"><br>
  474. {description}
  475. </div><br>
  476.  
  477.  
  478. <div id="pagination"><center>{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</center></div></div>
  479.  
  480. </div>
  481. </div>
  482. </div>
  483.  
  484. <br><br>
  485. <div id="post">
  486. {block:Posts}
  487. <div id="entries">
  488.  
  489. {block:Text}
  490. <div id="entry">
  491. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{title}</font>{/block:Title}{Body}
  492. </div>
  493. {/block:Text}
  494.  
  495. {block:Photo}
  496. <div id="entry">
  497. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  498. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  499. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500" title"Photo"/>
  500. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  501. {block:Caption}{Caption}{/block:Caption}
  502. </div>{/block:Photo}
  503.  
  504. {block:Photoset}
  505. <div id="entry">
  506. {Photoset-500}
  507. {block:Caption}{Caption}{/block:Caption}
  508. </div>
  509. {/block:Photoset}
  510.  
  511. {block:ContentSource}
  512. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  513. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  514. {/block:SourceLogo}
  515. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  516. {/block:ContentSource}
  517.  
  518. {block:Quote}
  519. <div id="entry">
  520. <span class="quote"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}, serif;font-style:italic;">{quote}</font><br>{block:Source}<p align="right">&mdash; <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 3pt; text-transform:;">{Source}</font></p>{/block:Source}
  521. </div>
  522. {/block:Quote}
  523.  
  524. {block:Link}
  525. <div id="entry">
  526. <div class="h2"><a href="{URL}" title="{name}"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{name}</font></a></div>{block:Description}{Description}{/block:Description}
  527. </div>
  528. {/block:Link}
  529.  
  530. {block:Chat}
  531. <div id="entry">
  532. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{title}</font>{/block:Title}<br>
  533. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  534. </div>
  535. {/block:Chat}
  536.  
  537. {block:Audio}
  538. <div id="entry">
  539. <div class="audio"><div id="acont"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  540. <div class="aimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="aimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  541. <span class="atext"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{block:TrackName}{TrackName}{/block:TrackName}</font><br>
  542. <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 1pt; text-transform:;">{block:Artist}{Artist}{/block:Artist} ♫ {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</font></span>
  543. <br>
  544. {block:Caption}{Caption}{/block:Caption}
  545. </div>
  546. {/block:Audio}
  547.  
  548. {block:Answer}
  549. <div id="entry">
  550. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}
  551. <div class="question">{Question}</div></div>
  552. <div class="answer">{Answer}</div>
  553. </div>
  554. {/block:Answer}
  555.  
  556.  
  557. {block:Video}
  558. <div id="entry">
  559. {Video-500}
  560. {block:Caption}{Caption}{/block:Caption}
  561. </div>
  562. {/block:Video}
  563.  
  564. <div id="infobox">
  565. <div class="source">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <div style="float:right">{block:RebloggedFrom} <a href="{ReblogParentURL}" title="reblogged from">{ReblogParentName}</a> » {block:ContentSource}<a href="{SourceURL}" title="source">{ReblogRootName}</a>{/block:ContentSource} {/block:RebloggedFrom}</div>
  566. </div></div>
  567.  
  568.  
  569. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}" title="{Tag}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
  570.  
  571. {block:PostNotes}
  572. {PostNotes}
  573. {/block:PostNotes}
  574. </div>
  575. {/block:Posts}
  576. </div>
  577. </div>
  578. </div>
  579. </body>
  580. </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!