API tools faq
paste
Guest User

Untitled

a guest
Jan 6th, 2018
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 39.67 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head><title>{title}</title>
  3. <link rel="shortcut icon" href="{favicon}">
  4.  
  5. <!--------------------------------------------------------------------
  6.  
  7. THEME #021 : SOPHOMORE
  8. published september 15, 2017
  9. ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ © ᴀɴɢᴇʟɪᴄxɪ ᴜɴᴅᴇʀ ɢᴘʟ ʟɪᴄᴇɴsɪɴɢ
  10. ᴜɴᴀᴜᴛʜᴏʀɪᴢᴇᴅ ʀᴇᴅɪsᴛʀɪʙᴜᴛɪᴏɴ ɪs sᴛʀɪᴄᴛʟʏ ᴘʀᴏʜɪʙɪᴛᴇᴅ.
  11.  
  12. Terms of Use:
  13. - DO NOT USE AS A BASE CODE.
  14. - DO NOT REDISTRIBUTE, REPRODUCE, OR CLAIM AS YOURS.
  15. - DO NOT MODIFY BEYOND THE POINT OF RECOGNITION.
  16.  
  17. By using this theme, you indicate that you have read & agreed to these terms. Any violation will be prosecuted against. If there's anything you'd like me to make clear, please contact me via PM. Enjoy!
  18.  
  19. ~Lia
  20.  
  21. --------------------------------------------------------------------->
  22.  
  23. <!-- META : COLORS -->
  24. <meta name="color:Background" content="#f0f0f0"/>
  25. <meta name="color:Sidebar" content="#ffffff"/>
  26. <meta name="color:Sidebar Stripe" content="#ef7000"/>
  27. <meta name="color:Sidebar BG 1" content="#ef7000"/>
  28. <meta name="color:Sidebar BG 2" content="#abbd8f"/>
  29. <meta name="color:Menu Link" content="#ffffff"/>
  30. <meta name="color:Menu Link Hover" content="#abbd8f"/>
  31. <meta name="color:Menu Link Border" content="#f0f0f0"/>
  32. <meta name="color:Menu Link Shadow" content="#000000"/>
  33. <meta name="color:Description" content="#000000"/>
  34. <meta name="color:Title Hover" content="#ef7000"/>
  35. <meta name="color:Subtitle" content="#ef7000"/>
  36. <meta name="color:Pagination" content="#ef7000"/>
  37. <meta name="color:Pagination Hover" content="#abbd8f"/>
  38. <meta name="color:Text" content="#000000"/>
  39. <meta name="color:Bold" content="#ef7000"/>
  40. <meta name="color:Italic" content="#ef7000"/>
  41. <meta name="color:Underline" content="#ef7000"/>
  42. <meta name="color:Links" content="#abbd8f"/>
  43. <meta name="color:Links Hover" content="#ef7000"/>
  44. <meta name="color:Info Links" content="#ef7000"/>
  45. <meta name="color:Info Links Hover" content="#abbd8f"/>
  46. <meta name="color:Tags" content="#ffffff"/>
  47. <meta name="color:Tags Hover" content="#ef7000"/>
  48. <meta name="color:Post Background" content="#e6e6e6"/>
  49. <meta name="color:Post Info BG" content="#f0f0f0"/>
  50. <meta name="color:Post Border" content="#ffffff"/>
  51. <meta name="color:Post Title" content="#ffffff"/>
  52. <meta name="color:Post Title BG" content="#f0f0f0"/>
  53. <meta name="color:Post Title BG Gradient 1" content="#ef7000"/>
  54. <meta name="color:Post Title BG Gradient 2" content="#abbd8f"/>
  55. <meta name="color:Audio Post BG" content="#f0f0f0"/>
  56. <meta name="color:Audio Post Details" content="#ffffff"/>
  57. <meta name="color:Audio Post BG Gradient 1" content="#ef7000"/>
  58. <meta name="color:Audio Post BG Gradient 2" content="#abbd8f"/>
  59. <meta name="color:Credit" content="#ffffff"/>
  60. <meta name="color:Credit Hover" content="#ef7000"/>
  61. <meta name="color:Credit Shadow" content="#d0d0d0"/>
  62.  
  63.  
  64. <!-- META : FEATURES -->
  65. <meta name="image:Sidebar" content=""/>
  66. <meta name="if:300px Posts" content="0"/>
  67. <meta name="if:400px Posts" content="0"/>
  68. <meta name="if:500px Posts" content="1"/>
  69. <meta name="if:600px Posts" content="0"/>
  70. <meta name="if:700px Posts" content="0"/>
  71. <meta name="if:Texture Sidebar BG" content="1"/>
  72. <meta name="if:Wallpaper Sidebar BG" content="0"/>
  73. <meta name="if:Gradient Sidebar BG" content="0"/>
  74. <meta name="if:Plaincolor Sidebar BG" content="0"/>
  75. <meta name="if:On Hover Menu" content="1"/>
  76. <meta name="if:Sticky Menu" content="0"/>
  77. <meta name="if:Plain Title" content="0"/>
  78. <meta name="if:Title As Refresh Button" content="1"/>
  79. <meta name="if:Solid Post BG" content="1"/>
  80. <meta name="if:Transparent Post BG" content="0"/>
  81. <meta name="if:Plaincolor Post Title BG" content="0"/>
  82. <meta name="if:Gradient Post Title BG" content="1"/>
  83. <meta name="if:Plaincolor Audio Post BG" content="1"/>
  84. <meta name="if:Gradient Audio Post BG" content="0"/>
  85. <meta name="if:Invert Tumblr Controls" content="0"/>
  86. <meta name="text:Title" content="your title here"/>
  87. <meta name="text:Subtitle" content="your subtitle here"/>
  88. <meta name="text:Description" content="keep your description about six lines long"/>
  89. <meta name="text:Home Link Title" content="your home link title"/>
  90. <meta name="text:Home Link URL" content="your home link here"/>
  91. <meta name="text:Ask Link Title" content="your ask link title"/>
  92. <meta name="text:Ask Link URL" content="your ask link here"/>
  93. <meta name="text:Link 1 Title" content="link one title"/>
  94. <meta name="text:Link 1 URL" content="link one url"/>
  95. <meta name="text:Link 2 Title" content="link two title"/>
  96. <meta name="text:Link 2 URL" content="link two url"/>
  97. <meta name="text:Link 3 Title" content="link three title"/>
  98. <meta name="text:Link 3 URL" content="link three url"/>
  99. <meta name="text:Link 4 Title" content="link four title"/>
  100. <meta name="text:Link 4 URL" content="link four url"/>
  101. <meta name="text:Link 5 Title" content="link five title"/>
  102. <meta name="text:Link 5 URL" content="link five url"/>
  103. <meta name="text:Link 6 Title" content="link six title"/>
  104. <meta name="text:Link 6 URL" content="link six url"/>
  105. <meta name="text:Menu Link BG" content="rgba(125, 125, 125, 0.5)"/>
  106. <meta name="text:Credit BG" content="rgba(225, 225, 225, 1)"/>
  107. <meta name="text:Transparent Post BG" content="rgba(205, 205, 205, 0.5)"/>
  108.  
  109.  
  110. <!-- META : FONTS -->
  111. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  112. <link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet"/>
  113. <script src="https://use.fontawesome.com/ef30ca543c.js"></script>
  114.  
  115. <style type="text/css">
  116.  
  117. body {
  118. background: {color:background};
  119. margin: 0px;
  120. }
  121.  
  122. a {
  123. text-decoration: none;
  124. }
  125.  
  126. a:hover {
  127. transition: ease-in-out 0.4s;
  128. }
  129.  
  130. small {
  131. font-size: 95%;
  132. }
  133.  
  134. pre {
  135. font-size: 95%;
  136. word-wrap: break-all;
  137. word-break: break-all;
  138. }
  139.  
  140. hr {
  141. color: {color:post border};
  142. height: 1px;
  143. }
  144.  
  145. blockquote {
  146. word-wrap: normal;
  147. word-break: normal;
  148. margin-left: 10px;
  149. margin-right: 0px;
  150. padding: 5px;
  151. border-left: 2px solid {color:post border};
  152. }
  153.  
  154. blockquote blockquote {
  155. word-wrap: normal;
  156. word-break: normal;
  157. margin-left: 15px;
  158. margin-right: 0px;
  159. padding: 5px;
  160. border-left: 2px solid {color:post border};
  161. }
  162.  
  163. blockquote img {
  164. width: auto;
  165. {block:If300pxPosts}
  166. max-width: 260px;
  167. {/block:If300pxPosts}
  168. {block:If400pxPosts}
  169. max-width: 360px;
  170. {/block:If400pxPosts}
  171. {block:If500pxPosts}
  172. max-width: 460px;
  173. {/block:If500pxPosts}
  174. {block:If600pxPosts}
  175. max-width: 560px;
  176. {/block:If600pxPosts}
  177. {block:If700pxPosts}
  178. max-width: 660px;
  179. {/block:If700pxPosts}
  180. overflow: hidden;
  181. }
  182.  
  183. blockquote blockquote img {
  184. width: auto;
  185. {block:If300pxPosts}
  186. max-width: 225px;
  187. {/block:If300pxPosts}
  188. {block:If400pxPosts}
  189. max-width: 325px;
  190. {/block:If400pxPosts}
  191. {block:If500pxPosts}
  192. max-width: 425px;
  193. {/block:If500pxPosts}
  194. {block:If600pxPosts}
  195. max-width: 525px;
  196. {/block:If600pxPosts}
  197. {block:If700pxPosts}
  198. max-width: 625px;
  199. {/block:If700pxPosts}
  200. overflow: hidden;
  201. }
  202.  
  203. u, li img {
  204. width: auto;
  205. {block:If300pxPosts}
  206. max-width: 225px;
  207. {/block:If300pxPosts}
  208. {block:If400pxPosts}
  209. max-width: 325px;
  210. {/block:If400pxPosts}
  211. {block:If500pxPosts}
  212. max-width: 425px;
  213. {/block:If500pxPosts}
  214. {block:If600pxPosts}
  215. max-width: 525px;
  216. {/block:If600pxPosts}
  217. {block:If700pxPosts}
  218. max-width: 625px;
  219. {/block:If700pxPosts}
  220. overflow: hidden;
  221. }
  222.  
  223. /* TITLE */
  224. h1 {
  225. width: 230px;
  226. {block:IfTextureSidebarBG}
  227. background: url('{image:sidebar}');
  228. {/block:IfTextureSidebarBG}
  229. {block:IfWallpaperSidebarBG}
  230. background: url('{image:sidebar}');
  231. background-size: contain;
  232. {/block:IfWallpaperSidebarBG}
  233. {block:IfGradientSidebarBG}
  234. background: linear-gradient(130deg, {color:sidebar bg 1} 0%, {color:sidebar bg 2} 100%);
  235. {/block:IfGradientSidebarBG}
  236. {block:IfPlaincolorSidebarBG}
  237. background: {color:sidebar stripe};
  238. {/block:IfPlaincolorSidebarBG}
  239. background-clip: text;
  240. -webkit-background-clip: text;
  241. -moz-background-clip: text;
  242. -ms-background-clip: text;
  243. -o-background-clip: text;
  244. color: transparent;
  245. text-align: center;
  246. font-family: 'Anton';
  247. font-size: 30px;
  248. margin-top: -200px;
  249. overflow: hidden;
  250. position: fixed;
  251. z-index: 9;
  252. }
  253.  
  254. h1 a, a:active, a:visited {
  255. color: transparent;
  256. }
  257.  
  258. h1 a:hover {
  259. color: {color:title hover};
  260. cursor: help;
  261. }
  262.  
  263. /* TEXT POST HEADINGS */
  264. h2 {
  265. font-family: 'Anton';
  266. font-size: 14px;
  267. font-weight: 100;
  268. text-indent: 15px;
  269. text-transform: uppercase;
  270. padding: 10px;
  271. }
  272.  
  273. /* SUBTITLE */
  274. h3 {
  275. width: 230px;
  276. color: {color:subtitle};
  277. font-family: 'Arial';
  278. font-size: 10px;
  279. font-variant: small-caps;
  280. letter-spacing: 1px;
  281. text-transform: lowercase;
  282. text-align: center;
  283. margin-top: -165px;
  284. position: fixed;
  285. z-index: 10;
  286. }
  287.  
  288. /* POST TITLE */
  289. h4 {
  290. {block:If300pxPosts}
  291. width: 260px;
  292. {/block:If300pxPosts}
  293. {block:If400pxPosts}
  294. width: 360px;
  295. {/block:If400pxPosts}
  296. {block:If500pxPosts}
  297. width: 460px;
  298. {/block:If500pxPosts}
  299. {block:If600pxPosts}
  300. width: 560px;
  301. {/block:If600pxPosts}
  302. {block:If700pxPosts}
  303. width: 660px;
  304. {/block:If700pxPosts}
  305. {block:IfPlaincolorPostTitleBG}
  306. background: {color:post title bg};
  307. {/block:IfPlaincolorPostTitleBG}
  308. {block:IfGradientPostTitleBG}
  309. background: linear-gradient(130deg, {color:post title bg gradient 1} 0%, {color:post title bg gradient 2} 100%);
  310. {/block:IfGradientPostTitleBG}
  311. color: {color:post title};
  312. font-family: 'Anton';
  313. font-size: 15px;
  314. font-weight: 100;
  315. letter-spacing: 2px;
  316. text-align: center;
  317. text-transform: uppercase;
  318. padding: 20px;
  319. margin-top: 5px;
  320. margin-bottom: 15px;
  321. }
  322.  
  323. #left {
  324. {block:IfTextureSidebarBG}
  325. background: url('{image:sidebar}');
  326. {/block:IfTextureSidebarBG}
  327. {block:IfWallpaperSidebarBG}
  328. background: url('{image:sidebar}');
  329. background-size: cover;
  330. {/block:IfWallpaperSidebarBG}
  331. {block:IfGradientSidebarBG}
  332. background: linear-gradient(130deg, {color:sidebar bg 1} 0%, {color:sidebar bg 2} 100%);
  333. {/block:IfGradientSidebarBG}
  334. {block:IfPlaincolorSidebarBG}
  335. background: {color:sidebar stripe};
  336. {/block:IfPlaincolorSidebarBG}
  337. width: 460px;
  338. height: 100vh;
  339. position: fixed;
  340. z-index: 7;
  341. }
  342.  
  343. #sidebar {
  344. background: white;
  345. width: 230px;
  346. height: 100vh;
  347. margin-left: 230px;
  348. position: fixed;
  349. z-index: 8;
  350. }
  351.  
  352. #scontent {
  353. height: 226px;
  354. margin-top: calc(50vh - 113px);
  355. position: fixed;
  356. }
  357.  
  358. #description {
  359. height: 90px;
  360. width: 200px;
  361. color: {color:description};
  362. text-align: justify;
  363. font-family: 'Nunito Sans';
  364. font-size: 10px;
  365. margin-top: -160px;
  366. padding: 15px;
  367. word-break: normal;
  368. position: fixed;
  369. z-index: 10;
  370. }
  371.  
  372. #description a, a:active, a:visited {
  373. color: {color:links};
  374. }
  375.  
  376. #description a:hover {
  377. color: {color:links hover};
  378. }
  379.  
  380. #pagination {
  381. width: 200px;
  382. color: {color:pagination};
  383. font-family: 'Arial';
  384. font-size: 10px;
  385. font-variant: small-caps;
  386. letter-spacing: 1px;
  387. text-transform: lowercase;
  388. text-align: right;
  389. padding: 15px;
  390. margin-top: 185px;
  391. position: fixed;
  392. z-index: 10;
  393. }
  394.  
  395. #pagination a, a:active, a:visited {
  396. color: {color:pagination};
  397. }
  398.  
  399. #pagination a:hover {
  400. color: {color:pagination hover};
  401. }
  402.  
  403. #navigation {
  404. height: 100vh;
  405. width: 230px;
  406. position: fixed;
  407. }
  408.  
  409. #navigation:hover #menu {
  410. display: block;
  411. transition: ease-in-out 1s;
  412. -webkit-transition: ease-in-out 1s;
  413. -moz-transition: ease-in-out 1s;
  414. -ms-transition: ease-in-out 1s;
  415. -o-transition: ease-in-out 1s;
  416. }
  417.  
  418. #menu {
  419. height: 430px;
  420. width: 230px;
  421. margin-top: calc(50vh - 215px);
  422. position: fixed;
  423. {block:IfOnHoverMenu}
  424. display: none;
  425. {/block:IfOnHoverMenu}
  426. {block:IfStickyMenu}
  427. display:block;
  428. {/block:IfStickyMenu}
  429. }
  430.  
  431. #menu-item {
  432. background: rgba(125, 125, 125, 0.5);
  433. width: 100px;
  434. color: {color:menu link};
  435. font-family: 'Anton';
  436. font-size: 12px;
  437. letter-spacing: 1px;
  438. text-transform: uppercase;
  439. text-align: center;
  440. border: 1px solid {color:menu link border};
  441. padding-top: 5px;
  442. padding-left: 15px;
  443. padding-right: 15px;
  444. padding-bottom: 5px;
  445. margin-top: 20px;
  446. margin-left: 49px;
  447. box-shadow: 0px 0px 3px {color:menu link shadow};
  448.  
  449. }
  450.  
  451. #menu-item a, a:active, a:visited {
  452. color: {color:menu link};
  453. }
  454.  
  455. #menu-item a:hover {
  456. color: {color:menu link hover};
  457. }
  458.  
  459. /* THIS CONTAINS THE POSTS */
  460. #right {
  461. height: 100vh;
  462. width: calc(100vw - 460px);
  463. margin-left: 460px;
  464. position: absolute;
  465. overflow-x: hidden;
  466. overflow-y: auto;
  467. }
  468.  
  469.  
  470. /* POSTS */
  471.  
  472. #post {
  473. {block:If300pxPosts}
  474. width: 300px;
  475. {/block:If300pxPosts}
  476. {block:If400pxPosts}
  477. width: 400px;
  478. {/block:If400pxPosts}
  479. {block:If500pxPosts}
  480. width: 500px;
  481. {/block:If500pxPosts}
  482. {block:If600pxPosts}
  483. width: 600px;
  484. {/block:If600pxPosts}
  485. {block:If700pxPosts}
  486. width: 700px;
  487. {/block:If700pxPosts}
  488. {block:IfSolidPostBG}
  489. background-color: {color:post background};
  490. {/block:IfSolidPostBG}
  491. color: {color:text};
  492. font-family: 'Arial';
  493. font-size: 10.5px;
  494. word-wrap: normal;
  495. border: 1px solid {color:post border};
  496. padding-top: 20px;
  497. padding-left: 20px;
  498. padding-bottom: 30px;
  499. padding-right: 20px;
  500. margin-top: 50px;
  501. margin-left: auto;
  502. margin-right: auto;
  503. z-index: 9;
  504. }
  505.  
  506. #post > * {
  507. display: none;
  508. }
  509. #post > div:nth-child(1), #post > div:nth-child(2), #post > div:nth-child(3){
  510. display: block;
  511. }
  512.  
  513. #post p {
  514. margin: 10px;
  515. }
  516.  
  517. #post a, a:active, a:visited {
  518. color: {color:links};
  519. text-decoration: none;
  520. }
  521.  
  522. #post a:hover {
  523. color: {color:links hover};
  524. text-decoration: none;
  525. }
  526.  
  527. #post b, strong {
  528. color: {color:bold};
  529. font-weight: 600;
  530. }
  531.  
  532. #post i, em {
  533. color: {color:italic};
  534. }
  535.  
  536. #post u, underline {
  537. color: {color:underline};
  538. text-decoration: underline;
  539. }
  540.  
  541. #post img {
  542. {block:If300pxPosts}
  543. width: 300px;
  544. {/block:If300pxPosts}
  545. {block:If400pxPosts}
  546. width: 400px;
  547. {/block:If400pxPosts}
  548. {block:If500pxPosts}
  549. width: 500px;
  550. {/block:If500pxPosts}
  551. {block:If600pxPosts}
  552. width: 600px;
  553. {/block:If600pxPosts}
  554. {block:If700pxPosts}
  555. width: 700px;
  556. {/block:If700pxPosts}
  557. margin-left: -1px;
  558. }
  559.  
  560. #info {
  561. {block:If300pxPosts}
  562. width: 300px;
  563. {/block:If300pxPosts}
  564. {block:If400pxPosts}
  565. width: 400px;
  566. {/block:If400pxPosts}
  567. {block:If500pxPosts}
  568. width: 500px;
  569. {/block:If500pxPosts}
  570. {block:If600pxPosts}
  571. width: 600px;
  572. {/block:If600pxPosts}
  573. {block:If700pxPosts}
  574. width: 700px;
  575. {/block:If700pxPosts}
  576. background-color: {color:post info bg};
  577. color: {color:info links};
  578. font-family: 'Arial';
  579. font-size: 10px;
  580. font-variant: small-caps;
  581. text-transform: lowercase;
  582. text-align: center;
  583. border-left: 1px solid {color:post border};
  584. border-right: 1px solid {color:post border};
  585. border-bottom: 1px solid {color:post border};
  586. padding: 20px;
  587. margin-top: 0px;
  588. margin-left: auto;
  589. margin-right: auto;
  590. z-index: 9;
  591. }
  592.  
  593. #info a, a:active, a:visited {
  594. color: {color:info links};
  595. }
  596.  
  597. #info a:hover {
  598. color: {color:info links hover};
  599. }
  600.  
  601. #tags {
  602. {block:If300pxPosts}
  603. width: 300px;
  604. {/block:If300pxPosts}
  605. {block:If400pxPosts}
  606. width: 400px;
  607. {/block:If400pxPosts}
  608. {block:If500pxPosts}
  609. width: 500px;
  610. {/block:If500pxPosts}
  611. {block:If600pxPosts}
  612. width: 600px;
  613. {/block:If600pxPosts}
  614. {block:If700pxPosts}
  615. width: 700px;
  616. {/block:If700pxPosts}
  617. background-color: transparent;
  618. color: {color:post border};
  619. font-family: 'Nunito Sans';
  620. font-size: 10.5px;
  621. letter-spacing: 1px;
  622. text-transform: lowercase;
  623. word-break: break-all;
  624. margin-top: 0px;
  625. margin-bottom: 50px;
  626. margin-left: auto;
  627. margin-right: auto;
  628. padding: 10px;
  629. }
  630.  
  631. #tags a, a:active, a:visited {
  632. color: {color:tags};
  633. text-decoration: none;
  634. }
  635.  
  636. #tags a:hover {
  637. color: {color:tags hover};
  638. }
  639.  
  640. /* POST TYPES */
  641.  
  642. .user-text {
  643. background-color: {color:post border};
  644. font-family: 'Arial';
  645. font-size: 11px;
  646. font-weight: 600;
  647. font-variant: small-caps;
  648. letter-spacing: 1px;
  649. text-align: center;
  650. padding: 10px;
  651. margin-top: 7px;
  652. }
  653.  
  654. .user-photo {
  655. background-color: {color:post border};
  656. font-family: 'Arial';
  657. font-size: 11px;
  658. font-weight: 600;
  659. font-variant: small-caps;
  660. letter-spacing: 1px;
  661. text-align: center;
  662. padding: 10px;
  663. margin-top: 15px;
  664. }
  665.  
  666. .branch {
  667. {block:If300pxPosts}
  668. width: 298px;
  669. {/block:If300pxPosts}
  670. {block:If400pxPosts}
  671. width: 398px;
  672. {/block:If400pxPosts}
  673. {block:If500pxPosts}
  674. width: 498px;
  675. {/block:If500pxPosts}
  676. {block:If600pxPosts}
  677. width: 598px;
  678. {/block:If600pxPosts}
  679. {block:If700pxPosts}
  680. width: 698px;
  681. {/block:If700pxPosts}
  682. border: 1px solid {color:post border};
  683. margin-top: 7px;
  684. }
  685.  
  686. .photo {
  687. {block:If300pxPosts}
  688. width: 300px;
  689. {/block:If300pxPosts}
  690. {block:If400pxPosts}
  691. width: 400px;
  692. {/block:If400pxPosts}
  693. {block:If500pxPosts}
  694. width: 500px;
  695. {/block:If500pxPosts}
  696. {block:If600pxPosts}
  697. width: 600px;
  698. {/block:If600pxPosts}
  699. {block:If700pxPosts}
  700. width: 700px;
  701. {/block:If700pxPosts}
  702. }
  703.  
  704. .photo img {
  705. {block:If300pxPosts}
  706. width: 300px;
  707. {/block:If300pxPosts}
  708. {block:If400pxPosts}
  709. width: 400px;
  710. {/block:If400pxPosts}
  711. {block:If500pxPosts}
  712. width: 500px;
  713. {/block:If500pxPosts}
  714. {block:If600pxPosts}
  715. width: 600px;
  716. {/block:If600pxPosts}
  717. {block:If700pxPosts}
  718. width: 700px;
  719. {/block:If700pxPosts}
  720. }
  721.  
  722. .postnote {
  723. {block:If300pxPosts}
  724. width: 320px;
  725. {/block:If300pxPosts}
  726. {block:If400pxPosts}
  727. width: 420px;
  728. {/block:If400pxPosts}
  729. {block:If500pxPosts}
  730. width: 520px;
  731. {/block:If500pxPosts}
  732. {block:If600pxPosts}
  733. width: 620px;
  734. {/block:If600pxPosts}
  735. {block:If700pxPosts}
  736. width: 720px;
  737. {/block:If700pxPosts}
  738. color: {color:post border};
  739. font-family: 'Nunito Sans';
  740. font-size: 9px;
  741. letter-spacing: 1px;
  742. padding: 10px;
  743. margin-left: auto;
  744. margin-right: auto;
  745. }
  746.  
  747. .postnote a, a:active, a:visited {
  748. color: {color:tags};
  749. }
  750.  
  751. .postnote a:hover {
  752. color: {color:tags hover};
  753. }
  754.  
  755. /* QUOTE */
  756.  
  757. .quote {
  758. {block:If300pxPosts}
  759. width: 230px;
  760. {/block:If300pxPosts}
  761. {block:If400pxPosts}
  762. width: 330px;
  763. {/block:If400pxPosts}
  764. {block:If500pxPosts}
  765. width: 430px;
  766. {/block:If500pxPosts}
  767. {block:If600pxPosts}
  768. width: 530px;
  769. {/block:If600pxPosts}
  770. {block:If700pxPosts}
  771. width: 630px;
  772. {/block:If700pxPosts}
  773. font-family: 'Anton';
  774. font-size: 13px;
  775. font-weight: 100;
  776. text-align: center;
  777. border-bottom: 1px solid {color:post border};
  778. padding: 10px;
  779. margin-left: auto;
  780. margin-right: auto;
  781. }
  782.  
  783. .qusource {
  784. font-size: 10px;
  785. font-variant: small-caps;
  786. letter-spacing: 1px;
  787. text-transform: lowercase;
  788. text-align: center;
  789. padding-top: 10px;
  790. }
  791.  
  792. /* CHAT */
  793.  
  794. .chat {
  795. height: auto;
  796. width: auto;
  797. text-align: justify;
  798. border-top: 1px solid {color:post border};
  799. border-left: 1px solid {color:post border};
  800. border-right: 1px solid {color:post border};
  801. }
  802.  
  803. .line {
  804. height: auto;
  805. width: auto;
  806. border-bottom: 1px solid {color:post border};
  807. }
  808.  
  809. /* ASKS */
  810.  
  811. .ask {
  812. {block:If300pxPosts}
  813. width: 230px;
  814. {/block:If300pxPosts}
  815. {block:If400pxPosts}
  816. width: 330px;
  817. {/block:If400pxPosts}
  818. {block:If500pxPosts}
  819. width: 430px;
  820. {/block:If500pxPosts}
  821. {block:If600pxPosts}
  822. width: 530px;
  823. {/block:If600pxPosts}
  824. {block:If700pxPosts}
  825. width: 630px;
  826. {/block:If700pxPosts}
  827. font-family: 'Nunito Sans';
  828. font-size: 11px;
  829. font-style: italic;
  830. text-align: justify;
  831. border-bottom: 1px solid {color:post border};
  832. padding: 10px;
  833. margin-left: auto;
  834. margin-right: auto;
  835. }
  836.  
  837. .asker {
  838. {block:If300pxPosts}
  839. width: 230px;
  840. {/block:If300pxPosts}
  841. {block:If400pxPosts}
  842. width: 330px;
  843. {/block:If400pxPosts}
  844. {block:If500pxPosts}
  845. width: 430px;
  846. {/block:If500pxPosts}
  847. {block:If600pxPosts}
  848. width: 530px;
  849. {/block:If600pxPosts}
  850. {block:If700pxPosts}
  851. width: 630px;
  852. {/block:If700pxPosts}
  853. font-family: 'Arial';
  854. font-size: 10px;
  855. font-variant: small-caps;
  856. letter-spacing: 1px;
  857. text-transform: lowercase;
  858. text-align: center;
  859. border-bottom: 1px solid {color:post border};
  860. padding: 10px;
  861. margin-left: auto;
  862. margin-right: auto;
  863. }
  864.  
  865. .asker a, a:active, a:visited {
  866. color: {color:post border};
  867. }
  868.  
  869. .answer {
  870. {block:If300pxPosts}
  871. width: 230px;
  872. {/block:If300pxPosts}
  873. {block:If400pxPosts}
  874. width: 330px;
  875. {/block:If400pxPosts}
  876. {block:If500pxPosts}
  877. width: 430px;
  878. {/block:If500pxPosts}
  879. {block:If600pxPosts}
  880. width: 530px;
  881. {/block:If600pxPosts}
  882. {block:If700pxPosts}
  883. width: 630px;
  884. {/block:If700pxPosts};
  885. text-align: justify;
  886. padding: 10px;
  887. margin-left: 25px;
  888. margin-top: 35px;
  889. border: 1px solid {color:post border};
  890. }
  891.  
  892. .answerer {
  893. color: {color:links};
  894. font-family: 'Arial';
  895. font-size: 10px;
  896. font-variant: small-caps;
  897. letter-spacing: 1px;
  898. text-transform: lowercase;
  899. text-align: center;
  900. padding-top: 7px;
  901. }
  902.  
  903. /* AUDIO */
  904.  
  905. #audio {
  906. {block:If300pxPosts}
  907. width: 300px;
  908. {/block:If300pxPosts}
  909. {block:If400pxPosts}
  910. width: 400px;
  911. {/block:If400pxPosts}
  912. {block:If500pxPosts}
  913. width: 500px;
  914. {/block:If500pxPosts}
  915. {block:If600pxPosts}
  916. width: 600px;
  917. {/block:If600pxPosts}
  918. {block:If700pxPosts}
  919. width: 700px;
  920. {/block:If700pxPosts}
  921. }
  922.  
  923. #audio b, strong {
  924. color: {color:audio post details};
  925. }
  926.  
  927. #albumart {
  928. height: 105px;
  929. width: 105px;
  930. border: 5px solid {color:post border};
  931. margin-top: 7px;
  932. overflow: hidden;
  933. z-index: 9;
  934. }
  935.  
  936. #albumart img {
  937. height: 106px;
  938. width: 106px;
  939. }
  940.  
  941. .player {
  942. background-color: transparent;
  943. opacity: 0.5;
  944. width: 25px;
  945. height: 25px;
  946. border-radius: 25px;
  947. -moz-border-radius: 25px;
  948. -webkit-border-radius: 25px;
  949. -o-border-radius: 25px;
  950. margin-top: -68px;
  951. margin-left: 45px;
  952. overflow: hidden;
  953. position: absolute;
  954. z-index: 10;
  955. }
  956.  
  957. .adetails {
  958. {block:IfPlaincolorAudioPostBG}
  959. background: {color:audio post bg};
  960. {/block:IfPlaincolorAudioPostBG}
  961. {block:IfGradientAudioPostBG}
  962. background: linear-gradient(130deg, {color:audio post bg gradient 1} 0%, {color:audio post bg gradient 2} 100%);
  963. {/block:IfGradientAudioPostBG}
  964. height: 85px;
  965. {block:If300pxPosts}
  966. width: 184px;
  967. {/block:If300pxPosts}
  968. {block:If400pxPosts}
  969. width: 284px;
  970. {/block:If400pxPosts}
  971. {block:If500pxPosts}
  972. width: 384px;
  973. {/block:If500pxPosts}
  974. {block:If600pxPosts}
  975. width: 484px;
  976. {/block:If600pxPosts}
  977. {block:If700pxPosts}
  978. width: 584px;
  979. {/block:If700pxPosts}
  980. color: {color:audio post details};
  981. font-family: 'Arial';
  982. font-size: 9px;
  983. letter-spacing: 1px;
  984. text-transform: lowercase;
  985. text-align: center;
  986. padding-top: 30px;
  987. margin-top: -115px;
  988. margin-left: 116px;
  989. z-index: 9;
  990. }
  991.  
  992.  
  993.  
  994. /* NECESSARY FOR EVERYTHING TO SHOW PROPERLY. */
  995. #screen {
  996. height: 100vh;
  997. width: 100vw;
  998. position: fixed;
  999. }
  1000.  
  1001. /* DO NOT REMOVE CREDIT! */
  1002. #credit {
  1003. height: 42px;
  1004. width: 66px;
  1005. color: {color:credit};
  1006. text-align: center;
  1007. margin-top: calc(100vh - 62px);
  1008. margin-left: calc(100vw - 102px);
  1009. position: fixed;
  1010. z-index: 15;
  1011. }
  1012.  
  1013. #credit a, a:active, a:visited {
  1014. color: {color:credit};
  1015. }
  1016.  
  1017. #credit a:hover {
  1018. color: {color:credit hover};
  1019. }
  1020.  
  1021. /* TUMBLR CONTROLS */
  1022. .iframe-controls--desktop {
  1023. {block:IfInvertTumblrControls}
  1024. filter: invert(100%);
  1025. {/block:IfInvertTumblrControls}
  1026. padding-right: 20px;
  1027. transform: scale(0.8);
  1028. transform-origin: 100% 0;
  1029. -webkit-transform: scale(0.8);
  1030. -webkit-transform-origin: 100% 0;
  1031. -moz-transform: scale(0.8);
  1032. -moz-transform-origin: 100% 0;
  1033. -ms-transform: scale(0.8);
  1034. -ms-transform-origin: 100% 0;
  1035. -o-transform: scale(0.8);
  1036. -o-transform-origin: 100% 0;
  1037. }
  1038.  
  1039. </style></head>
  1040. <body>
  1041. <!-- beginning all -->
  1042. <div id="screen">
  1043.  
  1044. <!-- beginning left side/sidebar -->
  1045. <div id="left">
  1046. <!-- beginning navigation -->
  1047. <div id="navigation">
  1048. <div id="menu">
  1049. <div id="menu-item"><a href="{text:home link url}">{text:home link title}</a></div>
  1050. <div id="menu-item"><a href="{text:ask link url}">{text:ask link title}</a></div>
  1051. <div id="menu-item"><a href="{text:link 1 url}">{text:link 1 title}</a></div>
  1052. <div id="menu-item"><a href="{text:link 2 url}">{text:link 2 title}</a></div>
  1053. <div id="menu-item"><a href="{text:link 3 url}">{text:link 3 title}</a></div>
  1054. <div id="menu-item"><a href="{text:link 4 url}">{text:link 4 title}</a></div>
  1055. <div id="menu-item"><a href="{text:link 5 url}">{text:link 5 title}</a></div>
  1056. <div id="menu-item"><a href="{text:link 6 url}">{text:link 6 title}</a></div>
  1057. </div></div>
  1058. <!-- end navigation -->
  1059. <!-- start sidebar -->
  1060. <div id="sidebar">
  1061. <div id="scontent">
  1062. <!-- title -->
  1063. {block:IfTitleAsRefreshButton}
  1064. <h1><a href="" title="ʀᴇғʀᴇsʜ">{text:title}</a></h1>
  1065. {/block:IfTitleAsRefreshButton}
  1066. {block:IfPlainTitle}
  1067. <h1>{text:title}</h1>
  1068. {/block:IfPlainTitle}
  1069. <!-- subtitle -->
  1070. <h3>{text:subtitle}</h3>
  1071. <!-- description -->
  1072. <div id="description">{text:description}</div>
  1073. <!-- pagination -->
  1074. {block:Pagination}
  1075. <div id="pagination">
  1076. {block:PreviousPage}[ <a href="{PreviousPage}">&mdash;</a> ] &nbsp;<b>•</b>&nbsp; {/block:PreviousPage}{block:NextPage}[ <a href="{NextPage}">++</a> ]{/block:NextPage}</div>
  1077. {/block:Pagination}
  1078. </div></div></div>
  1079. <!-- end left side/sidebar -->
  1080.  
  1081. <div id="right">
  1082. <!-- beginning posts -->
  1083. {block:Posts}
  1084. <div id="post">
  1085. {block:Text}
  1086.  
  1087. {block:Title}<h4>{Title}</h4>{/block:Title}
  1088. {block:NotReblog}{Body}{/block:NotReblog}
  1089. {block:RebloggedFrom}
  1090. {block:Reblogs}
  1091. {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1092. {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated}
  1093. <div class="branch">{Body}</div>
  1094. {/block:Reblogs}
  1095. {/Block:RebloggedFrom}
  1096.  
  1097. {/block:Text}
  1098.  
  1099.  
  1100. {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4>
  1101. {block:Description}
  1102. {block:NotReblog}{Description}{/block:NotReblog}
  1103. {block:RebloggedFrom}
  1104. {block:Reblogs}
  1105. {block:IsActive}<div class="user-text"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1106. {block:IsDeactivated}<div class="user-text"><a>{Username}</a></div>{block:IsDeactivated}
  1107. <div class="branch">{Description}</div>
  1108. {/block:Reblogs}
  1109. {/Block:RebloggedFrom}
  1110. {/block:Description}{/block:Link}
  1111.  
  1112.  
  1113. {block:Photo}
  1114. <div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>
  1115. {block:Caption}
  1116.  
  1117. {block:NotReblog}{Caption}{/block:NotReblog}
  1118.  
  1119. {block:RebloggedFrom}
  1120. {block:Reblogs}
  1121. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1122. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1123. <div class="branch">{Body}</div>
  1124. {/block:Reblogs}
  1125. {/Block:RebloggedFrom}
  1126.  
  1127. {/block:Caption}
  1128. {/block:Photo}
  1129.  
  1130.  
  1131. {block:If300pxPosts}
  1132. {block:Photoset}
  1133. {Photoset}
  1134. {block:Caption}
  1135.  
  1136. {block:NotReblog}{Caption}{/block:NotReblog}
  1137.  
  1138. {block:RebloggedFrom}
  1139. {block:Reblogs}
  1140. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1141. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1142. <div class="branch">{Body}</div>
  1143. {/block:Reblogs}
  1144. {/Block:RebloggedFrom}
  1145.  
  1146. {/block:Caption}{/block:Photoset}
  1147. {/block:If300pxPosts}
  1148.  
  1149.  
  1150. {block:If400pxPosts}
  1151. {block:Photoset}
  1152. {Photoset-400}
  1153. {block:Caption}
  1154.  
  1155. {block:NotReblog}{Caption}{/block:NotReblog}
  1156.  
  1157. {block:RebloggedFrom}
  1158. {block:Reblogs}
  1159. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1160. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1161. <div class="branch">{Body}</div>
  1162. {/block:Reblogs}
  1163. {/Block:RebloggedFrom}
  1164.  
  1165. {/block:Caption}{/block:Photoset}
  1166. {/block:If400pxPosts}
  1167.  
  1168.  
  1169. {block:If500pxPosts}
  1170. {block:Photoset}
  1171. {Photoset-500}
  1172. {block:Caption}
  1173.  
  1174. {block:NotReblog}{Caption}{/block:NotReblog}
  1175.  
  1176. {block:RebloggedFrom}
  1177. {block:Reblogs}
  1178. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1179. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1180. <div class="branch">{Body}</div>
  1181. {/block:Reblogs}
  1182. {/Block:RebloggedFrom}
  1183.  
  1184. {/block:Caption}{/block:Photoset}
  1185. {/block:If500pxPosts}
  1186.  
  1187.  
  1188. {block:If600pxPosts}
  1189. {block:Photoset}
  1190. {Photoset}
  1191. {block:Caption}
  1192.  
  1193. {block:NotReblog}{Caption}{/block:NotReblog}
  1194.  
  1195. {block:RebloggedFrom}
  1196. {block:Reblogs}
  1197. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1198. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1199. <div class="branch">{Body}</div>
  1200. {/block:Reblogs}
  1201. {/Block:RebloggedFrom}
  1202.  
  1203. {/block:Caption}{/block:Photoset}
  1204. {/block:If600pxPosts}
  1205.  
  1206.  
  1207. {block:If700pxPosts}
  1208. {block:Photoset}
  1209. {Photoset-700}
  1210. {block:Caption}
  1211.  
  1212. {block:NotReblog}{Caption}{/block:NotReblog}
  1213.  
  1214. {block:RebloggedFrom}
  1215. {block:Reblogs}
  1216. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1217. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1218. <div class="branch">{Body}</div>
  1219. {/block:Reblogs}
  1220. {/Block:RebloggedFrom}
  1221.  
  1222. {/block:Caption}{/block:Photoset}
  1223. {/block:If700pxPosts}
  1224.  
  1225.  
  1226. {block:If300pxPosts}
  1227. {block:Video}{Video-300}
  1228. {block:Caption}
  1229.  
  1230. {block:NotReblog}{Caption}{/block:NotReblog}
  1231.  
  1232. {block:RebloggedFrom}
  1233. {block:Reblogs}
  1234. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1235. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1236. <div class="branch">{Body}</div>
  1237. {/block:Reblogs}
  1238. {/Block:RebloggedFrom}
  1239.  
  1240. {/block:Caption}{/block:Video}
  1241. {/block:If300pxPosts}
  1242.  
  1243.  
  1244. {block:If400pxPosts}
  1245. {block:Video}{Video-400}
  1246. {block:Caption}
  1247.  
  1248. {block:NotReblog}{Caption}{/block:NotReblog}
  1249.  
  1250. {block:RebloggedFrom}
  1251. {block:Reblogs}
  1252. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1253. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1254. <div class="branch">{Body}</div>
  1255. {/block:Reblogs}
  1256. {/Block:RebloggedFrom}
  1257.  
  1258. {/block:Caption}{/block:Video}
  1259. {/block:If400pxPosts}
  1260.  
  1261.  
  1262. {block:If500pxPosts}
  1263. {block:Video}{Video-500}
  1264. {block:Caption}
  1265.  
  1266. {block:NotReblog}{Caption}{/block:NotReblog}
  1267.  
  1268. {block:RebloggedFrom}
  1269. {block:Reblogs}
  1270. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1271. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1272. <div class="branch">{Body}</div>
  1273. {/block:Reblogs}
  1274. {/Block:RebloggedFrom}
  1275.  
  1276. {/block:Caption}{/block:Video}
  1277. {/block:If500pxPosts}
  1278.  
  1279.  
  1280. {block:If600pxPosts}
  1281. {block:Video}{Video-600}
  1282. {block:Caption}
  1283.  
  1284. {block:NotReblog}{Caption}{/block:NotReblog}
  1285.  
  1286. {block:RebloggedFrom}
  1287. {block:Reblogs}
  1288. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1289. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1290. <div class="branch">{Body}</div>
  1291. {/block:Reblogs}
  1292. {/Block:RebloggedFrom}
  1293.  
  1294. {/block:Caption}{/block:Video}
  1295. {/block:If600pxPosts}
  1296.  
  1297.  
  1298. {block:If700pxPosts}
  1299. {block:Video}{Video-700}
  1300. {block:Caption}
  1301.  
  1302. {block:NotReblog}{Caption}{/block:NotReblog}
  1303.  
  1304. {block:RebloggedFrom}
  1305. {block:Reblogs}
  1306. {block:IsActive}<div class="user-photo"><a href="{PermaLink}">{Username}</a></div>{/block:IsActive}
  1307. {block:IsDeactivated}<div class="user-photo"><a>{Username}</a></div>{block:IsDeactivated}
  1308. <div class="branch">{Body}</div>
  1309. {/block:Reblogs}
  1310. {/Block:RebloggedFrom}
  1311.  
  1312. {/block:Caption}{/block:Video}
  1313. {/block:If700pxPosts}
  1314.  
  1315.  
  1316. {block:Audio}
  1317. <div id="audio">
  1318. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1319. <div class="player">{AudioPlayer}</div>
  1320. <div class="adetails">
  1321. {block:TrackName}<span style="color:{color:audio post title}; font-family: 'Anton'; font-size: 12px; font-weight: 100; letter-spacing: 1px;">{TrackName}</span><br>{/block:TrackName}
  1322. <span style="font-family: 'Arial'; font-variant: small-caps; margin-top: -15px;">
  1323. {block:Artist}<b>artist:</b>&nbsp; {Artist}<br>{/block:Artist}
  1324. {block:Album}<b>album:</b>&nbsp; {Album}<br>{/block:Album}
  1325. {block:PlayCount}<b>played:</b>&nbsp; {PlayCount} times{/block:PlayCount}</span>
  1326. </div>
  1327. </div>
  1328. {/block:Audio}
  1329.  
  1330. {block:Quote}
  1331. <div class="quote">{Quote}</div>
  1332. {block:Source}
  1333. <div class="qusource">{Source}</div>
  1334. {/block:Source}
  1335. {/block:Quote}
  1336.  
  1337. {block:Chat}
  1338. {block:Title}<p><h4>{Title}</h4></p>{/block:Title}
  1339. <div class="chat">
  1340. {block:Lines}
  1341. <div class="line"><p>{block:Label}<span style="font-size: 11px; font-variant: small-caps; text-transform: lowercase;"><b>{Label}</b></span>{/block:Label} &nbsp; {Line}</p></div>
  1342. {/block:Lines}
  1343. </div>
  1344. {/block:Chat}
  1345.  
  1346. {block:Answer}
  1347. <div class="asker">{Asker} {text:asker}</div>
  1348. <div class="ask"><p>{Question}</p></div>
  1349. {block:Answerer}
  1350. <div class="answer">{Answer}</div>
  1351. <div class="answerer">{Answerer}</div>
  1352. {/block:Answerer}
  1353. {Replies}
  1354. {/block:Answer}
  1355.  
  1356. </div>
  1357. <!--END OF POST ITSELF, START OF INFO BLOCKS-->
  1358. <div id="info">
  1359. <b><a href="{Permalink}">{block:Date}{DayOfMonthWithZero} {Month} {Year}{/block:Date}</a>{block:NoteCount} &nbsp; ♦ &nbsp; <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  1360. {block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">origin</a>&nbsp; • &nbsp; {/block:ContentSource}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &nbsp; • &nbsp; {/block:RebloggedFrom}<a href="{ReblogURL}">reblog</a></b>
  1361. </div>
  1362. <!--END OF INFO BLOCK, START OF TAGS-->
  1363. <div id="tags">{block:HasTags}<i class="fa fa-tag" aria-hidden="true"></i> &nbsp; <span style="font-size: 8px; font-style:italic;">{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}</span>{/block:HasTags}</div>
  1364. <!--END OF TAGS-->
  1365. {/block:Posts}
  1366. <!--END OF POSTS, START OF POSTNOTE BLOCK-->
  1367. <div class="postnote">
  1368. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1369. </div>
  1370. <!--END OF POSTNOTE BLOCK-->
  1371. <!-- end posts -->
  1372. </div>
  1373.  
  1374. <!-- beginning credit -->
  1375. <div id="credit">
  1376. <span style="text-shadow: 0px 0px 3px {color:credit shadow}"><i class="fa fa-cloud"></i></span><br>
  1377. <span style="background-color: {text:credit bg}; font-family: 'Arial'; font-size: 10px; font-variant: small-caps; border: 1px solid {color:credit}; box-shadow: 0px 0px 3px {color:credit shadow}; padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px;"><a href="https://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">angelicxi</a></span>
  1378. </div>
  1379. <!-- end credit -->
  1380. </div>
  1381. </body></html>
Advertisement
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!