Advertisement
alicescreed

drvgonmother

Jan 24th, 2020
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.13 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement