API tools faq
paste
alicescreed

STYLE 1

alicescreed
Mar 18th, 2023
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.28 KB | None | 0 0
raw download clone embed print report
  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.  
  9. <!-- THEME by ANACOMMISSIONS. 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.  
  15. {/block:Description}
  16.  
  17. <meta name="color:text" content="#dadada">
  18. <meta name="color:scrollbar" content="#4c4c4c">
  19. <meta name="color:bold" content="#a4a939">
  20. <meta name="color:italic" content="#a4a939">
  21. <meta name="color:links" content="#b75a61">
  22. <meta name="color:borders" content="#4c4c4c">
  23. <meta name="color:hover link" content="#656565">
  24.  
  25. <meta name="text:custom description" content="Cupcake ipsum dolor sit amet. Muffin chupa chups toffee fruitcake chocolate bar jelly beans. Cotton candy caramels chocolate bar powder marshmallow. Gummies liquorice danish chocolate bar liquorice cake bonbon soufflé.">
  26. <meta name="text:link1url" content="link1url">
  27. <meta name="text:link1title" content="link1title">
  28. <meta name="text:link2url" content="link2url">
  29. <meta name="text:link2title" content="link2title">
  30. <meta name="text:link3url" content="link3url">
  31. <meta name="text:link3title" content="link4title">
  32. <meta name="text:link4url" content="link4url">
  33. <meta name="text:link4title" content="link4title">
  34. <meta name="text:link5url" content="link5url">
  35. <meta name="text:link5title" content="link5title">
  36. <meta name="text:link6url" content="link6url">
  37. <meta name="text:link6title" content="link6title">
  38.  
  39.  
  40. <link href="https://fonts.googleapis.com/css?family=Bebas+Neue|Roboto&display=swap" rel="stylesheet">
  41.  
  42. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  43. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  44. <script>
  45. (function($){
  46. $(document).ready(function(){
  47. $("[title]").style_my_tooltips({
  48. tip_follows_cursor:true,
  49. tip_delay_time:200,
  50. tip_fade_speed:300
  51. }
  52. );
  53. });
  54. })(jQuery);
  55. </script>
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. body {
  61. font-family: 'Roboto', sans-serif;
  62. color: {color:text};
  63. font-size: 9pt;
  64. letter-spacing: 0px;
  65. background-color:#26282b;
  66. background-image: url('https://i.imgur.com/93S4vRF.png');
  67. background-position: top-right;
  68. background-repeat: no-repeat;
  69. background-attachment: fixed;
  70. line-height: 14pt;
  71. text-align: justify;
  72. }
  73.  
  74.  
  75. a {
  76. text-decoration: none;
  77. color: {color:links};
  78. font-size: 14pt;
  79. line-height: 19pt;
  80. transition-duration: 0.6s;
  81. -moz-transition-duration: 0.6s;
  82. -webkit-transition-duration: 0.6s;
  83. -o-transition-duration: 0.6s;
  84. font-family: 'bebas neue', cursive;
  85. letter-spacing: 1px;
  86. text-shadow: 1px 1px 4px #474747;
  87. }
  88.  
  89.  
  90. a:hover {
  91. text-decoration: none;
  92. filter:blur(1px);
  93. letter-spacing: 1px;
  94. color: {color:hover link};
  95. transition-duration: 0.6s;
  96. -moz-transition-duration: 0.6s;
  97. -webkit-transition-duration: 0.6s;
  98. -o-transition-duration: 0.6s;
  99. font-family: 'bebas neue', cursive;
  100. }
  101.  
  102. small, sup, sub {
  103. font-size: 100%;
  104. }
  105.  
  106. b, strong {
  107. text-shadow: 1px 1px 4px #474747;
  108. padding-left: 2px;
  109. padding-right: 2px;
  110. color:{color:bold};
  111. letter-spacing: 0px;
  112. font-size: 14pt;
  113. font-family: 'Bebas Neue', cursive;
  114. }
  115.  
  116. i, em {
  117. text-shadow: 1px 1px 4px #474747;
  118. color:{color:italic};
  119. font-family: 'bebas neue', cursive;
  120. letter-spacing: 1px;
  121. padding-left:5px;
  122. padding-right: 5px;
  123. padding-top: 10px;
  124. padding-bottom: 10px;
  125. font-size: 18pt;
  126. }
  127.  
  128. h1 {
  129. text-shadow: 1px 1px 5px #000;
  130. font-family: 'Bebas Neue', cursive;
  131. font-size: 18pt;
  132. font-weight: bold;
  133. line-height: 120%;
  134. letter-spacing: 1px;
  135. }
  136.  
  137. h2 {
  138. text-shadow: 1px 1px 5px #000;
  139. font-family: 'Bebas Neue', cursive;
  140. font-size: 16pt;
  141. font-weight: bold;
  142. line-height: 120%;
  143. letter-spacing: 1px;
  144. }
  145.  
  146. #h1 {
  147. text-align: center;
  148. font-family: 'bebas neue', cursive;
  149. padding: 10px;
  150. text-shadow: 1px 1px 4px #474747;
  151. line-height: 110%;
  152. font-size: 18pt;
  153. background-position: center;
  154. margin-bottom: 5px;
  155. }
  156.  
  157. blockquote {
  158. border: 10px solid transparent;
  159. border-image:url('https://i.imgur.com/FV5BGHE.gif') 10 round;
  160. outline: 1px solid {color:borders};
  161. background-color: #5a5357;
  162. color: #bcbcbc;
  163. padding: 5px;
  164. font-size: 95%
  165. }
  166.  
  167. blockquote img {
  168. max-width: 100%;
  169. display: block;
  170. height: auto;
  171. }
  172.  
  173. img {
  174. max-width: 100%;
  175. display: block;
  176. height: auto;
  177. }
  178.  
  179.  
  180. #post {
  181. width: 400px;
  182. margin-bottom: 25px;
  183. }
  184.  
  185. #posts {
  186. width: 410px;
  187. padding-right:10px;
  188. height: 500px;
  189. overflow-y: auto;
  190. position: absolute;
  191. background-color: transparent;
  192. margin-left:57px;
  193. margin-top: 50px;
  194. }
  195.  
  196. #ask {
  197. background-image: url('https://i.imgur.com/FV5BGHE.gif');
  198. text-align: center;
  199. background-position: top center;
  200. color: #fff;
  201. padding: 10px;
  202. height: auto;
  203. border: 1px solid {color:borders};
  204. background-color: #040404;
  205. text-shadow: 1px 1px 2px #000;
  206. }
  207.  
  208. #info {
  209. padding: 10px;
  210. margin-top: 10px;
  211. background-image: url('https://i.imgur.com/FV5BGHE.gif');
  212. background-attachment:fixed;
  213. background-repeat: y-repeat;
  214. background-position: center;
  215. text-align: center;
  216. color: #fff;
  217. letter-spacing: 1px;
  218. text-shadow: 1px 1px #000;
  219. transition-duration: 0.6s;
  220. -moz-transition-duration: 0.6s;
  221. -webkit-transition-duration: 0.6s;
  222. -o-transition-duration: 0.6s;
  223. font-size:14pt;
  224. border: 1px solid {color:borders};
  225. }
  226.  
  227. #info a {
  228. font-size: 14pt;
  229. text-shadow: 1px 1px 3px #000;
  230. font-weight:bold;
  231. font-family: 'bebas neue', cursive;
  232. }
  233.  
  234. #info a:hover {
  235. color: {color:bold};
  236. }
  237.  
  238. #tags {
  239. }
  240.  
  241. #tags a {
  242. font-family: verdana;
  243. font-size: 8px;
  244. line-height: 6px;
  245. color: #fff;
  246. text-transform: uppercase;
  247. text-shadow: 1px 1px 1px #000;
  248. }
  249.  
  250. #sidebar {
  251. margin-left:520px;
  252. width: 115px;
  253. font-size: 10pt;
  254. margin-top: 225px;
  255. position: fixed;
  256. background-color: transparent;
  257. }
  258.  
  259. #description {
  260. height:120px;
  261. font-size: 10px;
  262. line-height: 14px;
  263. padding-right: 5px;
  264. overflow: auto;
  265. }
  266.  
  267. #pa { margin-top: 25px;
  268. text-align: center;
  269. }
  270.  
  271. #pa a {
  272. text-shadow: 1px 1px 5px #000;
  273. color: {color:text};
  274. font-family: 'bebas neue', cursive;
  275. text-transform: uppercase;
  276. font-size: 13pt;
  277. }
  278.  
  279. #links {
  280. position: fixed;
  281. margin-left:655px;
  282. text-align: left;
  283. margin-top: 250px;
  284. width: 500px;
  285. line-height: 7pt;
  286. }
  287.  
  288. #links a {
  289. font-family: 'bebas neue', cursive;
  290. font-weight: bold;
  291. font-size: 16pt;
  292. color: {color:text};
  293. line-height: 16pt;
  294. }
  295.  
  296. #desctitle {
  297. padding: 4px;
  298. font-family: verdana;
  299. text-transform: uppercase;
  300. font-size: 8px;
  301. text-shadow: 1px 1px 3px #000;
  302. color: #fff;
  303. font-weight: bold;
  304. border: 1px solid {color:borders};
  305. text-align: center;
  306. background-position: center;
  307. background-image: url('https://i.imgur.com/FV5BGHE.gif');
  308. }
  309.  
  310. #audio {
  311. text-align: center;
  312. font-size: 8pt;
  313. line-height: 9pt;
  314. }
  315.  
  316. #musicinfo {
  317. text-transform: uppercase;
  318. margin-top:10px;
  319. }
  320.  
  321.  
  322. ol.notes {
  323. text-align: left;
  324. list-style: upper-roman;
  325. padding: 10px;
  326. }
  327.  
  328. #credit {
  329. right:10px;
  330. bottom:7px;
  331. padding:5px;
  332. font-size:10px;
  333. position:fixed;
  334. background-image: url('https://i.imgur.com/FV5BGHE.gif');
  335. text-align: center;
  336. font-style: italic;
  337. font-family: 'bebas neue', cursive;
  338. letter-spacing: 1px;
  339. border: 1px {color:borders};
  340. border-style: solid;
  341. padding: 5px;
  342. font-size: 120%;
  343. margin-bottom: 5px;
  344. transition-duration: 0.6s;
  345. -moz-transition-duration: 0.6s;
  346. -webkit-transition-duration: 0.6s;
  347. -o-transition-duration: 0.6s;
  348. }
  349.  
  350.  
  351. #credit a {
  352. font-family: 'bebas neue', cursive;
  353. color:#fff;
  354. padding:5px;
  355. letter-spacing:1px;
  356. text-decoration:none;
  357. font-weight:bold;
  358. }
  359.  
  360.  
  361.  
  362.  
  363. #s-m-t-tooltip{
  364. position: absolute;
  365. z-index: 999999999999999999999999999999999999999999999999999999999999;
  366. margin-top: 10px;
  367. margin-left: 5px;
  368. display: block;
  369. color: #fff;
  370. background-image: url('https://i.imgur.com/FV5BGHE.gif');
  371. background-position: center;
  372. text-align: center;
  373. box-shadow: 2px 2px 5px #000;
  374. font-family: 'bebas neue', cursive;
  375. letter-spacing: 1px;
  376. text-shadow: 1px 1px 5px #000;
  377. border: 1px solid {color:borders};
  378. padding: 10px;
  379. font-size: 22pt;
  380. margin-bottom: 5px;
  381. }
  382.  
  383. ::-webkit-scrollbar-thumb:vertical {
  384. background-color: {color:scrollbar};
  385. height:auto;
  386. }
  387.  
  388. ::-webkit-scrollbar-thumb:horizontal {
  389. background-color: {color:scrollbar};
  390. height:2px;
  391. }
  392.  
  393. ::-webkit-scrollbar {
  394. height:3px;
  395. width:3px;
  396. background-color: transparent;
  397. }
  398.  
  399. </style>
  400.  
  401. </head>
  402.  
  403. <body>
  404.  
  405. <div id="links">
  406. <a href="{text:link1url}" title="{text:link1title}">I.</a><br>
  407. <a href="{text:link2url}" title="{text:link2title}">II.</a><br>
  408. <a href="{text:link3url}" title="{text:link3title}">III.</a><br>
  409. <a href="{text:link4url}" title="{text:link4title}">IV.</a><br>
  410. <a href="{text:link5url}" title="{text:link5title}">V.</a><br>
  411. <a href="{text:link6url}" title="{text:link6title}">VI.</a><br>
  412.  
  413. </div>
  414.  
  415. <div id="sidebar">
  416. <div id="desctitle" style="margin-bottom: 5px;">{title}</div>
  417. <div id="description">
  418. {text:custom description}
  419. </div>
  420. <div id="pa">{block:Pagination}
  421. {block:PreviousPage}
  422. <a href="{PreviousPage}">rise</a> /
  423. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">fall</a>
  424. {/block:NextPage}
  425. {/block:Pagination}</div>
  426. </div>
  427.  
  428. <div id="posts">
  429.  
  430.  
  431. {block:Posts}<div id="post">
  432.  
  433.  
  434.  
  435. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  436.  
  437. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  438.  
  439. {Caption} {/block:Caption}{/block:Photo}
  440.  
  441. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  442.  
  443. {/block:Photoset}
  444.  
  445. {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}
  446.  
  447. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  448.  
  449. {Description}{/block:Description}{/block:Link}
  450.  
  451. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  452.  
  453. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  454.  
  455. {block:Audio}
  456. <div id="audio">
  457. {block:TrackName}
  458. <div id="musicinfo" style="margin-top: 5px;">
  459. {AudioPlayerGrey} <br>
  460. {TrackName} by
  461. {/block:TrackName}
  462. {block:Artist}
  463. {Artist}
  464. {/block:Artist}
  465.  
  466. </div>
  467. </div>
  468. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  469. {/block:Audio}
  470.  
  471.  
  472. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  473.  
  474. {block:Answer}
  475. <div id="ask">
  476. <center>
  477. <img src="{AskerPortraitURL-128}" width="64" style="border-radius: 100px; box-shadow: 3px 3px 5px #000; margin-bottom: 6px;"></center>
  478. {Asker} asked:<br>
  479. {Question}
  480. </div>
  481. {Answer}{/block:Answer}
  482.  
  483. <div id="info">
  484. <a title="{TimeAgo}" title="{TimeAgo}">{timeago}</a>. <a href="{Permalink}" title="{NoteCount} notes">{notecount}</a>. <a href="{ReblogURL}" title="reblog">reblog</a>.
  485. <div id="tags">
  486. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  487. {/block:Tags}{/block:HasTags}
  488. </div>
  489. </div>
  490.  
  491.  
  492. </div>
  493. {block:PostNotes}<Div style="width: 400px;">
  494.  
  495.  
  496. {PostNotes}</div>{/block:PostNotes}
  497. {/block:Posts}</div>
  498.  
  499.  
  500. <div id="credit">
  501. <a href="https://anacommissions.tumblr.com/" title="theme & graphics by anacommissions">AC</a>
  502. </div>
  503.  
  504.  
  505.  
  506.  
  507.  
  508. </body>
  509.  
  510.  
  511.  
  512. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!