API tools faq
paste
Advertisement
clairehclts

001 #HAYBEKAH

clairehclts
Mar 21st, 2018
408
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.30 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4.  
  5.  
  6.  
  7.  
  8. - theme base created by: ncighbourhood.tumblr.com -
  9.  
  10. you may only remove this credit if you edit this to look unrecognizeable to the base. if you keep the base as a theme, leave the credit there.
  11.  
  12.  
  13. -->
  14.  
  15. <head>
  16.  
  17. <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">
  18.  
  19.  
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:posts" content="#ffffff"/>
  23. <meta name="color:container" content="#ffffff"/>
  24. <meta name="color:Text" content="#000000"/>
  25. <meta name="color:Link" content="#868686"/>
  26. <meta name="color:border" content="#868686"/>
  27. <meta name="color:bold" content="#868686"/>
  28. <meta name="color:underline" content="#868686"/>
  29. <meta name="color:italic" content="#868686"/>
  30. <meta name="color:Link Hover" content="#868686"/>
  31. <meta name="color:Scrollbar" content="#414141"/>
  32. <meta name="color:Navi" content="#414141"/>
  33. <meta name="color:Navi Hover" content="#414141"/>
  34. <meta name="color:Pagination" content="#414141"/>
  35. <meta name="color:Pagination Hover" content="#414141"/>
  36. <meta name="color:Permalink" content="#ffffff"/>
  37. <meta name="color:Permalink Hover" content="#eeeeee"/>
  38. <meta name="color:Permalink Background" content="#000000"/>
  39.  
  40. <meta name="image:Background" content""/>
  41. <meta name="image:Sidebar" content"http://via.placeholder.com/385x200"/>
  42. <meta name="image:Sidebar2" content"http://via.placeholder.com/385x80"/>
  43.  
  44. <meta name="text:Home Title" content="" />
  45. <meta name="text:Ask Title" content="" />
  46. <meta name="text:Ask Url" content="" />
  47. <meta name="text:Link 1 Title" content="" />
  48. <meta name="text:Link 1 Url" content="" />
  49. <meta name="text:Link 2 Title" content="" />
  50. <meta name="text:Link 2 Url" content="" />
  51.  
  52.  
  53.  
  54. <title>{title}</title>
  55.  
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61.  
  62. @font-face {
  63. font-family: "Anatalia Script Regular";
  64. src: url('https://dl.dropbox.com/s/vtmrk16y2ohd9z6/Anatalia%20Script%20Regular.ttf?dl=0'); ;}
  65.  
  66.  
  67. body{
  68. background-color: {color:Background};
  69. background-image:url('{image:Background}');
  70. background-size:cover;
  71. background-attachment:fixed;
  72. font-family: 'Old Standard TT', serif;
  73. font-size:20px;
  74. color:{color:Text};
  75. }
  76.  
  77. a:link, a:active, a:visited{
  78. color: {color:Link};
  79. text-decoration:none;
  80. -webkit-transition: all 0.2s linear;
  81. -moz-transition: all 0.2s linear;
  82. transition: all 0.2s linear;
  83. }
  84.  
  85. a:hover {
  86. color:{color:Link Hover};
  87. -webkit-transition: all 0.2s linear;
  88. -moz-transition: all 0.2s linear;
  89. transition: all 0.2s linear;
  90. }
  91.  
  92. big{font-size:15px;font-family:arial;}
  93.  
  94. b, strong {
  95. color:{color:bold};
  96. }
  97.  
  98. i {
  99. color:{color:italic};
  100. }
  101.  
  102. u {
  103. color:{color:underline};
  104. }
  105.  
  106. ::-webkit-scrollbar-thumb {
  107. height:9px;border:2px solid {color:background};
  108. background-color: {color:scrollbar};
  109. }
  110.  
  111. ::-webkit-scrollbar {
  112. width:9px;
  113. height:4px;border:4px solid {color:background};
  114. background:{color:scrollbar};
  115. margin-right:5px;
  116. }
  117.  
  118. #entries{
  119. padding:20px;z-index:99;margin-top:30px;
  120. width:810px;position:absolute;height:450px;
  121. overflow-y:scroll;
  122. background-color:{color:container};
  123. margin-left:200px;border-bottom:20px solid {color:container};
  124. }
  125.  
  126.  
  127. #post {
  128. font-size:10px;font-family:helvetica;background-color:{color:posts};padding:25px; border:1px dotted {color:border};
  129. width:300px;z-index:99;
  130. margin-top:0px; margin-bottom:15px;
  131.  
  132. }
  133.  
  134.  
  135.  
  136. img {
  137. max-width: 100%;
  138. }
  139.  
  140. .photoset {
  141. max-width: 100%;
  142. }
  143.  
  144. .posttitle{
  145. font-family: "Anatalia Script Regular";
  146. color:{color:border};
  147. font-weight:bold;
  148. letter-spacing:0px;
  149. padding:10px;
  150. text-align:center;
  151. font-size: 30px;
  152. line-height: 20px;
  153. }
  154.  
  155. blockquote{
  156. font-family: 'Old Standard TT', serif;
  157. font-size:14px;
  158. margin-left:18px;
  159. padding-left:5px;
  160. background-color:{color:navi};
  161. border-left: 2px solid {color:text};
  162. }
  163.  
  164.  
  165. .p { padding-top: 5px; }
  166. .ol, ul { margin-left: 10px; padding: 5px; }
  167. .ul { list-style-type: square; }
  168.  
  169. #post .tags {position:relative;
  170. text-align:left;opacity:0;
  171. color:{color:text};
  172. margin-top:-10px;
  173. padding:8px; z-index:999999999999999;
  174. font-size:9px;
  175. font-family: "Anatalia Script Regular";
  176. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  177. -moz-transition: all 0.2s linear;
  178. transition: all 0.2s linear;}
  179.  
  180. #post:hover .tags {position:relative;
  181. text-align:left;opacity:1;
  182. color:{color:text};
  183. margin-top:0px;
  184. padding:8px; width:auto;z-index:999999999999999;
  185. font-size:9px;
  186. font-family:consolas;
  187. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  188. -moz-transition: all 0.2s linear;
  189. transition: all 0.2s linear;}
  190. .tags a {color:{color:link};text-transform:uppercase;}
  191.  
  192. .tags a:hover {color:{color:link hover};text-transform:uppercase;}
  193.  
  194. #permalink{
  195. position:relative;
  196. text-align:center;
  197. color:{color:Permalink};
  198. margin-top:15px;
  199. padding:5px;
  200. font-size:16px;
  201. font-family: "Anatalia Script Regular";
  202. letter-spacing:2px;
  203. text-transform:lowercase;-webkit-transition: all 0.2s linear;
  204. -moz-transition: all 0.2s linear;
  205. transition: all 0.2s linear;
  206. }
  207.  
  208. #permalink a{
  209. color:{color:Permalink};
  210. }
  211.  
  212. #permalink a:hover{
  213. color:{color:Permalink Hover};
  214. }
  215.  
  216.  
  217.  
  218.  
  219. #sidebar {
  220. position:fixed;
  221. border:1px dotted {color:border};
  222. margin-top:55px;
  223. margin-left:600px;
  224. z-index:99999999999;
  225. width:auto;
  226. height:430px;
  227. padding:15px; background-color:{color:posts};
  228. }
  229.  
  230. #sidebar2 {
  231. position:fixed;
  232. margin-top:80px;
  233. margin-left:530px;
  234. z-index:99999999999;
  235. height:80px;
  236. width:285px;padding:15px;
  237. }
  238.  
  239. .sidebarimg img{
  240. border:1px dotted {color:border};
  241. width:385px;
  242. height:200px;
  243. }
  244.  
  245. .sidebarimg2 img{
  246. border:1px dotted {color:border};
  247. width:385px;
  248. height:80px;
  249. }
  250.  
  251.  
  252. .description{z-index:99999;width:248px;
  253. text-align:justify;position:relative;margin-left:130px;
  254. font-size:12px;font-family: 'Old Standard TT', serif;padding:5px;
  255. margin-top:-130px;height:130px;
  256. overflow-y:scroll;
  257. }
  258.  
  259. .description::-webkit-scrollbar-thumb {
  260. height:9px;border:1px dotted {color:border};
  261. background-color: {color:scrollbar};
  262. }
  263.  
  264. .description::-webkit-scrollbar {
  265. width:9px;
  266. height:4px;border:1px dotted {color:border};
  267. background:{color:scrollbar};
  268. margin-right:5px;
  269. }
  270.  
  271. .navi{
  272. margin-top:-10px;position:relative;
  273. font-size:8px;margin-left:-5px;
  274. z-index:99999;padding:5px;
  275. letter-spacing:2px;
  276.  
  277. }
  278.  
  279. .navi a{
  280. display:block; font-size:35px;margin-top:5px;text-align:center;text-transform:lowercase;
  281. color:{color:Navi};width:125px; height:20px;font-family: "Anatalia Script Regular";
  282. padding:1px;
  283. }
  284.  
  285.  
  286.  
  287. .pagination {
  288. position:fixed;margin-top:565px; margin-left:600px;border-radius:4px;
  289. font-size:10px;padding:5px;width:250px;text-align:right;
  290. z-index:9999999999;background-color:{color:posts};
  291. }
  292.  
  293. .pagination a{
  294. display:inline-block;
  295. color:{color:pagination};
  296.  
  297. }
  298.  
  299. .pagination a:hover{font-style:italic;
  300. color:{color:pagination Hover};}
  301.  
  302.  
  303. .skas{
  304. position:relative;
  305. text-align:center;
  306. border:2px dotted {color:border};
  307. color:{color:sidebar};
  308. background: {color:navi};
  309. margin-top:8px;
  310. padding:10px;text-shadow:none;
  311. font-size:10px;font-family:arial;letter-spacing:1px;
  312. text-transform:uppercase;-webkit-transition: all 0.2s linear;
  313. -moz-transition: all 0.2s linear;
  314. transition: all 0.2s linear;
  315. }
  316.  
  317. .skas a{
  318. font-family: "Anatalia Script Regular";
  319. font-size:30px;
  320. text-transform:lowercase;
  321. color:{color:black};
  322. }
  323.  
  324. .skas a:hover{
  325. color:{color:Permalink Hover};
  326. }
  327.  
  328. #credit {
  329. font-size:9px;
  330. float:center;
  331. position:fixed;
  332. bottom:25px;
  333. letter-spacing:1px;
  334. right:25px;
  335. font-family:Roboto Mono;
  336. text-transform:lowercase;
  337. padding:8px;
  338. border-radius:5px;
  339. color:{color:entries};
  340. background-color:{color:accent one};
  341. }
  342.  
  343. #credit a {
  344. color:{color:entries};
  345. }
  346.  
  347. {CustomCSS}
  348. </style>
  349.  
  350. <link rel="shortcut icon" href="{Favicon}">
  351. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  352.  
  353.  
  354. </head>
  355.  
  356. <body>
  357.  
  358.  
  359.  
  360. <div id="sidebar">
  361.  
  362.  
  363. <div class="sidebarimg"><img src="{image:sidebar}"></div>
  364. <div class="sidebarimg2"><img src="{image:sidebar2}"></div>
  365.  
  366. <div class="navi">
  367. <a href="/"><b>{text:Home Title}</b></a>
  368. <a href="{text:Ask Url}"><b>{text:Ask Title}</b></a>
  369. <a href="{text:Link 1 Url}"><b>{text:Link 1 Title}</b></a>
  370. <a href="{text:Link 2 Url}"><b>{text:Link 2 Title}</b></a>
  371. <a href="clairehclts.tumblr.com"><b>Theme</b></a>
  372. </div>
  373.  
  374. <div class="description">
  375. {Description}
  376. </div>
  377.  
  378.  
  379.  
  380. </div>
  381.  
  382.  
  383. <div class="pagination">
  384. {block:Pagination}
  385. {block:PreviousPage}
  386. <a href="{PreviousPage}" title="back">back</a>
  387. {/block:PreviousPage}
  388. {block:NextPage}
  389. - <a href="{NextPage}" title="next"> next</a>
  390. {/block:NextPage}
  391. {/block:Pagination}
  392. </div>
  393.  
  394. <div id="entries">
  395. {block:Posts}
  396. <div id="post">
  397.  
  398. {block:Text}
  399. {block:Title}
  400. <div class="posttitle">{Title}</div>
  401. {/block:Title}
  402. {Body}
  403. {/block:Text}
  404.  
  405. {block:Link}
  406. <div class="posttitle">
  407. <a href="{URL}">{Name}</a>
  408. </div>
  409. {block:Description}{Description}{/block:Description}
  410. {/block:Link}
  411.  
  412. {block:Photo}
  413. <center>
  414. {LinkOpenTag}
  415. <a href="{permalink}">
  416. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="300"></a>
  417. {LinkCloseTag}
  418. </center>
  419. {block:Caption}{Caption}{/block:Caption}
  420. {block:ContentSource}
  421. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  422. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  423. {/block:SourceLogo}
  424. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  425. {/block:ContentSource}
  426. {block:ReblogParentURL}
  427. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  428. {/block:ReblogParentURL}
  429. {/block:Photo}
  430.  
  431. {block:Photoset}
  432. {Photoset-400}
  433. {block:Caption}{Caption}{/block:Caption}
  434. {/block:Photoset}
  435.  
  436. {block:Quote}
  437. <div class="posttitle">"{Quote}"</div>
  438. {block:Source}
  439. - {Source}
  440. {/block:Source}
  441. {/block:Quote}
  442.  
  443. {block:Chat}
  444. {block:Title}
  445. <div class="posttitle">
  446. {Title}
  447. </div>
  448. {/block:Title}
  449. {block:Lines}
  450. {block:Label}
  451. <b>{Label} </b>
  452. {/block:Label}
  453. {Line}
  454. <br>
  455. {/block:Lines}
  456. {/block:Chat}
  457.  
  458. {block:Audio}
  459. {block:AlbumArt}
  460. <img src="{AlbumArtURL}" width="120px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  461. <span class="audio">{AudioPlayerGrey}<br></span>
  462. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  463. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  464. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  465. {block:Caption}{Caption}{/block:Caption}
  466. {/block:Audio}
  467.  
  468. {block:Video}
  469. {Video-500}
  470. {block:Caption}{Caption}{/block:Caption}
  471. {/block:Video}
  472.  
  473. {block:Answer}<div style="z-index:999999; margin-top:11px; margin-left:10px; position:absolute;"><img src="{AskerPortraitURL-30}" style="border-radius:100px; moz-border-radius:100px; border:2px solid {color:posts};"></div>
  474. <div class="skas"><div style="border-bottom:1px solid {color:posts};">{Asker} said:</div><div style="text-align:right;margin-top:2px;">"{Question}"</div></div><br>
  475. {Answer}{/block:Answer}
  476.  
  477.  
  478. {block:IndexPage}
  479. <div id="permalink">
  480. <a href="{Permalink}"> {TimeAgo}</a>
  481. ♦
  482. <a href="{Permalink}">{NoteCountWithLabel}</a>
  483. {block:RebloggedFrom}
  484. ♦ <a href="{ReblogParentURL}" target="_blank">via</a>
  485. ♦ <a href="{ReblogRootURL}" target="_blank">©</a>
  486. {/block:RebloggedFrom}
  487. ♦ <a href="{ReblogURL}" target="_blank">REBLOG</a></br>
  488.  
  489. </div>
  490. <div class="tags">{block:HasTags}
  491. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  492. {/block:Tags}
  493. {/block:HasTags}</div>
  494. {/block:IndexPage}
  495.  
  496. {block:PermalinkPage}
  497. <div id="permalink">
  498. <a href="{Permalink}"> {TimeAgo}</a>
  499. |
  500. <a href="{Permalink}">{NoteCountWithLabel}</a>
  501. {block:RebloggedFrom}
  502. | <a href="{ReblogParentURL}" target="_blank">via</a>
  503. | <a href="{ReblogRootURL}" target="_blank">©</a>
  504. {/block:RebloggedFrom}
  505. | <a href="{ReblogURL}" target="_blank">REBLOG</a></br>
  506.  
  507. </div>
  508. <div class="tags">{block:HasTags}
  509. {block:Tags}<a href="{TagURL}">#<font style="text-transform:uppercase;">{Tag}</font>&nbsp;</a>
  510. {/block:Tags}
  511. {/block:HasTags}</div>
  512. {/block:PermalinkPage}
  513.  
  514.  
  515. {block:PostNotes}
  516. {PostNotes}
  517. {/block:PostNotes}
  518. </div>
  519. {/block:Posts}
  520.  
  521. </div>
  522.  
  523.  
  524. </div>
  525.  
  526.  
  527. </body>
  528. </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!