API tools faq
paste
sexmeluke

Theme #17: Escape - SEXMELUKE

sexmeluke
Jun 23rd, 2014
1,908
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.10 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. <!-----------------------------------------------------------------
  4.  
  5.                 THEMES BY
  6.   ╭━━━┳━━━┳━╮╭━┳━╮╭━┳━━━┳╮╱╱╭╮╱╭┳╮╭━┳━━━╮
  7.   ┃╭━╮┃╭━━┻╮╰╯╭┫┃╰╯┃┃╭━━┫┃╱╱┃┃╱┃┃┃┃╭┫╭━━╯
  8.   ┃╰━━┫╰━━╮╰╮╭╯┃╭╮╭╮┃╰━━┫┃╱╱┃┃╱┃┃╰╯╯┃╰━━╮
  9.   ╰━━╮┃╭━━╯╭╯╰╮┃┃┃┃┃┃╭━━┫┃╱╭┫┃╱┃┃╭╮┃┃╭━━╯
  10.   ┃╰━╯┃╰━━┳╯╭╮╰┫┃┃┃┃┃╰━━┫╰━╯┃╰━╯┃┃┃╰┫╰━━╮
  11.   ╰━━━┻━━━┻━╯╰━┻╯╰╯╰┻━━━┻━━━┻━━━┻╯╰━┻━━━╯
  12.  
  13. ******** All themes are optimized for google chrome*********
  14.  
  15. • Don't remove or change the credit
  16.  
  17. • Don't use my themes as a base code
  18.  
  19. • Only edit my themes for personal use
  20.  
  21. • Send me an ask if you need help
  22.  
  23. • Send me an ask OFF ANON!- I can help you better that way
  24. ------------------------------------------------------------------------>
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27. <head>
  28. <link href='http://fonts.googleapis.com/css?family=Expletus+Sans' rel='stylesheet' type='text/css'>
  29.  
  30.     <meta name="color:background" content="#FFFFFF">
  31.     <meta name="color:link" content="#86649b">
  32.     <meta name="color:linkhover" content="#dccbe7">
  33.     <meta name="color:text" content="#888888">
  34.     <meta name="color:tags" content="#a8a8a8">
  35.     <meta name="color:scrollbar" content="#9d9d9d">
  36.    
  37.     <meta name="image:pic1" content="http://static.tumblr.com/dac0760fc46a61861fa3ea081247ac5f/zwjcjtj/BXXn7ngun/tumblr_static_90736bgnwr8ck0kgwo44884gs.jpg">
  38.  
  39.    
  40.    
  41.     <meta name="text:link1" content="link1">
  42.     <meta name="text:link1 url" content="/">
  43.     <meta name="text:link2" content="link2">
  44.     <meta name="text:link2 url" content="/">
  45.     <meta name="text:link3" content="link3">
  46.     <meta name="text:link3 url" content="/">
  47.     <meta name="text:link4" content="link4">
  48.     <meta name="text:link4 url" content="/">
  49.     <meta name="text:link5" content="link5">
  50.     <meta name="text:link5 url" content="/">
  51.    
  52.      
  53.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54.     <title>{Title}</title>
  55.    
  56.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57.    
  58.     <link rel="shortcut icon" href="{Favicon}" />
  59.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60.  
  61.  
  62.  <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  63.  
  64.     <style type="text/css">
  65.     #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 50px; right: 15px;}
  66.  
  67.     a {
  68.     color:{color:link};
  69.     text-decoration:none;
  70.     -moz-transition-duration:0.5s;
  71.     -webkit-transition-duration:0.5s;
  72.     -o-transition-duration:0.5s;
  73.     }
  74.    
  75.     a:hover {
  76.     color:{color:linkhover};
  77.     text-decoration:none;
  78.     -moz-transition-duration:0.5s;
  79.     -webkit-transition-duration:0.5s;
  80.     -o-transition-duration:0.5s;
  81.     }
  82.  
  83.    
  84. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:5px}
  85. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  86. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  87.  
  88. body {
  89.     background-color:{color:background};
  90.     font-family:calibri;
  91.     font-weight:normal;
  92.     line-height:100%
  93.     }
  94.  
  95. h1 {
  96.     font-weight:normal;
  97.     font-size:10px;
  98.     text-align:center;
  99.     font-style:normal;
  100.     line-height:100%;
  101.     letter-spacing:1px;
  102.     text-transform:uppercase;
  103.     color:{color:text};
  104.     }
  105.  
  106. h2 {
  107.     font-size:15px;
  108.     text-align:center;
  109.     line-height:100%;
  110.     letter-spacing:-0.5px;
  111.     color:{color:text};
  112.     font-weight:normal;
  113.     padding:5px;
  114.     padding-bottom:2px;
  115.     }
  116.  
  117.  
  118. blockquote {
  119.     border-left:2px solid {color:text};
  120.     padding-left:5px;
  121.     margin:5px;
  122.     line-height:100%;
  123.     }
  124.  
  125.  
  126. #sidebar{
  127.     position:fixed;
  128.     margin-top:100px;
  129.     margin-left:50px;
  130.     width:420px;
  131.     height:600px;
  132.     z-index:-1;
  133.    
  134. }
  135.  
  136.  
  137.  
  138.  #pic1 img{
  139.      margin-top:160px;
  140.      margin-left:100px;
  141.      position:fixed;
  142.      width:120px;
  143.      height:120px;
  144.      border:3px solid #D8D8D8;
  145.      padding:3px;
  146.        -moz-transition-duration:1s;
  147.     -webkit-transition-duration:1s;
  148.     -o-transition-duration:1s;
  149.  }
  150.  
  151.  
  152.  
  153.  
  154.  
  155.  #links{
  156.     width: 80px;
  157.     position: fixed;
  158.     margin-top: 160px;
  159.     margin-left: 250px;
  160.     font-size: 8px;
  161.     text-align: center;
  162.     background-color:transparent;
  163.  
  164.  
  165.  
  166.      -moz-transition-duration:1s;
  167.     -webkit-transition-duration:1s;
  168.     -o-transition-duration:1s;
  169.    
  170.  }
  171.  
  172.  #links a{
  173.       font-family: calibri;
  174.     display: inline-block;
  175.     width: 50px;
  176.     padding: 6.5px 0px 6.5px 0px;
  177.     margin-bottom: 2px;
  178.     line-height: 100%;
  179.     letter-spacing: 1px;
  180.     text-transform: uppercase;
  181.     font-size: 9px;
  182.     color:{color:text};
  183.       border-bottom:1px solid #D8D8D8;
  184.  
  185.    
  186.    -moz-transition-duration:.3s;
  187.     -webkit-transition-duration:.3s;
  188.     -o-transition-duration:.3s;
  189.  }
  190.  #links a:hover{
  191.      color:white;
  192.  background-color:#A4A4A4;
  193.      -moz-transition-duration:.3s;
  194.     -webkit-transition-duration:.3s;
  195.     -o-transition-duration:.3s;
  196.  }
  197.  
  198.  
  199.  
  200.  #desc{
  201.       margin-top:320px;
  202.     margin-left:95px;
  203.     font-family:calibri;
  204.     font-size:11px;
  205.     position:fixed;
  206.     width:230px;
  207.     height:auto;
  208.     color:{color:text};
  209.     padding:3px;
  210.     text-align:left;
  211.     border-top:1px solid #A4A4A4;
  212.  }
  213.  
  214.  
  215.     #pagination {
  216.     font-size:10px;
  217.     margin-left:285px;
  218.     margin-top:305px;
  219.     width:50px;
  220.     position:fixed;
  221.     opacity:1;
  222.     color:#A4A4A4;
  223.    
  224.     letter-spacing:0px;
  225.     font-style:normal;
  226.     text-align:center;
  227.     -moz-transition-duration:.5s;
  228.     -webkit-transition-duration:.5s;
  229.     -o-transition-duration:.5s;
  230.    
  231.     }
  232.    
  233.     #pagination a{
  234.      color:#A4A4A4;
  235.     }
  236.    
  237.     #pagination a:hover{
  238.      color:{color:linkhover};
  239.     }
  240.    
  241.     #wrap{
  242.         border:2px solid black;
  243.     }
  244.    
  245.     #question {
  246.     width:450px;
  247.     height:auto;
  248.     padding:9px;
  249.     font-size:11px;
  250.     letter-spacing:1px;
  251.     font-style:italic;
  252.     text-transform:normal;
  253.     text-align:justify;
  254.     margin-left:0px;
  255.     padding:5px;
  256.     border:3px solid #D8D8D8;
  257.  
  258.     }
  259.    
  260.     #answer {
  261.     width:480px;
  262.     padding:9px;
  263.     padding-bottom:0px;
  264.     letter-spacing:0px;
  265.     font-style:normal;
  266.     text-transform:none;
  267.     text-align:left;
  268.     font-family:calibri;
  269.     line-height:150%;
  270.     }
  271.  
  272.     #portrait img {
  273.     padding:3px;
  274.     border: 3px solid #D8D8D8;
  275.     }
  276.    
  277.     .asker, .asker a, .asker a:hover {
  278.     color:{color:link};
  279.    font-weight:bold;
  280.     font-family: calibri;
  281.     font-size:12px;
  282.     border-bottom:none;
  283.     font-style:normal;
  284.  
  285.     }
  286.  
  287.     .asker a:hover {
  288.     border-bottom:none;
  289.         color: {color:linkhover};
  290.     }
  291.    
  292.    
  293.  
  294.     #stuffcontainer {
  295.     float:left;
  296.     margin-left:600px;
  297.     margin-top:12px;
  298.     text-align:justify;
  299.     background-color:{color:bg};
  300.     color:{color:text};
  301.     margin-bottom: 35px;
  302.    width:500px;
  303.     }
  304.  
  305.     #stuff {
  306.     width:500px;
  307.     margin-top:0px;
  308.     padding:15px;
  309.     text-align:justify;
  310.     font-size:11px;
  311.     line-height:90%;
  312.     letter-spacing:0x;
  313.     color:{color:text};
  314.    
  315.     }
  316.    
  317.  
  318.  
  319.     .caption {
  320.     width:500px;
  321.     font-family:trebuchet ms;
  322.     text-align:justify;
  323.     line-height:120%;
  324.    
  325.     }
  326.  
  327.     .audio {
  328.     width:500px;
  329.     padding-bottom:10px;
  330.     background-color:{color:infobg};
  331.     }
  332.    
  333.     .albumart {
  334.     float:left;
  335.     padding:0px 10px 10px 0px;
  336.     }
  337.    
  338.     .albumart img {
  339.     width:45px;
  340.     height:45px;
  341.     }
  342.    
  343.     .playercontainer {
  344.     text-align:center;
  345.     padding:10px;
  346.     background-color:#ffffff;
  347.     width:480px;
  348.     }
  349.    
  350.     .audioinfo {
  351.     padding:10px;
  352.     color:{color:text};
  353.     }
  354.  
  355.     #postinfo {
  356.     width:490px;
  357.     padding:5px;
  358.     font-size:9px;
  359.     color:#A4A4A4;
  360.     font-family:century gothic;
  361.     font-style:lowercase;
  362.     letter-spacing:0px;
  363.     text-align:right;
  364.     border-top:1px solid #D8D8D8;
  365.     -moz-transition-duration:0.5s;
  366.     -webkit-transition-duration:0.5s;
  367.     -o-transition-duration:0.5s;
  368.     }
  369.  
  370.     #postinfo a {
  371.     color:#A4A4A4;
  372.     text-align:center;
  373.     letter-spacing:1px;
  374.     }
  375.    
  376.     #postinfo a:hover {
  377.     color:{color:linkhover};
  378.     }
  379.    
  380.     .note {
  381.     text-transform:uppercase;
  382.     font-family:calibri;
  383.     font-style:normal;
  384.     letter-spacing:0px;
  385.     font-size: 9px;
  386.     text-align:left;
  387.     line-height:90%;
  388.     margin-left:-40px;
  389.     }
  390.    
  391.     .note li {
  392.     list-style-type:decimal;
  393.     padding:10px 25px 10px 25px;
  394.     font-size:8px;
  395.     text-align:left;
  396.     margin:0px;
  397.     -moz-transition-duration:0.5s;
  398.     -webkit-transition-duration:0.5s;
  399.     -o-transition-duration:0.5s;
  400.     }
  401.        
  402.     .tags {
  403.     font-style:normal;
  404.     width:500px;
  405.     font-family:tahoma;
  406.     text-transform:lowercase;
  407.     font-style:none;
  408.     color:{color:tags};
  409.     letter-spacing:3px;
  410.     line-height:100%;
  411.     font-size:9px;
  412.     text-align:right;
  413.  
  414.     padding:5px;
  415.     -moz-transition-duration:0.5s;
  416.     -webkit-transition-duration:0.5s;
  417.     -o-transition-duration:0.5s;
  418.     }
  419.    
  420.     .tags a {
  421.     color:{color:tags};
  422.     letter-spacing:1px;
  423.     padding:2px;
  424.     }
  425.    
  426.     .tags a:hover {
  427.     color:{color:link};
  428.     }
  429.    
  430.     ul.chat, .chat ol, .chat li {
  431.     list-style:none;
  432.     margin:0px;
  433.     padding:2px;
  434.     }
  435.    
  436.     .label {
  437.     text-decoration:underline;
  438.     font-weight:700;
  439.     background-color:{color:infobg};
  440.     margin-right:5px;
  441.     }
  442.    
  443.    
  444.  
  445.     #taco {
  446.     font-size:8px;
  447.     font-family:times;
  448.     letter-spacing:1px;
  449.     -moz-transition-duration:0.5s;
  450.     -webkit-transition-duration:0.5s;
  451.     -o-transition-duration:0.5s;
  452.     }
  453.  
  454.     #taco a {
  455.     background-color:#fff;
  456.     color:#A4A4A4;
  457.     padding:5px;
  458.     border:2px solid #ddd;
  459.     position:fixed;
  460.     right:7px;
  461.     bottom:10px
  462.    
  463.     }    
  464.  
  465.     #taco a:hover {
  466.     color:#fff;
  467.     background-color:#000;
  468.     border-radius:110px;
  469.     -moz-transition-duration:2s;
  470.     -webkit-transition-duration:2s;
  471.     -o-transition-duration:2s;
  472.     }
  473.  
  474.  
  475.  
  476.    
  477.     {CustomCSS}
  478.    
  479.  
  480.  
  481.     </style></head>
  482.        
  483. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="https://lh4.googleusercontent.com/-2vvAYxnLRTA/T68Vc2ShbSI/AAAAAAAAAtI/mWweb7Rtu3g/s54/SH%2521%2520button1.png" border="0"></a>
  484.    
  485. <body>
  486.  
  487.  
  488.  
  489. <div id="sidebar">
  490.    
  491.    
  492.     <div id="pic1"><img src="{image:pic1}"></div>
  493.    
  494.    
  495.     <div id="links">
  496.         <a href="{text:link1 url}">{text:link1}</a>
  497.         <a href="{text:link2 url}">{text:link2}</a>
  498.         <a href="{text:link3 url}">{text:link3}</a>
  499.         <a href="{text:link4 url}">{text:link4}</a>
  500.         <a href="{text:link5 url}">{text:link5}</a>
  501.     </div>
  502.    
  503.     <div id="desc">{Description}</div>
  504.  
  505.  
  506.  <div id="pagination">
  507. {block:PreviousPage}
  508. <a href="{PreviousPage}">back</a>
  509. {/block:PreviousPage}
  510. {block:NextPage}
  511. ╼ <a href="{NextPage}">next</a>
  512. {/block:NextPage}
  513. </div>
  514. {/block:Pagination}</div></div>
  515. </div></div>
  516.  
  517.  
  518.   <div id="stuffcontainer">
  519.  
  520. {block:Posts}
  521.  
  522. <div id="stuff">
  523.  
  524. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  525.  
  526. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  527.  
  528. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  529. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  530.  
  531. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  532.  
  533. {block:Photoset}<center>{Photoset-500}</center>
  534. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  535.  
  536. {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}
  537.  
  538. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  539.  
  540. {block:Answer}
  541. <table>
  542. <tr>
  543. <td style="vertical-align:top; margin:0px; "><div id="portrait"><img src="{AskerPortraitURL-30}" /></td><td><div id="question"><span class="asker">{Asker}</span>: {Question}</div></td>
  544. </tr>
  545. </table>
  546. <div id="answer">{Answer}</div>
  547. {/block:Answer}
  548.  
  549. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  550. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  551. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  552. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  553. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  554.  
  555.  
  556.  
  557. {block:Date}<br>
  558. <div id="postinfo">
  559. {Month} {DayOfMonth} | <a href="{Permalink}">{12Hour}:{Minutes}</a>{block:NoteCount} | <a href="{Permalink}">{NoteCount}♥</a>{/block:NoteCount}{block:RebloggedFrom} | <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  560. {block:ContentSource} | <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  561. {block:HasTags}
  562. <div class="tags">
  563. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  564. {/block:HasTags}
  565. <div class="note">
  566. {block:PostNotes}{PostNotes}{/block:PostNotes}
  567. </div>
  568. </div>
  569. {/block:Posts}
  570.  
  571.  
  572.  
  573. </div>
  574. <div id="taco">
  575. <a href="http://sexmeluke.tumblr.com/">SML</a>
  576.                 </div>
  577.  
  578. </div></div></div>
  579. </body>
  580. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!