API tools faq
paste
bridgetowakanda

ORDER - 02. IR

bridgetowakanda
Jun 23rd, 2020
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.12 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css2?family=Marck+Script&display=swap" rel="stylesheet">
  2. <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
  3. <link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
  4. <link href="https://fonts.googleapis.com/css2?family=Notable&display=swap" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
  6.  
  7. <html>
  8.  
  9. <!--
  10. THEME 02. - ORDER
  11. INTERSTELLAR RESOURCES
  12. PLEASE MESSAGE IF YOU HAVE ANY ISSUES
  13.  
  14.  
  15. SKELETON CODE BY
  16. https://fratdadbase.tumblr.com/
  17. -->
  18.  
  19.  
  20.  
  21. <head>
  22.  
  23. <!------------------------------ SCRIPTS ----------------------------->
  24. <!----------------------------- TOOLTLIP ----------------------------->
  25.  
  26.  
  27. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  28. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  30. <script>
  31. (function($){
  32. $(document).ready(function(){
  33. $("[title]").style_my_tooltips({
  34. tip_follows_cursor:true,
  35. tip_delay_time:200,
  36. tip_fade_speed:500
  37. });
  38. });
  39. })(jQuery);
  40. </script>
  41.  
  42.  
  43.  
  44.  
  45.  
  46. <title>{Title}</title>
  47. <link rel="shortcut icon" href="{Favicon}">
  48. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52.  
  53.  
  54. <meta name="image:body" content=""/>
  55. <meta name="image:info" content=""/>
  56. <meta name="image:header1" content=""/>
  57.  
  58. <meta name="color:text" content="#1e1e1e"/>
  59. <meta name="color:background" content="#ffffff"/>
  60. <meta name="color:post" content="#ffffff"/>
  61. <meta name="color:container" content="#ffffff"/>
  62. <meta name="color:main link" content="#9cbdb1"/>
  63. <meta name="color:navigation" content="#000000" />
  64. <meta name-"color: navigation hover" content="#222222"/>
  65. <meta name="color:blockquote" content="#000000"/>
  66. <meta name="color:bold" content="#373737"/>
  67. <meta name="color:italic" content="#656565"/>
  68. <meta name="color:header1" content=""/>
  69. <meta name="color:header2" content="#000000"/>
  70. <meta name="color:header3" content="#000000"/>
  71. <meta name="color:header4" content="#ffffff"/>
  72. <meta name="color:header4background" content="#000000"/>
  73. <meta name="color:header4border" content="#222222"/>
  74. <meta name="color:title" content="#333333"/>
  75.  
  76. <meta name="text:blog name" content="blog name here" />
  77. <meta name="text:link one title" content="title here" />
  78. <meta name="text:link one url" content="/url here"/>
  79. <meta name="text:link two title" content="title here" />
  80. <meta name="text:link two url" content="/url here"/>
  81. <meta name="text:link three title" content="title here" />
  82. <meta name="text:link three url" content="/url here"/>
  83.  
  84. </head>
  85.  
  86. <style type="text/css">
  87.  
  88. /* SCROLL BAR */
  89.  
  90. ::-webkit-scrollbar {
  91. width: 2px;
  92. height: 2px;
  93. }
  94. ::-webkit-scrollbar-button {
  95. width: 0px;
  96. height: 0px;
  97. }
  98. ::-webkit-scrollbar-thumb {
  99. background: transparent;
  100. border: 0px none transparent;
  101. border-radius: 50px;
  102. }
  103. ::-webkit-scrollbar-thumb:hover {
  104. background: transparent;
  105. }
  106. ::-webkit-scrollbar-thumb:active {
  107. background: transparent;
  108. }
  109. ::-webkit-scrollbar-track {
  110. background: transparent;
  111. border: 0px none transparent;
  112. border-radius: 0px;
  113. }
  114. ::-webkit-scrollbar-track:hover {
  115. background: transparent;
  116. }
  117. ::-webkit-scrollbar-track:active {
  118. background: transparent;
  119. }
  120. ::-webkit-scrollbar-corner {
  121. background: transparent;
  122. }
  123.  
  124.  
  125. /* BODY */
  126.  
  127. body {
  128. background-color:{color:background};
  129. background-image: url('{image:body}');
  130. background-repeat: no-repeat;
  131. font-family: calibri;
  132. font-size: 12px;
  133. word-spacing: 2px;
  134. color:{color:text};
  135. }
  136.  
  137.  
  138. #container {
  139. position:absolute;
  140. background-color: {color:container};
  141. padding: 5px;
  142. width: 410px;
  143. margin-top:50px;
  144. left: 40%;
  145. height:100%;
  146. overflow:auto;
  147. overflow-x:hidden;
  148. z-index: 1;
  149. border: 0px solid {color:middletext};
  150. }
  151.  
  152. #container img {
  153. height:auto;
  154. max-width:100%;
  155. }
  156.  
  157. .posts {
  158. width:400px;
  159. margin-bottom:40px;
  160. background-color: {color:post};
  161. padding: 5px;
  162. border-bottom: 1px solid #ebebeb;
  163. }
  164.  
  165. /* IMAGE DECOR */
  166.  
  167.  
  168. #s-m-t-tooltip {
  169. max-width:400px;
  170. margin:15px;
  171. padding:2px 8px;
  172. background: {color:bold};
  173. background-image:url('');
  174. background-repeat:repeat;
  175. background-attachment:fixed;
  176. border-left: 3px solid {color:italic};
  177. border-right: 3px solid {color:italic};
  178. color:{color:text};
  179. text-shadow:1px 1px 0px #000,
  180. z-index:999999999999999999999999999999999999;
  181. font-size:9px;
  182. letter-spacing:2px;
  183. font-style:bold;
  184. letter-spacing:2px;
  185. font-family: calibri;
  186. text-transform:uppercase;
  187. }
  188.  
  189.  
  190. /* FONT DECOR */
  191.  
  192.  
  193. h1 {
  194. font-family: 'Notable', sans-serif;
  195. font-size: 15px;
  196. text-align:center;
  197. text-transform:uppercase;
  198. color: {color:header1};
  199. background-image: url('{image:header1}');
  200. background-position:left;
  201. background-repeat:repeat;
  202. background-attachment:fixed;
  203. -webkit-background-clip: text;
  204. -webkit-text-fill-color: transparent;
  205.  
  206. }
  207.  
  208. h2 {
  209. text-align:center;
  210. text-transform:uppercase;
  211. color: {color:header2};
  212. font-family: 'Righteous', cursive;
  213. letter-spacing: 1px;
  214. font-size: 25px;
  215. }
  216.  
  217. h3 {
  218. text-align:center;
  219. text-transform:uppercase;
  220. color: {color:header3};
  221. font-family: 'VT323', monospace;
  222. font-size: 12px;
  223. }
  224.  
  225. h4 {
  226. text-align: center;
  227. text-transform: uppercase;
  228. color: {color:header4};
  229. font-family: courier;
  230. font-weight: bold;
  231. font-size: 15px;
  232. padding-top: 5px;
  233. padding-bottom: 5px;
  234. background-color: {color:header4background};
  235. border-left: 4px solid {color:header4border};
  236. border-right: 4px solid {color:header4border};
  237. }
  238.  
  239. t, title {
  240. text-align: right;
  241. font-size: 18px;
  242. font-family: georgia;
  243. color: {color:title};
  244. text-transform: uppercase;
  245.  
  246. }
  247.  
  248. b, bold, strong {
  249. text-align:center;
  250. text-transform:uppercase;
  251. color: {color:bold};
  252. font-family: 'Righteous', cursive;
  253. font-size: 13px;
  254. }
  255.  
  256. i, italic {
  257. text-align:center;
  258. text-transform:uppercase;
  259. color: {color:italic};
  260. font-family: 'Marck Script', cursive;
  261. text-transform: lowercase;
  262. font-size: 20px;
  263. }
  264.  
  265. code {
  266. size: 10px;
  267. font-family: courier new;
  268. text-transform: uppercase;
  269. }
  270.  
  271. blockquote {
  272. border-left: 1px solid {color:blockquote};
  273. padding: 5px;
  274. margin:0px 0px 5px 5px;
  275. border-radius: 3px;
  276. }
  277.  
  278. blockquote img {
  279. max-width:100%;
  280. height:100%;
  281. }
  282.  
  283. small {
  284. font-size: 12px;
  285. }
  286.  
  287. sub {
  288. font-size: 10px;
  289. }
  290.  
  291. #nametitle {
  292. position: fixed;
  293. top: 15px;
  294. left: 20px;
  295. width: auto;
  296. height: 40px;
  297. font-family: 'Notable', sans-serif;
  298. font-size: 15px;
  299. text-align:center;
  300. text-transform:uppercase;
  301. color: {color:header1};
  302. background-image: url('{image:header1}');
  303. background-position:left;
  304. background-repeat:repeat;
  305. background-attachment:fixed;
  306. -webkit-background-clip: text;
  307. -webkit-text-fill-color: transparent;
  308. z-index: 999999999999999999;
  309. }
  310.  
  311. .chat ul {
  312. list-style: none;
  313. margin: 0;
  314. padding: 10;
  315. }
  316.  
  317. .chat li {
  318. border-radius: 0.2em;
  319. border: 1px solid rgba(0, 0, 0, 0.05);
  320. box-shadow: 1px 1px 1px rgb(255, 255, 255) inset;
  321. margin-bottom: 2%;
  322. padding: 2%;
  323. width: 50%;
  324. }
  325.  
  326. .chat .odd {
  327. float: left;
  328. background: rgb(236, 236, 236);
  329. padding-bottom: 10px;
  330. }
  331. .chat .even {
  332. float: right;
  333. background: rgb(166, 230, 255);
  334. padding-bottom: 10px;
  335. }
  336.  
  337.  
  338. /* LINKS DECOR */
  339.  
  340. a {
  341. text-decoration:none;
  342. color: {color:main link};
  343. font-family: 'Roboto', sans-serif;
  344. text-transform: uppercase;
  345. font-size: 9px;
  346. -webkit-transition: all 0.6s ease-in-out;
  347. -moz-transition: all 0.6s ease-in-out;
  348. -o-transition: all 0.6s ease-in-out;
  349. -ms-transition: all 0.6s ease-in-out;
  350. transition: all 0.6s ease-in-out;
  351. }
  352.  
  353. a:hover {
  354. letter-spacing: 1px;
  355. -webkit-transition: all 0.6s ease-in-out;
  356. -moz-transition: all 0.6s ease-in-out;
  357. -o-transition: all 0.6s ease-in-out;
  358. -ms-transition: all 0.6s ease-in-out;
  359. transition: all 0.6s ease-in-out;
  360. }
  361.  
  362.  
  363. .navigation {
  364. top: 0px;
  365. left: 0px;
  366. position: fixed;
  367. width: 100%;
  368. height: 50px;
  369. text-align: center;
  370. background-color: {color:background};
  371. border-bottom: 1px solid #ebebeb;
  372. z-index: 9999999999999;
  373. }
  374.  
  375. .navigation a {
  376. font-family: 'VT323', monospace;
  377. color: {color:navigation};
  378. font-size: 12px;
  379. display: inline;
  380. margin-top: 15px;
  381. text-align: justify;
  382. -webkit-transition: all 0.6s ease-in-out;
  383. -moz-transition: all 0.6s ease-in-out;
  384. -o-transition: all 0.6s ease-in-out;
  385. -ms-transition: all 0.6s ease-in-out;
  386. transition: all 0.6s ease-in-out;
  387. }
  388.  
  389. .navigation a:hover {
  390. color: {color:navigation hover};
  391. -webkit-transition: all 0.6s ease-in-out;
  392. -moz-transition: all 0.6s ease-in-out;
  393. -o-transition: all 0.6s ease-in-out;
  394. -ms-transition: all 0.6s ease-in-out;
  395. transition: all 0.6s ease-in-out;
  396. }
  397.  
  398. .credit {
  399. position: fixed;
  400. left: 95%;
  401. top: 95%;
  402. width: 20px;
  403. height: 20px;
  404. }
  405.  
  406. .credit a {
  407. font-size: 15px;
  408. color: {color:navigation};
  409. -webkit-transition: all 0.6s ease-in-out;
  410. -moz-transition: all 0.6s ease-in-out;
  411. -o-transition: all 0.6s ease-in-out;
  412. -ms-transition: all 0.6s ease-in-out;
  413. transition: all 0.6s ease-in-out;
  414. }
  415.  
  416. .credit a:hover {
  417. color: {color:navigation hover};
  418. -webkit-transition: all 0.6s ease-in-out;
  419. -moz-transition: all 0.6s ease-in-out;
  420. -o-transition: all 0.6s ease-in-out;
  421. -ms-transition: all 0.6s ease-in-out;
  422. transition: all 0.6s ease-in-out;
  423. }
  424.  
  425. .tags {
  426. text-align:center;
  427. background-color:transparent;
  428. padding-bottom:6px;
  429. padding-top:4px;
  430. opacity: .5;
  431. }
  432.  
  433.  
  434. .tags a {
  435. color #66947e;
  436. font-family: courier new;
  437. text-decoration:none;
  438. text-transform:lowercase;
  439. -webkit-transition: all 0.6s ease-in-out;
  440. -moz-transition: all 0.6s ease-in-out;
  441. -o-transition: all 0.6s ease-in-out;
  442. -ms-transition: all 0.6s ease-in-out;
  443. transition: all 0.6s ease-in-out;
  444. }
  445.  
  446. .tags a:hover {
  447. color: #aec4ba;
  448. text-shadow: 0 0 5px rgba(137, 132, 53, 0.5);
  449. letter-spacing: 0px;
  450. }
  451.  
  452. .info {
  453. font-size:8px;
  454. text-align:center;
  455. background-color:#ffffff;
  456. background-image: url('{image:info}');
  457. padding-top:2px;
  458. padding-bottom: 2px;
  459. border-bottom: 1px solid #000000;
  460. }
  461.  
  462. .info a {
  463. font-size:8px;
  464. color:#ffffff;
  465. text-shadow: 2px 2px 2px #ffffff;
  466. text-decoration:none;
  467. text-transform:normal;
  468. -webkit-transition: all 0.6s ease-in-out;
  469. -moz-transition: all 0.6s ease-in-out;
  470. -o-transition: all 0.6s ease-in-out;
  471. -ms-transition: all 0.6s ease-in-out;
  472. transition: all 0.6s ease-in-out;
  473. }
  474. .info a:hover {
  475. color:#98b1b9;
  476. text-shadow: 2px 2px 2px #98b1b9;
  477. color: transparent;
  478. text-shadow: 0 0 5px rgba(137, 132, 53, 0.5);
  479. }
  480.  
  481.  
  482. /* ASK DECOR */
  483.  
  484. #asker {
  485. text-transform:uppercase;
  486. padding-bottom:5px;
  487. font-family: 'VT323', monospace;
  488. text-align:center;
  489. font-size: 15px;
  490. line-height: 16px;
  491. color: {color:bold};
  492. }
  493.  
  494. #asker a {
  495. text-transform:uppercase;
  496. padding-bottom:5px;
  497. font-family: 'VT323', monospace;
  498. text-align:center;
  499. font-size: 15px;
  500. line-height: 16px;
  501. color: {color:bold};
  502. }
  503.  
  504. #question {
  505. text-transform: None;
  506. font-family: calibri;
  507. font-size: 12px;
  508. text-align: center;
  509. }
  510.  
  511. #header {
  512. text-align:center;
  513. font-size:10px;
  514. margin-top:40px;
  515. }
  516.  
  517. #pagination {
  518. position:absolute;
  519. text-align:center;
  520. padding-bottom: 20px;
  521. margin-top: -30px;
  522. margin-left: 380px;
  523. }
  524.  
  525. </style>
  526.  
  527.  
  528.  
  529.  
  530.  
  531. <body>
  532.  
  533.  
  534.  
  535. <div class="navigation">
  536. <div id="nametitle">{text:blog name}</div>
  537. <div style="margin-top: 20px;">
  538. <a href="/" title="home">HOME</a>
  539. <a href="/ask" title="ask">QUESTIONS</a>
  540. <a href="{text: link one url}" title="{text:link one title}">{text:link one title}</a>
  541. <a href="{text:link two url}" title="{text:link two title}">{text:link two title}</a>
  542. <a href="{text:link three url}" title="{text:link three title}">{text:link three title}</a>
  543. </div>
  544. </div>
  545.  
  546.  
  547.  
  548.  
  549. <div class="credit">
  550. <a href="https://interstellarresources.tumblr.com">☾</a>
  551. </div>
  552.  
  553.  
  554. <div id="container">
  555.  
  556.  
  557.  
  558. {block:Posts}
  559.  
  560. <div class="posts">
  561.  
  562. {block:Text}{block:Title}<t>{Title}</t>{/block:Title}{Body}{/block:Text}
  563.  
  564. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  565. {/block:Photo}
  566.  
  567. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  568.  
  569. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  570.  
  571. {block:Video}
  572. <div class="video">{Video-400}</div>
  573. {/block:Video}
  574.  
  575. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  576.  
  577.  
  578. {block:Quote}<t>"{Quote}"</t>{block:Source}<br><center>{Source}</center>{/block:Source}{/block:Quote}
  579.  
  580. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  581.  
  582.  
  583. {block:Chat}
  584. {block:Title}
  585. <h1>{Title}</h1>{/block:Title}<br>
  586. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  587. {Line}</li>{/block:Lines}</ul>
  588. {/block:Chat}
  589.  
  590.  
  591.  
  592. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  593.  
  594.  
  595. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  596.  
  597.  
  598. {block:Answer}
  599. <div id="asker" style="word-wrap: break-word; max-width: 100%; margin-bottom: -20px;">{asker} asked</div>
  600. <div id="question" style="word-wrap: break-word; max-width: 100%">{Question}</div>
  601. <div id="answer" style="margin-top: 20px;">{Answer}</div>
  602. {/block:Answer}
  603.  
  604.  
  605. <div class="info">
  606.  
  607. {block:Date}
  608. <a href="{Permalink}"style="font-size: 12px; font-family: 'VT323', monospace;" title="{TimeAgo}, {ShortMonth} {DayOfMonthWithZero} with {NoteCount} notes ">{ShortMonth} {DayOfMonthWithZero} </a>
  609. {/block:Date}
  610.  
  611.  
  612. &nbsp;&nbsp;&nbsp;
  613.  
  614. <a href="{ReblogURL}" style="font-size:12px; font-family: 'VT323', monospace;" title="reblog"> Reblog </a>
  615.  
  616.  
  617.  
  618. {block:NoRebloggedFrom}
  619. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  620. {/block:NoRebloggedFrom}
  621.  
  622.  
  623. {block:ContentSource}
  624. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  625. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  626. {/block:SourceLogo}
  627. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  628. {/block:ContentSource}
  629.  
  630. </div>
  631.  
  632.  
  633.  
  634. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}"> &nbsp;#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  635. </div>
  636.  
  637.  
  638. {/block:Posts}
  639. <center>
  640. <div id="pagination">{block:Pagination}
  641. {block:PreviousPage}<a href="{PreviousPage}" style="float:left; margin-left:-380px;">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" style="float:right;">next</a>
  642. {/block:NextPage}
  643. {/block:Pagination}</div>
  644. </center>
  645.  
  646. </div>
  647. </body>
  648. </html>
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!