Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Olympian

By: luhans on Jul 30th, 2012  |  syntax: None  |  size: 16.06 KB  |  hits: 3,594  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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>
create a new version of this paste RAW Paste Data