API tools faq
paste
Advertisement
octomoosey

daemonia

octomoosey
Sep 5th, 2020 (edited)
8,444
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.80 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- theme by octomoosey @ tumblr DO NOT DELETE -->
  4.  
  5. <html xmlns="//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. <!--- ••• Colour Variables ••• --->
  12. <meta name="color:background" content="#eaeaea"/>
  13. <meta name="color:containerbg" content="#ffffff"/>
  14. <meta name="color:entriesbg" content="#101010"/>
  15. <meta name="color:maintitle" content="#ffffff"/>
  16. <meta name="color:maintitleoverlay" content="#f75222"/>
  17. <meta name="color:sidebarbg" content="#444"/>
  18. <meta name="color:descriptiontitle" content="#ffffff"/>
  19. <meta name="color:description" content="#ffffff"/>
  20. <meta name="color:descriptionbg" content="#f75222"/>
  21. <meta name="color:nav" content="#bbb"/>
  22. <meta name="color:navhover" content="#f75222"/>
  23. <meta name="color:quoteicon" content="#f75222"/>
  24. <meta name="color:smallquote" content="#ffffff"/>
  25. <meta name="color:borders" content="#bebebe"/>
  26. <meta name="color:text" content="#898989"/>
  27. <meta name="color:bold" content="#f75222"/>
  28. <meta name="color:italic" content="#f75222"/>
  29. <meta name="color:links" content="#f75222"/>
  30. <meta name="color:linkshover" content="#bbb"/>
  31. <meta name="color:date" content="#fff"/>
  32. <meta name="color:datebg" content="#f75222"/>
  33. <meta name="color:scrollbar" content="#f75222"/>
  34. <meta name="color:tooltipbg" content="#f75222">
  35. <meta name="color:tooltiptext" content="#ffffff">
  36. <meta name="color:pagination" content="#ffffff">
  37.  
  38. <!--- ••• Image Variables ••• --->
  39. <meta name="image:containerbg" content=""/>
  40. <meta name="image:portrait" content=""/>
  41. <meta name="image:smallcircle" content=""/>
  42. <meta name="image:largecircle" content=""/>
  43.  
  44. <!--- ••• If Variables ••• --->
  45. <meta name="if:hidetags" content="1"/>
  46. <meta name="if:hidecaptions" content="1"/>
  47.  
  48. <!--- ••• Text Variables ••• --->
  49. <meta name="text:fontsize" content="11"/>
  50. <meta name="text:entriesopacity" content="0.9"/>
  51. <meta name="text:sidebaropacity" content="0.8"/>
  52. <meta name="text:circleimageopacity" content="0.5"/>
  53. <meta name="text:maintitle" content="Daemonia"/>
  54. <meta name="text:descriptiontitle" content="Lorem ipsum dolor sit"/>
  55. <meta name="text:smallquote" content="Lorem ipsum dolor sit amet, consectetuer. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. "/>
  56.  
  57. <!--- ••• Links ••• --->
  58. <meta name="text:link 1" content="link 1"/>
  59. <meta name="text:link 1 url" content="/"/>
  60. <meta name="text:link 2" content="link 2"/>
  61. <meta name="text:link 2 url" content="/"/>
  62. <meta name="text:link 3" content="link 3"/>
  63. <meta name="text:link 3 url" content="/"/>
  64. <meta name="text:link 4" content="link 4"/>
  65. <meta name="text:link 4 url" content="/"/>
  66. <meta name="text:link 5" content="link 5"/>
  67. <meta name="text:link 5 url" content="/"/>
  68.  
  69. <!--- ••• Fonts ••• --->
  70. <link rel="stylesheet" href="//cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  71.  
  72. <link href="//fonts.googleapis.com/icon?family=Material+Icons"
  73. rel="stylesheet">
  74.  
  75. <link href="//fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap" rel="stylesheet">
  76.  
  77. <link href="//fonts.googleapis.com/css2?family=Neuton:ital,wght@0,200;0,400;0,700;1,400&display=swap" rel="stylesheet">
  78.  
  79.  
  80. <link href="//fonts.googleapis.com/css2?family=Mukta:wght@700;800&display=swap" rel="stylesheet">
  81. <style type="text/css">
  82.  
  83. @font-face { font-family: 'attaria'; src: url('//static.tumblr.com/uopakca/qrOq5fi9n/attaira.ttf') format('truetype');}
  84.  
  85. iframe.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop, .tmblr-iframe {
  86. position:fixed;
  87. z-index:9!important;
  88. top:0px!important;
  89. right:8px!important;
  90. white-space:nowrap;
  91. transform: scale(0.6,0.6);}
  92.  
  93. #tumblr_lightbox {
  94. background-color:rgba(255, 255, 255, .9)!important;
  95. z-index:99999!important;}
  96.  
  97. #tumblr_lightbox img {opacity:0;}
  98.  
  99. #tumblr_lightbox_caption {
  100. font-weight:normal!important;
  101. text-shadow:none!important;}
  102.  
  103. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  104. -moz-box-shadow:none!important;
  105. -webkit-box-shadow:none!important;
  106. box-shadow:none!important;
  107. -moz-border-radius:0px!important;
  108. -webkit-border-radius:0px!important;
  109. border-radius:0px!important;
  110. opacity:1!important;}
  111.  
  112. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  113.  
  114. ::-webkit-scrollbar-track {
  115. background-color: transparent;}
  116.  
  117. ::-webkit-scrollbar{
  118. width: 6px;
  119. background-color: transparent;}
  120.  
  121. ::-webkit-scrollbar-thumb{
  122. background-color: {color:scrollbar};}
  123.  
  124. /* ---••• General Styling •••--- */
  125.  
  126. body {
  127. background:{color:background};
  128. color:{color:text};
  129. font-size:{text:fontsize}px;
  130. font-family:arial;
  131. font-weight:normal;
  132. position:relative;
  133. text-align:left;
  134. overflow:none;
  135. margin:0;
  136. top:0px;
  137. left:0px;
  138. line-height:150%;
  139. height:100%;
  140. width:100%;}
  141.  
  142. blockquote {
  143. text-align:justify;
  144. padding-left:10px;
  145. border-left:1px solid {color:borders};
  146. margin:10px 0px 10px 0px;}
  147.  
  148. .caption {
  149. {block:IndexPage}
  150. {block:Ifhidecaptions}display:none;{/block:Ifhidecaptions}
  151. {/block:IndexPage}}
  152.  
  153. .caption blockquote {
  154. margin:10px 0px 10px 0px;}
  155.  
  156. blockquote img {
  157. max-width:100%;
  158. height:auto;}
  159.  
  160. blockquote iframe {
  161. max-width:100%;
  162. height:auto;}
  163.  
  164. img {
  165. max-width:100%;
  166. height:auto;}
  167.  
  168. .caption img {
  169. max-width:100%;
  170. height:auto;}
  171.  
  172. .posts img {
  173. max-width:100%;
  174. margin-top:5px;
  175. margin-bottom:5px;}
  176.  
  177. pre {
  178. font-family: 'Roboto', sans-serif;
  179. white-space: pre-wrap;
  180. white-space: -moz-pre-wrap;
  181. white-space: -pre-wrap;
  182. white-space: -o-pre-wrap;
  183. word-wrap: break-word;}
  184.  
  185. a {
  186. text-decoration:none;
  187. font-size:calc({text:fontsize}px - 2px);
  188. text-transform:uppercase;
  189. color:{color:links};
  190. letter-spacing:1px;
  191. cursor:help;
  192. -webkit-transition: all 0.7s ease;
  193. transition: all 0.7s ease;
  194. -moz-transition: all 0.7s ease;
  195. -o-transition: all 0.7s ease;}
  196.  
  197. a:hover {
  198. cursor:help;
  199. letter-spacing:1px;
  200. color:{color:linkshover};}
  201.  
  202. p {
  203. margin:10px 0 10px 0;}
  204.  
  205. b, strong {
  206. font-family: 'Oswald', sans-serif;
  207. letter-spacing:1px;
  208. font-size:calc({text:fontsize}px + 1px);
  209. text-transform:uppercase;
  210. color:{color:bold};}
  211.  
  212. i, em {
  213. text-transform:uppercase;
  214. letter-spacing:1px;
  215. font-family: 'Neuton', serif;
  216. font-size:calc({text:fontsize}px + 2px);
  217. color:{color:italic};}
  218.  
  219. small, big {
  220. font-size:1em;}
  221.  
  222. h1, h2, h3, h4 {
  223. font-size:26px;
  224. letter-spacing:2px;
  225. line-height:30px;
  226. text-align:center;}
  227.  
  228. ul {
  229. list-style: none;}
  230.  
  231. ul li::before {
  232. content: "\2022";
  233. color: {color:links};
  234. font-weight: bold;
  235. display: inline-block;
  236. width: 1em;
  237. margin-left: -40px;}
  238.  
  239. /* ---••• Post Styles •••--- */
  240.  
  241. #container {
  242. background:{color:containerbg};
  243. height:520px;
  244. position:fixed;
  245. top:calc(50% - 260px);
  246. left:calc(50% - 600px);
  247. width:1200px;
  248. background-image: url('{image:containerbg}');
  249. background-position:center;
  250. background-attachment: absolute;
  251. -webkit-background-size: cover;
  252. -moz-background-size: cover;
  253. -o-background-size: cover;
  254. background-size: cover;
  255. -webkit-border-radius: 6px;
  256. -moz-border-radius: 6px;
  257. border-radius: 6px;}
  258.  
  259. #entries {
  260. margin-top:20px;
  261. margin-left:385px;
  262. background: rgba({RGBcolor:entriesbg},{text:entriesopacity});
  263. position:absolute;
  264. padding:0px 17px 0px 25px;
  265. width:400px;
  266. border-top:30px solid rgba({RGBcolor:entriesbg},{text:entriesopacity});
  267. border-bottom:30px solid rgba({RGBcolor:entriesbg},{text:entriesopacity});
  268. border-right:10px solid rgba({RGBcolor:entriesbg},{text:entriesopacity});
  269.  
  270. -webkit-background-clip: padding-box;
  271. background-clip: padding-box;
  272. height:420px;
  273. overflow-y:scroll;
  274. margin-bottom:120px;
  275. -webkit-border-radius: 6px;
  276. -moz-border-radius: 6px;
  277. border-radius: 6px;}
  278.  
  279. .post {
  280. position:relative;
  281. text-align:justify;
  282. display:block;
  283. margin-bottom:50px;
  284. color:{color:text};
  285. width:400px;}
  286.  
  287. .post:last-of-type {
  288. margin-bottom:0px;}
  289.  
  290. /* ---••• Post Info •••--- */
  291.  
  292. .postinfo {
  293. font-size:8px;
  294. color:{color:text};}
  295.  
  296. .postinfo a {
  297. margin-right:5px;
  298. font-size:8px;
  299. color:{color:text};}
  300.  
  301. .tags {
  302. text-align:right;
  303. border-top:1px solid {color:text};
  304. font-size:8px;
  305. {block:IndexPage}
  306. {block:Ifhidetags}display:none;{/block:Ifhidetags}
  307. {/block:IndexPage}
  308. padding-top:10px;
  309. margin-top:15px;}
  310.  
  311. .tags a {
  312. font-size:8px;
  313. color:{color:text};
  314. padding:0px 0px 0px 5px;}
  315.  
  316. /* ---••• Post Notes •••--- */
  317.  
  318. {block:PermalinkPage}
  319. ol.notes {
  320. font-size:11px;
  321. line-height:13px;
  322. margin:0px 0px 0px -40px;
  323. list-style-type:none;}
  324.  
  325. ol.notes li.note {
  326. display:block;
  327. text-align:left;
  328. width:400px;
  329. padding:10px 0px;}
  330.  
  331. ol.notes li.note a {
  332. font-size:9px;
  333. text-transform:uppercase;}
  334.  
  335. ol.notes li.note img.avatar {
  336. vertical-align:-5px;
  337. margin-right:10px;
  338. width:16px;
  339. height:16px;}
  340.  
  341. ol.notes li.note span.action {
  342. font-weight:none;}
  343.  
  344. ol.notes li.note .answer_content {
  345. font-weight:normal;}
  346.  
  347. ol.notes li.note blockquote {
  348.  
  349. margin:10px 0px 0px 25px;}
  350.  
  351. ol.notes li.note blockquote a {
  352. text-decoration:none;}
  353. {/block:PermalinkPage}
  354.  
  355. /* ---••• Post Types •••--- */
  356.  
  357. .posttitle {
  358. text-align:right;
  359. padding-right:15px;
  360. margin-bottom:20px;
  361. font-style: italic;
  362. font-size:18px;
  363. letter-spacing:2px;}
  364.  
  365. /* ---••• Ask Posts •••--- */
  366.  
  367. .question {
  368. padding:15px;
  369. background:{color:text};
  370. color:{color:entriesbg};
  371. margin-bottom:15px;}
  372.  
  373. .ques {
  374. text-align:justify;}
  375.  
  376. .asker {
  377. margin-bottom:5px;
  378. font-size:{text:fontsize}px;
  379. text-align:left;
  380. text-transform:uppercase;
  381. letter-spacing:2px;}
  382.  
  383. .asker a {
  384. padding-bottom:2px;
  385. color:{color:entriesbg};
  386. border-bottom:1px solid {color:text};
  387. font-size:{text:fontsize}px;
  388. text-align:center;
  389. text-transform:uppercase;
  390. letter-spacing:2px;}
  391.  
  392. /* ---••• Quote Posts •••--- */
  393.  
  394. .titlequote {
  395. font-size:calc({text:fontsize}px - 1px);
  396. letter-spacing:2px;
  397. text-transform:uppercase;
  398. text-align: left;}
  399.  
  400. .source {
  401. font-size:;
  402. text-align:left;
  403. margin-top:10px;}
  404.  
  405. .ql {
  406. position:relative;
  407. float:left;
  408. margin-right:5px;
  409. bottom:-11px;
  410. font-size: 60px;
  411. color:{color:quoteicon};}
  412.  
  413. /* ---••• Audio Player •••--- */
  414.  
  415. .playwrap {
  416. margin-top:0px;
  417. position:relative;}
  418.  
  419. .playbutton {
  420. top:25px;
  421. position:relative;
  422. margin-left:23px;
  423. z-index:6;
  424. width:33px;
  425. height:30px;
  426. overflow:hidden;}
  427.  
  428. .albumart img {
  429. position:relative;
  430. margin-top:-28px;
  431. margin-left:0px
  432. height:80px;
  433. width:80px;
  434. overflow:hidden;}
  435.  
  436. .trackinfo {
  437. margin-bottom:10px;
  438. color:{color:text};
  439. position:relative;
  440. margin-left:100px;
  441. height:80px;
  442. margin-top:-90px;
  443. margin-bottom:20px;}
  444.  
  445. .trackname {
  446. position:relative;
  447. padding-top:25px;
  448. text-align:left;
  449. font-size:10px;
  450. text-transform:uppercase;
  451. font-weight: bold;
  452. letter-spacing:2px;}
  453.  
  454. .artist {
  455. text-align:left;
  456. font-size:10px;
  457. text-transform:uppercase;
  458. letter-spacing:4px;}
  459.  
  460. .album {
  461. text-align:left;
  462. font-style: italic;
  463. letter-spacing:4px;}
  464.  
  465. .hidden { visibility: hidden; }
  466. .unhidden { visibility: visible; }
  467.  
  468. /* ---••• Other •••--- */
  469.  
  470. #s-m-t-tooltip {
  471. border:2px solid {color:tooltiptext};
  472. max-width:300px;
  473. letter-spacing:1px;
  474. margin:15px;
  475. padding:5px 5px 5px 6px;
  476. -webkit-border-radius: 6px;
  477. -moz-border-radius: 6px;
  478. border-radius: 6px;
  479. font-weight:700;
  480. color:{color:tooltiptext};
  481. background:{color:tooltipbg};
  482. z-index:999999;
  483. font-size:9px;
  484. font-style:none;
  485. font-weight:lighter;
  486. text-transform:uppercase;}
  487.  
  488. /* ---••• Credit •••--- */
  489.  
  490. #credit {
  491. z-index:9;
  492. bottom:0px;
  493. right:0px;
  494. height:30px;
  495. width:30px;
  496. opacity:0.8;
  497. position:fixed;
  498. padding:5px;}
  499.  
  500. /* ---••• Theme Objects •••--- */
  501.  
  502. /* ---••• Sidebar •••--- */
  503.  
  504. #sidebar {
  505. position:absolute;
  506. top:0px;
  507. left:0px;
  508. background: rgba({RGBcolor:sidebarbg},{text:sidebaropacity});
  509. height:100%;
  510. width:450px;}
  511.  
  512. #sidebarbase {
  513. position:absolute;
  514. width:370px;
  515. height:100px;
  516. background:{color:descriptionbg};
  517. bottom:20px;
  518. box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  519. -webkit-border-top-right-radius: 100px;
  520. -webkit-border-bottom-right-radius: 100px;
  521. -moz-border-radius-topright: 100px;
  522. -moz-border-radius-bottomright: 100px;
  523. border-top-right-radius: 100px;
  524. border-bottom-right-radius: 100px;}
  525.  
  526. #sidebarbasepor {
  527. position:fixed;
  528. margin-top:10px;
  529. margin-left:280px;}
  530.  
  531. #sidebarbasepor img {
  532. padding:2px;
  533. height:70px;
  534. width:70px;
  535. -webkit-border-radius: 80px;
  536. -moz-border-radius: 80px;
  537. border-radius: 80px;
  538. border:3px dotted {color:description};}
  539.  
  540. #description {
  541. font-size:11px;
  542. color:{color:description};
  543. position:fixed;
  544. margin-left:20px;
  545. margin-top:13px;
  546. width:250px;
  547. text-align:justify;
  548. height:75px;
  549. overflow:hidden;}
  550.  
  551. #description a, #description i, #description b {
  552. color:{color:description};}
  553.  
  554. #descriptiontitle {
  555. z-index:2;
  556. position:absolute;
  557. bottom:120px;
  558. width:350px;
  559. font-size:40px;
  560. font-family: 'attaria', sans-serif;
  561. text-shadow: 2px 2px 4px #000000;
  562. color:{color:descriptiontitle};
  563. text-align:right;}
  564.  
  565. #largecircle {
  566. position:absolute;
  567. border:3px solid {color:descriptionbg};
  568. bottom:90px;
  569. left:164px;
  570. height:200px;
  571. width:200px;
  572. overflow:hidden;
  573. background:{color:sidebarbg};
  574. -webkit-border-radius: 300px;
  575. -moz-border-radius: 300px;
  576. border-radius: 300px;}
  577.  
  578. #smallcircle {
  579. position:absolute;
  580. border:3px solid {color:descriptionbg};
  581. bottom:270px;
  582. left:270px;
  583. height:100px;
  584. width:100px;
  585. overflow:hidden;
  586. background:{color:sidebarbg};
  587. -webkit-border-radius: 150px;
  588. -moz-border-radius: 150px;
  589. border-radius: 150px;}
  590.  
  591. #largecircle img, #smallcircle img {
  592. opacity:{text:circleimageopacity};}
  593.  
  594. .maintitle {
  595. background: rgba({RGBcolor:sidebarbg},{text:sidebaropacity});
  596. color:{color:maintitle};
  597. position: absolute;
  598. top: 50%;
  599. transform: translateY(-50%);
  600. left:865px;
  601. margin-top:-75px;
  602. width:520px;
  603. height:150px;
  604. text-align:center;
  605. text-transform:uppercase;
  606. overflow:hidden;
  607. transform: rotate(90deg);
  608. font-size:65px;
  609. letter-spacing:2px;
  610. font-weight:800;
  611. font-family: 'Mukta', sans-serif;
  612. line-height:150px;
  613. -webkit-border-top-right-radius: 6px;
  614. -webkit-border-bottom-right-radius: 6px;
  615. -moz-border-radius-topright: 6px;
  616. -moz-border-radius-bottomright: 6px;
  617. border-top-right-radius: 6px;
  618. border-bottom-right-radius: 6px;}
  619.  
  620. .maintitleoverlay {
  621. color:{color:maintitleoverlay};
  622. position: absolute;
  623. top: 50%;
  624. transform: translateY(-50%);
  625. left:865px;
  626. margin-top:-75px;
  627. width:520px;
  628. height:150px;
  629. text-align:center;
  630. text-transform:lowercase;
  631. text-shadow: 2px 2px 4px #000000;
  632. overflow:hidden;
  633. transform: rotate(90deg);
  634. font-size:90px;
  635. letter-spacing:2px;
  636. font-family: 'attaria', sans-serif;
  637. line-height:150px;
  638. -webkit-border-top-right-radius: 6px;
  639. -webkit-border-bottom-right-radius: 6px;
  640. -moz-border-radius-topright: 6px;
  641. -moz-border-radius-bottomright: 6px;
  642. border-top-right-radius: 6px;
  643. border-bottom-right-radius: 6px;}
  644.  
  645. .maintitleoverlay:first-letter {
  646. text-transform:uppercase;}
  647.  
  648. .smallquote {
  649. z-index:2;
  650. text-transform:uppercase;
  651. letter-spacing:2px;
  652. font-size:10px;
  653. font-family: 'Neuton', serif;
  654. color:{color:smallquote};
  655. position: absolute;
  656. margin-left:60px;
  657. margin-top:70px;
  658. width:200px;
  659. height:155px;
  660. padding:25px;
  661. overflow:hidden;}
  662.  
  663. .smallquote:before {
  664. font-size:160px;
  665. content: "\201C";
  666. font-weight: 700;
  667. color: {color:quoteicon};
  668. position: absolute;
  669. z-index: -1;
  670. margin-top:5px;
  671. margin-left:-15px;
  672. text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
  673.  
  674. .line {
  675. position:absolute;
  676. height:520px;
  677. background: rgba({RGBcolor:sidebarbg},{text:sidebaropacity});}
  678.  
  679. .lone {
  680. width:30px;
  681. margin-left:1010px;}
  682.  
  683. .ltwo {
  684. width:20px;
  685. margin-left:980px;}
  686.  
  687. .lthree {
  688. width:10px;
  689. margin-left:960px;}
  690.  
  691. .lbordertop {
  692. width: 220px;
  693. height: 0px;
  694. border-bottom: 1px solid {color:maintitleoverlay};
  695. position: absolute;
  696. margin-left:900px;
  697. margin-top:50px;
  698. opacity:0.6;}
  699.  
  700. .lborderlong {
  701. width: 0px;
  702. height: 220px;
  703. border-right: 1px solid {color:maintitleoverlay};
  704. position: absolute;
  705. margin-left:1070px;
  706. margin-top:30px;
  707. opacity:0.6;}
  708.  
  709. .lborderbottom {
  710. z-index:2;
  711. width: 220px;
  712. height: 0px;
  713. border-bottom: 1px solid {color:maintitleoverlay};
  714. position: absolute;
  715. margin-left:20px;
  716. margin-top:50px;
  717. opacity:0.6;}
  718.  
  719. .lborderlong2 {
  720. z-index:2;
  721. width: 0px;
  722. height: 220px;
  723. border-right: 1px solid {color:maintitleoverlay};
  724. position: absolute;
  725. margin-left:50px;
  726. margin-top:30px;
  727. opacity:0.6;}
  728.  
  729. /* ---••• Nav •••--- */
  730.  
  731. .nav {
  732. z-index:3;
  733. position: absolute;
  734. top: 50%;
  735. transform: translateY(-50%);
  736. margin-left:855px;}
  737.  
  738. .nav a {
  739. color:{color:nav};
  740. display:block;
  741. font-family: 'Oswald', sans-serif;
  742. font-size:35px;
  743. line-height:35px;
  744. text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);}
  745.  
  746. .nav a:hover {
  747. color:{color:navhover};}
  748.  
  749. /* ---••• Post info •••--- */
  750.  
  751. .topinfo {
  752. margin-bottom:15px;
  753. border-bottom:1px solid {color:text};
  754. font-size:9px;}
  755.  
  756. .day {
  757. background:{color:datebg};
  758. color:{color:date};
  759. height:25px;
  760. width:25px;
  761. font-weight:700;
  762. text-align:center;
  763. line-height:25px;
  764. display:inline-block;
  765. margin-right:8px;}
  766.  
  767. .day a {
  768. color:{color:date};}
  769.  
  770. .month {
  771. display:inline;
  772. text-transform:uppercase;}
  773.  
  774. .month a {
  775. color:{color:text};}
  776.  
  777. .nte {
  778. display:inline;
  779. text-transform:uppercase;}
  780.  
  781. .nte a {
  782. color:{color:text};}
  783.  
  784. .reblog-button {
  785. float:right;
  786. padding-left:5px;
  787. margin-top:2px;}
  788.  
  789. .reblog-button svg path {
  790. fill: {color:text};}
  791.  
  792. .like {
  793. position: relative;
  794. float:right;
  795. padding-right: 5px;
  796. padding-left:5px;
  797. margin-top:2px;}
  798.  
  799. .like svg path {
  800. fill: {color:text};}
  801.  
  802. .like .like_button {
  803. position: absolute;
  804. opacity: 0;
  805. top:-2px;}
  806.  
  807. .like .like_button.liked {
  808. opacity: 1;}
  809.  
  810. .lrbl {
  811. margin-top:3px;
  812. float:right;
  813. transform: scale(0.8,0.8);}
  814.  
  815. /* ---••• Pagination •••--- */
  816.  
  817. #pagination {
  818. text-align:center;
  819. width:150px;
  820. position:absolute;
  821. margin-left:1050px;
  822. bottom:23px;}
  823.  
  824. #pagination a {
  825. text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
  826. font-size:40px;
  827. color:{color:pagination};
  828. padding:0px 10px 0px 10px;}
  829.  
  830. </style>
  831.  
  832. <!---••• Scripts Misc •••--->
  833.  
  834. <script src="//static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  835. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  836.  
  837. <!---••• Scripts Tooltips •••--->
  838.  
  839. <script src="//static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  840.  
  841. <script>
  842. (function($){
  843. $(document).ready(function(){
  844. $("a[title]").style_my_tooltips({
  845. tip_follows_cursor:true,
  846. tip_delay_time:90,
  847. tip_fade_speed:600,
  848. attribute:"title"
  849. });
  850. });
  851. })(jQuery);
  852. </script>
  853.  
  854. <body>
  855. <div id="container">
  856. <div class="maintitle">{text:maintitle}</div>
  857. <div class="maintitleoverlay">{text:maintitle}</div>
  858. <div class="line lone"></div>
  859. <div class="line ltwo"></div>
  860. <div class="line lthree"></div>
  861. <div class="lbordertop"></div>
  862. <div class="lborderlong"></div>
  863. <div class="lborderbottom"></div>
  864. <div class="lborderlong2"></div>
  865.  
  866. <div id="sidebar">
  867. <div id="largecircle"><img src="{image:largecircle}"></div>
  868. <div id="smallcircle"><img src="{image:smallcircle}"></div>
  869. <div id="descriptiontitle">{text:descriptiontitle}</div>
  870. <div id="sidebarbase">
  871. <div id="description">{description}</div>
  872. <div id="sidebarbasepor"><img src="{image:portrait}"></div>
  873. </div>
  874.  
  875. <div class="sidequotem"></div>
  876. <div class="smallquote">
  877. {text:smallquote}
  878. </div>
  879. </div>
  880.  
  881. <div class="nav">
  882. <a href="/">home</a>
  883. <a href="/ask">ask</a>
  884. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  885. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  886. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  887. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  888. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  889. </div>
  890.  
  891. <div id="pagination">
  892. {block:Pagination}
  893. {block:PreviousPage}<a href="{PreviousPage}" title="back">«</a>{/block:PreviousPage}
  894. {block:NextPage}<a href="{NextPage}" title="next">»</a>
  895. {/block:NextPage}
  896. {/block:Pagination}</div>
  897.  
  898.  
  899. <div id="entries">
  900.  
  901. {block:Posts}
  902.  
  903. <!-- {block:NoRebloggedFrom}
  904. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  905. {/block:NoRebloggedFrom} -->
  906.  
  907. <div class="post" id="{PostID}">
  908.  
  909. {block:Date}
  910. <div class="topinfo">
  911.  
  912. <div class="day"><a href="{Permalink}">{DayOfMonthWithZero}</a></div>
  913. <div class="month"><a href="{Permalink}">{ShortMonth}</a></div>
  914. <div class="nte">{block:NoteCount} + <a href="{Permalink}">{NoteCount}n</a>{/block:NoteCount}</div>
  915.  
  916. <div class="lrbl">
  917. <div class="reblog-button">{ReblogButton size="12"}</div>
  918. <div class="like">
  919. <svg width="12" height="12" viewBox="0 0 19 16" xmlns="//www.w3.org/2000/svg" xmlns:xlink="//www.w3.org/1999/xlink" fill="#000000">
  920. <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
  921. </svg>
  922. {LikeButton size="12"}
  923. </div>
  924. </div>
  925. </div>
  926. {/block:Date}
  927.  
  928. {block:Text}
  929. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}{Body}
  930. {/block:Text}
  931.  
  932. {block:Photo}
  933. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  934. {/block:Photo}
  935.  
  936. {block:Photoset}
  937. {Photoset-400}
  938. {/block:Photoset}
  939.  
  940. {block:Video}
  941. {Video-400}
  942. {/block:Video}
  943.  
  944. {block:Quote}
  945. <div class="ql">&ldquo;</div>
  946. <div class="titlequote">{Quote}</div>
  947. {block:Source}<div class="source">{Source}</div>{/block:Source}
  948. {/block:Quote}
  949.  
  950. {block:Link}
  951. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  952. {block:Description}{Description}{/block:Description}
  953. {/block:Link}
  954.  
  955. {block:Chat}
  956. <div class="text">
  957. {block:Title}<h3>{Title}</h3>{/block:Title}
  958. {block:Lines}<p>
  959. {block:Label}<b>{Label}</b>{/block:Label}
  960. {Line}</p>
  961. {/block:Lines}
  962. </div>
  963. {/block:Chat}
  964.  
  965. {block:Audio}
  966. {block:AudioPlayer}
  967. <div class="playwrap">
  968. <div class="playbutton">{AudioPlayerGrey}</div>
  969. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  970. <div class="trackinfo">
  971. <div class="trackname">
  972. {block:TrackName}{TrackName}{/block:TrackName}
  973. </div>
  974. <div class="artist">
  975. {block:Artist}{Artist}{/block:Artist}
  976. </div>
  977. <div class="album">
  978. {block:Album}{Album}{/block:Album}
  979. </div>
  980. </div>
  981. </div>
  982. {/block:AudioPlayer}
  983. {/block:Audio}
  984.  
  985. {block:Answer}
  986. <div class="question"><div class="asker">{Asker} asked:</div><div class="ques">{Question}</div></div>{Answer}
  987. {/block:Answer}
  988.  
  989. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  990.  
  991. <div class="tags">
  992. {block:HasTags}
  993. {block:Tags}
  994. <a href="{TagURL}"><span class="lnr lnr-tag"></span> {Tag}</a>
  995. {/block:Tags}
  996. {/block:HasTags}
  997. </div>
  998.  
  999. {block:PermalinkPage}
  1000. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1001. {/block:PermalinkPage}
  1002. </div>
  1003.  
  1004. {/block:Posts}
  1005.  
  1006. {block:ContentSource}<!-- {SourceURL}
  1007. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1008. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1009. {/block:ContentSource}
  1010. </div>
  1011. </div>
  1012. </div>
  1013. </div>
  1014. <div id="credit"><a href="//octomoosey.tumblr.com/" title="theme by octomoosey"><img src="//static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  1015. </body>
  1016.  
  1017. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!