Advertisement
sexstilinski

theme 05

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