API tools faq
paste
Advertisement
ourladyunderground

one.

ourladyunderground
Aug 19th, 2019
214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.11 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <header>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <meta name="description" content="{MetaDescription}" />
  7.  
  8. <meta name="text:description" content="idk">
  9. <meta name="color:background" content="#221D23">
  10. <meta name="text:background" content="url">
  11. <meta name="color:sidebar background" content="#FF8A5B">
  12. <meta name="text:sidebar background" content="url">
  13. <meta name="color:container" content="#EA526F">
  14. <meta name="text:container" content="url">
  15. <meta name="color:header" content="#EA526F">
  16. <meta name="text:header" content="url">
  17. <meta name="color:posts" content="#FFFFFF">
  18. <meta name="color:text" content="#FCEADE">
  19. <meta name="color:title" content="#25CED1">
  20. <meta name="color:link" content="#FFFFFF">
  21. <meta name="color:hover" content="#999999">
  22. <meta name="color:border" content="#ededed">
  23. <meta name="color:ask" content="#fbfbfb">
  24. <meta name="color:accent" content="#fbfbfb">
  25. <meta name="color:bold" content="#fbfbfb">
  26. <meta name="color:italic" content="#fbfbfb">
  27. <meta name="color:underline" content="#fbfbfb">
  28. <meta name="color:sbtext" content="#fbfbfb">
  29.  
  30. <meta name="text:font" content="'roboto'">
  31. <meta name="text:title" content="'homemade apple'">
  32. <meta name="text:subtitle" content="vintage perfection">
  33.  
  34. <meta name="text:link 1" content="link 1">
  35. <meta name="text:link 1 url" content="/link 1 url">
  36. <meta name="text:link 2" content="link 2">
  37. <meta name="text:link 2 url" content="/link 2 url">
  38. <meta name="text:link 3" content="link 3">
  39. <meta name="text:link 3 url" content="/link 3 url">
  40. <meta name="text:link 4" content="link 4">
  41. <meta name="text:link 4 url" content="/link 4 url">
  42.  
  43. <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Cabin+Sketch|Caveat|Fredericka+the+Great|Great+Vibes|Homemade+Apple|Libre+Barcode+128+Text|Pacifico|Parisienne|Permanent+Marker|Shadows+Into+Light+Two" rel="stylesheet">
  44. <link href="https://fonts.googleapis.com/css?family=Raleway|Open+Sans|Roboto" rel="stylesheet">
  45.  
  46. <style>
  47. body {
  48. background:{color:background};
  49. background-image: url('{text:background}');
  50. background-repeat: repeat;
  51. background-size: center;
  52. background-attachment: fixed;
  53. position: absolute;
  54. margin-left:20px;
  55. color:{color:text};
  56. font-size:10px;
  57. font-family:'raleway';
  58. }
  59. b {
  60. color:{color:bold};
  61. text-transform:uppercase;
  62. letter-spacing:5px;
  63. }
  64. i {
  65. color:{color:italic};
  66. letter-spacing:3px;
  67. }
  68. u {
  69. color:{color:underline};
  70. font-size:11px;
  71. }
  72. .container{
  73. width: 100%;
  74. margin: auto;
  75. overflow-y: scroll;
  76. height: 100%;
  77. position: absolute;
  78. margin-top: 100px;
  79. margin-left: 400px;
  80. }
  81.  
  82. #postcontainer {
  83. width: 770px;
  84. background-color: clear;
  85. margin: auto;
  86. height:450px;
  87. position:fixed;
  88. }
  89. #header{
  90. width:759px;
  91. height:170px;
  92. background-color:blue;
  93. border-top-left-radius:50px;
  94. border-top-right-radius:50px;
  95. background:url('{text:header}');
  96. background-color:{color:header};
  97. }
  98. #first {
  99. width: 250px;
  100. float: left;
  101. height: 350px;
  102. background:url('{text:sidebar background}');
  103. background-color:{color:sidebar background};
  104. border-bottom-left-radius:50px;
  105. }
  106.  
  107. #second {
  108. width: 520px;
  109. float: left;
  110. height: 350px;
  111. background:url('{text:container}');
  112. background-color: {color:container};
  113. overflow-y:scroll;
  114. overflow-x: hidden;
  115. border-bottom-right-radius:50px;
  116. }
  117. #clear {
  118. clear: both;
  119. }
  120. .tag{
  121. margin-left:20px;
  122. }
  123. ::-webkit-scrollbar-thumb{
  124. background-color: {color:accent};
  125. border: 2px solid {color:background};
  126. height:auto;
  127. }
  128.  
  129. ::-webkit-scrollbar {
  130. width:11px;
  131. border:5px solid {color:background};
  132. height:auto;
  133. }
  134. #sbtext {
  135. width:200px;
  136. margin-left:20px;
  137. margin-top:30px;
  138. padding-left:5px;
  139. padding-right:5px;
  140. border-radius:25px;
  141. opacity:.8;
  142. color:{color:sbtext};
  143. }
  144. a {
  145. text-decoration: none;
  146. color:{color:link};
  147. -webkit-transition: 0.5s ease;
  148. }
  149. a:hover {
  150. color:{color:hover};
  151. -webkit-transition: 0.5s ease;
  152. }
  153. #posts {
  154. padding:10px;
  155. width:490px;
  156. margin-right:20px;
  157. }
  158. .postmodel {
  159. width:400px;
  160. margin:5px;
  161. margin-left:30px;
  162. background-color: {color:posts};
  163. padding:20px;
  164. padding-bottom:5px;
  165. margin-top:10px;
  166. border-top-left-radius:15px;
  167. border-top-right-radius:15px;
  168. }
  169. .title {
  170. color:{color:title};
  171. -webkit-transform: rotate(-5deg);
  172. text-align:center;
  173. font-family:{text:title};
  174. font-size:80px;
  175. text-align:center;
  176. margin-left:200px;
  177. margin-top:5px;
  178. position:fixed;
  179. z-index:1;
  180. }
  181. #description {
  182. font-family:'raleway';
  183. position:static
  184. margin-top:-20px;
  185. padding-left:12px;
  186. width:180px;
  187. overflow-y:scroll;
  188. height:300px;
  189. overflow-x: hidden;
  190. color:{color:sbtext};
  191. font-size:10px;
  192. text-align:justify;
  193. font-size:10px;
  194. }
  195. #description::-webkit-scrollbar-thumb{
  196. height:auto;
  197. border: 1px transparent;
  198. background-color: transparent;
  199. width:1px;
  200. }
  201.  
  202. #description::-webkit-scrollbar {
  203. height:auto;
  204. border: 1px transparent;
  205. width:1px;
  206. }
  207. .circlefwd {
  208. height:40px;
  209. position:fixed;
  210. font-size:15px;
  211. line-height:1px;
  212. margin-top:315px;
  213. margin-left:180px;
  214. }
  215. .circlefwd p {
  216. margin-left:8px;
  217. margin-top:20px;
  218. }
  219. .circlebkd {
  220. height: 40px;
  221. position: fixed;
  222. font-size: 15px;
  223. line-height: 1px;
  224. margin-top: 315px;
  225. margin-left: 100px;
  226. }
  227. .circlebkd p {
  228. margin-left:8px;
  229. margin-top:20px;
  230. }
  231. .circle1 {
  232. height:40px;
  233. width:40px;
  234. background-color:{color:accent};
  235. position:fixed;
  236. font-size:25px;
  237. border-radius:50%;
  238. line-height:1px;
  239. margin-top:20px;
  240. margin-left:30px;
  241. -webkit-transition: transform 2s;
  242. -webkit-transform:rotate(10deg);
  243. }
  244. .circle1:hover {
  245. transform: scale(1.2);
  246. }
  247. .circle1 p {
  248. margin-left:15px;
  249. margin-top:22px;
  250. }
  251. .circle2 {
  252. height:40px;
  253. width:40px;
  254. background-color:{color:accent};
  255. position:fixed;
  256. font-size:25px;
  257. border-radius:50%;
  258. line-height:1px;
  259. margin-top:120px;
  260. margin-left:100px;
  261. -webkit-transition: transform 2s;
  262. -webkit-transform:rotate(10deg);
  263. }
  264. .circle2:hover {
  265. transform: scale(1.2);
  266. }
  267. .circle2 p {
  268. margin-left:13px;
  269. margin-top:20px;
  270. }
  271. .circle3 {
  272. height:40px;
  273. width:40px;
  274. background-color:{color:accent};
  275. position:fixed;
  276. font-size:25px;
  277. border-radius:50%;
  278. line-height:1px;
  279. margin-top:30px;
  280. margin-left:170px;
  281. -webkit-transition: transform 2s;
  282. -webkit-transform:rotate(10deg);
  283. }
  284. .circle3:hover {
  285. transform: scale(1.2);
  286. }
  287. .circle3 p {
  288. margin-left:10px;
  289. margin-top:20px;
  290. }
  291. .circle4 {
  292. height:40px;
  293. width:40px;
  294. background-color:{color:accent};
  295. position:fixed;
  296. font-size:25px;
  297. border-radius:50%;
  298. line-height:1px;
  299. margin-top:110px;
  300. margin-left:240px;
  301. -webkit-transition: transform 2s;
  302. -webkit-transform:rotate(10deg);
  303. }
  304. .circle4:hover {
  305. transform: scale(1.2);
  306. }
  307. .circle4 p {
  308. margin-left:10px;
  309. margin-top:20px;
  310. }
  311. .circle5 {
  312. height:40px;
  313. width:40px;
  314. background-color:{color:accent};
  315. position:fixed;
  316. font-size:25px;
  317. border-radius:50%;
  318. line-height:1px;
  319. margin-top:40px;
  320. margin-left:310px;
  321. -webkit-transition: transform 2s;
  322. -webkit-transform:rotate(10deg);
  323. }
  324. .circle5:hover {
  325. transform: scale(1.2);
  326. }
  327. .circle5 p {
  328. margin-left:14px;
  329. margin-top:20px;
  330. }
  331. .circle6 {
  332. height:40px;
  333. width:40px;
  334. background-color:{color:accent};
  335. position:fixed;
  336. font-size:25px;
  337. border-radius:50%;
  338. line-height:1px;
  339. margin-top:90px;
  340. margin-left:380px;
  341. -webkit-transition: transform 2s;
  342. -webkit-transform:rotate(10deg);
  343. }
  344. .circle6:hover {
  345. transform: scale(1.2);
  346. }
  347. .circle6 p {
  348. margin-left:10px;
  349. margin-top:20px;
  350. }
  351. .credit {
  352. font-size:20px;
  353. color:{color:accent};
  354. position:fixed;
  355. bottom:10px;
  356. right:10px;
  357. width:30px;
  358. background-color:{color:bold};
  359. height:30px;
  360. border-radius:50%;
  361. -webkit-transition: transform 2s;
  362. }
  363. .credit:hover {
  364. transform: scale(1.2);
  365. }
  366. .credit p {
  367. margin:auto;
  368. padding:4px;
  369. padding-left:7px;
  370. }
  371. .idate{
  372. width:420px;
  373. margin-bottom:30px;
  374. margin-left:30px;
  375. margin-top:-5px;
  376. padding:10px;
  377. background-color:{color:sidebar background};
  378. border-bottom-left-radius:15px;
  379. border-bottom-right-radius:15px;
  380. }
  381. .idate:hover{
  382. display:block;
  383. }
  384. #nav {
  385. margin-left:30px;
  386. }
  387. .subtitle{
  388. background-color:{color:accent};
  389. position:fixed;
  390. padding-top:2px;
  391. padding-bottom:2px;
  392. padding-left:5px;
  393. padding-right:5px;
  394. font-size:12px;
  395. text-transform:uppercase;
  396. -webkit-transform:rotate(-5deg);
  397. margin-left:300px;
  398. margin-top:120px;
  399. z-index:0px;
  400. }
  401. .subtitle p {
  402. color:white
  403.  
  404. }
  405. .description {
  406. position:fixed;
  407. background-color:{color:container};
  408. height:130px;
  409. width:250px;
  410. border-radius:25px;
  411. margin-top:20px;
  412. margin-left:470px;
  413. overflow:hidden;
  414. color:{color:posts};
  415. }
  416. .desc {
  417. height:100px;
  418. width:220px;
  419. text-align:justify;
  420. margin:auto;
  421. padding-top:15px;
  422. padding-bottom:15px;
  423. }
  424. .chat li {
  425. list-style: none;
  426. margin-bottom:5px;
  427. border-radius:10px;
  428. }
  429. .chat .odd {
  430. padding-bottom:10px;
  431. padding-top:10px;
  432. padding-left:10px;
  433. background-color:{color:accent};
  434. width:100%;
  435. text-align:left;
  436. color:{color:bold};
  437. }
  438. .chat .even {
  439. padding-bottom:10px;
  440. padding-top:10px;
  441. padding-right:10px;
  442. background-color:{color:container};
  443. width:100%;
  444. text-align: right;
  445. color:{color:italic};
  446. }
  447. .chat {
  448. margin-left:-40px;
  449. margin-right:5px;
  450. }
  451. blockquote {
  452. border-left: 5px solid {color:accent};
  453. padding-left:10px;
  454. }
  455. </style>
  456. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  457. <script>
  458. $(document).ready(function(){
  459. $('.circle').hide();
  460. $('.description').hide();
  461. $("#header").hover(function(){
  462. $('.circle').show(1000);
  463. }, function(){
  464. $('.circle').hide(1000);
  465. });
  466. $("#header").hover(function(){
  467. $('.title').hide(200);
  468. }, function(){
  469. $('.title').show(2000);
  470. });
  471. $("#header").hover(function(){
  472. $('.subtitle').hide(200);
  473. }, function(){
  474. $('.subtitle').show(2000);
  475. });
  476. $("#header").hover(function(){
  477. $('.description').show(1000);
  478. }, function(){
  479. $('.description').hide(1000);
  480. });
  481. });
  482. </script>
  483. </header>
  484. <body>
  485. <div class="container">
  486. <a href="wvrshipfullness.tumblr.com">
  487. <div class="credit">
  488. <p>&.</p>
  489. </div>
  490. </a>
  491. <div id="postcontainer">
  492. <div id="header">
  493. <h1 class="title">{Title}</h1>
  494. <p class="subtitle">{text:subtitle}</p>
  495.  
  496. <div class="description">
  497. <p class="desc">{text:description}</p>
  498. </div>
  499.  
  500. <div id="nav">
  501. <a href="/">
  502. <div class="circle1 circle">
  503. <p>i</p>
  504. </div>
  505. </a>
  506. <a href="/ask">
  507. <div class="circle2 circle">
  508. <p>ii</p>
  509. </div>
  510. </a>
  511. <a href="{text:link 1 url}">
  512. <div class="circle3 circle">
  513. <p>iii</p>
  514. </div>
  515. </a>
  516. <a href="{text:link 2 url}">
  517. <div class="circle4 circle">
  518. <p>iv</p>
  519. </div>
  520. </a>
  521.  
  522. <a href="{text:link 3 url}">
  523. <div class="circle5 circle">
  524. <p>v</p>
  525. </div>
  526. </a>
  527. <a href="{text:link 4 url}">
  528. <div class="circle6 circle">
  529. <p>vi</p>
  530. </div>
  531. </a>
  532. </div>
  533. </div>
  534. <div id="first">
  535. <div id="sbtext">
  536. {block:Description}
  537. <p id="description">{Description}</p>
  538. {/block:Description}
  539. </div>
  540. </div>
  541.  
  542. {block:previouspage}
  543. <div class="circlebkd">
  544. <a href="{PreviousPage}"><p>previous</p></a>
  545. </div>
  546. {/block:previouspage}
  547.  
  548. {block:nextpage}
  549. <div class="circlefwd">
  550. <a href="{NextPage}"><p>next</p></a>
  551. </div>
  552. {/block:nextpage}
  553.  
  554.  
  555. <div id="second">
  556. <div id="posts">
  557. {block:Posts}
  558. {block:Text}
  559. <div class="postmodel">
  560. <p class="post text">
  561. {block:Title}
  562. <h3><a href="{Permalink}">{Title}</a></h3>
  563. {/block:Title}{Body}
  564. </p>
  565. </div>
  566. {/block:Text}
  567. {block:Photo}
  568. <div class="postmodel">
  569. <p class="post photo">
  570. <img src="{PhotoURL-400}">
  571. {block:Caption}
  572. <div class="caption">{Caption}</div>
  573. {/block:Caption}
  574. </p>
  575. </div>
  576. {/block:Photo}
  577.  
  578. {block:Photoset}
  579. <div class="postmodel">
  580. <p class="post photoset">
  581. {Photoset-400}{block:Caption}
  582. <div class="caption">{Caption}</div>
  583. {/block:Caption}
  584. </p>
  585. </div>
  586. {/block:Photoset}
  587. {block:Quote}
  588. <div class="postmodel">
  589. <p class="post quote">
  590. "{Quote}"
  591.  
  592. {block:Source}
  593. <div class="source">{Source}</div>
  594. {/block:Source}
  595. </p>
  596. </div>
  597. {/block:Quote}
  598. {block:Link}
  599. <div class="postmodel">
  600. <p class="post link">
  601. <a href="{URL}" class="link" {Target}>{Name}</a>
  602.  
  603. </p>
  604. </div>
  605. {/block:Link}{block:Chat}
  606. <div class="postmodel">
  607. <p class="post chat">
  608. {block:Title}
  609. <h3><a href="{Permalink}">{Title}</a></h3>
  610. {/block:Title}
  611.  
  612. <ul class="chat">
  613. {block:Lines}
  614. <li class="{Alt} user_{UserNumber}">
  615. {block:Label}
  616. <span class="label">{Label}</span>
  617. {/block:Label}{Line}
  618. </li>
  619. {/block:Lines}
  620. </ul>
  621. </p>
  622. </div>
  623. {/block:Chat}{block:Video}
  624. <div class="postmodel">
  625. <p class="post video">
  626. {Video-500}{block:Caption}
  627. <div class="caption">{Caption}</div>
  628. {/block:Caption}
  629. </p>
  630. </div>
  631. {/block:Video}
  632. {block:Audio}
  633. <div class="postmodel">
  634. <p class="post audio">
  635. {AudioEmbed}{block:Caption}
  636. <div class="caption">{Caption}</div>
  637. {/block:Caption}
  638. </p>
  639. </div>
  640. {/block:Audio}
  641. <div id="info">
  642.  
  643. <div class="idate">
  644. {block:indexpage}
  645.  
  646. {block:date}
  647. <a href="{permalink}" class="date">{dayofmonthwithzero}{dayofmonthsuffix} {month}</a>
  648. &nbsp; <a href="{reblogrooturl}">source</a>
  649. &nbsp; <a href="{reblogparenturl}">via</a>
  650. {/block:date}
  651.  
  652.  
  653. {block:notecount}
  654. &nbsp; {NoteCountWithLabel}
  655. {/block:notecount}
  656.  
  657. {/block:indexpage}
  658.  
  659.  
  660. {block:hastags}
  661. {block:indexpage}
  662. <div class="itags">
  663. {block:tags}
  664. <a href="{tagurl}" class="tag">{tag}</a>&nbsp;
  665. {/block:tags}
  666. </div>
  667. {/block:indexpage}
  668. {block:permalinkpage}
  669. <div class="ptags">
  670. filed under: {block:tags}
  671. <a href="{tagurl}" class="tag">{tag}</a>&nbsp;
  672. {/block:tags}
  673. </div>
  674. {/block:permalinkpage}
  675. {/block:hastags}
  676.  
  677. </div>
  678. </div>
  679. {/block:Posts}
  680. </div>
  681. </div>
  682.  
  683. </div>
  684. </div>
  685. </body>
  686. </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!