API tools faq
paste
Advertisement
sexstilinski

theme 04

sexstilinski
Aug 23rd, 2015
274
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 15.10 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!doctype html>
  5. <html lang="en">
  6.  
  7. <!--
  8.  
  9. THEME BY SPIDERMN
  10.  
  11. FEEL FREE TO EDIT AS YOU PLEASE, BUT DO NOT STEAL
  12.  
  13. DO NOT TOUCH THE CREDIT
  14.  
  15. -->
  16.  
  17. <!-- SCRIPTS -->
  18. {block:ifLazyLoad}
  19. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  22.  
  23. <script type="text/javascript" charset="utf-8">
  24. var $j = jQuery.noConflict();
  25. $j(function() {
  26. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  27. $j("img").lazyload({
  28. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  29. effect: "fadeIn",
  30. });
  31. });
  32. </script>
  33. {/block:ifLazyLoad}
  34.  
  35. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  36.  
  37. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  40. <script>
  41. (function($){
  42. $(document).ready(function(){
  43. $("[title]").style_my_tooltips({
  44. tip_follows_cursor:true,
  45. tip_delay_time:200,
  46. tip_fade_speed:300
  47. });
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52.     <title>{Title}</title>
  53.     <link rel="shortcut icon" href="{Favicon}">
  54.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  55.     <meta name="description" content="" />
  56.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  57.    
  58.  
  59.     <meta name="color:Background" content="#FFFFFF">
  60.     <meta name="color:Link" content="#5D5C5C">
  61.     <meta name="color:Link Hover" content="#DDDDDDD">
  62.     <meta name="color:Text" content="#4F4E4E">
  63.     <meta name="color:Title" content="#4F4E4E">
  64.     <meta name="color:Title Border" content="#4F4E4E">
  65.     <meta name="color:Scrollbar" content="#EAEAEA">
  66.     <meta name="color:Blockquote" content="#EAEAEA">
  67.     <meta name="color:Sidebar Img Border" content="#F5F5F5">
  68.     <meta name="color:Borders" content="#EAEAEA">
  69.     <meta name="color:Tooltip" content="#FFFFFF">
  70.    
  71.     <meta name="image:Sidebar" content=""/>
  72.    
  73.     <meta name="text:Link1 Title" content="inbox"/>
  74.     <meta name="text:Link1" content="/ask"/>
  75.     <meta name="text:Link2 Title" content="link2"/>
  76.     <meta name="text:Link2" content="/"/>
  77.     <meta name="text:Link3 Title" content="link3"/>
  78.     <meta name="text:Link3" content="/"/>
  79.     <meta name="text:Link4 Title" content="link4"/>
  80.     <meta name="text:Link4" content="/"/>
  81.     <meta name="text:Link5 Title" content="link5"/>
  82.     <meta name="text:Link5" content="/"/>
  83.    
  84.     <meta name="if:Lazy Load" content="1"/>
  85.     <meta name="if:Show Desc" content="0"/>
  86.     <meta name="if:Show 400px posts" content="0"/>
  87.     <meta name="if:Show Link1" content="1"/>
  88.     <meta name="if:Show Link2" content="1"/>
  89.     <meta name="if:Show Link3" content="1"/>
  90.     <meta name="if:Show Link4" content="1"/>
  91.     <meta name="if:Show Link5" content="1"/>
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96.     ::-webkit-scrollbar {background-color:{color:Background}; height:4px; width:6px}
  97.     ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:50px}
  98.     ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; height:8px!important}
  99.  
  100.  
  101.     h1 {
  102.     font-weight:normal;
  103.     font-size:10px;
  104.     text-align:center;
  105.     font-style:italic;
  106.     line-height:50%;
  107.     letter-spacing:0px;
  108.     font-family:calibri;
  109.     text-transform:none;
  110.     color:{color:Text};
  111.     }
  112.    
  113.     h2 {
  114.     color:{color:Text};
  115.     font-family:sans-serif;
  116.     font-size:11px;
  117.     text-transform:uppercase;
  118.     line-height:100%;
  119.     padding-bottom:9px;
  120.     letter-spacing:1px;
  121.     border-bottom: 1px solid #f5f5f5;
  122.     }
  123.  
  124.     pre {
  125.     {block:ifNotShow400pxposts}
  126.     width:500px;
  127.     {/block:ifNotShow400pxposts}
  128.     {block:ifShow400pxposts}
  129.     width:400px;
  130.     {/block:ifShow400pxposts}
  131.     text-align: left;
  132.     word-wrap: break-word;
  133.     color:{color:Text};
  134.     }
  135.    
  136.     blockquote {
  137.     border-left:1px solid {color:Blockquote};
  138.     padding-left:6px;
  139.     margin:8px;
  140.     }
  141.    
  142.     body {
  143.         color:{color:Text};
  144.         background-color:{color:Background};
  145.     }
  146.        
  147.         /* LINKS */
  148.        
  149.         a {
  150.         color:{color:Link};
  151.         text-decoration: none;
  152.         -moz-transition-duration: 0.5s;
  153.         -o-transition-duration: 0.5s;
  154.         -webkit-transition-duration: 0.5s;
  155.         transition-duration: 0.5s;
  156.         }
  157.  
  158.     a:hover {
  159.     color:{color:Link Hover};
  160.     -moz-transition-duration: 0.5s;
  161.     -o-transition-duration: 0.5s;
  162.     -webkit-transition-duration: 0.5s;
  163.     transition-duration: 0.5s;
  164.     }
  165.        
  166.         /* SIDEBAR */
  167.        
  168.     .sidebar {
  169.     display:block;
  170.     position:fixed;
  171.     width:180px;
  172.     margin-left:36px;
  173.     top:222px;
  174.     padding:15px 15px 10px 15px;
  175.     }
  176.        
  177.     /* SIDEBAR IMG */
  178.    
  179.     .sidebarimage {
  180.     border:3px solid {color:Sidebar Img Border};
  181.     width:58px;
  182.     display:block;
  183.     }
  184.    
  185.     .sidebarimage img {
  186.     width:58px;
  187.     margin-left:-85px;
  188.     margin-bottom:-75px;
  189.     display:block;
  190.     }
  191.    
  192.         /* TITLE */
  193.    
  194.     .title {
  195.     width:235px;
  196.     padding:2px;
  197.     padding-bottom:3px;
  198.     margin-left:132px;
  199.     margin-top:-51px;
  200.     color:{color:Title};
  201.     font-family:sans-serif;
  202.     font-size:15px;
  203.     font-style:italic;
  204.     text-transform:uppercase;
  205.     text-align:center;
  206.     line-height:100%;
  207.     letter-spacing:1px;
  208.     border-bottom:1px solid {color:Title Border};
  209.     }
  210.    
  211.     .title a {
  212.     color:{color:Title};
  213.     }
  214.    
  215.     .title a:hover {
  216.     color:{color:Title};
  217.     }
  218.    
  219.     /* SIDE LINKS */
  220.    
  221.     .links {
  222.     width:235px;
  223.     margin-left:132px;
  224.     margin-top:8px;
  225.     font-size:10px;
  226.     font-family:arial;
  227.     color:{color:Text};
  228.     font-style:italic;
  229.     text-align:center;
  230.     text-transform:uppercase;
  231.     }
  232.    
  233.     /* DESCRIPTION */
  234.     .desc {
  235.     width:238px;
  236.     margin-left:132px;
  237.     margin-top:8px;
  238.     border-top:1px solid {color:Title Border};
  239.     padding-top:7px;
  240.     text-align:center;
  241.     font-size:10.4px;
  242.     font-family:arial;
  243.     opacity:0;
  244.     }
  245.    
  246.     .sidebar:hover .desc {
  247.     opacity:1;
  248.     -moz-transition-duration:1s;
  249.     -webkit-transition-duration:1s;
  250.     -o-transition-duration:1s;
  251.     }
  252.    
  253.     /* CONTAINER */
  254.    
  255.     .container {
  256.     width:900px;
  257.     margin: auto;
  258.     margin-top:-8px;
  259.     }
  260.    
  261.     /* POST CONTAINER */
  262.  
  263.     .postscontainer {
  264.     {block:ifNotShow400pxposts}
  265.     max-width:500px;
  266.     {/block:ifNotShow400pxposts}
  267.     {block:ifShow400pxposts}
  268.     max-width:400px;
  269.     {/block:ifShow400pxposts}
  270.     margin: auto;
  271.     margin-top:-30px;
  272.     margin-left:542px;
  273.     }
  274.    
  275.     /* POSTS */
  276.  
  277.     .posts {
  278.     {block:ifNotShow400pxposts}
  279.     width:500px;
  280.     {/block:ifNotShow400pxposts}
  281.     {block:ifShow400pxposts}
  282.     width:400px;
  283.     {/block:ifShow400pxposts}
  284.     line-height:100%;
  285.     font-size:10px;
  286.     font-family:calibri;
  287.     margin-top:80px;
  288.     text-align:justify;
  289.     }
  290.    
  291.     /* POST IMG */
  292.    
  293.     .posts img {
  294.     {block:ifNotShow400pxposts}
  295.     max-width:500px;
  296.     {/block:ifNotShow400pxposts}
  297.     {block:ifShow400pxposts}
  298.     max-width:400px;
  299.     {/block:ifShow400pxposts}
  300.     }
  301.    
  302.     /* POST INFO */
  303.  
  304.     #note {
  305.     float:right;
  306.     }
  307.      
  308.     #info {
  309.     font-family:arial;
  310.     margin-top:9px;
  311.     padding:2px;
  312.     padding-top:10px;
  313.     font-size:7px;
  314.     color:{color:link};
  315.     text-transform:uppercase;
  316.     font-style:normal;
  317.     letter-spacing:1px;
  318.     text-align:left;
  319.     border-top: 1px solid {color:Borders};
  320.     }
  321.    
  322.     /* POST TAGS */
  323.  
  324.     .tags {
  325.     font-family:arial;
  326.     font-style:normal;
  327.     text-transform:uppercase;
  328.     font-style:normal;
  329.     color:{color:tags};
  330.     margin-top:7px;
  331.     line-height:120%;
  332.     font-size:7px;
  333.     text-align:left;
  334.     padding-bottom:10px;
  335.     border-bottom: 1px solid {color:Borders};
  336.     }
  337.    
  338.     /* POST NOTES */
  339.    
  340.     .postnote {
  341.     {block:ifNotShow400pxposts}
  342.     width:500px;
  343.     {/block:ifNotShow400pxposts}
  344.     {block:ifShow400pxposts}
  345.     width:400px;
  346.     {/block:ifShow400pxposts}
  347.     font-family:calibri;
  348.     text-transform:lowercase;
  349.     font-size:10px;
  350.     text-align:left;
  351.     line-height:90%;
  352.     margin-left:-22px;
  353.     }
  354.    
  355.     .postnote img {
  356.     width:14px;
  357.     padding:2px;
  358.     margin:2px 7px -3px 6px;
  359.     text-align:left;
  360.     }
  361.    
  362.     /* MUSIC POST */
  363.    
  364.     .acont {
  365.     height:75px;
  366.     width:auto;
  367.     }
  368.    
  369.     .playbutton {
  370.     width:20px;
  371.     height:30px;
  372.     z-index:2;
  373.     position:relative;
  374.     overflow:hidden;
  375.     }
  376.  
  377.     .playbox {
  378.     background:#ffffff;
  379.     opacity:0.7;
  380.     z-index:2;
  381.     position:absolute;
  382.     padding:15px 24px 15px 16px;
  383.     margin-top:7.5px;
  384.     margin-left:6px;
  385.     }
  386.    
  387.     .coverart {
  388.     width:60px;
  389.     float:left;
  390.     position:relative;
  391.     z-index:1;
  392.     margin-top:7.5px;
  393.     margin-left:6px;
  394.     }
  395.  
  396.     .audiotext {
  397.     font-family:arial;
  398.     font-size:8px;
  399.     color:#4F4E4E;
  400.     letter-spacing:1px;
  401.     text-transform:uppercase;
  402.     padding-top:23px;
  403.     margin-left:78px;
  404.     text-align:left;
  405.     margin-bottom:40px;
  406.     }
  407.    
  408.     /* QUOTE POST */
  409.    
  410.     .quote {
  411.     font-size:10px;
  412.     font-family:calibri;
  413.     letter-spacing:0px;
  414.     line-height:90%;
  415.     font-weight:normal;
  416.     text-align:center;
  417.     }
  418.    
  419.     .source {
  420.     font-family:calibri;
  421.     font-size:10px;
  422.     font-style:italic;
  423.     text-align:right;
  424.     margin-top:8px;
  425.     }
  426.    
  427.     /* CHAT POST */
  428.    
  429.     .chat ol {
  430.     font-size:10px;
  431.     font-family:calibri;
  432.     line-height:100%;
  433.     padding:0px;
  434.     list-style:none;
  435.     }
  436.    
  437.     .label {
  438.     font-size:10px;
  439.     font-family:calibri;
  440.     font-weight:bold;
  441.     color:{color:Text};
  442.     }
  443.    
  444.     .line.odd {
  445.     padding:4px;
  446.     margin-bottom:2px;
  447.     }
  448.    
  449.     .line.even {
  450.     padding:4px;
  451.     margin-bottom:2px;
  452.     }
  453.        
  454.     /* ASK POST */
  455.        
  456.     #asker {
  457.     {block:ifNotShow400pxposts}
  458.     width:500px;
  459.     {/block:ifNotShow400pxposts}
  460.     {block:ifShow400pxposts}
  461.     width:400px;
  462.     {/block:ifShow400pxposts}
  463.     font-family:arial;
  464.     font-size:11px;
  465.     color:{color:Text};
  466.     font-style:italic;
  467.     text-transform:uppercase;
  468.     float:left;
  469.     padding:1px;
  470.     margin-right:5px;
  471.     padding-bottom:8px;
  472.     padding-top:11px;
  473.     border-top:1px solid {color:Borders};
  474.     }
  475.    
  476.     #question {
  477.     margin-top:16px;
  478.     font-family:arial;
  479.     text-transform:uppercase;
  480.     color:{color:Text};
  481.     padding-bottom:11px;
  482.     border-bottom:1px solid {color:Borders};
  483.     }
  484.    
  485.     #answer {
  486.     padding:3px;
  487.     line-height:90%;
  488.     }
  489.    
  490.     /* TOOLTIP*/
  491.  
  492.     #s-m-t-tooltip {
  493.     max-width:300px;
  494.     margin:15px;
  495.     padding:4px;
  496.     border-radius:0px;
  497.     background:{color:Tooltip};
  498.     color:{color:Text};
  499.     z-index:999999;
  500.     font-size:6.5px;
  501.     font-style:none;
  502.     letter-spacing:2px;
  503.     font-family:arial;
  504.     text-transform:uppercase;
  505.     border:1px solid #EAEAEA;
  506.     box-shadow:1px 1px 3px rgba(0,0,0,.0);
  507.     }
  508.    
  509.     /* CREDIT */
  510.    
  511.     .credit {
  512.     color:#000000;
  513.     position:fixed;
  514.     font-family:sans-serif;
  515.     font-size:10px;
  516.     right:18px;
  517.     bottom:14px;
  518.     text-align:center;
  519.     text-transform:uppercase;
  520.     }
  521.  
  522. </style>  
  523. </head>
  524.  
  525. <body>
  526.  
  527. <div class="sidebar">
  528. <center><img src="{image:Sidebar}" class="sidebarimage"></center>
  529.  
  530. <div class="title"><a href="/">{Title}</a></div>
  531. <div class="links">
  532. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}{block:ifShowLink1} <a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifShowLink1}{block:ifShowLink2} <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifShowLink2}{block:ifShowLink3} <a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifShowLink3}{block:ifShowLink4} <a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifShowLink4}{block:ifShowLink5} <a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifShowLink5} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  533. </div>
  534.  
  535. {block:ifShowDesc}
  536. <div class="desc">{Description}</div>
  537. {/block:ifShowDesc}
  538. </div>
  539.  
  540. <div class="postscontainer">
  541. {block:Posts}
  542.  
  543. <div class="posts">
  544.  
  545. {block:Text}
  546. {block:Title}<h2><b>{Title}</b></h2>{/block:Title}
  547. {Body}
  548. {/block:Text}
  549.  
  550. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  551.  
  552. {/block:Quote}
  553.  
  554. {block:Link}
  555. <h2><a href="{URL}">{Name}</a></h2>
  556. {/block:Link}
  557.  
  558. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
  559. </ol></div>{/block:Chat}
  560.  
  561. {block:Answer}<div id="asker">{Asker} asked:</div></br><div id="question">{Question}</div><br><div id="answer">{Answer}</div>{/block:Answer}
  562.  
  563. {block:Photo}
  564. {LinkOpenTag}{block:ifNotShow400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNotShow400pxposts}
  565. {block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  566. {/block:Photo}
  567.  
  568. {block:Photoset}
  569. {block:ifNotShow400pxposts}{Photoset-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Photoset-400}{/block:ifShow400pxposts}
  570. {block:Caption}{Caption}{/block:Caption}
  571. {/block:Photoset}
  572.  
  573. {block:Audio}
  574. <div class="acont"><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  575. {block:AlbumArt}
  576. <img src="{AlbumArtURL}" class="coverart">
  577. {/block:AlbumArt}
  578. <div class="audiotext">
  579. <b>track:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  580. <b>artist:</b>{block:Artist} {Artist}{/block:Artist}<br>
  581. <b>plays:</b> {FormattedPlayCount}
  582. </div></div>
  583. {block:Caption}
  584. <div class="caption">{Caption}</div>
  585. {/block:Caption}
  586. {/block:Audio}
  587.  
  588. {block:Video}
  589. {block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  590. {block:Caption}{Caption}{/block:Caption}
  591. {/block:Video}
  592.  
  593. <div id="info">{block:Date}<a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>{/block:Date} {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}">reblog</a><div id="note">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div></div>
  594.  
  595. {block:HasTags}
  596. <div class="tags">
  597. Tagged: {block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}</div>
  598. {/block:HasTags}
  599.  
  600. <div class="postnote">
  601. {block:PostNotes}{PostNotes}{/block:PostNotes}
  602. </div>
  603. {/block:Posts}
  604.  
  605. <div class="credit"><a href="http://spidermn.tumblr.com/">c.</a></div>
  606. </br></br>
  607. </div>
  608. </div>
  609. </div>
  610. </body>
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!