API tools faq
paste
AntagonistChan

Antag03 - Evolution

AntagonistChan
May 5th, 2019 (edited)
592
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <hmtl>
  3. <!--MESSAGE FROM THE CREATOR:
  4. Hey, I'm Emily/"Antagonist". I do a lot of art (and also gaming), and HTML is one of my art forms. I'm currently working on getting commissions set up, and doing HTML projects is one of my goals.-->
  5. <head>
  6. <meta charset="utf-8">
  7. <title>{Title}{block:TagPage} | {Tag}{/block:TagPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title><!--This makes it so that the title of the page that appears in the tab and on search results lists the tag query/post title following the blog's title-->
  8. {block:Description}<!--This puts the blog description in search results-->
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <link rel="shortcut icon" href="{Favicon}"/>
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  14. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  15. <!--All that stuff is for RSS readers and Apple users-->
  16.  
  17. <!--Background-->
  18. <meta name="color:Background Color" content="#000000">
  19. <meta name="image:Background" content="https://wallpapertag.com/wallpaper/full/f/d/5/158120-future-background-2560x1600-for-tablet.jpg">
  20.  
  21. <!--General-->
  22. <meta name="color:Text Color" content="#ffffff">
  23. <meta name="color:Link Color" content="#084aac">
  24. <meta name="color:Hover Link" content="#032d6c">
  25. <meta name="font:Body" content="Courier New, Lucida Console, monospace"/>
  26.  
  27. <!--Posts-->
  28. <meta name="color:Post Background" content="#000000">
  29. <meta name="color:Secondary Background" content="#aaaaaa">
  30.  
  31. <!--Detail-->
  32. <meta name="color:Border Color" content="#008892">
  33. <meta name="color:Button Color" content="#002fff">
  34. <meta name="if:Use Separate Message Pages" content="1">
  35. <meta name="if:Use Single Message Page" content="0">
  36. <meta name="if:Show Subscription Button" content="1">
  37. <meta name="if:Show Random Post Button" content="1">
  38.  
  39. <style>
  40. body {
  41. color: {color:Text Color};
  42. background-color: {color:Background Color};
  43. background-image: url("{image:Background}");
  44. background-repeat: no-repeat;
  45. background-attachment: fixed;
  46. background-size: cover;
  47. font-family: {font:Body};
  48. text-shadow: 3px 3px 5px {color:Border Color};
  49. }
  50.  
  51. a {
  52. color: {color:Link Color};
  53. transition:all 0.5s ease-in-out;
  54. text-decoration: none;
  55. }
  56.  
  57. a:hover {
  58. color: {color:Hover Link};
  59. }
  60.  
  61. .answers {
  62. border-left: 3px solid gray;
  63. padding-left: 15px;
  64. margin: 10px;
  65. }
  66.  
  67. .secondarypost {
  68. padding: 15px;
  69. margin: 15px;
  70. overflow-x: auto;
  71. }
  72.  
  73. .entry {
  74. background-color: {color:Post Background};
  75. border: 5px double {color:Border Color};
  76. border-radius: 15px;
  77. box-shadow: 0 0 10px gray;
  78. }
  79.  
  80. .rbmark {
  81. border: 5px hidden {color:Border Color};
  82. border-radius: 15px;
  83. background-color: {color:Secondary Background};
  84. text-align: center;
  85. }
  86.  
  87. #posts {
  88. position: absolute;
  89. left: 33%;
  90. width: 50%;
  91. padding: 5px;
  92. }
  93.  
  94. #credits {
  95. position: fixed;
  96. bottom: 0px;
  97. right: 0px;
  98. padding: 2px;
  99. }
  100.  
  101. #credits a {
  102. color: {color:Text Color};
  103. }
  104.  
  105. #sidebar {
  106. position: fixed;
  107. top: 1%;
  108. left: 2%;
  109. width: 30%;
  110. text-align: center;
  111. max-height: 98%;
  112. overflow-x: auto;
  113. }
  114.  
  115. #masthead {
  116. position: fixed;
  117. top: 5%;
  118. right: 2%;
  119. width: 7%;
  120. text-align: center;
  121. }
  122.  
  123. .center {
  124. }
  125.  
  126. .info {
  127. }
  128.  
  129. #title a {
  130. color: {color:Text Color};
  131. }
  132.  
  133. .buttons {
  134. height: 50px;
  135. width: 50px;
  136. transition:all 0.25s ease-in-out;
  137. }
  138.  
  139. .buttons:hover {
  140. -ms-transform: rotate(360deg); /* IE 9 */
  141. -webkit-transform: rotate(360deg); /* Safari */
  142. transform: rotate(360deg);
  143. }
  144.  
  145. .post-footer {
  146. text-align: center;
  147. margin-bottom: 15px;
  148. }
  149.  
  150. .post-topper {
  151. text-align: center;
  152. }
  153.  
  154. .post blockquote {
  155. border-left: 3px solid grey;
  156. padding-left: 15px;
  157. margin: 10px;
  158. }
  159.  
  160. .page {
  161. width: 75%;
  162. border: 3px solid {color:Border Color};
  163. text-align: center;
  164. background-color: {color:Button Color};
  165. margin: auto;
  166. margin-bottom: 5px;
  167. }
  168.  
  169. .page a {
  170. color: {color:Text Color};
  171. }
  172.  
  173. .antagembed {
  174. text-align: center;
  175. }
  176.  
  177. .buttons2 {
  178. filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(180deg);
  179. }
  180.  
  181. .post-avatar-image {
  182. width: 35px;
  183. height: 35px;
  184. }
  185.  
  186. #postitle a {
  187. color: {color:Text Color};
  188. }
  189.  
  190. #postitle {
  191. text-align: center;
  192. }
  193.  
  194. {CustomCSS}
  195. </style>
  196. <!--That {CustomCSS} variable lets users add their own custom CSS without having to edit the theme's whole HTML.-->
  197. </head>
  198. <body>
  199. <!--The theme credit, if you remove this I will end you-->
  200. <div id="credits" class="entry">
  201. <a href="https://antagonistchanthemes.tumblr.com/">Theme Credit</a>
  202. </div>
  203.  
  204. <!--The sidebar, containing the profile pic, description, title, and pages-->
  205. <div id="sidebar" class="entry">
  206. <div id="title">{block:ShowTitle}<h2><a href="/">{Title}</a></h2>{/block:ShowTitle}</div>
  207. <div id="sidebar-img">{block:ShowAvatar}<img class="portrait global-shape-{AvatarShape}" src="{PortraitURL-128}"/>{/block:ShowAvatar}</div>
  208. {block:ShowDescription}{block:Description}<p>{Description}</p>{/block:Description}{/block:ShowDescription}
  209. <div id="pages">
  210. {block:HasPages}
  211. {block:Pages}
  212. <div class="page">
  213. <a href="{URL}">{Label}</a>
  214. </div>
  215. {/block:Pages}
  216. {/block:HasPages}
  217. </div>
  218. </div>
  219.  
  220. <!--The main body of the theme, containing posts and page content-->
  221. <main role="main"> <div id="posts" class="center">
  222. {block:Posts}
  223.  
  224. {block:RebloggedFrom}
  225. <div class="post-topper info entry">
  226. (reblogged post)
  227. </div>
  228. {/block:RebloggedFrom}
  229.  
  230. {block:Text}
  231. <div class="post info entry text">
  232. {block:Title}
  233. <h1 id="postitle"><a href="{Permalink}">{Title}</a></h1>
  234. {/block:Title}
  235. {block:NotReblog}{Body}{/block:NotReblog}
  236. {block:RebloggedFrom}{block:Reblogs}
  237. <div class="rbmark">{block:IsActive}
  238. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  239. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  240. </a>
  241. {/block:IsActive}
  242. {block:IsDeactivated}
  243. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  244. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  245. </span>
  246. {/block:IsDeactivated}</div>
  247. {body}
  248. {/block:Reblogs}{/block:RebloggedFrom}
  249. </div>
  250. {/block:Text}
  251.  
  252. {block:blockquote}{/block:blockquote}
  253.  
  254. {block:Photo}
  255. <div class="post info entry photo">
  256. <div class="antagembed"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  257.  
  258. {block:NotReblog}{block:Caption}{Caption}{/block:Caption}{/block:NotReblog}
  259. {block:RebloggedFrom}{block:Reblogs}
  260. <div class="rbmark">{block:IsActive}
  261. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  262. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  263. </a>
  264. {/block:IsActive}
  265. {block:IsDeactivated}
  266. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  267. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  268. </span>
  269. {/block:IsDeactivated}</div>
  270. {body}
  271. {/block:Reblogs}{/block:RebloggedFrom}
  272. </div>
  273. {/block:Photo}
  274.  
  275. {block:Panorama}
  276. <div class="post info entry panorama">
  277. {LinkOpenTag}
  278. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  279. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  280. </div>
  281. {/block:Panorama}
  282.  
  283. {block:Photoset}
  284. <div class="post info entry photoset">
  285. <div class="antagembed">{Photoset-500}</div>
  286. {block:NotReblog}{block:Caption}{Caption}{/block:Caption}{block:NotReblog}
  287. {block:RebloggedFrom}{block:Reblogs}
  288. <div class="rbmark">{block:IsActive}
  289. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  290. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  291. </a>
  292. {/block:IsActive}
  293. {block:IsDeactivated}
  294. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  295. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  296. </span>
  297. {/block:IsDeactivated}</div>
  298. {body}
  299. {/block:Reblogs}{/block:RebloggedFrom}
  300. </div>
  301. {/block:Photoset}
  302.  
  303. {block:Quote}
  304. <div class="post info entry quote">
  305. <div class="rbmark secondarypost">
  306. "{Quote}"
  307. </div>
  308. {block:Source}
  309. <div class="source">{Source}</div>
  310. {/block:Source}
  311. </div>
  312. {/block:Quote}
  313.  
  314. {block:Link}
  315. <div class="post info entry link">
  316. <div class="link-wrapper rbmark secondarypost">
  317. <a {Target} href="{URL}" class="link">
  318. {block:Thumbnail}
  319. <div class="link-thumbnail"><img src="{Thumbnail-HighRes}" alt="" /></div>
  320. {/block:Thumbnail}
  321. <div class="link-text-wrapper clearfix">
  322. <div class="link-text">
  323. {block:Host}
  324. <div class="link-host">{Host}</div>
  325. {/block:Host}
  326. <h2 class="link-title">{Name}</h2>
  327. {block:Excerpt}
  328. <div class="link-excerpt">{Excerpt}</div>
  329. {/block:Excerpt}
  330. {block:Author}
  331. <div class="link-author">{Author}</div>
  332. {/block:Author}
  333. </div>
  334. </div>
  335. </a>
  336. </div>
  337. {block:NotReblog}{Description}{/block:NotReblog}
  338. {block:RebloggedFrom}{block:Reblogs}
  339. <div class="rbmark">{block:IsActive}
  340. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  341. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  342. </a>
  343. {/block:IsActive}
  344. {block:IsDeactivated}
  345. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  346. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  347. </span>
  348. {/block:IsDeactivated}</div>
  349. {body}
  350. {/block:Reblogs}{/block:RebloggedFrom}
  351. </div>
  352. {/block:Link}
  353.  
  354. {block:Chat}
  355. <div class="post-content info entry">
  356. {block:Title}<h1 class="title postitle"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  357. <ul class="conversation">
  358. {block:Lines}
  359. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  360. {/block:Lines}
  361. </ul>
  362. </div>
  363. {/block:Chat}
  364.  
  365. {block:Video}
  366. <figure class="post info entry video">
  367. <div class="antagembed">{Video-700}</div>
  368. {block:NotReblog}<div class="caption">{Caption}</div>{/block:NotReblog}
  369. {block:RebloggedFrom}{block:Reblogs}
  370. <div class="rbmark">{block:IsActive}
  371. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  372. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  373. </a>
  374. {/block:IsActive}
  375. {block:IsDeactivated}
  376. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  377. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  378. </span>
  379. {/block:IsDeactivated}</div>
  380. {body}
  381. {/block:Reblogs}{/block:RebloggedFrom}
  382. </figure>
  383. {/block:Video}
  384.  
  385. {block:Audio}
  386. <div class="post info entry audio">
  387. <div class="antagembed">{AudioEmbed}</div>
  388. {block:NotReblog}{Caption}{/block:NotReblog}
  389. {block:RebloggedFrom}{block:Reblogs}
  390. <div class="rbmark">{block:IsActive}
  391. <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  392. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  393. </a>
  394. {/block:IsActive}
  395. {block:IsDeactivated}
  396. <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  397. <p><img class="post-avatar-image" src="{PortraitURL-64}"></p><p>{Username}</p>
  398. </span>
  399. {/block:IsDeactivated}</div>
  400. {body}
  401. {/block:Reblogs}{/block:RebloggedFrom}
  402. </div>
  403. {/block:Audio}
  404.  
  405. {block:Answer}
  406. <div class="post info entry answer">
  407. <div class="question secondarypost rbmark">
  408. <p><img src="{AskerPortraitURL-96}" width="75px" height="75px"/></p>
  409. <p>{Asker} said:
  410. </p>
  411. </div>
  412. {Question}
  413. {block:NotReblog}
  414. <div class="rbmark secondarypost">
  415. <p><img src="{PortraitURL-96}" width="75px" height="75px"></p>
  416. <p>{Name} answered:</p>
  417. </div><p>{Answer}</p>
  418. {/block:NotReblog}
  419. {block:RebloggedFrom}
  420.  
  421. {block:Answerer}
  422. <div class="rbmark secondarypost">
  423. <p><img src="{AnswererPortraitURL-96}" width="75px" height="75px"></p>
  424. <p>{Answerer} answered:</p>
  425. </div><p>{Answer}</p>
  426. {/block:Answerer}
  427. {block:Reblogs}
  428. <div class="rbmark">
  429. {block:HasAvatar}
  430. {block:HasPermalink}
  431. <a href="{Permalink}"><p><img src="{PortraitURL-64}" height="35px" width="35px"></p><p>{Username}</p></a>
  432. {/block:HasPermalink}
  433. {block:HasNoPermalink}
  434. <span><p><img src="{PortraitURL-64}" height="35px" width="35px"></p><p>{Username}</p></span>
  435. {/block:HasNoPermalink}
  436. {/block:HasAvatar}
  437. </div>
  438. {Body}
  439. {/block:Reblogs}
  440. {block:RebloggedFrom}
  441. </div>
  442. {/block:Answer}
  443.  
  444. <div class="post-footer info entry">
  445. + {block:Date}
  446. <a class="note-count" href="{Permalink}#notes">{TimeAgo}</a> +
  447. {/block:Date}
  448. {block:NoteCount}
  449. <a class="note-count" href="{Permalink}#notes">
  450. {NoteCountWithLabel}
  451. </a> +
  452. {/block:NoteCount}
  453. {block:RebloggedFrom}
  454. <a href="{ReblogParentURL}">via</a> +
  455. {/block:RebloggedFrom}
  456. {block:ContentSource}
  457. <a href="{SourceURL}">source</a> +
  458. {/block:ContentSource}
  459. <p id="tag">
  460. {block:HasTags}
  461. {block:Tags}
  462. <a href="{TagURL}">#{Tag},</a>
  463. {/block:Tags}
  464. {/block:HasTags}
  465. </p>
  466. </div>
  467. {block:PostNotes}
  468. <div class="info entry">
  469. {PostNotes}
  470. </div>
  471. {/block:PostNotes}
  472.  
  473. {block:Posts}
  474. </div></main>
  475.  
  476. <!--The header, containing the miscellaneous buttons and pagination-->
  477. <div id="masthead" class="entry">
  478. <a href="/"><img class="buttons" src="https://static.tumblr.com/lq337zo/feEpqpxyh/home.png"></a>
  479. {block:IfUseSeparateMessagePages}
  480. {block:AskEnabled}
  481. <a href="/ask"><img class="buttons" src="https://static.tumblr.com/lq337zo/yWGpqpxyk/inbox.png"></a>
  482. {/block:AskEnabled}
  483.  
  484. {block:SubmissionsEnabled}
  485. <a href="/submit"><img class="buttons buttons2" src="https://static.tumblr.com/lq337zo/yWGpqpxyk/inbox.png"></a>
  486. {/block:SubmissionsEnabled}
  487. {/block:IfUseSeparateMessagePages}
  488. {block:IfUseSingleMessagePage}
  489. <a href="/message"><img class="buttons" src="https://static.tumblr.com/lq337zo/yWGpqpxyk/inbox.png"></a>
  490. {/block:IfUseSingleMessagePage}
  491. <a href="/archive"><img class="buttons" src="https://static.tumblr.com/lq337zo/u36pqpxyd/archive.png"></a>
  492. {block:IfShowSubscriptionButton}
  493. <a href="/rss"><img class="buttons" src="https://66.media.tumblr.com/14d4de18ffceb7e3ce5e17540d918dcd/tumblr_pr05hmEB5A1yo9blvo1_75sq.png"></a>
  494. {/block:IfShowSubscriptionButton}
  495. {block:IfShowRandomPostButton}
  496. <a href="/random"><img class="buttons" src="https://66.media.tumblr.com/adcb8acf6c3f25e3ec3d765b7cba0cac/tumblr_pr05hmEB5A1yo9blvo2_75sq.png"></a>
  497. {/block:IfShowRandomPostButton}
  498. {block:NextPage}
  499. <a href="{NextPage}"><img class="buttons" src="https://static.tumblr.com/lq337zo/JLGpqpxys/next.png"></a>
  500. {/block:NextPage}
  501. {block:PreviousPage}
  502. <a href="{PreviousPage}"><img class="buttons" src="https://static.tumblr.com/lq337zo/laHpqpxy8/back.png"></a>
  503. {/block:PreviousPage}
  504. </div>
  505. </body>
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!