API tools faq
paste
stratuscodes

Rose Petals #2

stratuscodes
Dec 3rd, 2020
859
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- basecode by octomoosey @ tumblr DO NOT DELETE -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <!----- VARIABLES AND OPTIONS ----->
  12.  
  13. <meta name="image:Sidebar" content="https://images.pexels.com/photos/4974353/pexels-photo-4974353.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"/>
  14.  
  15. <meta name="color:Background" content="#cecece"/>
  16. <meta name="image:Background" content="https://i.imgur.com/zFi3SWv.png"/>
  17.  
  18. <meta name="color:Container" content="#FFFFFF"/>
  19. <meta name="color:Text" content="#333333"/>
  20. <meta name="color:Link" content="#a89f8e"/>
  21. <meta name="color:Link Hover" content="#f3e2ed"/>
  22. <meta name="color:Accent" content="#cab1da"/>
  23. <meta name="color:Borders" content="#ebe0c8"/>
  24. <meta name="color:Title" content="#121212"/>
  25. <meta name="color:Scrollbar" content="#e1b7d2"/>
  26.  
  27. <meta name="text:Title" content="Rose Petals"/>
  28. <meta name="select:About icon" content="th-flower-1-o" title="Flower">
  29. <meta name="select:About icon" content="th-leaf-1-o" title="Leaf">
  30. <meta name="select:About icon" content="th-bamboo-o" title="Bamboo">
  31. <meta name="select:About icon" content="th-mushroom-o" title="Mushroom">
  32. <meta name="select:About icon" content="th-peach-o" title="Peach">
  33. <meta name="select:About icon" content="th-carrot-o" title="Carrot">
  34. <meta name="select:About icon" content="th-cherry-o" title="Cherry">
  35. <meta name="select:About icon" content="th-donut-o" title="Donut">
  36. <meta name="select:About icon" content="th-coffee-2-o" title="Coffee">
  37. <meta name="select:About icon" content="th-tea-o" title="Tea">
  38. <meta name="select:About icon" content="th-stars-o" title="Stars">
  39. <meta name="select:About icon" content="th-moon-o" title="Moon">
  40. <meta name="select:About icon" content="th-constellation-o" title="Constellation">
  41. <meta name="select:About icon" content="th-heart-1-o" title="Heart">
  42. <meta name="select:About icon" content="th-broken-heart-o" title="Broken Heart">
  43. <meta name="select:About icon" content="th-bear-o" title="Bear">
  44. <meta name="select:About icon" content="th-dragonfly-o" title="Dragonfly">
  45. <meta name="select:About icon" content="th-crystal-ball-o" title="Crystal Ball">
  46. <meta name="select:About icon" content="th-diamond-o" title="Diamond">
  47.  
  48.  
  49. <meta name="text:About" content="Keep it short"/>
  50.  
  51. <meta name="text:Drafts" content="7"/>
  52. <meta name="text:Queue" content="5"/>
  53.  
  54. <meta name="text:Home Link" content="home"/>
  55. <meta name="text:Ask Link" content="ask"/>
  56. <meta name="text:Archive Link" content="archive"/>
  57.  
  58. <meta name="text:Link 1 URL" content=""/>
  59. <meta name="text:Link 1" content=""/>
  60. <meta name="text:Link 2 URL" content=""/>
  61. <meta name="text:Link 2" content=""/>
  62.  
  63. <meta name="select:Font size" content="11px" title="11px">
  64. <meta name="select:Font size" content="12px" title="12px">
  65. <meta name="select:Font size" content="13px" title="13px">
  66. <meta name="select:Font size" content="14px" title="14px">
  67. <meta name="select:Font size" content="15px" title="15px">
  68.  
  69.  
  70. <!--- ••• Icons ••• --->
  71. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  72.  
  73. <!--- ••• Fonts ••• --->
  74.  
  75. <link rel="preconnect" href="https://fonts.gstatic.com">
  76. <link href="https://fonts.googleapis.com/css2?family=Bitter:ital@0;1&family=Playfair+Display+SC:wght@700&display=swap" rel="stylesheet">
  77.  
  78. <link rel="preconnect" href="https://fonts.gstatic.com">
  79. <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap" rel="stylesheet">
  80.  
  81. <link rel="preconnect" href="https://fonts.gstatic.com">
  82. <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&family=Roboto+Mono:wght@300;400&display=swap" rel="stylesheet">
  83.  
  84. <style type="text/css">
  85.  
  86. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  87. position:fixed;
  88. z-index:9!important;
  89. top:0px!important;
  90. right:-48px!important;
  91. white-space:nowrap;
  92. transform: scale(0.6,0.6);}
  93.  
  94. #tumblr_lightbox {
  95. background-color:rgba(255, 255, 255, .9)!important;
  96. z-index:99999!important;}
  97.  
  98. #tumblr_lightbox img {opacity:0;}
  99.  
  100. #tumblr_lightbox_caption {
  101. font-weight:normal!important;
  102. text-shadow:none!important;}
  103.  
  104. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  105. -moz-box-shadow:none!important;
  106. -webkit-box-shadow:none!important;
  107. box-shadow:none!important;
  108. -moz-border-radius:0px!important;
  109. -webkit-border-radius:0px!important;
  110. border-radius:0px!important;
  111. opacity:1!important;}
  112.  
  113. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  114.  
  115. ::-webkit-scrollbar-thumb:vertical {
  116. border:3px solid {color:Container};
  117. height:10px;
  118. background-color:{color:Scrollbar};}
  119.  
  120. ::-webkit-scrollbar {
  121. background-color:{color:Scrollbar};
  122. height:7px;
  123. width:12px;
  124. border:5px solid {color:Container};}
  125.  
  126. /*----- BASIC STYLING -----*/
  127.  
  128. body {
  129. font-family: 'Bitter', serif;
  130. font-size: 13px;
  131. color: {color:text};
  132. background-color: {color:background};
  133. background-image: url({image:Background});
  134. background-size: 20%;
  135. text-align: left;
  136. line-height: 160%;
  137. word-wrap: break-word;
  138. letter-spacing: 0.04em;
  139. margin: 0;
  140. padding: 0;
  141. }
  142.  
  143. a {
  144. color: {color:link};
  145. text-decoration: none;
  146. -webkit-transition: all 0.3s;
  147. -moz-transition: all 0.3s;
  148. -ms-transition: all 0.3s;
  149. -o-transition: all 0.3s;
  150. transition: all 0.3s;
  151. }
  152.  
  153. .posts a:hover {
  154. background-color: {color:Link Hover};
  155. -webkit-transition: all 0.3s;
  156. -moz-transition: all 0.3s;
  157. -ms-transition: all 0.3s;
  158. -o-transition: all 0.3s;
  159. transition: all 0.3s;
  160. }
  161.  
  162. p a {border-bottom: 1px solid {color:borders};}
  163.  
  164. blockquote {
  165. padding: 0 0 0 1.5em;
  166. border-left: 1px solid {color:Accent};
  167. margin: 1.5em 0 1.5em 1.5em;
  168. }
  169.  
  170.  
  171. h1, h2, h3, h4, h5, .title {
  172. color: {color:title};
  173. letter-spacing: 0.06em;
  174. line-height: 145%;
  175. font-family: 'Playfair Display SC', serif;
  176. }
  177.  
  178. h1 a, h2 a, h3 a, h4 a, h5 a, .title a {color: {color:title};}
  179. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, .title a:hover {color: {color:accent}; background: none;}
  180. h1, .title {font-size: 1.5em;}
  181. h2 {font-size: 1.3em;}
  182. h3 {font-size: 1.25em;}
  183. h4 {font-size: 1.1em;}
  184. h5 {font-size: 1em;}
  185.  
  186. small, big, sup, sub {font-size: 100%;}
  187. b, bold, strong {color: {color:title};}
  188. i, italic, em {color:{color:accent}};
  189. b a:hover, bold a:hover, strong a:hover {color: {color:accent};}
  190.  
  191. hr {
  192. height: 1px;
  193. border: none;
  194. box-shadow: none;
  195. background-color: {color:borders};
  196. }
  197.  
  198. pre {
  199. line-height: inherit;
  200. font-size: inherit;
  201. white-space: pre-wrap;
  202. white-space: -moz-pre-wrap;
  203. white-space: -pre-wrap;
  204. white-space: -o-pre-wrap;
  205. word-wrap: break-word;
  206. }
  207.  
  208. li {max-width: 100%; list-style-type: circle;}
  209.  
  210. .tmblr-iframe-compact .tmblr-iframe--unified-controls {z-index: 999999999!important;}
  211.  
  212. /* ---••• Post Styles •••--- */
  213.  
  214. #container {
  215. background:{color:Container};
  216. border:25px solid {color:Link hover};
  217. height:600px;
  218. position:fixed;
  219. top:50%;
  220. margin-top:-335px;
  221. left:60%;
  222. width:650px;
  223. margin-left:-500px;
  224. overflow-y:scroll;}
  225.  
  226. #entries {
  227. position:absolute;
  228. margin-left:80px;
  229. width:500px;
  230. text-align:justify;
  231. }
  232.  
  233. /*----- POSTS -----*/
  234.  
  235. main {
  236. position: relative;
  237. width: calc(250px + 540px + 150px);
  238. margin: auto;
  239. }
  240.  
  241. section {
  242. position: relative;
  243. width: 540px;
  244. margin-left: 150px;
  245. }
  246.  
  247. article {
  248. width: 100%;
  249. position: relative;
  250. margin: 50px;
  251.  
  252. }
  253.  
  254. .posts {
  255. margin: 50px 0px;
  256. font-size:{select:Font size};
  257.  
  258. }
  259.  
  260. .tumblr_video_container {max-height: 540px !important; overflow: hidden !important;}
  261. .posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe {max-width: 100%;}
  262.  
  263. /*----- CAPTIONS -----*/
  264.  
  265. .caption {
  266. margin: 2em 0em;
  267. list-style-type: none;
  268.  
  269. }
  270. .caption p {margin: 1em 0;}
  271. .caption p:last-of-type {margin-bottom: 0;}
  272.  
  273. .original-caption p:first-of-type {margin-top: 0;}
  274. .text-caption:first-of-type {margin-top: 0;}
  275. .caption iframe, .caption img {max-width: 100%;}
  276.  
  277. .user-icon {
  278. display: inline-block;
  279. vertical-align: middle;
  280. border-radius: 50%;
  281. width: 2em;
  282. height: 2em;
  283. margin-right: 5px;
  284. }
  285.  
  286. .username {
  287. display: inline-block;
  288. vertical-align: middle;
  289. font-weight: bold;
  290. }
  291.  
  292. .username a {color: {color:title};}
  293. .username a:hover {color: {color:accent};}
  294.  
  295. .deactive::after {
  296. content: '(deactivated)';
  297. margin-left: 1em;
  298. opacity: 0.75;
  299. color: {color:text};
  300. }
  301.  
  302. p.tmblr-attribution {margin-top: 1em !important;}
  303.  
  304. /*----- TEXT -----*/
  305.  
  306. h1.post-title {
  307. margin-top: 0;
  308. text-align: right;
  309. border-bottom: 1px solid {color:borders};
  310. font-size: 2em;
  311. }
  312.  
  313. h1.post-title a:hover {
  314. background: none;
  315. }
  316.  
  317. a.read_more {font-weight: bold;}
  318.  
  319. /*----- LINK -----*/
  320.  
  321. a.link-wrap {
  322. display: block;
  323. color: {color:text};
  324. border: 1px solid {color:borders};
  325. }
  326.  
  327. a.link-wrap img {max-width: 100%;}
  328. .link {padding: 2em;}
  329. .link .title { text-align: center; }
  330. .link-host, .link-txt {color: {color:text}; margin-top: 1.5em;}
  331.  
  332. .npf-link-block {
  333. margin-top: 1.5em;
  334. border-radius: 0;
  335. background-color: initial;
  336. }
  337.  
  338. .npf-link-block .poster .title {padding: 1.5em;}
  339. .npf-link-block.no-poster .title {padding: 1.5em 1.5em 0 1.5em;}
  340. .npf-link-block .title {font-size: 1.25em; border-bottom: none;}
  341. .npf-link-block .bottom {padding: 1.5em !important; color: {color:text};}
  342.  
  343. .npf-link-block .bottom .site-name {color: {color:text};}
  344.  
  345. /*----- PHOTO -----*/
  346.  
  347. img {
  348. margin: 0;
  349. display: block;
  350. height: auto;
  351. max-width: 100%;
  352. }
  353.  
  354. .photo img {width: 100%;}
  355. .vignette, #vignette {opacity: 0;}
  356. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
  357.  
  358. .lightbox-image, #tumblr_lightbox img {
  359. box-shadow: none !important;
  360. border-radius: 0 !important;
  361. max-width: none;
  362. }
  363.  
  364. #tumblr_lightbox_caption, .lightbox-caption {
  365. color: #fff !important;
  366. font-family: inherit;
  367. margin-top: 1em !important;
  368. }
  369.  
  370. /*----- PHOTOSET -----*/
  371.  
  372. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  373. margin-left: 0 !important;
  374. margin-right: 0 !important;
  375. }
  376.  
  377. /*----- QUOTE -----*/
  378.  
  379. .quote, p.npf_quote {
  380. line-height: 160%;
  381. font-size: 1.25em;
  382. color: {color:title};
  383. }
  384.  
  385. .quote p:first-of-type {margin-top: 0;}
  386. .quote p:last-of-type {margin-bottom: 0;}
  387. p.npf_quote {font-family: 'Playfair Display', serif; margin-bottom: 1em;}
  388.  
  389. .source {margin-top: 1.5em;}
  390.  
  391. /*----- CHAT -----*/
  392.  
  393. .chat {padding: 0; margin: 0;}
  394. .chat li {list-style-type: none; margin-top: 1em;}
  395. .chat li:first-of-type {margin-top: 0;}
  396. .chatter {font-weight: bold; color: {color:title};}
  397.  
  398. p.npf_chat {font-family: 'Roboto Mono', monospace; margin-top: 1em;}
  399. p.npf_chat b {color: {color:title}; font-family: 'Roboto Mono', monospace;}
  400.  
  401. /*----- ANSWER -----*/
  402.  
  403. .ask-wrap {border-bottom: 1px solid {color:borders}; padding-bottom: 2em; text-align: right;}
  404.  
  405. .ask-wrap .askicon {
  406. width: 2em;
  407. height: 2em;
  408. display: inline-block;
  409. vertical-align: middle;
  410. border-radius: 50%;
  411. }
  412.  
  413. .ask-wrap .asking {
  414. display: inline-block;
  415. margin-left: 5px;
  416. color: {color:title};
  417. font-family: 'Playfair Display SC', serif;
  418. }
  419.  
  420. .answerer {
  421. font-family: 'Playfair Display SC', serif;
  422. }
  423.  
  424. .ask-wrap .asking a {color: {color:title};}
  425. .ask-wrap .asking a:hover {color: {color: title};}
  426.  
  427. .question {margin-top: 1em;}
  428. .question p:first-of-type {margin-top: 0;}
  429. .question p:last-of-type {margin-bottom: 0;}
  430.  
  431. /*----- AUDIO -----*/
  432.  
  433. .audiopost {padding: 2em; border: 1px solid {color:borders};}
  434.  
  435. .album-art {
  436. z-index: 1;
  437. display: inline-block;
  438. vertical-align: middle;
  439. float: left;
  440. width: 100px;
  441. height: 100px;
  442. }
  443.  
  444. .button {
  445. width: 30px;
  446. height: 30px;
  447. overflow: hidden;
  448. position: relative;
  449. z-index: 2;
  450. margin: 7px;
  451. }
  452.  
  453. .audiobox {
  454. background-color: #f2f2f2;
  455. z-index: 3;
  456. position: absolute;
  457. margin: 28px 0 0 28px;
  458. border-radius: 50%;
  459. }
  460.  
  461. .audioinfo {
  462. display: inline-block;
  463. height: 100px;
  464. display: flex;
  465. justify-content: center;
  466. flex-direction: column;
  467. box-sizing: border-box;
  468. padding-left: 2em;
  469. }
  470.  
  471. .audioinfo li {list-style-type: none;}
  472. .track {font-weight: bold; color: {color:title};}
  473.  
  474. /*----- INFO -----*/
  475.  
  476. footer{
  477. margin-top: 10px;
  478. border-top: 1px solid {color:borders};
  479. }
  480.  
  481. .info {
  482. margin-top: 10px;
  483. display: flex;
  484. flex-direction: row;
  485. align-items: flex-start;
  486. justify-content: space-between;
  487. }
  488.  
  489. .info a {display: inline-block; vertical-align: middle;}
  490.  
  491.  
  492. .info-left a, .tags a {margin-right: 0.75em;}
  493. .post-controls a {margin-left: 0.75em;}
  494.  
  495. .source-info li {list-style-type: none;}
  496.  
  497. a.pinned-post {font-weight: bold; color: {color:accent};}
  498.  
  499. .tag-day {font-weight: bold; color: {color:accent};}
  500.  
  501. /*---- POST NOTES -----*/
  502.  
  503. .notes {margin: 0px 0px;}
  504.  
  505. .notes .title { text-align: center; margin-top: 20px; }
  506.  
  507. ol.notes {
  508. max-width: 100%;
  509. padding: 0;
  510. margin: 2em 0 0 0;
  511. }
  512.  
  513. ol.notes li.note {padding: 0.5em 0; list-style-type: none;}
  514.  
  515. ol.notes li.note img.avatar {
  516. border-radius: 50%;
  517. margin-right: 1em;
  518. vertical-align: middle;
  519. display: inline-block;
  520. width: 1.25em;
  521. height: 1.25em;
  522. }
  523.  
  524. a.more_notes_link {font-weight: bold;}
  525.  
  526. #reblog {
  527. background-color: {color:Link hover};
  528. padding: 2px 5px;
  529. color: {color:Title};
  530. position:relative;
  531. left: 439px;
  532. top: -10px;
  533. }
  534.  
  535. #reblog:hover {
  536. color: {color:Accent};
  537. }
  538.  
  539. /* ---••• Other •••--- */
  540.  
  541. #s-m-t-tooltip {
  542. background: {color:Container};
  543. border: 1px solid {color:link hover};
  544. font-size: {select:Font size};
  545. margin-top: 30px;
  546. padding: 0px 5px;
  547. text-align: center;
  548. text-transform: uppercase;
  549. z-index: 999999999999999999999999999999999999;
  550. }
  551.  
  552. /* ---••• Sidebar •••--- */
  553.  
  554. #stars {
  555. display: flex;
  556. width:250px;
  557. margin-left: -20px;
  558. }
  559.  
  560. #sidebar {
  561. width: 330px;
  562. height: 560px;
  563. position: fixed;
  564. margin-top: 40px;
  565. margin-left: -290px;
  566. }
  567.  
  568. #sideinner {
  569. float: right;
  570. }
  571.  
  572.  
  573. #side-img {
  574. background-image: url('{image:Sidebar}');
  575. background-repeat: no-repeat;
  576. background-size: cover;
  577. background-position: center center;
  578. width: 100%;
  579. height:100%;
  580. }
  581.  
  582. #side-border {
  583. border: 1px solid {color:accent};
  584. width:100%;
  585. height:300px;
  586. padding: 5px;
  587. }
  588.  
  589. #sideinner .title {
  590. width: 230px;
  591. text-align: right;
  592. }
  593.  
  594. #sideinner .title a {
  595. font-size: 25px;
  596. padding-right: 20px;
  597. }
  598.  
  599. nav {
  600. text-align:center;
  601. margin-top:35px;
  602. padding: 5px;
  603. width: 10%;
  604. height: 100%;
  605. color: {color:title};
  606. background-color: {color:container};
  607. border-top: 1px solid {color:link hover};
  608. border-left: 1px solid {color:link hover};
  609. border-bottom: 1px solid {color:link hover};
  610. }
  611.  
  612. nav a span {
  613. display:grid;
  614. place-items: center;
  615. margin: 5px 0px;
  616. font-size: 20px;
  617. color: {color:title};
  618.  
  619. }
  620.  
  621. nav a span:hover {
  622. color:{color:accent};
  623. -webkit-transition: all 0.3s;
  624. -moz-transition: all 0.3s;
  625. -ms-transition: all 0.3s;
  626. -o-transition: all 0.3s;
  627. transition: all 0.3s;
  628. }
  629.  
  630.  
  631. #about {
  632. position: fixed;
  633. margin-left: 755px;
  634. margin-top: 95px;
  635. border: 1px solid {color:scrollbar};
  636. border-radius: 50%;
  637. padding: 2px;
  638. {block:ifNotDrafts}
  639. margin-left: 705px;
  640. margin-top: 5px;
  641. {/block:ifNotDrafts}
  642. {block:ifNotQueue}
  643. margin-left: 705px;
  644. margin-top: 5px;
  645. {/block:ifNotQueue}
  646. }
  647.  
  648.  
  649. #about li {
  650. font-size: {select:Font size};
  651. display: inline-block;
  652. }
  653.  
  654.  
  655. #about span {
  656. margin-bottom: 10px;
  657. }
  658.  
  659. #abouticon {
  660. font-size:30px;
  661. padding:5px;
  662. border-radius:50%;
  663. background-color:{color:Accent};
  664. color:{color:Container};
  665. }
  666.  
  667. #abouticon:hover {
  668. color:{color:link hover};
  669. -webkit-transition: all 0.3s;
  670. -moz-transition: all 0.3s;
  671. -ms-transition: all 0.3s;
  672. -o-transition: all 0.3s;
  673. transition: all 0.3s;
  674. }
  675.  
  676.  
  677. #circulo {
  678. border: 1px solid {color:Borders};
  679. padding: 10px;
  680. border-radius: 50%;
  681. width: 50px;
  682. height:50px;
  683. }
  684.  
  685. #stats {
  686. position: fixed;
  687. width: 155px;
  688. height: auto;
  689. margin: 0px 610px;
  690. padding: 10px;
  691. text-align: center;
  692. display: flex;
  693. background-color: {color:container};
  694. border: 1px solid {color:accent};
  695. }
  696.  
  697. #drafts span, #queue span{
  698. border-bottom: 1px solid {color:borders};
  699. margin: 0px 10px;
  700. padding-bottom: 5px;
  701. text-align: center;
  702. font-family: 'Playfair Display SC', serif;
  703. color: {color:title};
  704. font-size: 15px;
  705. }
  706.  
  707. #drafts p, #queue p {
  708. margin-bottom: 0px;
  709. font-family: 'Playfair Display SC', serif;
  710. font-size: 14px;
  711. color: {color:accent};
  712. }
  713.  
  714.  
  715.  
  716. /* -- WRAPPING IMG -- */
  717.  
  718. #wrapping img {
  719. float: left;
  720. padding-right:10px;
  721. }
  722.  
  723. .posts blockquote img {
  724. float:left;
  725. margin-left: 20px;
  726. margin-right: 10px;
  727. max-width:150px;
  728. border:1px solid {color:Borders};
  729. padding: 5px;
  730. }
  731.  
  732. .posts blockquote blockquote img {
  733. float:right;
  734. margin-left: 10px;
  735. max-width:150px;
  736. border:1px solid {color:Borders};
  737.  
  738.  
  739. }
  740.  
  741. /* ---••• Pagination •••--- */
  742.  
  743. #pagination {
  744. margin-top: -30px;
  745. position: fixed;
  746. font-size: 1em;
  747. width: 206px;
  748. display: flex;
  749. justify-content: center;
  750. }
  751.  
  752. #pagination a {
  753. color: {color:title};
  754. }
  755.  
  756. #pagination a:hover {
  757. color: {color:accent};
  758. }
  759.  
  760. /* ---••• Credit •••--- */
  761.  
  762. #credit {
  763. padding:6px 8px;
  764. position:fixed;
  765. right:20px;
  766. bottom:20px;
  767. background:{color:container};
  768. color:{color:accent};
  769. border: 1px solid {color:link hover};}
  770.  
  771. #credit a {
  772. font-size:15px;
  773. width:20px;
  774. text-align:center;
  775. color:{color:credit};}
  776.  
  777.  
  778. </style>
  779.  
  780. </head>
  781.  
  782. <!---••• Scripts Misc •••--->
  783.  
  784. <script src="https://static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  785. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  786.  
  787. <!---••• Scripts Tooltips •••--->
  788.  
  789. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  790.  
  791. <script>
  792. (function($){
  793. $(document).ready(function(){
  794. $("a[title]").style_my_tooltips({
  795. tip_follows_cursor:true,
  796. tip_delay_time:90,
  797. tip_fade_speed:600,
  798. attribute:"title"
  799. });
  800. });
  801. })(jQuery);
  802. </script>
  803.  
  804. <body>
  805.  
  806. <!-- DO NO DELETE -->
  807.  
  808. <div id="credit"><a href="https://stratuscodes.tumblr.com" title="theme by stratuscodes"><span class="th th-shooting-star-o"></span></a></div>
  809.  
  810. <div id="container">
  811. <div id="sidebar">
  812. <div id="sideinner">
  813.  
  814. <div id="stars">
  815.  
  816. <nav>
  817. {block:ifHomeLink}<a href="/" title="{text:Home Link}"><span class="th th-home-o"></span></a>{/block:ifHomeLink}
  818. {block:AskEnabled}{block:ifAskLink}<a href="/ask" title="{text:Ask Link}"><span class="th th-paper-plane-o"></span></a>{/block:ifAskLink}{/block:AskEnabled}
  819. {block:ifArchiveLink}<a href="/archive" title="{text:Archive Link}"><span class="th th-folder-3-o"></span></a>{/block:ifArchiveLink}
  820. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><span class="th th-holly-o"></a>{/block:ifLink1}
  821. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><span class="th th-blossom-o"></a>{/block:ifLink2}
  822. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  823. </nav>
  824.  
  825. <div id="side-border">
  826. <div id="pagination">{block:Pagination}
  827. {block:PreviousPage}<a href="{PreviousPage}"><span class="th th-chevron-left"></span></a>{/block:PreviousPage}
  828. {block:NextPage}<a href="{NextPage}"><span class="th th-chevron-right"></span></a>{/block:NextPage}
  829. {/block:Pagination}</div>
  830. <div id="side-img" alt="Sidebar image"></div></div>
  831. </div>
  832. <div class="title"><a href="/">{text:Title}</a></div>
  833. </aside>
  834.  
  835. </div>
  836. </div>
  837.  
  838. <div id="about">
  839. <a title="{text:about}"><div class="th {select:About icon}" id="abouticon"></div>
  840. </div>
  841. <div id="entries">
  842.  
  843. {block:ifDrafts}{block:ifQueue}<div id="stats">
  844. <div id="drafts">
  845. <span>Drafts</span>
  846. <p>{text:Drafts}</p>
  847. </div>
  848. <div id="queue">
  849. <span>Queue</span>
  850. <p>{text:Queue}</p>
  851. </div>
  852. </div>{/block:ifQueue}{/block:ifDrafts}
  853.  
  854. <!----- POSTS ----->
  855.  
  856. {block:Posts}
  857. <article class="posts" id="{PostID}">
  858.  
  859. {block:Text}
  860. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  861.  
  862. <!-- reblog button -->
  863.  
  864. <div class="post-controls">
  865. <a href="{ReblogURL}" target="_blank" id="reblog">reblog</a>
  866. </div>
  867. {block:NotReblog}
  868. <li class="caption original-caption text-caption">
  869. <div class="caption-text"><div id=“wrapping”>{Body}</div></div>
  870. </li>
  871. {/block:NotReblog}
  872. {block:RebloggedFrom}
  873. <div class="reblog-wrap">
  874. {block:Reblogs}
  875. <li class="caption text-caption">
  876. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  877. <div class="caption-text">{Body}</div>
  878. </li>
  879. {/block:Reblogs}
  880. </div>
  881. {/block:RebloggedFrom}
  882. {/block:Text}
  883.  
  884. {block:Link}
  885. <a href="{URL}" class="link-wrap">
  886. {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
  887. <div class="link">
  888. <div class="title">{Name}</div>
  889. {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
  890. {block:Host}<div class="link-host">{Host}</div>{/block:Host}
  891. </div>
  892. </a>
  893. {block:Description}
  894. {block:NotReblog}
  895. <li class="caption original-caption">
  896. <div class="caption-text">{Description}</div>
  897. </li>
  898. {/block:NotReblog}
  899. {/block:Description}
  900. {block:RebloggedFrom}
  901. <div class="reblog-wrap">
  902. {block:Reblogs}
  903. <li class="caption">
  904. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  905. <div class="caption-text">{Body}</div>
  906. </li>
  907. {/block:Reblogs}
  908. </div>
  909. {/block:RebloggedFrom}
  910. {/block:Link}
  911.  
  912. {block:Photo}
  913. <div class="photo">
  914. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{LinkCloseTag}
  915. </div>
  916. {block:Caption}
  917. {block:NotReblog}
  918. <li class="caption original-caption">
  919. <div class="caption-text">{Caption}</div>
  920. </li>
  921. {/block:NotReblog}
  922. {block:RebloggedFrom}
  923. <div class="reblog-wrap">
  924. {block:Reblogs}
  925. <li class="caption">
  926. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  927. <div class="caption-text">{Body}</div>
  928. </li>
  929. {/block:Reblogs}
  930. </div>
  931. {/block:RebloggedFrom}
  932. {/block:Caption}
  933. {/block:Photo}
  934.  
  935. {block:Photoset}
  936. <div class="photo">{Photoset-700}</div>
  937. {block:Caption}
  938. {block:NotReblog}
  939. <li class="caption original-caption">
  940. <div class="caption-text">{Caption}</div>
  941. </li>
  942. {/block:NotReblog}
  943. {block:RebloggedFrom}
  944. <div class="reblog-wrap">
  945. {block:Reblogs}
  946. <li class="caption">
  947. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  948. <div class="caption-text">{Body}</div>
  949. </li>
  950. {/block:Reblogs}
  951. </div>
  952. {/block:RebloggedFrom}
  953. {/block:Caption}
  954. {/block:Photoset}
  955.  
  956. {block:Video}
  957. <div class="video">{Video-500}</div>
  958. {block:Caption}
  959. {block:NotReblog}
  960. <li class="caption original-caption">
  961. <div class="caption-text">{Caption}</div>
  962. </li>
  963. {/block:NotReblog}
  964. {block:RebloggedFrom}
  965. <div class="reblog-wrap">
  966. {block:Reblogs}
  967. <li class="caption">
  968. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  969. <div class="caption-text">{Body}</div>
  970. </li>
  971. {/block:Reblogs}
  972. </div>
  973. {/block:RebloggedFrom}
  974. {/block:Caption}
  975. {/block:Video}
  976.  
  977. {block:Quote}
  978. <div class="quote">{Quote}</div>
  979. {block:Source}<div class="source">{Source}</div>{/block:Source}
  980. {/block:Quote}
  981.  
  982. {block:Chat}
  983. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  984. <ul class="chat">{block:Lines}
  985. <li>
  986. {block:Label}<div class="chatter">{Label}</div>{/block:Label}
  987. <div class="chattxt">{Line}</div>
  988. </li>
  989. {/block:Lines}</ul>
  990. {/block:Chat}
  991.  
  992. {block:Answer}
  993. <div class="ask-wrap">
  994. <img src="{AskerPortraitURL-64}" class="askicon">
  995. <div class="asking">{Asker} asked</div>
  996. <div class="question">{Question}</div>
  997. </div>
  998. {block:Answerer}
  999. <li class="caption">
  1000. <img src="{AnswererPortraitURL-64}" class="user-icon">
  1001. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  1002. <div class="caption-text">{Answer}</div>
  1003. </li>
  1004. {/block:Answerer}
  1005. {block:NotReblog}
  1006. <li class="caption original-caption">
  1007. <div class="caption-text">{Replies}</div>
  1008. </li>
  1009. {/block:NotReblog}
  1010. {block:RebloggedFrom}
  1011. <div class="reblog-wrap">
  1012. {block:Reblogs}
  1013. <li class="caption">
  1014. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1015. <div class="caption-text">{Body}</div>
  1016. </li>
  1017. {/block:Reblogs}
  1018. </div>
  1019. {/block:RebloggedFrom}
  1020. {/block:Answer}
  1021.  
  1022. {block:Audio}
  1023. <div class="audiopost">
  1024. <div class="audiobox"><div class="button">
  1025. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  1026. </div></div>
  1027. {block:AlbumArt}
  1028. <img src="{AlbumArtURL}" class="album-art">
  1029. {/block:AlbumArt}
  1030. <div class="audioinfo">
  1031. {block:TrackName}<li class="track">{TrackName}</li>{/block:TrackName}
  1032. {block:Artist}<li>{Artist}</li>{/block:Artist}
  1033. {block:Album}<li>{Album}</li>{/block:Album}
  1034. </div>
  1035. </div>
  1036. {block:Caption}
  1037. {block:NotReblog}
  1038. <li class="caption original-caption">
  1039. <div class="caption-text">{Caption}</div>
  1040. </li>
  1041. {/block:NotReblog}
  1042. {block:RebloggedFrom}
  1043. <div class="reblog-wrap">
  1044. {block:Reblogs}
  1045. <li class="caption">
  1046. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1047. <div class="caption-text">{Body}</div>
  1048. </li>
  1049. {/block:Reblogs}
  1050. </div>
  1051. {/block:RebloggedFrom}
  1052. {/block:Caption}
  1053. {/block:Audio}
  1054.  
  1055.  
  1056. <!----- INFO ----->
  1057. <footer>
  1058. {block:Date}
  1059. <div class="info">
  1060. <div class="info-left">
  1061. {block:PinnedPostLabel}<a href="{Permalink}" class="pinned-post">{PinnedPostLabel}</a>{/block:PinnedPostLabel}
  1062. <a href="{Permalink}">{ShortMonth}. {DayOfMonth}, {Year} — {24Hour}:{Minutes}</a>
  1063. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  1064.  
  1065. <!-- reblog info and content source on permalink pages -->
  1066.  
  1067. {block:PermalinkPage}
  1068. <div class="source-info">
  1069. {block:RebloggedFrom}
  1070. <li>Reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  1071. <li>Originally from: <a href="{ReblogRootURL}">{ReblogRootName}</a></li>
  1072. {/block:RebloggedFrom}
  1073. {block:ContentSource}<li>{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a></li>{/block:ContentSource}
  1074. </div>
  1075. {/block:PermalinkPage}
  1076. </div>
  1077.  
  1078.  
  1079. </div>
  1080. {/block:Date}
  1081.  
  1082. <!----- TAGS ----->
  1083.  
  1084. {block:HasTags}
  1085. <div class="tags">
  1086. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  1087. </div>
  1088. {/block:HasTags}
  1089.  
  1090. <!----- POST NOTES ----->
  1091.  
  1092. {block:PermalinkPage}{block:Date}
  1093. {block:NoteCount}{block:PostNotes}
  1094. <div class="notes">
  1095. <div class="title">{NoteCountWithLabel}</div>
  1096. {PostNotes-64}
  1097. </div>
  1098. {/block:PostNotes}{/block:NoteCount}
  1099. {/block:Date}{/block:PermalinkPage}
  1100. {/block:Posts}
  1101.  
  1102. {block:ContentSource}<!-- {SourceURL}
  1103. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1104. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1105. {/block:ContentSource}
  1106. </footer>
  1107. </article>
  1108.  
  1109.  
  1110. </div>
  1111. </div>
  1112. </div>
  1113. </div>
  1114.  
  1115. </body>
  1116.  
  1117. </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!