SHARE
TWEET

drvgonmother

alicescreed Jan 24th, 2020 157 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"
  2.  
  3. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <!-- custom theme for drvgonmother 1.24.2020 -->
  9. <!-- please do not steal, redistribute, or claim as your own. KEEP CREDIT IN TACT. thank you! -->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="image:bg" content="">
  17. <meta name="image:infobg" content="">
  18.  
  19. <meta name="color:bold" content="#4ca7af">
  20. <meta name="color:italic" content="#d4a188">
  21. <meta name="color:links" content="#6aafdc">
  22. <meta name="color:scrollbar" content="#d4b68e">
  23. <meta name="color:borders" content="#e7e7e7">
  24. <meta name="color:text" content="#818181">
  25.  
  26. <meta name="text:link1url" content="link 1">
  27. <meta name="text:link1title" content="title">
  28. <meta name="text:link2url" content="link 2">
  29. <meta name="text:link2title" content="title">
  30. <meta name="text:link3url" content="link 3">
  31. <meta name="text:link3title" content="title">
  32. <meta name="text:link4url" content="link 4">
  33. <meta name="text:link4title" content="title">
  34.  
  35. <link href="https://fonts.googleapis.com/css?family=Pinyon+Script|Roboto&display=swap" rel="stylesheet">
  36.  
  37.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  38. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  39. <script>
  40. (function($){
  41. $(document).ready(function(){
  42. $("[title]").style_my_tooltips({
  43. tip_follows_cursor:true,
  44. tip_delay_time:200,
  45. tip_fade_speed:300
  46. }
  47. );
  48. });
  49. })(jQuery);
  50. </script>
  51.  
  52. <style type="text/css">
  53.  
  54.  
  55. body {
  56. font-family: 'Roboto', sans-serif;
  57.     color: {color:text};
  58.     font-size: 9pt;
  59.     letter-spacing: 0px;
  60.     background-color: #eff1f7;
  61.     background-image: url('{image:bg}');
  62.     background-position: absolute;
  63.     background-attachment: fixed;
  64.     line-height: 140%;
  65.     background-repeat: no-repeat;
  66.     text-align: justify;
  67. }
  68.  
  69. #s-m-t-tooltip{
  70.     position: absolute;
  71.     z-index: 999999999999999999999999999999999999999999999999999999999999;
  72.     margin-top: 10px;
  73.     margin-left: 5px;
  74.     display: block;
  75.           background-image: url('{image:infobg}');
  76.               background-position: center;
  77.     text-align: center;
  78.     color: #fff;
  79.     font-style: italic;
  80. font-family: 'Pinyon Script', cursive;
  81.     letter-spacing: 1px;
  82.     text-shadow: 1px 1px 2px #000;
  83.     border: 4px {color:borders};
  84.     border-style: double;  
  85.     padding: 10px;
  86.     font-size: 25px;
  87.     margin-bottom: 5px;
  88. }
  89.  
  90.     ::-webkit-scrollbar-thumb:vertical {
  91.     background-color: {color:scrollbar};
  92.     height:auto;
  93. }
  94.  
  95. ::-webkit-scrollbar-thumb:horizontal {
  96.     background-color: {color:scrollbar};
  97.     height:2px;
  98. }
  99.  
  100. ::-webkit-scrollbar {
  101.     height:3px;
  102.     width:3px;
  103.     background-color: transparent;
  104. }
  105.  
  106.  
  107. a {
  108.     text-decoration: none;
  109.     color: {color:links};
  110.     font-size: 18pt;         font-weight: bold;
  111.     line-height: 20pt;
  112.         transition-duration: 0.6s;  
  113.     -moz-transition-duration: 0.6s;  
  114.     -webkit-transition-duration: 0.6s;  
  115.     -o-transition-duration: 0.6s;
  116. font-family: 'Pinyon Script', cursive;
  117.     letter-spacing: 1px;
  118.           text-shadow: 1px 1px 5px #fff;
  119. }
  120.  
  121.  
  122. a:hover {
  123.     text-decoration: none;
  124.      filter:blur(1px);
  125.     color: {color:hover link};
  126.         transition-duration: 0.6s;  
  127.     -moz-transition-duration: 0.6s;  
  128.     -webkit-transition-duration: 0.6s;  
  129.     -o-transition-duration: 0.6s;
  130.         font-family:'Pinyon Script', cursive;
  131. }
  132.  
  133. small, sup, sub {
  134.     font-size: 100%;
  135. }
  136.  
  137. b, strong {
  138.       text-shadow: 1px 1px 5px #fff;
  139.         padding-left: 2px;
  140.         font-weight: bold;
  141.         padding-right: 2px;
  142.     color:{color:bold};
  143.     letter-spacing: 2px;
  144.     font-size: 18px;
  145.     font-family: 'Roboto', sans-serif;
  146. }
  147.  
  148. i, em {
  149.           text-shadow: 1px 1px 3px #fff;
  150.     color:{color:italic};
  151.     font-family: 'Pinyon Script', cursive;
  152.     letter-spacing: 1px;
  153.     padding-left:5px;
  154.     font-weight: bold;
  155.     padding-right: 5px;
  156.     padding-top: 10px;
  157.     padding-bottom: 10px;
  158.         font-size: 22px;
  159. }
  160.  
  161.  
  162.  
  163.  
  164. h2 {
  165.           text-shadow: 1px 1px 3px #fff;
  166. font-family: 'Pinyon Script', cursive;
  167.     font-size: 150%;
  168.     line-height: 160%;
  169.     font-weight: bold;
  170.     color:{color:bold};
  171.     letter-spacing: 1px;
  172. }
  173.  
  174.  
  175. #info {
  176.     padding: 10px;
  177.     background-image: url('{image:infobg}');
  178.         background-position: center;
  179.     text-align: center;
  180.     color: #fff;
  181.     opacity: 1;
  182.     margin-top: 20px;
  183.     letter-spacing: 1px;
  184.         font-family: 'Pinyon Script', cursive;
  185.                               transition-duration: 0.6s;  
  186.     -moz-transition-duration: 0.6s;  
  187.     -webkit-transition-duration: 0.6s;  
  188.     -o-transition-duration: 0.6s;
  189.     font-size:14px;
  190.     border: 4px {color:borders};
  191.     border-style: double;  
  192. }
  193.  
  194.  
  195. #info a {
  196.     font-size: 16pt;
  197.     text-shadow: 1px 1px 3px #fff;
  198.     color: {color:bold};
  199. }
  200.  
  201. #h1 {
  202.     text-align: center;
  203. font-family: 'Pinyon Script', cursive;
  204.     padding: 10px;
  205.     line-height: 110%;    color:{color:bold};
  206.     font-size: 18pt;         font-weight: bold;
  207.         background-position: center;
  208.     margin-bottom: 5px;
  209. }
  210.  
  211. #sidebar {
  212.     margin-left: 715px;
  213.     width: 138px;
  214.     font-size: 10px;
  215.     margin-top: 300px;
  216.     position: fixed;
  217.     background-color: transparent;
  218.     padding: 10px;
  219. }
  220.  
  221. #description {
  222.     font-size: 10px;
  223.     height:115px;
  224.     padding-right: 3px;
  225.     overflow: auto;
  226. }
  227.  
  228. #audio {
  229.     text-align: center;
  230.     font-size: 8pt;
  231.     line-height: 9pt;
  232.     }
  233.    
  234.  
  235. #musicinfo {
  236.    
  237.     text-transform: uppercase;
  238.     margin-top:10px;
  239.     }
  240.    
  241.     blockquote {
  242. border: 4px double #dfe1e7;
  243. padding: 3px;
  244.         background-color:#eff1f7;
  245.     }
  246.    
  247.     blockquote img {
  248.         max-width: auto;
  249. }
  250.  
  251.  
  252. ol.notes {
  253.     text-align: left;
  254.     list-style: upper-roman;
  255.     padding: 10px;
  256.    
  257. }
  258.  
  259.  
  260. #info a:hover {
  261.     color: {color:italic};
  262. }
  263.  
  264. #credit {
  265.     right:10px;
  266.     bottom:7px;
  267.     padding:5px;
  268.     font-size:10px;
  269.     position:fixed;
  270.           background-image: url('{image:infobg}');
  271.     text-align: center;
  272.     font-style: italic;
  273. font-family: 'Pinyon Script', cursive;
  274.     letter-spacing: 1px;
  275.     border: 1px {color:borders};
  276.     border-style: solid;  
  277.     padding: 5px;
  278.     font-size: 120%;
  279.     margin-bottom: 5px;
  280.               transition-duration: 0.6s;  
  281.     -moz-transition-duration: 0.6s;  
  282.     -webkit-transition-duration: 0.6s;  
  283.     -o-transition-duration: 0.6s;
  284.     }
  285.    
  286.    
  287.     #credit a {
  288. font-family: 'Pinyon Script', cursive;
  289.     padding:5px;
  290.     letter-spacing:1px;
  291.     text-decoration:none;
  292.     font-weight:bold;
  293.     }
  294.    
  295.     #tags a {
  296.         text-shadow: 1px 1px 2px #fff;
  297.         color:{color:text};
  298.     }
  299.    
  300.     #tags a:hover {
  301.         color: {color:bold};
  302.     }
  303.    
  304.     #post {
  305.         width: 400px;
  306.         margin-bottom: 30px;
  307.     }
  308.    
  309.     #posts {
  310.         width: 400px;
  311.         height: 360px;
  312.         padding-right: 5px;
  313.         position: absolute;
  314.         margin-left:230px;
  315.         margin-top: 270px;
  316.         overflow: auto;
  317.     }
  318.  
  319.    
  320.     #links {
  321.         position: fixed;
  322.         margin-top: 260px;
  323.         text-align: left;
  324.         width: 400px;
  325.         font-size: 13pt;
  326.         line-height: 6pt;
  327.         margin-left: 630px;
  328.     }
  329.    
  330.     #links a {
  331.         color: #fff;
  332.         font-weight: bold;
  333.         margin-right: -5px;
  334.         text-transform: uppercase;
  335.         letter-spacing: -2px;
  336.     }
  337.    
  338.     #links a:hover {
  339.         color: {color:bold};
  340.         font-style: normal;
  341.     }
  342.    
  343.    
  344.     #pages {
  345.         position: fixed;
  346.     }
  347.    
  348.    
  349.     #ask {
  350.         border-bottom: 4px double {color:borders};
  351.         padding: 10px;
  352.         font-size: 15pt;
  353.         text-align: center;
  354.     }
  355.    
  356.     #ri {
  357.         position: fixed;
  358.         width: 200px;
  359.         margin-left: -30px;
  360.         text-align: center;
  361.         margin-top: 10px;
  362.     }
  363.  
  364. #ri a {
  365.     font-family:'roboto', sans-serif;
  366.     text-transform: uppercase;
  367.     font-size: 10pt;
  368.     letter-spacing: 2px;
  369. }
  370.  
  371. #p1 {
  372.     position: fixed;
  373.     margin-left: 750px;
  374.     margin-top: 70px;              transition-duration: 0.6s;  
  375.     -moz-transition-duration: 0.6s;  
  376.     -webkit-transition-duration: 0.6s;  
  377.     -o-transition-duration: 0.6s;
  378. }
  379.  
  380. #p1:hover {
  381.  
  382.     transform:rotate(45deg);              transition-duration: 0.6s;  
  383.     -moz-transition-duration: 0.6s;  
  384.     -webkit-transition-duration: 0.6s;  
  385.     -o-transition-duration: 0.6s;
  386. }
  387.    
  388.     #p2 {
  389.     position: fixed;
  390.     margin-left:880px;
  391.     margin-top: 110px; transition-duration: 0.6s;  
  392.     -moz-transition-duration: 0.6s;  
  393.     -webkit-transition-duration: 0.6s;  
  394.     -o-transition-duration: 0.6s;
  395. }
  396.  
  397. #p2:hover {
  398.  
  399.     transform:rotate(45deg);              transition-duration: 0.6s;  
  400.     -moz-transition-duration: 0.6s;  
  401.     -webkit-transition-duration: 0.6s;  
  402.     -o-transition-duration: 0.6s;
  403. }
  404.  
  405.     #p3 {
  406.     position: fixed;
  407.     margin-left:880px;
  408.     margin-top: 260px; transition-duration: 0.6s;  
  409.     -moz-transition-duration: 0.6s;  
  410.     -webkit-transition-duration: 0.6s;  
  411.     -o-transition-duration: 0.6s;
  412. }
  413.  
  414. #p3:hover {
  415.  
  416.     transform:rotate(45deg);              transition-duration: 0.6s;  
  417.     -moz-transition-duration: 0.6s;  
  418.     -webkit-transition-duration: 0.6s;  
  419.     -o-transition-duration: 0.6s;
  420. }
  421.     #p4{
  422.     position: fixed;
  423.     margin-left:980px;
  424.     margin-top: 350px; transition-duration: 0.6s;  
  425.     -moz-transition-duration: 0.6s;  
  426.     -webkit-transition-duration: 0.6s;  
  427.     -o-transition-duration: 0.6s;
  428. }
  429.  
  430. #p4:hover {
  431.  
  432.     transform:rotate(45deg);              transition-duration: 0.6s;  
  433.     -moz-transition-duration: 0.6s;  
  434.     -webkit-transition-duration: 0.6s;  
  435.     -o-transition-duration: 0.6s;
  436. }
  437.  
  438. </style>
  439.  
  440. </head>
  441.  
  442. <body>
  443.  
  444.  
  445. <div id="sidebar">
  446.     <div id="description">
  447.     {description}</div>
  448.     <div id="ri">
  449. {block:Pagination}
  450. {block:PreviousPage}
  451. <a href="{PreviousPage}">fall</a> /
  452. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">fly</a>
  453. {/block:NextPage}
  454. {/block:Pagination}
  455.    
  456.     </div>
  457.     </div>
  458.  
  459. <div id="pages">
  460.  
  461. <div id="p1">
  462. <a href="{text:link1url}" title="{text:link1title}"><img src="https://i.imgur.com/k4y5qzu.png" width="100"></a></div>
  463.  
  464. <div id="p2">
  465. <a href="{text:link2url}" title="{text:link2title}"><img src="https://i.imgur.com/k4y5qzu.png" width="120"></a></div>
  466.  
  467. <div id="p3">
  468. <a href="{text:link3url}" title="{text:link3title}"><img src="https://i.imgur.com/k4y5qzu.png" width="100"></a></div>
  469.  
  470. <div id="p4">
  471. <a href="{text:link4url}" title="{text:link4title}"><img src="https://i.imgur.com/k4y5qzu.png" width="120"></a></div>
  472.  
  473. </div>
  474.    
  475. <div id="posts">
  476.  
  477.  
  478. {block:Posts}<div id="post">
  479.  
  480.  
  481.  
  482. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  483.  
  484. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  485.  
  486. {Caption} {/block:Caption}{/block:Photo}
  487.  
  488. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  489.  
  490. {/block:Photoset}
  491.  
  492. {block:Quote}<b style="text-align: center; font-size: 18pt; line-height: 20pt;">{Quote}</b>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  493.  
  494. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  495.  
  496. {Description}{/block:Description}{/block:Link}
  497.  
  498. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  499.  
  500. <div id="l">{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  501.  
  502. {block:Audio}
  503. <div id="audio">
  504. {block:TrackName}
  505. <div id="musicinfo" style="margin-top: 5px;">
  506. {AudioPlayerGrey}     <br>
  507. {TrackName} by
  508. {/block:TrackName}
  509. {block:Artist}
  510. {Artist}
  511. {/block:Artist}
  512.  
  513. </div>
  514. </div>
  515. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  516. {/block:Audio}
  517.  
  518.  
  519. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  520.  
  521. {block:Answer}
  522. <div id="ask"><img src="https://i.imgur.com/k4y5qzu.png" width="70"><br>
  523. {Asker} asked,<br>
  524. <span style="font-weight: normal;font-family: 'Roboto', sans-serif; color: {color:text}; font-size: 10pt;">❝ {Question} ❞</span>
  525. </table>
  526. </div>
  527. {Answer}{/block:Answer}
  528.  
  529. <div id="info">
  530. <a title="{TimeAgo}" title="{TimeAgo}">{TimeAgo}</a> ✦ <a href="{Permalink}" title="{NoteCount} notes">{NoteCount}</a> ✦ <a href="{ReblogURL}" title="reblog">Reblog</a>  
  531. <div id="tags">
  532. {block:HasTags}{block:Tags} <a href="{TagURL}" style="font-family:'Roboto', sans-serif; font-size: 10px; line-height: 13px;">#{Tag} </a>
  533. {/block:Tags}{/block:HasTags}
  534. </div>
  535. </div>
  536.  
  537. </div>
  538. {block:PostNotes}<Div style="width: 400px;">
  539.  
  540.  
  541. {PostNotes}</div>{/block:PostNotes}
  542. {/block:Posts}</div>
  543.  
  544. <div id="credit">
  545. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  546. </div>
  547.  
  548.  
  549. </body>
  550.  
  551.  
  552.  
  553. </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