API tools faq
paste
Advertisement
sexmeluke

Custom Theme #1- SEXMELUKE

sexmeluke
Jul 20th, 2014
423
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.43 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. <style type="text/css">body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_m2wj7qO4Sm1qfamg6.gif), progress;}</style>
  29. <link href='http://fonts.googleapis.com/css?family=Expletus+Sans' rel='stylesheet' type='text/css'>
  30.  
  31.     <meta name="color:background" content="#FFFFFF">
  32.      <meta name="color:description" content="#FFFFFF">
  33.     <meta name="color:link" content="#000">
  34.     <meta name="color:linkhover" content="##03a0ff">
  35.     <meta name="color:text" content="#000">
  36.     <meta name="color:tags" content="#a8a8a8">
  37.     <meta name="color:scrollbar" content="#000">
  38.    
  39.     <meta name="image:pic1" content="https://38.media.tumblr.com/10ab28b4c5327122c96c54c71871ba7c/tumblr_n8sryqu2QU1so6t6qo5_250.jpg">
  40.     <meta name="image:background" content="" />
  41.  
  42.    
  43.    
  44.     <meta name="text:link1" content="link1">
  45.     <meta name="text:link1 url" content="/">
  46.     <meta name="text:link2" content="link2">
  47.     <meta name="text:link2 url" content="/">
  48.     <meta name="text:link3" content="link3">
  49.     <meta name="text:link3 url" content="/">
  50.     <meta name="text:link4" content="link4">
  51.     <meta name="text:link4 url" content="/">
  52.     <meta name="text:link5" content="link5">
  53.     <meta name="text:link5 url" content="/">
  54.     <meta name="text:link6" content="link6">
  55.     <meta name="text:link6 url" content="/">
  56.     <meta name="text:link7" content="link7">
  57.     <meta name="text:link7 url" content="/">
  58.     <meta name="text:link8" content="link8">
  59.     <meta name="text:link8 url" content="/">
  60.    
  61.    
  62.      
  63.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  64.     <title>{Title}</title>
  65.    
  66.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  67.    
  68.     <link rel="shortcut icon" href="{Favicon}" />
  69.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  70.  
  71.  
  72.     <style type="text/css">
  73.    
  74.   #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 40px; right: 15px;}
  75.  
  76.  
  77.     a {
  78.     color:{color:link};
  79.     text-decoration:none;
  80.     -moz-transition-duration:0.5s;
  81.     -webkit-transition-duration:0.5s;
  82.     -o-transition-duration:0.5s;
  83.     }
  84.    
  85.     a:hover {
  86.     color:{color:linkhover};
  87.     text-decoration:none;
  88.     -moz-transition-duration:0.5s;
  89.     -webkit-transition-duration:0.5s;
  90.     -o-transition-duration:0.5s;
  91.     }
  92.  
  93.    
  94. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:7px}
  95. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  96. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  97.  
  98. body {
  99. background:{color:background} fixed;
  100.  background-image:url('{image:background}');
  101. font-family:calibri;
  102. font-weight:normal;
  103. }
  104.  
  105. h1 {
  106. font-weight:normal;
  107. font-size:10px;
  108. text-align:center;
  109. font-style:normal;
  110. line-height:100%;
  111. letter-spacing:1px;
  112. text-transform:uppercase;
  113. color:{color:text};
  114. }
  115.  
  116. h2 {
  117. font-size:15px;
  118. text-align:center;
  119. line-height:100%;
  120. letter-spacing:-0.5px;
  121. color:{color:text};
  122. font-weight:normal;
  123. padding:5px;
  124. padding-bottom:2px;
  125. }
  126.  
  127.  
  128. blockquote {
  129. border-left:2px solid {color:text};
  130. padding-left:5px;
  131. margin:5px;
  132. }
  133.  
  134.  
  135. #sidebar{
  136.     position:fixed;
  137.    right:50px;
  138.     margin-left:50px;
  139.     width:420px;
  140.     height:800px;
  141.     z-index:1;
  142.     background-color:transparent;
  143.    
  144. }
  145.  
  146. #zigzag img{
  147.     position: fixed;
  148.     right:330px;
  149.     margin-top:-10px;
  150.     height:900px;
  151. }
  152.  
  153.  
  154.  #pic1 img{
  155.      margin-top:40px;
  156.      margin-left:100px;
  157.      position:fixed;
  158.      width:200px;
  159.      height:200px;
  160.      padding:0px;
  161.      border:10px solid black;
  162.      
  163.        -moz-transition-duration:1s;
  164.     -webkit-transition-duration:1s;
  165.     -o-transition-duration:1s;
  166.  }
  167.  
  168. @font-face {font-family:All Ages; src: url(http://static.tumblr.com/zwjcjtj/uJUn8srrs/allagesdemo.ttf); }  
  169.  
  170.  #links{
  171.     width:260px;
  172.     position: fixed;
  173.     margin-top: 280px;
  174.     margin-left:77px;
  175.     font-size: 8px;
  176.     text-align: center;
  177.     padding:0px;
  178.    
  179.     -moz-transition-duration:1s;
  180.     -webkit-transition-duration:1s;
  181.     -o-transition-duration:1s;
  182.    
  183.  }
  184.  
  185.  #links a{
  186.     font-family: Ar Destine;
  187.     width: 100px;
  188.     height:100px;
  189.     line-height: 100px;
  190.     letter-spacing: 1px;
  191.     text-transform: uppercase;
  192.     font-size: 15px;
  193.     color:{color:link};
  194.     border:8px solid black;
  195.     border-radius:100%;
  196.     padding:30px 20px 30px 20px;
  197.     line-height:115px;
  198.     font-weight:bold;
  199.     margin-left:20px;
  200.     background-color:white;
  201.    
  202.    
  203.    -moz-transition-duration:.3s;
  204.     -webkit-transition-duration:.3s;
  205.     -o-transition-duration:.3s;
  206.  }
  207.  
  208.  #links a:hover{
  209.     color:white;
  210.     background-color:black;
  211.    
  212.      -moz-transition-duration:.3s;
  213.     -webkit-transition-duration:.3s;
  214.     -o-transition-duration:.3s;
  215.  }
  216.  
  217.  
  218.  
  219.  @font-face {font-family:Urban Jungle; src: url(http://static.tumblr.com/zwjcjtj/MA3n8sa8w/urbanjungledemo.otf); }  
  220.  
  221.  
  222.  #title{
  223.      margin-top:-10px;
  224.      margin-left:95px;
  225.      width:534px;
  226.      height:100px;
  227.      position:fixed;
  228.      font-family:Urban Jungle;
  229.      font-size:80px;
  230.      background-color:black;
  231.      color:white;
  232.      padding-left:2px;
  233.      padding-top:10px;
  234.      padding-bottom:0px;
  235.  }
  236.  
  237.  
  238.  #desc{
  239.     margin-top:98px;
  240.     margin-left:95px;
  241.     font-family:calibri;
  242.     font-size:12px;
  243.     position:fixed;
  244.     width:530px;
  245.     height:60px;
  246.     color:{color:description};
  247.     background-color:black;
  248.     padding:3px;
  249.     text-align:left;
  250.     overflow-y:scroll;
  251.  }
  252.  
  253.  
  254.     #pagination {
  255.     font-size:10px;
  256.     margin-left:190px;
  257.     margin-top:735px;
  258.     width:50px;
  259.     position:fixed;
  260.     opacity:1;
  261.     color:white;
  262.     background-color:black;
  263.     letter-spacing:0px;
  264.     font-style:normal;
  265.     text-align:center;
  266.    
  267.     -moz-transition-duration:.5s;
  268.     -webkit-transition-duration:.5s;
  269.     -o-transition-duration:.5s;
  270.    
  271.     }
  272.    
  273.     #pagination a{
  274.      color:white;
  275.      
  276.     }
  277.    
  278.     #pagination a:hover{
  279.      color:{color:linkhover};
  280.     }
  281.    
  282.     #wrap{
  283.         border:2px solid black;
  284.     }
  285.    
  286.     #question {
  287.     width:450px;
  288.     height:auto;
  289.     padding:9px;
  290.     font-size:11px;
  291.     letter-spacing:1px;
  292.     font-style:italic;
  293.     text-transform:normal;
  294.     text-align:justify;
  295.     margin-left:0px;
  296.     padding:5px;
  297.     border:3px solid #000;
  298.  
  299.  
  300.     }
  301.    
  302.     #answer {
  303.     width:480px;
  304.     padding:9px;
  305.     padding-bottom:0px;
  306.     letter-spacing:0px;
  307.     font-style:normal;
  308.     text-transform:none;
  309.     text-align:left;
  310.     font-family:calibri;
  311.     line-height:150%;
  312.     }
  313.  
  314.     #portrait img {
  315.     padding:3px;
  316.     border: 3px solid #000;
  317.     }
  318.    
  319.     .asker, .asker a, .asker a:hover {
  320.     color:{color:link};
  321.    font-weight:bold;
  322.     font-family: calibri;
  323.     font-size:12px;
  324.     border-bottom:none;
  325.     font-style:normal;
  326.  
  327.     }
  328.  
  329.     .asker a:hover {
  330.     border-bottom:none;
  331.         color: {color:linkhover};
  332.     }
  333.    
  334.    
  335. #stuffcontainer {
  336.     float:left;
  337.     margin-left:100px;
  338.     margin-top:182px;
  339.     text-align:justify;
  340.     color:white;
  341.     margin-bottom: 35px;
  342.     background-color:white;
  343.     }
  344.  
  345.     #stuff {
  346.     width:500px;
  347.     margin-top:0px;
  348.     padding:15px;
  349.     text-align:justify;
  350.     font-size:11px;
  351.     line-height:90%;
  352.     letter-spacing:0x;
  353.     color:{color:text};
  354.  
  355.     }
  356.    
  357.  
  358.  
  359.     .caption {
  360.     width:500px;
  361.     font-family:trebuchet ms;
  362.     text-align:justify;
  363.     line-height:120%;
  364.    
  365.     }
  366.  
  367.     .audio {
  368.     width:500px;
  369.     padding-bottom:10px;
  370.     background-color:{color:infobg};
  371.     }
  372.    
  373.     .albumart {
  374.     float:left;
  375.     padding:0px 10px 10px 0px;
  376.     }
  377.    
  378.     .albumart img {
  379.     width:45px;
  380.     height:45px;
  381.     }
  382.    
  383.     .playercontainer {
  384.     text-align:center;
  385.     padding:10px;
  386.     background-color:#ffffff;
  387.     width:480px;
  388.     }
  389.    
  390.     .audioinfo {
  391.     padding:10px;
  392.     color:{color:text};
  393.     }
  394.    
  395.    
  396.  
  397.     #postinfo {
  398.     width:490px;
  399.     padding:5px;
  400.     font-size:9px;
  401.     color:#fff;
  402.     font-family:century gothic;
  403.     font-style:lowercase;
  404.     letter-spacing:0px;
  405.     text-align:right;
  406.      background-color:black;
  407.      padding:5px 5px 7px 0px;
  408.    
  409.     -moz-transition-duration:0.5s;
  410.     -webkit-transition-duration:0.5s;
  411.     -o-transition-duration:0.5s;
  412.     }
  413.  
  414.     #postinfo a {
  415.     color:white;
  416.     text-align:center;
  417.     letter-spacing:1px;
  418.     }
  419.    
  420.     #postinfo a:hover {
  421.     color:{color:linkhover};
  422.     }
  423.    
  424.    
  425.     .note {
  426.     text-transform:uppercase;
  427.     font-family:calibri;
  428.     font-style:normal;
  429.     letter-spacing:0px;
  430.     font-size: 9px;
  431.     text-align:left;
  432.     line-height:90%;
  433.     margin-left:-40px;
  434.     }
  435.    
  436.     .note li {
  437.     list-style-type:decimal;
  438.     padding:10px 25px 10px 25px;
  439.     font-size:8px;
  440.     text-align:left;
  441.     margin:0px;
  442.     -moz-transition-duration:0.5s;
  443.     -webkit-transition-duration:0.5s;
  444.     -o-transition-duration:0.5s;
  445.     }
  446.        
  447.     .tags {
  448.     font-style:normal;
  449.     width:500px;
  450.     font-family:tahoma;
  451.     text-transform:lowercase;
  452.     font-style:none;
  453.     color:{color:tags};
  454.     letter-spacing:3px;
  455.     line-height:100%;
  456.     font-size:9px;
  457.     text-align:right;
  458.  
  459.     padding:5px;
  460.     -moz-transition-duration:0.5s;
  461.     -webkit-transition-duration:0.5s;
  462.     -o-transition-duration:0.5s;
  463.     }
  464.    
  465.     .tags a {
  466.     color:{color:tags};
  467.     letter-spacing:1px;
  468.     padding:2px;
  469.     }
  470.    
  471.     .tags a:hover {
  472.     color:{color:linkhover};
  473.     }
  474.    
  475.     ul.chat, .chat ol, .chat li {
  476.     list-style:none;
  477.     margin:0px;
  478.     padding:2px;
  479.     }
  480.    
  481.     .label {
  482.     text-decoration:underline;
  483.     font-weight:700;
  484.     background-color:{color:infobg};
  485.     margin-right:5px;
  486.     }
  487.    
  488.    
  489.  
  490.     #taco {
  491.     font-size:8px;
  492.     font-family:times;
  493.     letter-spacing:1px;
  494.     -moz-transition-duration:0.5s;
  495.     -webkit-transition-duration:0.5s;
  496.     -o-transition-duration:0.5s;
  497.     }
  498.  
  499.     #taco a {
  500.     background-color:#fff;
  501.     color:#A4A4A4;
  502.     padding:5px;
  503.     border:2px solid #ddd;
  504.     position:fixed;
  505.     right:7px;
  506.     bottom:10px
  507.    
  508.     }    
  509.  
  510.     #taco a:hover {
  511.     color:#fff;
  512.     background-color:#000;
  513.     border-radius:110px;
  514.     -moz-transition-duration:2s;
  515.     -webkit-transition-duration:2s;
  516.     -o-transition-duration:2s;
  517.     }
  518.  
  519.  
  520.  
  521.    
  522.     {CustomCSS}
  523.    
  524.  
  525.  
  526.     </style></head>
  527.  
  528.  
  529.  <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>
  530.      
  531. <body>
  532.  
  533. <div id="bar"></div>
  534.  
  535. <div id="zigzag"><img src="https://38.media.tumblr.com/b205cb21b3b53e1f8218ba21c68a5aa7/tumblr_n87wg6CvOW1trl9e3o1_r1_500.png"></div>
  536.  
  537. <div id="sidebar">
  538.    
  539.    
  540.     <div id="pic1"><img src="{image:pic1}"></div>
  541.    
  542.    
  543.     <div id="links">
  544.         <a href="{text:link1 url}">{text:link1}</a>
  545.         <a href="{text:link2 url}">{text:link2}</a><br>
  546.         <a href="{text:link3 url}">{text:link3}</a>
  547.         <a href="{text:link4 url}">{text:link4}</a><br>
  548.         <a href="{text:link5 url}">{text:link5}</a>
  549.         <a href="{text:link6 url}">{text:link6}</a><br>
  550.         <a href="{text:link7 url}">{text:link7}</a>
  551.         <a href="{text:link8 url}">{text:link8}</a>
  552.     </div>
  553.    
  554.    
  555.  
  556.  <div id="pagination">
  557. {block:PreviousPage}
  558. <a href="{PreviousPage}">back</a>
  559. {/block:PreviousPage}
  560. {block:NextPage}
  561. ╼ <a href="{NextPage}">next</a>
  562. {/block:NextPage}
  563. </div>
  564. {/block:Pagination}</div></div>
  565. </div></div>
  566.  
  567.  <div id="desc">{Description}</div>
  568.  
  569. <div id="title">{Title}</div>
  570.   <div id="stuffcontainer">
  571.  
  572. {block:Posts}
  573.  
  574. <div id="stuff">
  575.  
  576. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  577.  
  578. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  579.  
  580. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  581. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  582.  
  583. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  584.  
  585. {block:Photoset}<center>{Photoset-500}</center>
  586. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  587.  
  588. {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}
  589.  
  590. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  591.  
  592. {block:Answer}
  593. <table>
  594. <tr>
  595. <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>
  596. </tr>
  597. </table>
  598. <div id="answer">{Answer}</div>
  599. {/block:Answer}
  600.  
  601. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  602. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  603. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  604. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  605. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  606.  
  607.  
  608. {block:Date}<br>
  609. <div id="postinfo">
  610. {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}
  611. {block:ContentSource} | <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  612. {block:HasTags}
  613. <div class="tags">
  614. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  615. {/block:HasTags}
  616. <div class="note">
  617. {block:PostNotes}{PostNotes}{/block:PostNotes}
  618. </div>
  619. </div>
  620. {/block:Posts}
  621.  
  622. </div>
  623. <div id="taco">
  624. <a href="http://sexmeluke.tumblr.com/">SML</a>
  625.                 </div>
  626.  
  627. </div></div></div>
  628. </body>
  629. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
  • Bait
    YAML | 13 min ago | 0.49 KB
  • Snap
    YAML | 13 min ago | 0.61 KB
  • Lucky
    YAML | 14 min ago | 0.47 KB
  • Momentum
    YAML | 19 min ago | 0.71 KB
  • Chaos
    YAML | 21 min ago | 0.92 KB
  • Phoenix
    YAML | 26 min ago | 0.46 KB
  • Scare
    YAML | 28 min ago | 0.94 KB
  • Launch
    YAML | 30 min ago | 0.57 KB
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!