API tools faq
paste
Advertisement
sexstilinski

theme 03

sexstilinski
Apr 5th, 2015
584
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.25 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.  
  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. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  41. <script>
  42. (function($){
  43. $(document).ready(function(){
  44. $("[title]").style_my_tooltips({
  45. tip_follows_cursor:true,
  46. tip_delay_time:200,
  47. tip_fade_speed:300
  48. });
  49. });
  50. })(jQuery);
  51. </script>
  52.  
  53.     <title>{Title}</title>
  54.     <link rel="shortcut icon" href="{Favicon}">
  55.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  56.     <meta name="description" content="" />
  57.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  58.    
  59.  
  60.     <meta name="color:Background" content="#FFFFFF">
  61.     <meta name="color:Link" content="#5D5C5C">
  62.     <meta name="color:Link Hover" content="#DDDDDD">
  63.     <meta name="color:Text" content="#4F4E4E">
  64.     <meta name="color:Scrollbar" content="#4F4E4E">
  65.     <meta name="color:Blockquote" content="#EAEAEA">
  66.     <meta name="color:Description Border" content="#EAEAEA">
  67.     <meta name="color:Post Info Border" content="#EAEAEA">
  68.     <meta name="color:Tooltip" content="#FFFFFFF">
  69.     <meta name="color:Tooltip Text" content="#FFFFFFF">
  70.     <meta name="color:Tooltip Border" content="#EAEAEA">
  71.    
  72.     <meta name="image:Sidebar" content=""/>
  73.    
  74.     <meta name="if:Lazy Load" content="1"/>
  75.     <meta name="if:Show 400px posts" content="0"/>
  76.     <meta name="if:Show Link 1" content="0" />
  77.     <meta name="if:Show Link 2" content="0" />
  78.     <meta name="if:Show Link 3" content="0" />
  79.     <meta name="if:Show Link 4" content="0" />
  80.     <meta name="if:Show Link 5" content="0" />
  81.    
  82.     <meta name="text:link 1" content="index">
  83.     <meta name="text:link 1 url" content="/">
  84.     <meta name="text:link 2" content="inbox">
  85.     <meta name="text:link 2 url" content="/ask">
  86.     <meta name="text:link 3" content="link 1">
  87.     <meta name="text:link 3 url" content="/">
  88.     <meta name="text:link 4" content="link 2">
  89.     <meta name="text:link 4 url" content="/">
  90.     <meta name="text:link 5" content="link 3">
  91.     <meta name="text:link 5 url" content="/">
  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:4px;
  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.     width:245px;
  170.     position:fixed;
  171.     margin-top:60px;
  172.     margin-left:120px;
  173.     }
  174.    
  175.     /* SIDEBAR IMG */
  176.    
  177.     .sidebarimage {
  178.     width:245px;
  179.     margin-bottom:2px;
  180.     }
  181.    
  182.     /* DESCRIPTION */
  183.    
  184.     .description {
  185.     width:224px;
  186.     padding:2px;
  187.     margin-top:6px;
  188.     margin-bottom:4px;
  189.     line-height:16px;
  190.     text-align:left;
  191.     font-size:11px;
  192.     font-family:arial;
  193.     color:{color:Text};
  194.     padding:10px;
  195.     letter-spacing:.5px;
  196.     background:{color:Background};
  197.     border:1px solid {color:Description Border};
  198.     }
  199.    
  200.     /* SIDE LINKS */
  201.    
  202.     .links {
  203.     margin-top:12px;
  204.     margin-left:3px;
  205.     font-size:11px;
  206.     font-family:arial;
  207.     color:{color:Text};
  208.     text-transform:uppercase;
  209.     text-align:left;
  210.     }
  211.    
  212.     .links a {
  213.     width:241px;
  214.     padding-bottom:-7px;
  215.     line-height:27px;
  216.     border-bottom:1px {color:Description Border} solid;
  217.     display:block;
  218.     }
  219.    
  220.     .links a:hover {
  221.     margin-left:5px;
  222.     }
  223.    
  224.     /* PAGINATION */
  225.    
  226.     .pagination {
  227.     max-width:84px;
  228.     margin-top:-20px;
  229.     margin-bottom:18px;
  230.     padding:10px;
  231.     border:1px {color:Post Info Border} solid;
  232.     font-family:arial;
  233.     text-align:center;
  234.     font-size:11px;
  235.     font-weight:bold;
  236.     text-transform:uppercase;
  237.     }
  238.    
  239.     /* CONTAINER */
  240.    
  241.     .container {
  242.     width:900px;
  243.     margin: auto;
  244.     margin-top:-8px;
  245.     }
  246.    
  247.     /* POST CONTAINER */
  248.  
  249.     .postscontainer {
  250.     {block:ifNotShow400pxposts}
  251.     max-width:500px;
  252.     {/block:ifNotShow400pxposts}
  253.     {block:ifShow400pxposts}
  254.     max-width:400px;
  255.     {/block:ifShow400pxposts}
  256.     margin: auto;
  257.     margin-top:-30px;
  258.     margin-left:535px;
  259.     }
  260.    
  261.     /* POSTS */
  262.  
  263.     .posts {
  264.     {block:ifNotShow400pxposts}
  265.     width:500px;
  266.     {/block:ifNotShow400pxposts}
  267.     {block:ifShow400pxposts}
  268.     width:400px;
  269.     {/block:ifShow400pxposts}
  270.     line-height:100%;
  271.     font-size:10px;
  272.     font-family:calibri;
  273.     margin-top:60px;
  274.     text-align:justify;
  275.     }
  276.    
  277.     /* POST IMG */
  278.    
  279.     .posts img {
  280.     {block:ifNotShow400pxposts}
  281.     max-width:500px;
  282.     {/block:ifNotShow400pxposts}
  283.     {block:ifShow400pxposts}
  284.     max-width:400px;
  285.     {/block:ifShow400pxposts}
  286.     }
  287.    
  288.     /* POST INFO */
  289.  
  290.     #note {
  291.     float:right;
  292.     }
  293.      
  294.     #info {
  295.     font-family:arial;
  296.     margin-top:9px;
  297.     padding:10px;
  298.     padding-top:9px;
  299.     font-size:7px;
  300.     color:{color:Post Info Links};
  301.     text-transform:uppercase;
  302.     font-style:normal;
  303.     letter-spacing:1px;
  304.     text-align:left;
  305.     border: 1px solid {color:Post Info Border};
  306.     }
  307.    
  308.     /* POST TAGS */
  309.  
  310.     .tags {
  311.     font-family:arial;
  312.     font-style:normal;
  313.     text-transform:uppercase;
  314.     font-style:normal;
  315.     color:{color:Tags Links};
  316.     margin-top:9px;
  317.     line-height:120%;
  318.     font-size:7px;
  319.     text-align:left;
  320.     }
  321.    
  322.     .tags a {
  323.     color:{color:Link};
  324.     letter-spacing:1px;
  325.     padding:1px;
  326.     }
  327.    
  328.     .tags a:hover {
  329.     color:{color:Link Hover};
  330.     }
  331.    
  332.     /* POST NOTES */
  333.    
  334.     .postnote {
  335.     {block:ifNotShow400pxposts}
  336.     width:500px;
  337.     {/block:ifNotShow400pxposts}
  338.     {block:ifShow400pxposts}
  339.     width:400px;
  340.     {/block:ifShow400pxposts}
  341.     font-family:calibri;
  342.     text-transform:lowercase;
  343.     font-size:10px;
  344.     text-align:left;
  345.     line-height:90%;
  346.     margin-top:40px;
  347.     }
  348.    
  349.     .postnote li {
  350.     list-style-type:none;
  351.     border-bottom:1px solid {color:Info Border};
  352.     padding:37px 0px 3px 0px;
  353.     text-align:left;
  354.     margin:0px;
  355.     -moz-transition-duration:0.5s;
  356.     -webkit-transition-duration:0.5s;
  357.     -o-transition-duration:0.5s;
  358.     }
  359.    
  360.     .postnote img {
  361.     width:20px;
  362.     padding: 3px;
  363.     margin:2px 7px -3px 6px;
  364.     text-align:left;
  365.     }
  366.    
  367.     /* MUSIC POST */
  368.    
  369.     .acont {
  370.     height:75px;
  371.     width:auto;
  372.     background:{color:Background};
  373.     border:1px solid {color:Post Info Border};
  374.     padding:10px;
  375.     }
  376.    
  377.     .playbutton {
  378.     width:25px;
  379.     height:25px;
  380.     padding:5px;
  381.     z-index:2;
  382.     position:relative;
  383.     overflow:hidden;
  384.     }
  385.  
  386.     .playbox {
  387.     z-index:2;
  388.     position:absolute;
  389.     padding:15px 24px 15px 16px;
  390.     margin-top:5px;
  391.     margin-left:70px;
  392.     }
  393.    
  394.     .coverart {
  395.     width:60px;
  396.     float:left;
  397.     position:relative;
  398.     z-index:1;
  399.     margin-top:1px;
  400.     margin-left:6px;
  401.     border:1px solid {color:Post Info Border};
  402.     padding:6px;
  403.     }
  404.  
  405.     .audiotext {
  406.     font-family:arial;
  407.     font-size:8px;
  408.     color:#4F4E4E;
  409.     letter-spacing:1px;
  410.     text-transform:uppercase;
  411.     padding-top:26px;
  412.     margin-left:132px;
  413.     text-align:left;
  414.     margin-bottom:20px;
  415.     }
  416.    
  417.     /* QUOTE POST */
  418.    
  419.     .quote {
  420.     font-size:10px;
  421.     font-family:calibri;
  422.     letter-spacing:0px;
  423.     line-height:90%;
  424.     font-weight:normal;
  425.     text-align:center;
  426.     }
  427.    
  428.     .source {
  429.     font-family:calibri;
  430.     font-size:10px;
  431.     font-style:italic;
  432.     text-align:right;
  433.     margin-top:8px;
  434.     }
  435.    
  436.     /* CHAT POST */
  437.    
  438.     .chat ol {
  439.     font-size:10px;
  440.     font-family:calibri;
  441.     line-height:100%;
  442.     padding:0px;
  443.     list-style:none;
  444.     }
  445.    
  446.     .label {
  447.     font-size:10px;
  448.     font-family:calibri;
  449.     font-weight:bold;
  450.     color:{color:Text};
  451.     }
  452.    
  453.     .line.odd {
  454.     padding:4px;
  455.     margin-bottom:2px;
  456.     }
  457.    
  458.     .line.even {
  459.     padding:4px;
  460.     margin-bottom:2px;
  461.     }
  462.        
  463.     /* ASK POST */
  464.        
  465.     .askp {
  466.     padding:6px;
  467.     background:{color:Background};
  468.     border:1px solid {color:Post Info Border};
  469.     text-transform:uppercase;
  470.     }
  471.        
  472.     .ask {
  473.     width:auto;
  474.     margin-top:7px;
  475.     text-transform:uppercase;
  476.     font-family:arial;
  477.     font-size:11px;
  478.     text-align:left;
  479.     padding-top:4px;
  480.     padding-bottom:13px;
  481.     font-weight:bold;
  482.     border-bottom:1px solid {color:Post Info Border};
  483.     }
  484.        
  485.     .question {
  486.     {block:ifNotShow400pxposts}
  487.     width:500px;
  488.     {/block:ifNotShow400pxposts}
  489.     {block:ifShow400pxposts}
  490.     width:400px;
  491.     {/block:ifShow400pxposts}
  492.     letter-spacing:0px;
  493.     margin-top:3px;
  494.     padding:14px;
  495.     padding-bottom:4px;
  496.     text-align:justify;
  497.     color:{color:Text};
  498.     font-size:9px;
  499.     font-family:arial;
  500.     }
  501.    
  502.     .answer {
  503.     {block:ifNotShow400pxposts}
  504.     width:500px;
  505.     {/block:ifNotShow400pxposts}
  506.     {block:ifShow400pxposts}
  507.     width:400px;
  508.     {/block:ifShow400pxposts}
  509.     letter-spacing:0px;
  510.     text-align:justify;
  511.     padding-top:5px;
  512.     margin-bottom:1px;
  513.     font-size:10px;
  514.     font-family:calibri;
  515.     color:{color:Text};
  516.     }
  517.    
  518.     .askimg {
  519.     padding:3px;
  520.     padding-right:4px;
  521.     margin:2px 7px -3px 8px;
  522.     }
  523.    
  524.     /* TOOLTIP*/
  525.  
  526.     #s-m-t-tooltip {
  527.     max-width:300px;
  528.     margin:15px;
  529.     background:{color:Tooltip};
  530.     font-family:arial;
  531.     font-size:6.5px;
  532.     color:{color:Tooltip Text};
  533.     font-style:none;
  534.     text-transform:uppercase;
  535.     letter-spacing:2px;
  536.     z-index:999999;
  537.     border:1px solid {color:Tooltip Border};
  538.     box-shadow:1px 1px 3px rgba(0,0,0,.0);
  539.     padding:4px;
  540.     }
  541.    
  542.     /* CREDIT */
  543.    
  544.     .credit {
  545.     right:18px;
  546.     bottom:18px;
  547.     font-size:11px;
  548.     font-family:sans-serif;
  549.     color:#000000;
  550.     text-align:center;
  551.     position:fixed;
  552.     border:1px solid {color:Post Info Border};
  553.     padding:9px 11px;
  554.     }
  555.    
  556.     .credit a {
  557.     color:{color:Link Hover};
  558.     text-transform:lowercase;
  559.     letter-spacing:1px;
  560.     }
  561.  
  562. </style>  
  563. </head>
  564.  
  565. <body>
  566.  
  567. <div class="sidebar">
  568. <center><img src="{image:Sidebar}" class="sidebarimage"></center>
  569.  
  570. <div class="description">
  571. {Description}
  572. </div>
  573.  
  574. <div class="links">
  575. {block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:IfShowLink1}</br>
  576. {block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:IfShowLink2}</br>
  577. {block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:IfShowLink3}</br>
  578. {block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:IfShowLink4}</br>
  579. {block:ifShowLink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:IfShowLink5}
  580. </div>
  581.  
  582. </div>
  583.  
  584. <div class="postscontainer">
  585. {block:Posts}
  586.  
  587. <div class="posts">
  588.  
  589. {block:Text}
  590. {block:Title}<h2><b>{Title}</b></h2>{/block:Title}
  591. {Body}
  592. {/block:Text}
  593.  
  594. {block:Quote}<div class="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  595.  
  596. {/block:Quote}
  597.  
  598. {block:Link}
  599. <h2><a href="{URL}">{Name}</a></h2>
  600. {block:Description}{Description}{/block:Description}    
  601. {/block:Link}
  602.  
  603. {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}
  604. </ol></div>{/block:Chat}
  605.  
  606. {block:Answer}<div class="askp"><img src="{AskerPortraitURL-64}" width="20px" align="left" class="askimg"> <div class="ask">{Asker} asked:</div> <div class="question">{Question}</div></div><div class="answer">{Answer}</div>{/block:answer}
  607.  
  608. {block:Photo}
  609. {LinkOpenTag}{block:ifNotShow400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNotShow400pxposts}
  610. {block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  611. {/block:Photo}
  612.  
  613. {block:Photoset}
  614. {block:ifNotShow400pxposts}{Photoset-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Photoset-400}{/block:ifShow400pxposts}
  615. {block:Caption}{Caption}{/block:Caption}
  616. {/block:Photoset}
  617.  
  618. {block:Audio}
  619. <div class="acont"><div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  620. {block:AlbumArt}
  621. <img src="{AlbumArtURL}" class="coverart">
  622. {/block:AlbumArt}
  623. <div class="audiotext">
  624. <b>track:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  625. <b>artist:</b>{block:Artist} {Artist}{/block:Artist}<br>
  626. <b>plays:</b> {FormattedPlayCount}
  627. </div></div>
  628. {block:Caption}
  629. <div class="caption">{Caption}</div>
  630. {/block:Caption}
  631. {/block:Audio}
  632.  
  633. {block:Video}
  634. {block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  635. {block:Caption}{Caption}{/block:Caption}
  636. {/block:Video}
  637.  
  638. <div id="info">{block:Date}<a href="{Permalink}">{Month} {DayOfMonth}, {Year}</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}"><img src="{ReblogParentPortraitURL-16}" title="reblogged from {ReblogParentName}"> <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" title="posted by {ReblogRootName}"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}</div>
  639.  
  640. {block:HasTags}
  641. <div class="tags">
  642. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  643. {/block:HasTags}
  644. </div>
  645.  
  646. <div class="postnote">
  647. {block:PostNotes}{PostNotes}{/block:PostNotes}
  648. </div>
  649. {/block:Posts}
  650.  
  651. {block:Pagination}
  652. <div class="pagination">
  653. {block:PreviousPage}<a href="{PreviousPage}">last</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  654. </div>
  655. {/block:Pagination}
  656.  
  657. <div class="credit"><a href="http://spidermn.tumblr.com/">c</a></div>
  658.  
  659. </div>
  660. </div>
  661. </div>
  662. </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!