API tools faq
paste
Advertisement
sexstilinski

theme 02

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