SHARE
TWEET

Theme #58: Thnks Fr Th Mmrs

dylaenobriens Mar 4th, 2014 296 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme #58 by alexgaeskarth
  4. do not fucking steal it or i will shove a cactus up your butt  -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
  10. </script>
  11. <script>
  12. $(document).ready(function(){
  13.   $("#flip").click(function(){
  14.     $("#panel").slideToggle("slow");
  15.   });
  16. });
  17. </script>
  18.  
  19.  
  20. <head>
  21.  
  22. <title>{Title}</title>
  23.  
  24. {block:Description}<meta name="description" content="{MetaDescription}"/>
  25. {/block:Description}
  26. <link rel="shortcut icon" href="{Favicon}" />
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  28.  
  29.    <meta name="color:Bg" content="#ffffff">
  30.    <meta name="color:Link" content="#000000">
  31.    <meta name="color:Text" content="#000000">
  32.    <meta name="color:Ask" content="#000000">
  33.    <meta name="color:Hover" content="#eeeeee">
  34.    <meta name="color:Selection" content="#eeeeee">
  35.    <meta name="color:Border" content="#e7e7e7">
  36.    <meta name="color:Scrollbar" content="#d6d5d5">
  37.    <meta name="color:Bold Text" content="#fd71cf">
  38.    <meta name="color:Italic Text" content="#30afff">
  39.    <meta name="color:Accent" content="#8fe7ff">
  40.    
  41.    
  42.    <meta name="image:sidebar" content=""/>
  43.    
  44.    <meta name="text:side title" content="/">
  45.    <meta name="text:ask url" content="/">
  46.    <meta name="text:ask" content="message">
  47.    <meta name="text:link 1" content="">
  48.    <meta name="text:link 1 url" content="/">
  49.    <meta name="text:link 2" content="">
  50.    <meta name="text:link 2 url" content="/">
  51.    <meta name="text:link 3" content="">
  52.    <meta name="text:link 3 url" content="/">
  53.    <meta name="text:link 4" content="">
  54.    <meta name="text:link 4 url" content="/">
  55.    
  56.    
  57.    <meta name="if:Cursor" content="1">
  58.    <meta name="if:500pxPosts" content="1">
  59.    <meta name="if:400pxPosts" content="0">
  60.    
  61.    
  62.    <style type="text/css">
  63.    
  64.    
  65.    /*--scrollbar--*/
  66.    
  67. ::-webkit-scrollbar-thumb:vertical {border:2px solid #fff;height:12px; background-color:{color:scrollbar};}
  68. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  69. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  70. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  71. }
  72.    /*--body--*/
  73.  
  74.    
  75.     body {
  76.     margin:0px;
  77.     font-style:none;
  78.     background-color:{color:bg};
  79.     font-family:arial;
  80.     color:{color:text};
  81.     font-size:8px;
  82.     }
  83.    
  84.    
  85.     a {
  86.     color:{color:link};
  87.     text-decoration:none;
  88.     -webkit-transition: all 0.6s ease;
  89.     -moz-transition: all 0.6s ease;
  90.     -o-transition: all 0.6s ease
  91.     }
  92.    
  93.     a:hover {
  94.     color:{color:hover};
  95.     text-decoration:none;
  96.     -webkit-transition: all 0.8s ease-out;
  97.     -moz-transition: all 0.8s ease-out;
  98.     transition: all 0.8s ease-out;
  99.     }
  100.    
  101.     img {
  102.     max-width:100%;
  103.     border:none;
  104.     }
  105.    
  106.     blockquote {
  107.     padding-left:5px;
  108.     border-left:2px solid {color:border};
  109.     }
  110.    
  111.     h1 {
  112.     text-align:center;
  113.     font-size:15px;
  114.     line-height:110%;
  115.     font-style:none;
  116.     color:#000;
  117.     }
  118.    
  119.     h2 {
  120.     text-align:left;
  121.     font-size:15px;
  122.     line-height:110%;
  123.     font-style:none;
  124.     color:#000;
  125.     }
  126.    
  127.     h1 a {
  128.     color:#000;
  129.     }
  130.    
  131.     b {
  132.     color:{color:Bold Text};
  133.     }
  134.    
  135.     i {
  136.     color:{color:Italic Text};
  137.     }
  138.    
  139.     pre {
  140.     padding:5px;
  141.     background:#eee;
  142.     }
  143.    
  144.     ::selection {
  145.     background:{color:selection};
  146.     }
  147.    
  148.    /*--Cursor code--*/
  149.    
  150.    {block:ifCursor}
  151.    
  152. body, a{cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  153.  
  154. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important;}
  155.    
  156.    {/block:ifCursor}
  157.    
  158.     #title {
  159.     font-weight:bold;
  160.     color:#000;
  161.     font-size:17px;
  162.     }
  163.    
  164.     /*--sidebar--*/
  165.    
  166.     #sidebar {
  167.     position:fixed;
  168.     width:180px;
  169.     text-align:left;
  170.     margin-left:200px;
  171.     margin-top:90px;
  172.     }
  173.    
  174.     #sidebarimage {
  175.     width:200px;
  176.     }
  177.    
  178.     #sidebarimage img {
  179.     width:180px;
  180.     }
  181.    
  182.     /*--links--*/
  183.    
  184.     #links {
  185.     margin-top:5px;
  186.     font-family:'arial';
  187.     font-weight:bold;
  188.     text-transform:lowercase;
  189.     text-align:left;
  190.     }
  191.    
  192.     #links a {
  193.     margin-bottom:2px;
  194.     background:#000;
  195.     color:#fff;
  196.     display:block;
  197.     padding:5px;
  198.     font-size:13px;
  199.     }
  200.    
  201.     #links a:hover {
  202.     background:{color:accent};
  203.     }
  204.    
  205.    #flip
  206. {
  207. margin-top:2px;
  208. cursor:help;
  209. padding:5px;
  210. font-family:'arial';
  211.     font-weight:bold;
  212.     text-transform:lowercase;
  213.     text-align:left;
  214.     background:#000;
  215.     color:#fff;
  216.     font-size:13px;
  217. }
  218. #panel
  219. {
  220. padding-top:5px;
  221. display:none;
  222. }
  223.  
  224. #panel a {
  225.     text-align:center;
  226.     background:#000;
  227.     color:#fff;
  228.     font-weight:none;
  229.     font-size:11px;
  230.     display:inline-block;
  231.     width:79px;
  232.     padding:5px;
  233. }
  234.    
  235.     /*--description--*/
  236.    
  237.     #description {
  238.     margin-top:10px;
  239.     font-family:'arial';
  240.     font-size:9px;
  241.     text-align:justify;
  242.     }
  243.    
  244.     /*--pagination--*/
  245.    
  246.     #pagination {
  247.     margin-top:5px;
  248.     text-transform:lowercase;
  249.     text-align:center;
  250.     font-size:9px;
  251.     font-family:arial;
  252.     }
  253.    
  254.     #pagination a{
  255.     color:{color:Link};
  256.     }
  257.    
  258.     #pagination a:hover {
  259.     color:{color:Hover};
  260.     }
  261.    
  262.     /*--posts--*/
  263.    
  264.     {block:if500pxPosts}
  265.    
  266.     #posts {
  267.     width:500px;
  268.     margin-bottom:10px;
  269.     padding:1px;
  270.     font-size:11px;
  271.     color:{color:Text};
  272.     line-height:100%;
  273.     text-align:justify;
  274.     }
  275.    
  276.     {/block:if500pxPosts}
  277.    
  278.     {block:if400pxPosts}
  279.    
  280.     #posts {
  281.     width:400px;
  282.     margin-bottom:10px;
  283.     padding:1px;
  284.     font-size:11px;
  285.     color:{color:Text};
  286.     line-height:100%;
  287.     text-align:justify;
  288.     }
  289.    
  290.     {/block:if400pxPosts}
  291.    
  292.     #postscontainer {
  293.     margin-bottom:20px;
  294.     padding:1px;
  295.     margin-left:450px;
  296.     margin-top:55px;
  297.     }
  298.    
  299.  
  300.     #info {
  301.     background-color:#000;
  302.     padding:5px;
  303.     font-family:'trebuchet ms';
  304.     text-align:left;
  305.     text-transform:uppercase;
  306.     margin-bottom:10px;
  307.     margin-top:10px;
  308.     letter-spacing:1px;
  309.     font-size:7px;
  310.     padding-top:4px;
  311.     color:#fff;
  312.     }
  313.    
  314.     #info a {
  315.     color:#fff;
  316.     }
  317.    
  318.    
  319.     /*--tags--*/
  320.    
  321.     #tags {
  322.     font-family:trebuchet ms;
  323.     width:490px;
  324.     margin-left:0px;
  325.     margin-top:2px;
  326.     font-size:7px;
  327.     color:#fff:
  328.     }
  329.    
  330.     #tags a {
  331.     color:#fff;
  332.     }
  333.    
  334.     /*--asks--*/
  335.    
  336.     #ask {
  337.     padding:10px;
  338.     background-color:{color:Ask};
  339.     color:#fff;
  340.     }
  341.    
  342.     #ask a {
  343.     color:#fff;
  344.     }
  345.    
  346.    
  347.     /*--audio--*/
  348.    
  349.      .newplayerbutton {
  350.     position: relative;
  351.     width: 28px;
  352.     height: 27px;
  353.     overflow: hidden;
  354.     }
  355.            
  356.     .playerbuttonhug {
  357.     position: absolute;
  358.     top: -12px;
  359.     left: -8px;
  360.     }
  361.  
  362.  
  363.     .tumblr_audio_player {
  364.     border: none;
  365.     padding: 0px;
  366.     margin: 0px;
  367.     height: 53px;
  368.     width: 500px;
  369.     }
  370.  
  371.     .playerbuttonbg {
  372.     position: absolute;
  373.     left: 25px;
  374.     top: 20px;
  375.     width: 28px;
  376.     height: 28px;
  377.     background-color: #fff;
  378.     padding: 10px;
  379.     -webkit-border-radius: 40px;
  380.     -moz-border-radius: 40px;
  381.     border-radius: 40px;
  382.     opacity: .4;
  383.     filter: alpha(opacity=40);
  384.     -moz-opacity: 0.4;
  385.     -khtml-opacity: 0.4;
  386.     transition: opacity .7s ease-in-out;
  387.     -moz-transition: opacity .7s ease-in-out;
  388.     -webkit-transition: opacity .7s ease-in-out;
  389.     }
  390.            
  391.      .playerbuttonbg:hover {
  392.      opacity: 1;
  393.      filter: alpha(opacity=100);
  394.      -moz-opacity: 1;
  395.      -khtml-opacity: 1;
  396.      }
  397.  
  398.      .audioimgwrapper {
  399.      position: absolute;
  400.      left: 10px;
  401.      top: 5px;
  402.      -webkit-border-radius: 50px;
  403.      -moz-border-radius: 50px;
  404.      border-radius: 50px;                
  405.      overflow: hidden;
  406.      width: 78px;
  407.      height: 78px;
  408.      }
  409.            
  410.      .audioimgwrapper img {
  411.      width: 100%;
  412.      height: auto;      
  413.      -webkit-border-radius: 50px;
  414.      -moz-border-radius: 50px;
  415.      border-radius: 50px;                
  416.      }
  417.            
  418.      .trackdetails {
  419.      width: auto;
  420.      display:inline-block;
  421.      margin-left: 100px;
  422.      margin-top:10px;
  423.      min-height: 85px;
  424.      line-height:150%;
  425.      }
  426.            
  427.      .audiowrapper {
  428.      position: relative;
  429.      display:inline-block;
  430.      background-color:#000;
  431.      width:100%;
  432.      height:88px;
  433.      color:#fff;
  434.     }
  435.    
  436.     /*--credit--*/
  437.    
  438.     #credit {
  439.     right:2px;
  440.     bottom:0px;
  441.     font-size:9px;
  442.     padding:5px;
  443.     text-transform:uppercase;
  444.     position:fixed;
  445.     -webkit-transition: all 0.5s ease-out;
  446.     -moz-transition: all 0.5s ease-out;
  447.     transition: all 0.5s ease-out;
  448.     }
  449.    
  450.     /*--tooltips--*/    
  451.    
  452.     #s-m-t-tooltip {
  453.     max-width:300px;
  454.     padding:3px 4px 5px 4px;
  455.     margin:20px 0px 0px 20px;
  456.     background-color:#000; /* change the background color */
  457.     font-family:calibri; /* change the font */
  458.     font-size:9px; /* change the font size */
  459.     text-transform:uppercase; /* can be uppercase, lowercase, none*/
  460.     color:#fff; /* change the text color */
  461.     z-index:999999999999999999999999999999999999;
  462.     border:3px double #fff;
  463.     }
  464.    
  465.    
  466.  
  467.    
  468.     {CustomCSS}
  469.        
  470.     </style></head>
  471.  
  472. <!--tooltips javascript-->
  473.  
  474. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  475.  
  476. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  477.  
  478. <script>
  479.  
  480. (function($){
  481.  
  482. $(document).ready(function(){
  483.  
  484. $("a[title]").style_my_tooltips({
  485.  
  486. tip_follows_cursor:true,
  487.  
  488. tip_delay_time:90,
  489.  
  490. tip_fade_speed:600,
  491.  
  492. attribute:"title"
  493.  
  494. });
  495.  
  496. });
  497.  
  498. })(jQuery);
  499.  
  500. </script>
  501.  
  502.  
  503. <body>
  504.  
  505. <div id="sidebar">
  506. <div id="title">{text:side title}</div>
  507. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  508.  
  509.  
  510. <div id="links">
  511. <a href="/">home</a>
  512. <a href="{text:ask url}">{text:ask}</a>
  513. <div id="flip">navigation</div>
  514. <div id="panel">
  515. <a href="{text:link 1 url}">{text:link 1}</a>
  516. <a href="{text:link 2 url}">{text:link 2}</a>
  517. <a href="{text:link 3 url}">{text:link 3}</a>
  518. <a href="{text:link 4 url}">{text:link 4}</a>
  519. </div>
  520. </div>
  521.  
  522. <div id="description">{description}</div>
  523.  
  524.  
  525. {block:Pagination}
  526. <div id="pagination">
  527.  
  528. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  529. {block:NextPage}- <a href="{NextPage}">Next</a>{/block:NextPage}
  530. </div>{/block:Pagination}
  531.  
  532. </div></div>
  533.  
  534.  
  535. <div id="postscontainer">
  536.  
  537. {block:Posts}
  538.  
  539. <div id="posts">
  540.  
  541.  
  542. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  543.  
  544.  
  545. {block:Photo}{LinkOpenTag}
  546.  
  547. {block:if500pxPosts}
  548. <img src="{PhotoURL-500}">
  549. {/block:if500pxPosts}
  550.  
  551. {block:if400pxPosts}
  552. <img src="{PhotoURL-400}">
  553. {/block:if400pxPosts}
  554.  
  555. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  556.  
  557. {block:Photoset}
  558.  
  559. {block:if500pxPosts}
  560. {Photoset-500}
  561. {/block:if500pxPosts}
  562.  
  563. {block:if400pxPosts}
  564. {Photoset-400}
  565. {/block:if400pxPosts}
  566.  
  567. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  568.  
  569. {block:Quote}<h2>{Quote}</h2>{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  570.  
  571. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  572.  
  573. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  574.  
  575. {block:Audio}{block:AudioPlayer}
  576.         <div class="audiowrapper">
  577.         {block:AlbumArt}
  578.             <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  579.         {/block:AlbumArt}
  580.        
  581.         <div class="playerbuttonbg">
  582.             <div class="newplayerbutton">
  583.                 <div class="playerbuttonhug">
  584.            
  585.                     {AudioPlayerWhite}
  586.            
  587.                 </div>
  588.             </div>
  589.         </div>
  590.        
  591.         <div class="trackdetails">
  592.            
  593.                 {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  594.                 {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  595.                 {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  596.                 <b>{PlayCountWithLabel}</b>
  597.    
  598.         </div>
  599.         </div>
  600.         {/block:AudioPlayer}
  601.    
  602.         {block:Caption}{Caption}{/block:Caption}{/block:Audio}
  603.  
  604. {block:Video}
  605.  
  606. {block:if500pxPosts}
  607. {Video-500}
  608. {/block:if500pxPosts}
  609.  
  610. {block:if400pxPosts}
  611. {Video-400}
  612. {/block:if400pxPosts}
  613.  
  614. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  615.  
  616.  
  617. {block:Answer}<div id="ask"><span style="font-family:arial;font-size:15px;font-weight:bold;color:#fff;">{Asker}</span>: {Question}</div> {Answer}{/block:Answer}
  618.  
  619. <div id="info">{block:Date} <a href="{Permalink}">
  620. {DayOfMonth}{DayOfMonthSuffix} {Month} {Year}</a></a>{/block:Date} - {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  621. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} with <a href="{Permalink}">
  622. {NoteCountWithLabel}</a>
  623. {block:HasTags} <div id="tags">tags:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  624.  
  625.  
  626. </div>
  627.  
  628. {/block:Posts}
  629.  
  630. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  631. {/block:Posts}
  632.  
  633. </div>
  634.  
  635. <div id="credit"><a href="http://alexgaeskarth.tumblr.com/"><img src="http://static.tumblr.com/ujmsumm/TJamv4jm6/sg.png" width="40px;"></div></a>
  636. </body>
  637. </html>
RAW Paste Data
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
 
Top