API tools faq
paste
Advertisement
autumnthms

001 - Illusion

autumnthms
May 22nd, 2018
817
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. ||||||||||----------------------------------||||||||||
  7. |||||||||| THEME 001 BY AUTUMNTHMS | TUMBLR ||||||||||
  8. |||||||||| DO NOT REMOVE CREDIT, REPOST OR ||||||||||
  9. |||||||||| USE THIS THEME AS A BASE ||||||||||
  10. |||||||||| FOR SUPPORT PLEASE CONTACT ME ||||||||||
  11. ||||||||||----------------------------------||||||||||
  12.  
  13. -->
  14.  
  15.  
  16.  
  17.  
  18. <head>
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <meta name="viewport" content="width=device-width,initial-scale=1">
  23. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lateef" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  24.  
  25. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  26. <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  27.  
  28. <link href="https://static.tumblr.com/goyvdjs/Vuwp95793/style-my-tooltips.css" rel="stylesheet" type="text/css" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/goyvdjs/A3qp9579l/jquery.style-my-tooltips.js"></script>
  29.  
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("[title]").style_my_tooltips();
  34. });
  35. })(jQuery);
  36. </script>
  37.  
  38.  
  39. <meta name="image:Sidebar" content="http://placehold.it/250x315"/>
  40. <meta name="color:Background" content=""/>
  41. <meta name="color:Text" content=""/>
  42. <meta name="color:Posts" content=""/>
  43. <meta name="color:Borders" content=""/>
  44. <meta name="color:Links" content=""/>
  45. <meta name="color:Blockquote" content=""/>
  46. <meta name="color:Accent" content=""/>
  47. <meta name="color:Captions" content=""/>
  48.  
  49. <meta name="text:Link One Title" content="Refresh"/>
  50. <meta name="text:Link One" content="/"/>
  51. <meta name="text:Link Two Title" content="Message"/>
  52. <meta name="text:Link Two" content="/ask"/>
  53. <meta name="text:Link Three Title" content="Link Three"/>
  54. <meta name="text:Link Three" content="/"/>
  55. <meta name="text:Link Four Title" content="Link Four"/>
  56. <meta name="text:Link Four" content="/"/>
  57. <meta name="text:Link Five Title" content="Link Five"/>
  58. <meta name="text:Link Five" content="/"/>
  59.  
  60. <meta name="select:Post Size" content="500px"/>
  61. <meta name="select:Post Size" content="250px"/>
  62. <meta name="select:Post Size" content="400px"/>
  63.  
  64. <style type="text/css">
  65.  
  66. body {
  67. background:{color:Background};
  68. font-family: 'Source Sans Pro', sans-serif;
  69. font-size:10px;
  70. text-align:justify;
  71. letter-spacing:1px;
  72. text-transform:lowercase;
  73. color:{color:Text};
  74. }
  75.  
  76. #s-m-t-tooltip {
  77. padding:5px;
  78. border-radius:5px;
  79. margin:10px;
  80. background-color:{color:Posts};
  81. font-size:9px;
  82. text-transform:uppercase;
  83. letter-spacing:1px;
  84. color:{color:Text};
  85. z-index:99999999;
  86. border:1px solid {color:Borders};
  87. }
  88.  
  89. h1 {
  90. font-family: 'Lateef', cursive;
  91. font-size:20px;
  92. letter-spacing:2px;
  93. color:{color:Accent};
  94. text-align:center;
  95. background:{color:Background};
  96. padding:7px;
  97. margin-top:0px;
  98. border-radius:5px;
  99. text-transform:uppercase;
  100. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  101. border:color:solid 1px {color:Borders};
  102. }
  103.  
  104. h2 {
  105. font-family: 'Lateef', cursive;
  106. font-size:20px;
  107. letter-spacing:2px;
  108. color:{color:Accent};
  109. text-align:center;
  110. background:{color:Background};
  111. padding:7px;
  112. border-radius:5px;
  113. text-transform:uppercase;
  114. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  115. }
  116.  
  117. a {
  118. text-decoration:none;
  119. color:{color:Links};
  120. -moz-transition: all 1s ease-in;
  121. -o-transition: all 1s ease-in;
  122. -webkit-transition: all 1s ease-in;
  123. transition: all 1s ease-in;
  124. }
  125.  
  126. a:hover {
  127. color:{color:Accent};
  128. -moz-transition: all 1s ease-in;
  129. -o-transition: all 1s ease-in;
  130. -webkit-transition: all 1s ease-in;
  131. transition: all 1s ease-in;
  132. }
  133.  
  134. b {
  135. text-transform:uppercase;
  136. font-weight:normal;
  137. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  138. color:{color:Accent};
  139. }
  140.  
  141. i {
  142. font-size:11px;
  143. letter-spacing:0px;
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. width: 5px;
  148. background: {color:Background};
  149. }
  150.  
  151. ::-webkit-scrollbar-thumb {
  152. background: {color:Accent};
  153. }
  154.  
  155. small {
  156. font-size:10px;
  157. }
  158.  
  159. blockquote {
  160. border:dashed 1px {color:Borders};
  161. margin-left:10px;
  162. padding:10px;
  163. border-radius:5px;
  164. background:{color:Blockquote};
  165. margin-right:10px;
  166. }
  167.  
  168. blockquote blockquote {
  169. background:{color:Posts};
  170. }
  171.  
  172. #post {
  173. margin:0 auto;
  174. margin-top:90px;
  175. width:{select:Post Size};
  176. padding:15px;
  177. border-radius:5px;
  178. background:{color:Posts};
  179. border:solid 1px {color:Borders};
  180. -moz-transition: all 1s ease-in;
  181. -o-transition: all 1s ease-in;
  182. -webkit-transition: all 1s ease-in;
  183. transition: all 1s ease-in;
  184. }
  185.  
  186. #quote {
  187. font-family: 'Lateef', cursive;
  188. font-size:28px;
  189. letter-spacing:0px;
  190. font-style:italic;
  191. text-align:center;
  192. margin-left:20px;
  193. margin-right:20px;
  194. text-transform:normal;
  195. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  196.  
  197. }
  198.  
  199. #quotesource {
  200. text-align:right;
  201. margin-right:25px;
  202. font-size:11px;
  203. font-weight:bold;
  204. margin-top:10px;
  205. text-transform:uppercase;
  206. }
  207.  
  208. #captions {
  209. padding:5px;
  210. border-radius:5px;
  211. padding-left:10px;
  212. padding-right:10px;
  213. margin-top:10px;
  214. background:{color:Captions};
  215. }
  216.  
  217. #info {
  218. padding:7px;
  219. text-transform:uppercase;
  220. border-radius:5px;
  221. margin-top:10px;
  222. text-align:center;
  223. background:{color:Background};
  224. border:1px solid {color:Borders};
  225. font-size:9px;
  226. min-height:9px;
  227. }
  228.  
  229. #tags {
  230. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  231. margin:0 auto;
  232. margin-bottom:90px;
  233. width:{select:Post Size};
  234. margin-top:5px;
  235. margin-left:20px;
  236. margin-right:20px;
  237. opacity:0;
  238. font-size:9px;
  239. text-transform:uppercase;
  240. text-align:center;
  241. -moz-transition: all 1s ease-in;
  242. -o-transition: all 1s ease-in;
  243. -webkit-transition: all 1s ease-in;
  244. transition: all 1s ease-in;
  245. }
  246.  
  247. #entry {
  248. width:{select:Post Size};
  249. margin:0 auto;
  250. -moz-transition: all 1s ease-in;
  251. -o-transition: all 1s ease-in;
  252. -webkit-transition: all 1s ease-in;
  253. transition: all 1s ease-in;
  254. }
  255.  
  256. #entry:hover #tags{
  257. opacity:1;
  258. -moz-transition: all 1s ease-in;
  259. -o-transition: all 1s ease-in;
  260. -webkit-transition: all 1s ease-in;
  261. transition: all 1s ease-in;
  262. }
  263.  
  264. ol.notes {
  265. list-style-type: none;
  266. margin: 0;
  267. margin-top:-100px;
  268. padding:15px;
  269. width:{select:Post Size};
  270. font-size:9px;
  271. text-align:center;
  272. text-transform:uppercase;
  273. }
  274.  
  275. ol.notes img {
  276. float:left;
  277. width:12px;
  278. height:12px;
  279. border-radius:5px;
  280. }
  281.  
  282. ol.notes li{
  283. background:{color:Posts};
  284. padding:5px;
  285. margin:5px;
  286. text-align:right;
  287. border-radius:5px;
  288. border:1px solid {color:Borders};
  289. }
  290. img {
  291. max-width:100%;
  292. border-radius:5px;
  293. }
  294.  
  295. .askimg {
  296. display:inline-block;
  297. }
  298.  
  299. .askimg img{
  300. border-radius:5px;
  301. }
  302.  
  303. .question span {
  304. text-shadow: 1px 1px 0px rgba(90, 90, 90, .6);
  305. text-transform:uppercase;
  306. }
  307. .question {
  308. background:{color:Blockquote};
  309. border-radius: .4em;
  310. max-width:82%;
  311. border:solid 1px {color:Borders};
  312. padding:10px;
  313. margin-top:-50px;
  314. margin-left:55px;
  315. }
  316.  
  317. .answer {
  318. width:96%;
  319. padding:10px;
  320. margin-top:0px;
  321. }
  322.  
  323. #audio {
  324. max-width:100%;
  325. overflow:hidden;
  326. border-radius:5px;
  327. }
  328. #sidebar {
  329. background:url('{image:Sidebar}');
  330. width:250px;
  331. height:315px;
  332. border-radius:5px;
  333. border:solid 1px {color:Borders};
  334. margin-top:100px;
  335. margin-left:70px;
  336. position:fixed;
  337. }
  338.  
  339. #sidebar img{
  340. width:250px;
  341. height:315px;
  342. }
  343.  
  344. #description {
  345. position:fixed;
  346. margin-top:235px;
  347. width:220px;
  348. font-size:9px;
  349. text-transform:uppercase;
  350. text-shadow: 1px 1px 0px rgba(20, 20, 20, .8);
  351. padding-left:15px;
  352. color:{color:Blockquote};
  353. padding-right:15px;
  354. }
  355.  
  356. #links {
  357. position:fixed;
  358. width:251px;
  359. height:25px;
  360. margin-top:422px;
  361. margin-left:70px;
  362. text-align:center;
  363. }
  364.  
  365. #tag {
  366. letter-spacing: 0px;
  367. font-size: 8px;
  368. line-height: 14px;
  369. font-weight: bold;
  370. background-color:{color:Posts};
  371. width:15px;
  372. padding: 5px;
  373. border-radius:5px;
  374. border:1px solid {color:Borders};
  375. text-transform: uppercase;
  376. height: 15px;
  377. margin-right:2px;
  378. text-align: center;
  379. cursor: pointer;
  380. display: inline-block;
  381. margin-bottom: 5px;
  382. }
  383.  
  384. #tag i{
  385. font-size:8px;
  386. }
  387.  
  388. @keyframes spin {
  389. 0% { transform: rotate(360deg); }
  390. 100% { transform: rotate(0deg); }
  391. }
  392. @-webkit-keyframes spin {
  393. 0% {-webkit-transform: rotate(360deg); }
  394. 100% { -webkit-transform: rotate(0deg); }
  395. }
  396. @-ms-keyframes spin {
  397. 0% {-ms-transform: rotate(360deg); }
  398. 100% { -ms-transform: rotate(0deg); }
  399. }
  400. @-moz-keyframes spin {
  401. 0% { -moz-transform: rotate(360deg); }
  402. 100% { -moz-transform: rotate(0deg); }
  403. }
  404. @-o-keyframes spin {
  405. 0% { -o-transform: rotate(360deg); }
  406. 100% { -o-transform: rotate(0deg); }
  407. }
  408.  
  409. #credit{
  410. position: fixed;
  411. bottom: 4px;
  412. right: 12px;
  413. color:{color:Links};
  414. z-index: 99;
  415. font-size: 16px;
  416. }
  417.  
  418. #credit:hover{
  419. -webkit-animation: spin 3s linear 0s infinite normal;
  420. -moz-animation: spin 3s linear 0s infinite normal;
  421. -ms-animation: spin 3s linear 0s infinite normal;
  422. -o-animation: spin 3s linear 0s infinite normal;
  423. animation: spin 3s linear 0s infinite normal;
  424. }
  425.  
  426. </style>
  427. </head>
  428. <body>
  429.  
  430. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  431. </body>
  432.  
  433.  
  434.  
  435.  
  436.  
  437. <div id="sidebar"><div id="description">{Description}</div></div>
  438. <div id="links">{block:PreviousPage}<a href="{PreviousPage}"><div id="tag"><i class="fas fa-chevron-left"></i></div></a>{/block:PreviousPage}<div id="tag" title="{text:Link One Title}"><a href="{text:Link One}"><i class="fas fa-power-off"></i></a></div><div id="tag" title="{text:Link Two Title}"><a href="{text:Link Two}"><i class="fas fa-comment"></i></a></div><div id="tag" title="{text:Link Three Title}"><a href="{text:Link Three}"><i class="fas fa-star"></i></a></div><div id="tag" title="{text:Link Four Title}"><a href="{text:Link Four}"><i class="fas fa-heart"></i></a></div><div id="tag" title="{text:Link Five Title}"><a href="{text:Link Five}"><i class="fas fa-link"></i></a></div>{block:NextPage}<a href="{NextPage}"><div id="tag"><i class="fas fa-chevron-right"></i></div></a>{/block:NextPage}
  439. </div>
  440.  
  441. {block:Posts}
  442. <div id="entry"><div id="post">
  443.  
  444. {block:Text}
  445. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  446. {/block:Text}
  447.  
  448. {block:blockquote}{/block:blockquote}
  449.  
  450. {block:Photo}
  451. <center>{LinkOpenTag}<img src="{PhotoURL-500}" style="width:{select:Post Size};" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  452. {/block:Photo}
  453.  
  454. {block:Photoset}
  455. {Photoset}{block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  456. {/block:Photoset}
  457.  
  458. {block:Quote}
  459. <div id="quote">" &nbsp;{Quote}&nbsp; "</div>{block:Source}<div id="quotesource"> —{Source}</div>{/block:Source}
  460. {/block:Quote}
  461.  
  462. {block:Link}
  463. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div id="captions">{Description}</div>{/block:Description}
  464. {/block:Link}
  465.  
  466. {block:Chat}
  467. {block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div id="chats">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}
  468. {/block:Chat}
  469.  
  470. {block:Audio}
  471. <div id="audio">{AudioEmbed}</div>
  472. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  473. {/block:Audio}
  474.  
  475. {block:Video}
  476. {VideoEmbed}
  477. {block:Caption}<div id="captions">{Caption}</div>{/block:Caption}
  478. {/block:Video}
  479.  
  480.  
  481. {block:Answer}
  482. <div class="askimg"><img src="{AskerPortraitURL-48}"></div><div class="question"><span>{Asker} sent a message: </span> {Question}</div><div class="answer">{Answer}</div>
  483. {/block:Answer}
  484.  
  485. <div id="info">{block:Date}<span style="float:left"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="Posted {TimeAgo}">{Month} {DayOfMonth}, {Year} </a></span> {/block:Date}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}& <a href="{SourceURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{block:NoteCount}<span style="float:right"><a href="{Permalink}" style="text-align:right" title="Permalink Page"> {NoteCountWithLabel} </a></span>{/block:NoteCount}</div>
  486.  
  487. </div>
  488.  
  489. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>{block:PostNotes}{PostNotes}{/block:PostNotes}
  490. </div>
  491.  
  492. {/block:Posts}
  493.  
  494. <div id="credit"><a href="https://autumnthms.tumblr.com" title="autumn's themes"><i class="fas fa-poo"></i></a></div>
  495.  
  496. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!