API tools faq
paste
nine-shin

[TUMBLR] ASTRO

nine-shin
Jan 25th, 2020
553
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.62 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!----------------------------------------
  3. Hello! thank you for using my tumblr theme. The first thing is that you will need to add everything by hand because metatags do not that well with this theme with the links. but no worries I'll help you.
  4.  
  5. Hold CTRL + F type in welcome and there you can add your little introduction about your tumblr.
  6.  
  7. Hold CTRL + F type navigation: You will go to the box where you can add your links, there are 9 custom links and I suggest that you use all of them so that the layout will not look weird.
  8.  
  9.  
  10. Please do not remove the credits box.
  11. ---------------------------------------->
  12. <head>
  13. <title>ASTRO</title>
  14. <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  15.  
  16. <style>
  17. body {
  18. background: #f1f2f3;
  19. color:#000000;
  20. text-align: justify;
  21. font-family: 'Oxygen', sans-serif;
  22. font-size:12px;
  23. letter-spacing:1px;
  24. font-weight: none;
  25. line-height: 14px;
  26. padding:4px;
  27. }
  28.  
  29. #container {
  30. margin: 0 auto 0 auto;
  31. width: 1366px;
  32. background-color: #BBD0CF;
  33. padding:0px;
  34. }
  35.  
  36.  
  37. a:link, a:visited, a:active
  38. {color:#000000;text-decoration: none; font-weight: none; }
  39. a:hover
  40. {cursor: help; color:#ffffff; text-transform : none;}
  41.  
  42. a.dd, a.dd:active, a.dd:visited, a.dd:link{
  43. display:block;
  44. color:#ffffff;
  45. background:#535454;
  46. padding:4px;
  47. text-align:left;
  48. font-weight:normal;
  49. text-decoration:none;
  50. font-family: 'Oxygen', sans-serif;
  51. font-size:12px;
  52. border-bottom:1px solid #ecf0f0;
  53. }
  54.  
  55. a.dd:hover{
  56. display:block;
  57. color:#ffffff;
  58. background:#454545;
  59. padding:4px;
  60. text-align:left;
  61. text-decoration:none;
  62. font-family: 'Oxygen', sans-serif;
  63. font-size:15px;
  64. border-bottom:1px solid #dee4e4;}
  65.  
  66. a.navi:link, a.navi:visited, a.navi:active {
  67. background: #d6dadd;
  68. color: #000000;
  69. display: block;
  70. padding: 2px 5px;
  71. font-size: 11px;
  72. font-weight: normal;
  73. text-transform: uppercase; letter-spacing: 1px;
  74. margin: 1px;
  75. }
  76.  
  77. a.navi:hover {
  78. background:#99a3b2;
  79. color:#ffffff;
  80. }
  81.  
  82.  
  83. ul { padding: 2px; list-style-type: none; }
  84. li { color: #ffffff; background:#99a3b2;text-align: left; width: 99%; float: left; margin-right: 2px;
  85. margin-bottom: 2px; padding: 2px; display: block; }
  86.  
  87. .dblogsidebar {
  88. background-color:#e3e6e8;
  89. font-family: 'Oxygen', sans-serif;
  90. font-size:11px;
  91. color:#000000;
  92. padding: 4px;
  93. text-align: justify;
  94. border-radius:2px;}
  95.  
  96.  
  97. .dtitle {
  98. background:#aeb4bc;
  99. font-family: 'Oxygen', sans-serif;
  100. text-transform: uppercase;
  101. font-size:18px;
  102. color:#1E1E1E;
  103. text-align: center;
  104. line-height: 10px;
  105. padding:6px;
  106. border-radius:5px;
  107. }
  108.  
  109. u{ color:#000000; border-bottom:1px solid #ffffff; }
  110. b{ color:#000000; font-weight:bold;}
  111. i { color:#996527;font-style:italic;}
  112. s{color:#ffffff; }
  113.  
  114.  
  115. blockquote{
  116. background:#99a3b2;
  117. border-right:10px solid #99a3b2;
  118. border-radius:2px;
  119. font-family: 'Oxygen', sans-serif;
  120. font-style:normal;
  121. font-size:11px;
  122. color:#ffffff;
  123. letter-spacing:1px;
  124. line-height:12px;
  125. padding:4px;
  126. }
  127. table {font-family: 'Oxygen', sans-serif;;font-size:13px;color:#b3803a;padding: 2px;text-align: justify;padding:3px;
  128. }
  129.  
  130. /*---POST---*/
  131.  
  132. .postbox {
  133. position: relative;
  134. margin: 5px 0px 0px 520px;
  135. top: 0px;
  136. width: 550px;
  137. padding: 0;
  138. }
  139.  
  140. .post {
  141. margin: 0;
  142. width: 500px;
  143. padding: 35px 25px 25px 25px;
  144. text-align: justify;
  145. line-height: 180%;
  146. font-family: 'Roboto', sans-serif;
  147. font-weight: 500;
  148. font-size: 0.75rem;
  149. color: #000000;
  150. background: #e3e6e8;
  151. }
  152.  
  153. .post blockquote, .posts li, .post img {
  154. max-width: 100%;
  155. }
  156.  
  157. .post blockquote {
  158. margin-left: 10px;
  159. padding-left: 10px;
  160. border-left: 1px;
  161. border-left-style: solid;
  162. border-color: {color:Accent 2};
  163. }
  164.  
  165. .post li {
  166. margin-left: -15px;
  167. }
  168.  
  169. .post img {
  170. opacity: 0.8;
  171. transition: all 0.6s ease;
  172. }
  173.  
  174. article:hover .post img {
  175. opacity: 1;
  176. transition: all 0.6s ease;
  177. }
  178.  
  179. {block:PermalinkPage}
  180.  
  181. .post img {
  182. opacity: 1;
  183. }
  184.  
  185. {/block:PermalinkPage}
  186.  
  187. .title, .linkpost, .quotepost {
  188. display: block;
  189. margin: 0;
  190. max-width: 100%;
  191. padding: 0;
  192. line-height: 180%;
  193. font-family: 'Lato', sans-serif;
  194. }
  195.  
  196. .title, .linkpost {
  197. text-transform: uppercase;
  198. font-weight: 600;
  199. font-size: 0.9375rem;
  200. }
  201.  
  202. .title {
  203. color: {color:Accent 2};
  204. }
  205.  
  206. .quotepost {
  207. text-transform: none;
  208. font-weight: 500;
  209. font-size: 0.8125rem;
  210. color: {color:Accent 3};
  211. }
  212.  
  213. .askpost, .chatpost {
  214. line-height: 170%;
  215. }
  216.  
  217. .asker {
  218. margin-top: -30px;
  219. margin-left: 17px;
  220. }
  221.  
  222. .question, .label {
  223. color: {color:Accent 3};
  224. }
  225.  
  226. /*---MEDIA---*/
  227.  
  228. .photopost {
  229. opacity: 0.8;
  230. transition: all 0.6s ease;
  231. }
  232.  
  233. article:hover .photopost {
  234. opacity: 1;
  235. transition: all 0.6s ease;
  236. }
  237.  
  238. {block:PermalinkPage}
  239.  
  240. .photopost {
  241. opacity: 1;
  242. }
  243.  
  244. {/block:PermalinkPage}
  245.  
  246. /*---INFO---*/
  247.  
  248. .info {
  249. margin: 0px 0px 50px 0px;
  250. width: 530px;
  251. padding: 10px;
  252. line-height: 130%;
  253. font-family: calibri;
  254. font-weight: 500;
  255. font-size: 0.75rem;
  256. color: #000000;
  257. background: #aeb4bc;
  258. border-top: 1px;
  259. border-top-style: solid;
  260. border-color: #ffffff;
  261. }
  262.  
  263. .buttons {
  264. display: inline-flex;
  265. display: -webkit-inline-flex;
  266. float: right;
  267. }
  268.  
  269. .button {
  270. margin-left: 10px;
  271. }
  272.  
  273. .tagindex, .tagpermalink {
  274. margin: 0;
  275. padding: 5px 0px 0px 0px;
  276. text-align: justify;
  277. line-height: 150%;
  278. font-weight: 500;
  279. font-size: 0.75rem;
  280. }
  281.  
  282. .tagindex {
  283. opacity: 1;
  284. transition: all 0.6s ease;
  285. }
  286.  
  287. article:hover .tagindex {
  288. opacity: 1;
  289. transition: all 0.6s ease;
  290. }
  291.  
  292. .postnotes {
  293. width: 500px;
  294. line-height: 150%;
  295. }
  296.  
  297. ol.notes {
  298. margin-top: 15px;
  299. margin-left: 30px;
  300. padding: 0px;
  301. list-style-type: none;
  302. }
  303.  
  304. ol.notes li.note {
  305. padding: 3px;
  306. }
  307.  
  308. ol.notes li.note img.avatar {
  309. margin-right: 13px;
  310. width: 16px;
  311. height: 16px;
  312. vertical-align: -4px;
  313. }
  314.  
  315. ol.notes li.note blockquote {
  316. margin: 5px 0px;
  317. padding-left: 5px;
  318. border-left: 1px;
  319. border-left-style: solid;
  320. border-color: {color:Accent 2};
  321. }
  322.  
  323. </style>
  324. </head>
  325.  
  326. <noembed><body></noembed><div id="container">
  327. <div style="position: absolute; left:0px; top:0px;">
  328. <img src="https://images2.imgbox.com/a8/87/whVRcAOg_o.png" border="0">
  329.  
  330. <div style="padding:4px;position:absolute; top:434px;left:263px; width:240px; overflow: auto; color:#000000; border-radius:10px;">
  331.  
  332. <div align="justify"><br>
  333. <div class=dblogsidebar>
  334. <div class=dtitle>Welcome</div><br>
  335. <div style="text-align: left;">Hello!<br>
  336. Thank you for using my ASTRO Tumblr Theme.<br><br>
  337.  
  338. You can add here a little introduction of your tumblr<br><br>
  339.  
  340. Just replace the text with what you want<br></div>
  341.  
  342. <blockquote><center>
  343. This is a blockquote which you can use for updates</blockquote></center><br><br>
  344. </div>
  345. <p>
  346.  
  347. <div class=dblogsidebar>
  348. <div class=dtitle>NAVIGATION</div>
  349. <table width="100%" cellspacing="0" cellpadding="0"></tr>
  350. <td width="50%">
  351. <a class="navi" href="http://www.{name}.tumblr.com/">HOME</a>
  352. <a class="navi" href="http://www.{name}.tumblr.com/archive">ARCHIVE</a>
  353. <a class="navi" href="URL HERE">LINK 2</a>
  354. </td>
  355. <td width="50%">
  356. <a class="navi" href="http://www.{name}.tumblr.com/ask">ASK</a>
  357. <a class="navi" href="URL HERE">LINK 1</a>
  358. <a class="navi" href="URL HERE">LINK 3</a>
  359. </td></tr></table><br></div>
  360. <p>
  361.  
  362.  
  363. <div class=dblogsidebar>
  364. <div class=dtitle>CONTENT</div>
  365. <table width="100%" cellspacing="0" cellpadding="0"></tr>
  366. <td width="50%">
  367. <a class="navi" href="URL HERE">LINK 4</a>
  368. <a class="navi" href="URL HERE">LINK 6</a>
  369. <a class="navi" href="URL HERE">LINK 8</a>
  370. </td>
  371. <td width="50%">
  372. <a class="navi" href="URL HERE">LINK 5</a>
  373. <a class="navi" href="URL HERE">LINK 7</a>
  374. <a class="navi" href="URL HERE">LINK 9</a>
  375. </td></tr></table><br></div>
  376. <p>
  377.  
  378. <p><div class=dblogsidebar>
  379. <div class=dtitle>CREDITS</div>
  380. <br><b>Tumblr Theme By:</b> <a href="http://9-daily.blogspot.com/search/label/Home">9DAILY</a><br>
  381. <b>ASTRO Image:</b> <a href="https://alwayswithastro.tumblr.com/">Always With Astro</a>
  382. <br><br><center>
  383. {block:Pagination}{block:PreviousPage}
  384. <a href="{PreviousPage}">Previous</a>
  385. {/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  386. <span class="current_page">{PageNumber}</span>
  387. {/block:CurrentPage}{block:JumpPage}
  388. <a class="jump_page" href="{URL}">{PageNumber}</a>
  389. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  390. <a href="{NextPage}">Next</a>
  391. {/block:NextPage}{/block:Pagination}</center><br>
  392. </div>
  393. </div></div><br>
  394.  
  395. <!--sidebar-->
  396.  
  397. <!---POST--->
  398. <main>
  399.  
  400. <div class="postbox">
  401.  
  402. {block:TagPage}
  403.  
  404. <header>
  405. <div class="post">
  406. <h1 class="title">TAGGED POSTS</h1>
  407. <p>{lang:Showing TagResultCount posts tagged Tag}.</p>
  408. </div>
  409. <div class="info"></div>
  410. </header>
  411.  
  412. {/block:TagPage}
  413.  
  414. {block:Posts}
  415.  
  416. <article>
  417.  
  418. <div class="post">
  419.  
  420. {block:Text}
  421. {block:Title}<h1 class="dtitle">{Title}</h1>{/block:Title}{Body}
  422. {/block:Text}
  423.  
  424. {block:Link}
  425. <a href="{URL}"><h1 class="linkpost">{Name}</h1></a>
  426. {block:Description}{Description}{/block:Description}
  427. {/block:Link}
  428.  
  429. {block:Quote}
  430. <div class="quotepost">“ {Quote} ”</div>
  431. {block:Source}— {Source}{/block:Source}
  432. {/block:Quote}
  433.  
  434. {block:Answer}
  435. <div class="askpost">
  436. <div><img src="{AskerPortraitURL-30}"><p class="asker">{Asker}: </p></div>
  437. <p class="question">{Question}</p>
  438. <p>{Answer}</p>
  439. </div>
  440. {/block:Answer}
  441.  
  442. {block:Chat}
  443. {block:Title}<h1 class="dtitle">{Title}</h1>{/block:Title}
  444. {block:Lines}<div class="chatpost">
  445. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}
  446. </div>{/block:Lines}
  447. {/block:Chat}
  448.  
  449. <!---MEDIA--->
  450.  
  451. {block:Photo}
  452. {Linkopentag}<div class="photopost"><img src="{PhotoURL-500}">
  453. </div>{Linkclosetag}
  454. {block:Caption}{Caption}{/block:Caption}
  455. {/block:Photo}
  456.  
  457. {block:Photoset}
  458. <div class="photopost">{Photoset}</div>
  459. {block:Caption}{Caption}{/block:Caption}
  460. {/block:Photoset}
  461.  
  462. {block:Panorama}
  463. {LinkOpenTag}<div class="photopost"><img src="{PhotoURL-Panorama}">
  464. </div>{LinkCloseTag}
  465. {block:Caption}{Caption}{/block:Caption}
  466. {/block:Panorama}
  467.  
  468. {block:Video}
  469. {Video-500}
  470. {block:Caption}{Caption}{/block:Caption}
  471. {/block:Video}
  472.  
  473. {block:Audio}
  474. {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  475. {block:Caption}{Caption}{/block:Caption}
  476. {/block:Audio}
  477.  
  478. </div> <!--post-->
  479.  
  480. <!---INFO--->
  481.  
  482. <div class="info">
  483.  
  484. {block:IndexPage}
  485.  
  486. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  487.  
  488. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  489.  
  490. <div class="buttons">
  491. <span class="button">{ReblogButton color="black" size="15"}</span>
  492. <span class="button">{LikeButton color="black" size="15"}</span>
  493. </div>
  494.  
  495. {block:HasTags}<div class="tagindex">
  496. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  497. </div>{/block:HasTags}
  498.  
  499. {/block:IndexPage}
  500.  
  501. {block:PermalinkPage}
  502.  
  503. {block:Date}{TimeAgo}{/block:Date}
  504.  
  505. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  506.  
  507. <div class="buttons">
  508. <span class="button">{ReblogButton color="black" size="15"}</span>
  509. <span class="button">{LikeButton color="black" size="15"}</span>
  510. </div>
  511.  
  512. {block:HasTags}<div class="tagpermalink">
  513. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  514. </div>{/block:HasTags}
  515.  
  516. {block:PostNotes}<div class="postnotes">{PostNotes}
  517. </div>{/block:PostNotes}
  518.  
  519. {/block:PermalinkPage}
  520.  
  521. </div> <!--info-->
  522.  
  523. </article>
  524.  
  525. {/block:Posts}
  526.  
  527. </div> <!--postbox-->
  528.  
  529. </main>
  530. </div>
  531. </div>
  532.  
  533. </body>
  534. </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!