API tools faq
paste
Advertisement
sexmeluke

Theme #10: Kitty- SEXMELUKE

sexmeluke
Mar 28th, 2014
1,427
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.16 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!
  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.  
  31.     <meta name="color:background" content="#FFFFFF">
  32.     <meta name="color:link" content="#A4A4A4">
  33.     <meta name="color:linkhover" content="#FA5882">
  34.     <meta name="color:text" content="#9A9A9A">
  35.     <meta name="color:tags" content="#848484">
  36.     <meta name="color:scrollbar" content="#000">
  37.    
  38.     <meta name="image:tall" content="http://25.media.tumblr.com/939b2ffdc65cc5864ce7d17046c66b60/tumblr_n1n5io4SpV1t3r5jso1_r1_500.jpg"/>
  39.     <meta name="image:small" content="http://24.media.tumblr.com/tumblr_mb7ay8LVjk1qict4ko1_500.png"/>
  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.     <meta name="text:link6" content="LINK6">
  52.     <meta name="text:link6 url" content="/">
  53.      
  54.        
  55.    
  56.  
  57.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  58.     <title>{Title}</title>
  59.    
  60.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  61.    
  62.     <link rel="shortcut icon" href="{Favicon}" />
  63.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  64.  
  65.  <!-- CHANGE CURSOR URL BELOW TO CUSTOMIZE-->
  66.  <style type="text/css">body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress;}</style>
  67.  
  68.     <style type="text/css">
  69.     #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 40px; right: 15px;}
  70.  
  71.     a {
  72.     color:{color:link};
  73.     text-decoration:none;
  74.     -moz-transition-duration:0.5s;
  75.     -webkit-transition-duration:0.5s;
  76.     -o-transition-duration:0.5s;
  77.     }
  78.    
  79.     a:hover {
  80.     color:{color:linkhover};
  81.     text-decoration:none;
  82.     -moz-transition-duration:0.5s;
  83.     -webkit-transition-duration:0.5s;
  84.     -o-transition-duration:0.5s;
  85.     }
  86.  
  87.    
  88. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:7px}
  89. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  90. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  91.  
  92. body {
  93. background-color:{color:background};
  94. font-family:calibri;
  95. font-weight:normal;
  96. }
  97.  
  98. h1 {
  99. font-weight:normal;
  100. font-size:10px;
  101. text-align:center;
  102. font-style:normal;
  103. line-height:100%;
  104. letter-spacing:1px;
  105. text-transform:uppercase;
  106. color:{color:text};
  107. }
  108.  
  109. h2 {
  110. font-size:15px;
  111. text-align:center;
  112. line-height:100%;
  113. letter-spacing:-0.5px;
  114. color:{color:text};
  115. font-weight:normal;
  116. padding:5px;
  117. padding-bottom:2px;
  118. }
  119.  
  120.  
  121. blockquote {
  122. border-left:2px solid {color:text};
  123. padding-left:5px;
  124. margin:5px;
  125. }
  126.    
  127.     /*-----sidebar-----*/
  128.    
  129.     #sidebar{
  130.     width:500px;
  131.     height:799px;
  132.     position:fixed;
  133.     margin-left:0px;
  134.     margin-top:0px;
  135.     background-color:black;
  136.     border-right:double 7px white;
  137. }
  138.  
  139.  
  140.     #tall img{
  141.         width:336px;
  142.         height:760px;
  143.         margin-left:5px;
  144.         margin-top:5px;
  145.         position:fixed;
  146.         background-color:transparent;
  147.         border:5px solid #D8D8D8;
  148.  }
  149.  
  150.  #small img{
  151.      position:fixed;
  152.      width:120px;
  153.      height:120px;
  154.      margin-left:364px;
  155.      margin-top:50px;
  156.      background-color:transparent;
  157.      border:1px solid white;
  158.      border-radius:100%;
  159.      -moz-transition-duration:1s;
  160.     -webkit-transition-duration:1s;
  161.     -o-transition-duration:1s;
  162.  
  163.  }
  164.  
  165.   #sidebar:hover #small img {
  166.        
  167.     -ms-transform: rotate(360deg);
  168.     -webkit-transform: rotate(360deg);
  169.     -o-transform: rotate(360deg);
  170.     -moz-transform: rotate(360deg);
  171.     opacity:1;
  172.       border-radius:100%;
  173.     -moz-transition-duration:1s;
  174.     -webkit-transition-duration:1s;
  175.     -o-transition-duration:1s;
  176.     }
  177.    
  178. #links {
  179.     width: 80px;
  180.     display: inline-block;
  181.     position: fixed;
  182.     margin-top: 230px;
  183.     margin-left: 349px;
  184.     font-size: 8px;
  185.     text-align: right;
  186.     background-color:transparent;
  187.  
  188.      -moz-transition-duration:.5s;
  189.     -webkit-transition-duration:.5s;
  190.     -o-transition-duration:.5s;
  191. }
  192.  
  193. #links a{
  194.     font-family: calibri;
  195.     display: inline-block;
  196.     width: 70px;
  197.     padding: 7px 8px 7px 0px;
  198.     margin-bottom: 9px;
  199.     line-height: 12px;
  200.     letter-spacing: 1px;
  201.     text-transform: uppercase;
  202.     font-size: 9px;
  203.     color:black;
  204.     background-color:#D8D8D8;
  205.     font-weight:bold;
  206.    
  207.  -moz-transition-duration:.5s;
  208.     -webkit-transition-duration:.5s;
  209.     -o-transition-duration:.5s;
  210. }
  211.  
  212. #links a:hover{
  213.      color:white;
  214.      background-color:black;
  215.      width:100px;
  216.  
  217.      -moz-transition-duration:.5s;
  218.     -webkit-transition-duration:.5s;
  219.     -o-transition-duration:.5s;
  220. }
  221.  
  222.  
  223.    #desc {
  224.    width:125px;
  225.     height:300px;
  226.     margin-left:357px;
  227.     margin-top:450px;
  228.     position:fixed;
  229.     text-align:left;
  230.     line-height:130%;
  231.     font-family:calibri;
  232.     font-style:none;
  233.     font-size:11px;
  234.     padding:5px;
  235.     background-color:transparent;
  236.     color:#E6E6E6;
  237.     border-top:1px solid white;
  238.     overflow-y:scroll;
  239.     }
  240.  
  241.   #pagination {
  242.     font-size:10px;
  243.     margin-left:300px;
  244.     margin-top:210px;
  245.     width:200px;
  246.     position:fixed;
  247.     opacity:1;
  248.     color:white;
  249.     letter-spacing:0px;
  250.     font-style:normal;
  251.     text-align:center;
  252.     -moz-transition-duration:.5s;
  253.     -webkit-transition-duration:.5s;
  254.     -o-transition-duration:.5s;
  255.     }
  256.    
  257.     #pagination a{
  258.         color:white;
  259.        
  260.        
  261.     }
  262.    
  263.     #pagination a:hover{
  264.         color:{color:linkhover};
  265.     }
  266.  
  267.     /*---ask&answer---*/
  268.    
  269.    .ask {
  270.    padding:10px;
  271.     font-family:trebuchet ms;
  272.     text-align:left;
  273.     color:white;
  274.     font-style:italic;
  275.    background-color:black;
  276.     }
  277.  
  278.     .ans {
  279.     text-align:left;
  280.     font-family:trebuchet ms;
  281.     padding:10px;
  282.     color:{color:text};
  283.     }
  284.    
  285.     /*---entries---*/
  286.    
  287.     #stuffcontainer {
  288.     float:left;
  289.     margin-left:600px;
  290.     margin-top:42px;
  291.     text-align:justify;
  292.     background-color:{color:bg};
  293.     color:{color:text};
  294.     margin-bottom: 35px;
  295.     }
  296.  
  297.     #stuff {
  298.     width:500px;
  299.     margin-top:0px;
  300.     padding:15px;
  301.     text-align:justify;
  302.     font-size:11px;
  303.     line-height:90%;
  304.     letter-spacing:0x;
  305.     color:{color:text};
  306.  
  307.     }
  308.  
  309.     .caption {
  310.     width:500px;
  311.     font-family:trebuchet ms;
  312.     text-align:justify;
  313.     line-height:120%;
  314.    
  315.     }
  316.  
  317.     .audio {
  318.     width:500px;
  319.     padding-bottom:10px;
  320.     background-color:{color:infobg};
  321.     }
  322.    
  323.     .albumart {
  324.     float:left;
  325.     padding:0px 10px 10px 0px;
  326.     }
  327.    
  328.     .albumart img {
  329.     width:45px;
  330.     height:45px;
  331.     }
  332.    
  333.     .playercontainer {
  334.     text-align:center;
  335.     padding:10px;
  336.     background-color:#ffffff;
  337.     width:480px;
  338.     }
  339.    
  340.     .audioinfo {
  341.     padding:10px;
  342.     color:{color:text};
  343.     }
  344.  
  345.     #postinfo {
  346.     width:490px;
  347.     padding:5px;
  348.     font-size:9px;
  349.     color:white;
  350.     font-family:calibri;
  351.     font-style:uppercase;
  352.     letter-spacing:2px;
  353.     text-align:center;
  354.     background-color:black;
  355.     -moz-transition-duration:0.5s;
  356.     -webkit-transition-duration:0.5s;
  357.     -o-transition-duration:0.5s;
  358.     }
  359.  
  360.     #postinfo a {
  361.     color:white;
  362.     text-align:center;
  363.     letter-spacing:1px;
  364.    
  365.     }
  366.    
  367.     #postinfo a:hover {
  368.     color:{color:linkhover};
  369.     }
  370.    
  371.     .note {
  372.     text-transform:uppercase;
  373.     font-family:calibri;
  374.     font-style:normal;
  375.     letter-spacing:0px;
  376.     font-size: 9px;
  377.     text-align:left;
  378.     line-height:90%;
  379.     margin-left:-40px;
  380.     }
  381.    
  382.     .note li {
  383.     list-style-type:decimal;
  384.     padding:10px 25px 10px 25px;
  385.     font-size:8px;
  386.     text-align:left;
  387.     margin:0px;
  388.     -moz-transition-duration:0.5s;
  389.     -webkit-transition-duration:0.5s;
  390.     -o-transition-duration:0.5s;
  391.     }
  392.        
  393.     .tags {
  394.     font-style:normal;
  395.     width:500px;
  396.     font-family:tahoma;
  397.     text-transform:lowercase;
  398.     font-style:none;
  399.     color:{color:tags};
  400.     letter-spacing:3px;
  401.     line-height:100%;
  402.     font-size:9px;
  403.     text-align:center;
  404.  
  405.     padding:5px;
  406.     -moz-transition-duration:0.5s;
  407.     -webkit-transition-duration:0.5s;
  408.     -o-transition-duration:0.5s;
  409.     }
  410.    
  411.     .tags a {
  412.     color:{color:tags};
  413.     letter-spacing:1px;
  414.     padding:2px;
  415.     }
  416.    
  417.     .tags a:hover {
  418.     color:{color:link};
  419.     }
  420.    
  421.     ul.chat, .chat ol, .chat li {
  422.     list-style:none;
  423.     margin:0px;
  424.     padding:2px;
  425.     }
  426.    
  427.     .label {
  428.     text-decoration:underline;
  429.     font-weight:700;
  430.     background-color:{color:infobg};
  431.     margin-right:5px;
  432.     }
  433.    
  434.    
  435.  
  436.  
  437.     #cred {
  438.     font-size:8px;
  439.     font-family:times;
  440.     letter-spacing:1px;
  441.     -moz-transition-duration:0.5s;
  442.     -webkit-transition-duration:0.5s;
  443.     -o-transition-duration:0.5s;
  444.     }
  445.  
  446.     #cred a {
  447.     background-color:transparent;
  448.     color:#a8a8a8;
  449.     padding:5px;
  450.     border:2px solid #ddd;
  451.     position:fixed;
  452.     right:7px;
  453.     bottom:10px
  454.     }    
  455.  
  456.  
  457.     #cred a:hover {
  458.     color:#fff;
  459.     background-color:#000;
  460.     border-radius:110px;
  461.     -moz-transition-duration:2s;
  462.     -webkit-transition-duration:2s;
  463.     -o-transition-duration:2s;
  464.     }
  465.  
  466.  
  467.    
  468.     {CustomCSS}
  469.    
  470.  
  471.  
  472.     </style></head>
  473.    
  474.  
  475.    <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="http://i1336.photobucket.com/albums/o649/thelostwhile/02-1_zps696c11bb.png" border="0"></a>
  476.    
  477. <body>
  478.  
  479. </center></div></div>
  480.  
  481.  
  482.  <div id="sidebar">
  483.  <div id="desc">{Description}</div>
  484.  <div id="small">
  485.  <img src="{image:small}"></div>
  486.  <div id="links">
  487. <a href="{text:link1 url}">{text:link1}</a>
  488. <a href="{text:link2 url}">{text:link2}</a>
  489. <a href="{text:link3 url}">{text:link3}</a>
  490. <a href="{text:link4 url}">{text:link4}</a>
  491. <a href="{text:link5 url}">{text:link5}</a>
  492. <a href="{text:link6 url}">{text:link6}</a>
  493.  </div>
  494.  <div id="tall">
  495.  <img src="{image:tall}">
  496.      
  497.  </div>
  498.  
  499.  <div id="pagination">
  500. {block:PreviousPage}
  501. <a href="{PreviousPage}">back</a>
  502. {/block:PreviousPage}
  503. {block:NextPage}
  504. ╼ <a href="{NextPage}">next</a>
  505. {/block:NextPage}
  506. </div>
  507. {/block:Pagination}</div></div>
  508. </div>
  509.  
  510.  
  511.  
  512.  
  513.  </div>
  514.  
  515.   <div id="stuffcontainer">
  516.  
  517. {block:Posts}
  518.  
  519. <div id="stuff">
  520.  
  521. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  522.  
  523. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  524.  
  525. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  526. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  527.  
  528. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  529.  
  530. {block:Photoset}<center>{Photoset-500}</center>
  531. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  532.  
  533. {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}
  534.  
  535. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  536.  
  537. {block:Answer}<div class="ask">{Asker}:{Question}</div><div class="ans">{Answer}</div>{/block:answer}
  538.  
  539. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  540. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  541. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  542. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  543. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  544.  
  545.  
  546.  
  547. {block:Date}<br>
  548. <div id="postinfo">
  549. {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}
  550. {block:ContentSource} | <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  551. {block:HasTags}
  552. <div class="tags">
  553. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  554. {/block:HasTags}
  555. <div class="note">
  556. {block:PostNotes}{PostNotes}{/block:PostNotes}
  557. </div>
  558. </div>
  559. {/block:Posts}
  560.  
  561.  
  562.  
  563. </div>
  564. <div id="cred">
  565. <a href="http://sexmeluke.tumblr.com/">SML</a>
  566.                 </div>
  567.  
  568. </div></div></div>
  569.  
  570. </body>
  571. </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!