API tools faq
paste
Advertisement
astraeacodes

lover of the light by astraeawrites

astraeacodes
Oct 15th, 2017
7,056
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
  2.  
  3.  
  4. <!---------✧ ☾ ☆ ☄ ⁛ THEMES BY ASTRAEAWRITES / ASTRAEACODES ⁛ ☄ ☾ ✧
  5. DO NOT STEAL OR CLAIM AS YOURS!
  6. report problems or questions @ astraeacodes.tumblr.com
  7.  
  8. TUMBLR CONTROLS BY @CYANTISTS
  9. CHAT BUBBLES BY ANIMALITES.TUMBLR.COM (DEACTIVATED)
  10. NEW TUMBLR AUDIO POSTS BACKGROUND COLOR TUTORIAL @ROXIESTHEMES
  11. ICON FONT BY @SATURNTHMS
  12. SEARCH BAR BY @LMTHEMESLP-TUT
  13. REBLOG AND LIKE BUTTON BY @SHYTHEMES
  14. GUTTER SIZE FIX FROM @BYCHLOETHEMES & @SHYTHEMES
  15. CURSIVE FONT FROM @BONECARVERS--------------------->
  16.  
  17. <html>
  18. <head>
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22.  
  23. <!------------------SCRIPTS------------------>
  24.  
  25. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  26.  
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28.  
  29. <link href="https://fonts.googleapis.com/css?family=Inconsolata|Karla|Lora|Lato|Open+Sans|Raleway|Crimson+Text|Roboto" rel="stylesheet">
  30.  
  31. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  32.  
  33. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  34.  
  35. <script>$(document).ready(function() { $('iframe.tumblr_audio_player').load( function() { $('iframe.tumblr_audio_player').contents().find("head") .append($("<style type='text/css'> .audio-player{background:{color:accents two} !important} </style>")); }); });</script>
  36.  
  37. <meta name="image:banner" content="">
  38. <meta name="image:sidebar" content="">
  39.  
  40. <meta name="if:Projects" content="1" />
  41. <meta name="if:Instagram" content="1" />
  42. <meta name="if:Youtube" content="1" />
  43. <meta name="if:Members" content="1" />
  44. <meta name="if:Navigation" content="1" />
  45. <meta name="if:Official links" content="1" />
  46. <meta name="if:Updates" content="1" />
  47. <meta name="if:Family" content="1" />
  48. <meta name="if:Affiliates" content="1" />
  49. <meta name="if:Stats" content="1" />
  50.  
  51. <meta name="select:font" content="open sans">
  52. <meta name="select:font" content="karla">
  53. <meta name="select:font" content="lato">
  54. <meta name="select:font" content="raleway">
  55.  
  56. <meta name="select:font size" content="10px">
  57. <meta name="select:font size" content="11px">
  58. <meta name="select:font size" content="12px">
  59.  
  60. <meta name="select:gutter size" content="1px">
  61. <meta name="select:gutter size" content="2px">
  62. <meta name="select:gutter size" content="3px">
  63. <meta name="select:gutter size" content="4px">
  64. <meta name="select:gutter size" content="5px">
  65.  
  66. <meta name="color:background" content="#efefef">
  67. <meta name="color:text" content="#000">
  68. <meta name="color:links" content="#000">
  69. <meta name="color:links hover" content="#ddd">
  70. <meta name="color:borders" content="#d9d9d9">
  71. <meta name="color:posts background" content="#fff">
  72. <meta name="color:accent one" content="#f6f6f6">
  73. <meta name="color:accent two" content="#eaeaea">
  74. <meta name="color:icons" content="#c3c3c3">
  75.  
  76. <meta name="text:title" content="">
  77. <meta name="text:subtitle" content="">
  78.  
  79. <meta name="text:link one name" content="refresh">
  80. <meta name="text:link one url" content="url">
  81. <meta name="text:link two name" content="message">
  82. <meta name="text:link two url" content="url">
  83. <meta name="text:link three name" content="archive">
  84. <meta name="text:link three url" content="url">
  85. <meta name="text:link four name" content="navigate">
  86. <meta name="text:link four url" content="url">
  87. <meta name="text:link five name" content="apply">
  88. <meta name="text:link five url" content="url">
  89.  
  90. <meta name="text:left box one title" content="about us">
  91. <meta name="text:left box two title" content="projects">
  92. <meta name="text:left box three title" content="instagram">
  93. <meta name="text:left box four title" content="new video">
  94. <meta name="text:left box five title" content="members">
  95.  
  96. <meta name="text:right box one title" content="navigation">
  97. <meta name="text:right box two title" content="official links">
  98. <meta name="text:right box three title" content="updates">
  99. <meta name="text:right box four title" content="family sites">
  100. <meta name="text:right box five title" content="affiliated sites">
  101. <meta name="text:right box six title" content="information">
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106.  
  107. /* BODY, SCROLLBAR, TOOLTIPS, & SELECTION */
  108.  
  109. @font-face { font-family: "perfume"; src: url('https://dl.dropboxusercontent.com/s/yoy9ttxh19a0yly/Perfume-Classic-Demo-Version.otf') ;}
  110.  
  111. body{
  112. background:{color:background};
  113. font-family:"{select:font}";
  114. font-size:{select:font size};
  115. color:{color:text};
  116. line-height:150%;
  117. }
  118.  
  119. ::-webkit-scrollbar-thumb:vertical{
  120. background-color:{color:background};
  121. border-left:1px solid {color:borders};
  122. height:auto;
  123. -radius:0px
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb:horizontal{
  127. height:auto !important;
  128. -radius:0px
  129. }
  130.  
  131. ::-webkit-scrollbar{
  132. height:auto;
  133. width:5px;
  134. background-color:{color:background};
  135. -radius:0px
  136. }
  137.  
  138. ::selection {
  139. background-color:{color:accent one};
  140. color:{color:text};
  141. }
  142.  
  143. #s-m-t-tooltip {
  144. max-width:400px;
  145. background-color:{color:accent one};
  146. font-size:8.5px;
  147. color:{color:text};
  148. text-transform:uppercase;
  149. border:1px solid {color:borders};
  150. padding:6.5px;
  151. line-height:100%;
  152. margin:20px 0px 0px 20px;
  153. z-index:99999999999999999999999999999999;
  154. border-radius:1px;
  155. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  156. }
  157.  
  158. img{
  159. max-width:100%;
  160. height:auto;
  161. }
  162.  
  163.  
  164. /* FONT STYLING */
  165.  
  166. a{
  167. text-decoration:none;
  168. color:{color:links};
  169. -webkit-transition: all 0.4s ease-in-out;
  170. -moz-transition: all 0.4s ease-in-out;
  171. -o-transition: all 0.4s ease-in-out;
  172. -ms-transition: all 0.4s ease-in-out;
  173. transition: all 0.4s ease-in-out;
  174. }
  175.  
  176. a:hover{
  177. -webkit-transition: all 0.4s ease-in-out;
  178. -moz-transition: all 0.4s ease-in-out;
  179. -o-transition: all 0.4s ease-in-out;
  180. -ms-transition: all 0.4s ease-in-out;
  181. transition: all 0.4s ease-in-out;
  182. color:{color:links hover};
  183. }
  184.  
  185. b, strong{
  186. font-weight:700;
  187. color:{color:text};
  188. }
  189.  
  190. i,em{
  191. color:{color:text};
  192. }
  193.  
  194. blockquote{
  195. border-left:1px solid {color:borders};
  196. padding-left:15px;
  197. margin:0px;
  198. width:97%;
  199. }
  200.  
  201. pre{
  202. padding-left:15px;
  203. padding-top:10px;
  204. padding-bottom:10px;
  205. padding-right:10px;
  206. white-space: pre-wrap;
  207. white-space: -moz-pre-wrap;
  208. white-space: -pre-wrap;
  209. white-space: -o-pre-wrap;
  210. word-wrap: break-word;
  211. font-family:"inconsolata";
  212. background:{color:accent};
  213. }
  214.  
  215. small , sub, sup{
  216. font-size:{select:font size};
  217. }
  218.  
  219. h1{
  220. font-size:calc({select:font size} + 6px);
  221. font-family:"{select:font}";
  222. font-weight:600;
  223. color:{color:text};
  224. padding-left:12px;
  225. padding-right:12px;
  226. }
  227.  
  228. .title{
  229. font-size:calc({select:font size} + 6px);
  230. font-family:"{select:font}";
  231. font-weight:600;
  232. text-transform:uppercase;
  233. padding-left:12px;
  234. padding-right:12px;
  235. padding-top:17.5px;
  236. color:{color:text};
  237. margin-bottom:-5px;
  238. }
  239.  
  240. h2{
  241. font-size:calc({select:font size} + 4px);
  242. font-family:"{select:font}";
  243. font-weight:500;
  244. color:{color:text};
  245. margin-left:0px;
  246. margin-bottom:5px;
  247. margin-top:5px;
  248. }
  249.  
  250. h3{
  251. font-size:calc({select:font size} + 2px);
  252. font-family:"{select:font}";
  253. font-weight:500;
  254. color:{color:text};
  255. margin-left:0px;
  256. margin-bottom:5px;
  257. margin-top:5px;
  258. }
  259.  
  260. hr{
  261. border:none;
  262. box-shadow:0;
  263. margin:0px auto;
  264. padding:10px;
  265. width:30%;
  266. border-top:1px solid {color:borders};
  267. margin-bottom:-10px;
  268. margin-top:15px;
  269. }
  270.  
  271.  
  272.  
  273. hr{
  274. border:none;
  275. box-shadow:0;
  276. margin:0px auto;
  277. padding:10px;
  278. width:30%;
  279. border-top:1px solid {color:borders};
  280. margin-bottom:-10px;
  281. margin-top:15px;
  282. }
  283.  
  284. ol, ul{
  285. padding-left:15.5px;
  286. }
  287.  
  288. /* HEADER & BANNER */
  289.  
  290. header#upperbar{
  291. width:1200px;
  292. padding-top:12.5px;
  293. padding-bottom:15px;
  294. height:40px;
  295. position:fixed;
  296. z-index:99999;
  297. left:50%;
  298. margin-left:-600px;
  299. top:0px;
  300. margin-top:0px;
  301. background:{color:posts background};
  302. border-radius:1px;
  303. line-height:50%;
  304. }
  305.  
  306. header#upperbar h1{
  307. font-size:21px;
  308. font-weight:100;
  309. text-transform:lowercase;
  310. font-family:"perfume";
  311. color:{color:text};
  312. margin-left:110px;
  313. position:absolute;
  314. top:18%;
  315. }
  316.  
  317. header#upperbar h2{
  318. font-size:11.5px;
  319. font-weight:100;
  320. text-transform:uppercase;
  321. font-family:"{select:font}";
  322. color:{color:text};
  323. margin:0px;
  324. margin-left:110px;
  325. position:absolute;
  326. cursor:default;
  327. top:60%;
  328. }
  329.  
  330. header#upperbar img{
  331. width:40px;
  332. height:40px;
  333. border-radius:50%;
  334. position:absolute;
  335. margin-left:35px;
  336. }
  337.  
  338. header#upperbar ul{
  339. right:0px;
  340. margin-right:15px;
  341. list-style-type:none;
  342. position:absolute;
  343. font-size:calc({select:font size} + 6px);
  344. line-height:50%;
  345. }
  346.  
  347. header#upperbar li{
  348. list-style-type:none;
  349. display:inline-block;
  350. text-transform:uppercase;
  351. font-family:"{select:font}";
  352. padding-top:0px;
  353. margin-left:25px;
  354. margin-right:25px;
  355. text-indent:0em;
  356. padding-left:0em;
  357. }
  358.  
  359. header#upperbar li:before{
  360. list-style-type:none;
  361. display:inline-block;
  362. content:"";
  363. }
  364.  
  365. header#upperbar a{
  366. color:{color:text};
  367. }
  368.  
  369. header#banner{
  370. width:1200px;
  371. height:400px;
  372. position:relative;
  373. left:50%;
  374. margin-left:-600px;
  375. top:0px;
  376. margin-top:92.5px;
  377. border-radius:1px;
  378. }
  379.  
  380. header#banner img{
  381. width:1200px;
  382. height:400px;
  383. border-radius:1px;
  384. }
  385.  
  386. iframe.tmblr-iframe {
  387. z-index:99999999999999!important;
  388. top:0!important;
  389. right:0!important;
  390. opacity:0.4;
  391. /* delete invert(1) from here */
  392. filter:invert(1) contrast(150%);
  393. -webkit-filter:invert(1) contrast(150%);
  394. -o-filter:invert(1) contrast(150%);
  395. -moz-filter:invert(1) contrast(150%);
  396. -ms-filter:invert(1) contrast(150%);
  397. /* to here if your blog has a dark background */
  398. transform:scale(0.65);
  399. transform-origin:100% 0;
  400. -webkit-transform:scale(0.65);
  401. -webkit-transform-origin:100% 0;
  402. -o-transform:scale(0.65);
  403. -o-transform-origin:100% 0;
  404. -moz-transform:scale(0.65);
  405. -moz-transform-origin:100% 0;
  406. -ms-transform:scale(0.65);
  407. -ms-transform-origin:100% 0;}
  408.  
  409. iframe.tmblr-iframe:hover {
  410. opacity:0.6!important;}
  411.  
  412.  
  413. /* EVERYTHING */
  414.  
  415. #everything{
  416. width:1200px;
  417. left:50%;
  418. margin-left:-600px;
  419. position:absolute;
  420. top:515px;
  421. margin-top:7.5px;
  422. height:auto;
  423. }
  424.  
  425.  
  426. /* GENERAL SIDEBARS */
  427.  
  428. #leftarea{
  429. width:300px;
  430. left:0px;
  431. position:absolute;
  432. }
  433.  
  434. #rightarea{
  435. width:300px;
  436. right:0px;
  437. position:absolute;
  438. }
  439.  
  440. section#box{
  441. width:300px;
  442. height:auto;
  443. border-radius:1px;
  444. background:{color:posts background};
  445. margin-top:30px;
  446. margin-bottom:30px;
  447. }
  448.  
  449. section#box:first-child{
  450. margin-top:0px;
  451. }
  452.  
  453. section#box:last-child{
  454. margin-bottom:50px;
  455. }
  456.  
  457. section#box h1{
  458. height:auto;
  459. padding:20px;
  460. margin:0px;
  461. font-size:calc({select:font size} + 4px);
  462. font-family:"{select:font}";
  463. text-transform:uppercase;
  464. font-weight:100;
  465. text-align:left;
  466. background:{color:accent one};
  467. letter-spacing:1px;
  468. text-align:right;
  469. }
  470.  
  471. section#box i{
  472. font-size:calc({select:font size} + 3px);
  473. display:inline-flex;
  474. vertical-align:middle;
  475. float:left;
  476. color:{color:icons};
  477. margin-top:2.5px;
  478. }
  479.  
  480. section#box img{
  481. width:300px;
  482. height:auto;
  483. }
  484.  
  485. article.within{
  486. padding:20px 20px 20px 20px;
  487. }
  488.  
  489.  
  490. /* SIDEBAR RIGHT: PROJECTS */
  491.  
  492. .project{
  493. margin-top:30px;
  494. margin-bottom:5px;
  495. }
  496.  
  497. .project:first-child{
  498. margin-top:-20px;
  499. }
  500.  
  501. .project h2{
  502. background:{color:posts background};
  503. font-size:calc({select:font size} + 2px);
  504. text-transform:uppercase;
  505. font-weight:bold;
  506. display:inline-block;
  507. margin:0px;
  508. padding:0px;
  509. margin-top:12.5px;
  510. }
  511.  
  512. .project h3{
  513. display:inline-block;
  514. font-weight:100;
  515. font-size:calc({select:font size} + 0.5px);
  516. margin-left:10px;
  517. }
  518.  
  519. .project img{
  520. width:300px;
  521. max-width:300px;
  522. margin-left:-20px;
  523. }
  524.  
  525. .project act{
  526. font-size:calc({select:font size} + 0.5px);
  527. text-transform:uppercase;
  528. margin:0px;
  529. padding:0px;
  530. margin-top:-7.5px;
  531. display:block;
  532. text-align:center;
  533. }
  534.  
  535. .project info{
  536. display:block;
  537. padding-left:15px;
  538. margin-top:10px;
  539. border-left:1px solid {color:borders};
  540. margin-bottom:0px;
  541. }
  542.  
  543. .project b{
  544. text-transform:uppercase;
  545. }
  546.  
  547. ul.projectlink{
  548. width:100%;
  549. text-align:center;
  550. margin:0px;
  551. left:50%;
  552. margin-top:5px;
  553. padding:0px;
  554. display:inline-block;
  555. list-style:none;
  556. }
  557.  
  558. li.projectlink{
  559. margin:0px;
  560. padding:0px;
  561. display:inline-block;
  562. margin-left:2.5px;
  563. margin-right:2.5px;
  564. text-indent:0em;
  565. }
  566.  
  567. li.projectlink:before{
  568. list-style-type:none;
  569. display:inline-block;
  570. margin:0px;
  571. padding:0px;
  572. content:"";
  573. }
  574.  
  575. a.projectlink{
  576. display:inline-block;
  577. padding:4.5px 2.5px 4.5px 2.5px;
  578. min-width:100px;
  579. text-transform:uppercase;
  580. font-size:calc({select:font size} - 1px);
  581. border:1px solid {color:borders};
  582. border-radius:2px;
  583. text-align:center;
  584. margin-top:7.5px;
  585. }
  586.  
  587.  
  588. /* SIDEBAR LEFT: YOUTUBE VIDEO */
  589.  
  590. .youtube {
  591. margin:-5px;
  592. }
  593.  
  594.  
  595. /* SIDEBAR LEFT: MEMBERS */
  596.  
  597. .member{
  598. margin-bottom:32.5px;
  599. display:block;
  600. }
  601.  
  602. .member:last-child{
  603. margin-bottom:10px;
  604. }
  605.  
  606. .membericon img{
  607. width:40px;
  608. max-width:40px;
  609. height:40px;
  610. max-height:40px;
  611. border-radius:2px;
  612. }
  613.  
  614. .memberinfo{
  615. margin-left:50px;
  616. margin-top:-37.5px;
  617. }
  618.  
  619. .memberurl {
  620. font-size:calc({select:font size} + 0.5px);
  621. text-transform:uppercase;
  622. }
  623.  
  624. .memberblogtitle {
  625. font-size:{select:font size} - 0.5px;
  626. text-transform:lowercase;
  627. }
  628.  
  629.  
  630. /* SIDEBAR RIGHT: NAVIGATION */
  631.  
  632. .navigation ul{
  633. text-align:center;
  634. margin:0px;
  635. left:50%;
  636. margin:-5px;
  637. padding:0px;
  638. display:inline-block;
  639. list-style:none;
  640. }
  641.  
  642. .navigation li{
  643. margin:0px;
  644. padding:0px;
  645. display:inline-block;
  646. margin-left:2px;
  647. margin-right:2px;
  648. text-indent:0em;
  649. }
  650.  
  651. .navigation li:before{
  652. list-style-type:none;
  653. display:inline-block;
  654. margin:0px;
  655. padding:0px;
  656. content:"";
  657. }
  658.  
  659. .navigation a{
  660. display:inline-block;
  661. padding:4.5px 2.5px 4.5px 2.5px;
  662. width:119px;
  663. text-transform:uppercase;
  664. font-size:calc({select:font size} - 1px);
  665. border:1px solid {color:borders};
  666. border-radius:2px;
  667. text-align:center;
  668. margin-top:7.5px;
  669. }
  670.  
  671. .sfm input {
  672. background-color:{color:accent one};
  673. font-size:8px;
  674. border:0px;
  675. text-transform:uppercase;
  676. left:20%;
  677. position:relative;
  678. color:{color:text};
  679. margin-top:25px;
  680. letter-spacing:1px;
  681. padding:4px 8px;
  682. }
  683.  
  684.  
  685. /* SIDEBAR RIGHT: SOCIAL MEDIA */
  686.  
  687. .socialmedia{
  688. text-align:center;
  689. }
  690.  
  691. .socialmedia a{
  692. padding:7px 8px 5px 8px;
  693. text-transform:uppercase;
  694. font-size:{select:font size};
  695. border:1px solid {color:borders};
  696. border-radius:2px;
  697. }
  698.  
  699. .socialmedia li:before{
  700. list-style-type:none;
  701. display:inline-block;
  702. content:"";
  703. }
  704.  
  705. .socialmedia li{
  706. display:inline-block;
  707. }
  708.  
  709.  
  710. /* SIDEBAR RIGHT: UPDATES */
  711.  
  712. .update{
  713. border-top:1px solid {color:borders};
  714. padding-top:20px;
  715. margin-top:20px;
  716. margin-bottom:5px;
  717. }
  718.  
  719. .update:first-child{
  720. border-top:none;
  721. margin-top:0px;
  722. padding-top:0px;
  723. }
  724.  
  725. span.date{
  726. border:1px solid {color:borders};
  727. border-radius:2px;
  728. padding:10px 4px 4px 6px;
  729. width:50px;
  730. }
  731.  
  732. span.date b{
  733. font-size:calc({select:font size} + 8px);
  734. text-transform:uppercase;
  735. font-weight:100;
  736. margin-right:2px;
  737. }
  738.  
  739. span.date pt b{
  740. font-size:calc({select:font size} - 2.5px);
  741. text-transform:uppercase;
  742. font-weight:600;
  743. padding-bottom:0px;
  744. }
  745.  
  746. span.date pt{
  747. margin-top:0px;
  748. font-size:calc({select:font size} - 3.5px);
  749. display:inline-block;
  750. line-height:7.5px;
  751. font-weight:600;
  752. }
  753.  
  754. span.detail{
  755. font-size:calc({select:font size} - 1px);
  756. width:200px;
  757. display:inline-block;
  758. position:absolute;
  759. margin-top:-5px;
  760. right:11.5px;
  761. line-height:12px;
  762. }
  763.  
  764. span.detail b{
  765. font-size:calc({select:font size} + 0.5px);
  766. text-transform:uppercase;
  767. }
  768.  
  769.  
  770. /* SIDEBAR RIGHT: FAMILY AFFILIATES */
  771.  
  772. .family{
  773. text-align:center;
  774. margin:0px auto;
  775. }
  776.  
  777. .family img{
  778. width:75px;
  779. height:88px;
  780. max-width:75px;
  781. max-height:88px;
  782. border:1px solid {color:borders};
  783. padding:2px;
  784. margin:1.5px;
  785. }
  786.  
  787.  
  788. /* SIDEBAR RIGHT: AFFILIATES */
  789.  
  790. .affiliate{
  791. text-align:center;
  792. margin:0px auto;
  793. }
  794.  
  795. .affiliate img{
  796. width:54px;
  797. height:63px;
  798. max-width:54px;
  799. max-height:63px;
  800. margin:1px;
  801. border:1px solid {color:borders};
  802. padding:2px;
  803. }
  804.  
  805.  
  806.  
  807. /* SIDEBAR RIGHT: STATS & SITE INFO */
  808.  
  809. .stats b{
  810. text-transform:uppercase;
  811. margin-right:2.5px;
  812. }
  813.  
  814. .stats p{
  815. margin-top:7.5px;
  816. margin-bottom:7.5px;
  817. }
  818.  
  819. .stats p:first-child{
  820. margin-top:0px;
  821. }
  822.  
  823. .stats p:last-child{
  824. margin-bottom:0px;
  825. }
  826.  
  827.  
  828. /* ENTRIES */
  829.  
  830. #entries{
  831. background:{color:posts background};
  832. width:500px;
  833. margin:0px auto;
  834. margin-top:30px;
  835. margin-bottom:60px;
  836. padding:0px;
  837. position:justify;
  838. }
  839.  
  840.  
  841. /* POST STYLING: QUESTIONS */
  842.  
  843. .questions{
  844. padding:0px;
  845. margin-top:10px;
  846. padding-left:10px;
  847. padding-right:10px;
  848. }
  849.  
  850. .questions span{
  851. font-weight:900;
  852. font-size:calc({select:font size} + 1px);
  853. text-transform:uppercase;
  854. margin-right:5px;
  855. margin-left:5px;
  856. }
  857.  
  858. .question{
  859. font-size:11px;
  860. padding:15px;
  861. background:{color:accent one};
  862. margin-top:10px;
  863. margin-left:2.5px;
  864. border-radius:1px;
  865. width:445px;
  866. }
  867.  
  868. .answered{
  869. padding-left:5px;
  870. padding-right:5px;
  871. padding-top:0px;
  872. padding-bottom:0;
  873. margin-top:17.5px;
  874. margin-bottom:20px;
  875. }
  876.  
  877.  
  878. /* POST STYLING: QUOTES */
  879.  
  880. .quotes{
  881. font-size:calc({select:font size} + 4px);
  882. font-weight:900;
  883. font-family:"{select:font}";
  884. line-height:20px;
  885. padding-top:15px;
  886. padding-right:1em;
  887. padding-left:1em;
  888. text-align: center;
  889. }
  890.  
  891. .source{
  892. text-align:center;
  893. padding-top:10px;
  894. padding-bottom:20px;
  895. padding-right:10px;
  896. padding-left:10px;
  897. font-style:normal;
  898. }
  899.  
  900.  
  901. /* POST STYLING: CHATS & CONVOS */
  902.  
  903. .answer span,.convo li{
  904. margin-top:0px;
  905. margin-bottom:5px;
  906. border-radius:1em;
  907. padding:8px 15px;
  908. max-width:75%;
  909. clear:both;
  910. position:relative;
  911. }
  912.  
  913. .answer li:before, .convo li:before{
  914. visibility:hidden;
  915. }
  916.  
  917. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  918. float:left;
  919. background:{color:accent one};
  920. color:{color:text};
  921. left:3px;
  922. top:0px;
  923. }
  924.  
  925. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  926. content:"";
  927. position:absolute;
  928. left:-.5em;
  929. bottom:0;
  930. width:.5em;
  931. height:1em;
  932. border-right:.5em solid {color:accent one};
  933. border-bottom-right-radius:1em .5em;
  934. }
  935.  
  936. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  937. right:3px;
  938. top:0px;
  939. float:right;
  940. background-color:{color:accent two};
  941. color:{color:text};
  942. }
  943.  
  944. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
  945. content:"";
  946. position:absolute;
  947. right:-.5em;
  948. bottom:0;
  949. width:.5em;
  950. height:1em;
  951. border-left:.5em solid {color:accent two};
  952. border-bottom-left-radius:1em .5em;
  953. }
  954.  
  955. .convo {
  956. overflow: hidden;
  957. list-style-type: none;
  958. padding: 10px;
  959. margin: 0;
  960. margin-bottom:5px;
  961. margin-top:-10px;
  962. }
  963.  
  964.  
  965. /* POST STYLING: AUDIO */
  966.  
  967. .audio iframe{
  968. max-width:100%;
  969. height:85px;
  970. padding-bottom:0px;
  971. margin-bottom:-7.5px;
  972. }
  973.  
  974.  
  975. /* POST STYLING: VIDEO */
  976.  
  977. .video{
  978. margin-bottom:-0px;
  979. padding-bottom:0px;
  980. }
  981.  
  982.  
  983. /* POST STYLING: TOP INFO */
  984.  
  985. .topinfo{
  986. padding:15px;
  987. margin:0px;
  988. background:{color:accent one};
  989. width:470px;
  990. height:auto;
  991. }
  992.  
  993. a.postdate{
  994. display:inline-block;
  995. text-transform:uppercase;
  996. font-family:"{select:font}";
  997. width:auto;
  998. padding:0px;
  999. }
  1000.  
  1001. a:hover.postdate{
  1002. color:{color:links};
  1003. }
  1004.  
  1005. span.postdate b{
  1006. font-size:calc({select:font size} + 7px);
  1007. font-weight:100;
  1008. display:inline-block;
  1009. }
  1010.  
  1011. .topinfo mnth{
  1012. font-size:calc({select:font size} - 3.5px);
  1013. font-weight:600;
  1014. text-transform:uppercase;
  1015. display:inline-block;
  1016. line-height:7.3px;
  1017. padding-left:2.5px;
  1018. }
  1019.  
  1020. .topinfo i{
  1021. font-size:calc({select:font size} + 2px);
  1022. color:{color:icons};
  1023. padding-right:5px;
  1024. }
  1025.  
  1026. .topinfo svg {
  1027. width:10px;
  1028. height:auto;
  1029. opacity:.5;
  1030. padding:1px;
  1031. display:block;
  1032. overflow:visible;
  1033. }
  1034.  
  1035. .topinfo rbandlike a {
  1036. position:relative;
  1037. display:inline-block;
  1038. overflow:hidden;
  1039. padding:5px;
  1040. width:12px;
  1041. height:12px;
  1042. }
  1043.  
  1044. .topinfo rbandlike .reblog {
  1045. opacity:1;
  1046. }
  1047.  
  1048. .topinfo rbandlike .reblog svg {
  1049. width:9px;
  1050. margin-top:1px;
  1051. }
  1052.  
  1053. .topinfo rbandlike .like .liked + svg {
  1054. opacity:1;
  1055. }
  1056.  
  1057. .topinfo rbandlike .like .liked + svg path {
  1058. fill:#ec5a5a;
  1059. }
  1060.  
  1061. .topinfo rbandlike .like .like_button {
  1062. position:relative;
  1063. }
  1064.  
  1065. .topinfo rbandlike .like .like_button iframe {
  1066. position:absolute;
  1067. top:0;
  1068. left:0;
  1069. bottom:0;
  1070. right:0;
  1071. z-index:2;
  1072. opacity:0;
  1073. }
  1074.  
  1075. .topinfo rbandlike{
  1076. right:0px;
  1077. display:inline-flex;
  1078. vertical-align:middle;
  1079. float:right;
  1080. margin-right:-5px;
  1081. }
  1082.  
  1083. .topinfo perma span{
  1084. text-transform:uppercase;
  1085. font-size:calc({select:font size} - 2.8px);
  1086. margin-right:5px;
  1087. }
  1088.  
  1089. .topinfo perma{
  1090. margin-left:22.5px;
  1091. padding-left:25px;
  1092. border-left:1px solid {color:borders};
  1093. text-transform:uppercase;
  1094. font-size:{select:font size};
  1095. padding-bottom:2px;
  1096. padding-top:2px;
  1097. margin-top:-1.5px;
  1098. position:absolute;
  1099. }
  1100.  
  1101.  
  1102. /* POST STYLING: CAPTIONS */
  1103.  
  1104. .caption{
  1105. padding-left:17.5px;
  1106. padding-right:17.5px;
  1107. padding-top:0px;
  1108. padding-bottom:0;
  1109. margin-top:17.5px;
  1110. margin-bottom:20px;
  1111. }
  1112.  
  1113. .caption2{
  1114. padding-left:17.5px;
  1115. padding-right:17.5px;
  1116. padding-top:15px;
  1117. padding-bottom:18px;
  1118. margin-top:-5px;
  1119. margin-bottom:0px;
  1120. }
  1121.  
  1122.  
  1123. /* POST STYLING: BOTTOM INFO */
  1124.  
  1125. .bottominfo{
  1126. padding:15px 15px 15px 15px;
  1127. border-top:1px solid {color:borders};
  1128. }
  1129.  
  1130. .bottominfo img{
  1131. width:calc({select:font size} + 1px);
  1132. height:calc({select:font size} + 1px);
  1133. border-radius:50%;
  1134. margin-right:5px;
  1135. }
  1136.  
  1137. .bottominfo postauthor{
  1138. font-size:calc({select:font size} - 1px);
  1139. text-transform:uppercase;
  1140. display:inline-flex;
  1141. vertical-align:middle;
  1142. line-height:12.5px;
  1143. }
  1144.  
  1145. .bottominfo srcandvia{
  1146. font-size:calc({select:font size} - 1px);
  1147. text-transform:uppercase;
  1148. float:right;
  1149. }
  1150.  
  1151. .bottominfo srcandvia span{
  1152. text-transform:uppercase;
  1153. font-size:calc({select:font size} - 4.5px);
  1154. padding-right:5px;
  1155. margin-left:20px;
  1156. }
  1157.  
  1158.  
  1159. /* POST STYLING: TAGS */
  1160.  
  1161. .tags{
  1162. padding:12.5px;
  1163. border-top:1px dotted {color:borders};
  1164. font-size:calc({select:font size} - 1px);
  1165. }
  1166.  
  1167. .tags b{
  1168. margin-right:5px;
  1169. }
  1170.  
  1171. .tags a{
  1172. padding-left:0px;
  1173. padding-right:5.5px;
  1174. }
  1175.  
  1176.  
  1177. /* POST STYLING: NOTES */
  1178.  
  1179. .notesbox{
  1180. width:500px;
  1181. margin:0px auto;
  1182. background:{color:posts background};
  1183. position:justify;
  1184. margin-bottom:100px;
  1185. margin-top:-10px;
  1186. }
  1187.  
  1188. .notes{
  1189. overflow-x:hidden;
  1190. width:490px;
  1191. padding:5px;
  1192. }
  1193.  
  1194. ol.notes, .notes li {
  1195. text-transform:uppercase;
  1196. list-style:none;
  1197. font-size:calc({select:font size} - 1px);
  1198. padding:5px 10px 10px 10px;
  1199. }
  1200.  
  1201. .notes li:before,.notes ol:before{
  1202. list-style:none;
  1203. content: "";
  1204. }
  1205.  
  1206. .notes blockquote{
  1207. margin-left:3.5px;
  1208. }
  1209.  
  1210. .notes img{
  1211. width:calc({select:font size} + 1px);
  1212. height:calc({select:font size} + 1px);
  1213. margin-right:5px;
  1214. overflow:hidden;
  1215. border-radius:50%;
  1216. vertical-align:middle;
  1217. margin-bottom:2px;
  1218. }
  1219.  
  1220.  
  1221. /* PAGINATION */
  1222.  
  1223. .pagination{
  1224. display: block;
  1225. margin-bottom: 25px;
  1226. font-size:calc({select:font size} + 1.5px);
  1227. text-align: center;
  1228. font-family;"{select:font}";
  1229. text-transform:uppercase;
  1230. }
  1231.  
  1232. .pagination a{
  1233. font-size:calc({select:font size} + 1.5px);
  1234. text-align: center;
  1235. text-transform:uppercase;
  1236. }
  1237.  
  1238. .pagination a{
  1239. display: inline-block;
  1240. margin: 5px;
  1241. background:{color:posts background};
  1242. border:1px solid {color:borders};
  1243. text-transform:uppercase;
  1244. padding:4px 5px 4px 5px;
  1245. border-radius:2px;
  1246. }
  1247.  
  1248. .pagination a:hover{
  1249. color:{color:text};
  1250. background:{color:accent one};
  1251. border-radius:2px;
  1252. border:1px solid {color:borders};
  1253. }
  1254.  
  1255. .pagination .current{
  1256. display: inline-block;
  1257. margin: 5px;
  1258. color:{color:text};
  1259. background:{color:accent one};
  1260. padding:4px 6px 4px 6px;
  1261. border-radius:2px;
  1262. border:1px solid {color:borders};
  1263. }
  1264.  
  1265.  
  1266. /*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/
  1267.  
  1268. .credit a{
  1269. font-size:calc({select:font size} - 0.5px);
  1270. position:fixed;
  1271. font-family:"{select:font}";
  1272. font-weight:600;
  1273. text-align:right;
  1274. right:10px;
  1275. bottom:10px;
  1276. text-transform:uppercase;
  1277. color:{color:text};
  1278. -webkit-transition: all 0.5s ease-in-out;
  1279. -moz-transition: all 0.5s ease-in-out;
  1280. -o-transition: all 0.5s ease-in-out;
  1281. -ms-transition: all 0.5s ease-in-out;
  1282. transition: all 0.5s ease-in-out;
  1283. }
  1284.  
  1285. .credit a:hover{
  1286. color:{color:links hover};
  1287. text-decoration:none;
  1288. -webkit-transition: all 0.5s ease-in-out;
  1289. -moz-transition: all 0.5s ease-in-out;
  1290. -o-transition: all 0.5s ease-in-out;
  1291. -ms-transition: all 0.5s ease-in-out;
  1292. transition: all 0.5s ease-in-out;
  1293. }
  1294.  
  1295.  
  1296. {CustomCSS}
  1297. </style>
  1298.  
  1299.  
  1300. <!------------------SCRIPTS------------------>
  1301.  
  1302. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1303. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1304. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1305.  
  1306. <script>
  1307. $(document).ready(function(){
  1308. $('.photo-slideshow').pxuPhotoset({
  1309. lightbox: true,
  1310. rounded: false,
  1311. gutter: '{select:gutter size}',
  1312. borderRadius: '0px',
  1313. photoset: '.photo-slideshow',
  1314. photoWrap: '.photo-data',
  1315. photo: '.pxu-photo'
  1316. });
  1317. });
  1318. </script>
  1319.  
  1320.  
  1321. </head>
  1322. <body>
  1323.  
  1324.  
  1325. <!------------------HEADER------------------>
  1326.  
  1327. <header id="upperbar">
  1328.  
  1329. <a href="/"><img src="{Favicon}"></a>
  1330. <a href="/"><h1>{text:title}</h1></a>
  1331. <h2>{text:subtitle}</h2>
  1332.  
  1333. <ul>
  1334. <li><a href="{text:link one url}">{text:link one name}</a></li>
  1335. <li><a href="{text:link two url}">{text:link two name}</a></li>
  1336. <li><a href="{text:link three url}">{text:link three name}</a></li>
  1337. <li><a href="{text:link four url}">{text:link four name}</a></li>
  1338. <li><a href="{text:link five url}">{text:link five name}</a></li>
  1339. </ul>
  1340.  
  1341. </header>
  1342.  
  1343. <header id="banner">
  1344. <img src="{image:banner}">
  1345. </header>
  1346.  
  1347.  
  1348. <!------------------LEFT AREA------------------>
  1349.  
  1350. <div id="everything">
  1351.  
  1352. <div id="leftarea">
  1353.  
  1354.  
  1355. <!----------- START OF ABOUT----------->
  1356. <section id="box">
  1357. <h1><i class="sf sf-home-o"></i>{text:left box one title}</h1>
  1358. <img src="{image:sidebar}">
  1359. <article class="within">
  1360. {Description}
  1361. </article>
  1362. </section>
  1363. <!----------- END OF ABOUT----------->
  1364.  
  1365.  
  1366. <!----------- START OF PROJECTS----------->
  1367. {block:ifProjects}
  1368. <section id="box">
  1369. <h1><i class="sf sf-graph-3-o"></i>{text:left box two title}</h1>
  1370. <article class="within">
  1371. <div class="project">
  1372. <img src="https://i.imgur.com/uFylugQ.png">
  1373. <h2>shadowhunters</h2>
  1374. <h3>( 2016 - ? )</h3>
  1375. <act>
  1376. <b>matthew daddario</b> as alec lightwood
  1377. </act>
  1378. <info>
  1379. Shadowhunters is an American supernatural drama television series developed by Ed Decter, loosely based on the popular book series The Mortal Instruments written by Cassandra Clare.
  1380. </info>
  1381. <ul class="projectlink">
  1382. <li class="projectlink"><a class="projectlink" href="/">link</a></li>
  1383. <li class="projectlink"><a class="projectlink" href="/">link</a></li>
  1384. </ul>
  1385. </div>
  1386.  
  1387. <div class="project">
  1388. <img src="https://i.imgur.com/JfTaPx4.png">
  1389. <h2>project name</h2>
  1390. <h3>( 2016 - ? )</h3>
  1391. <act>
  1392. <b>matthew daddario</b> as character
  1393. </act>
  1394. <info>Cras in sapien sed sem sollicitudin suscipit. Pellentesque aliquet diam vitae sem rutrum, in iaculis erat interdum. Donec vel lectus et eros venenatis pharetra ut vitae massa. Donec eu justo sed libero maximus tempor nec vitae turpis. Nulla semper eu eros iaculis malesuada.
  1395. </info>
  1396. <ul class="projectlink">
  1397. <li class="projectlink"><a class="projectlink" href="/">link</a></li>
  1398. <li class="projectlink"><a class="projectlink" href="/">link</a></li>
  1399. </ul>
  1400. </div>
  1401. </article>
  1402. </section>
  1403. {/block:ifProjects}
  1404. <!----------- END OF PROJECTS----------->
  1405.  
  1406.  
  1407. <!----------- START OF INSTAGRAM----------->
  1408. {block:ifInstagram}
  1409. <section id="box">
  1410. <h1><i class="sf sf-camera-o"></i>{text:left box three title}</h1>
  1411. <article class="within">
  1412. <a href="https://instawidget.net/v/user/matthewdaddario" id="link-d063b37595f03145897a3e075147643a816eb0f01b61c6c224d198695030c59b">@matthewdaddario</a>
  1413. <script src="https://instawidget.net/js/instawidget.js?u=d063b37595f03145897a3e075147643a816eb0f01b61c6c224d198695030c59b&width=260px"></script>
  1414. </article>
  1415. </section>
  1416. {/block:ifInstagram}
  1417. <!----------- END OF INSTAGRAM----------->
  1418.  
  1419.  
  1420. <!----------- START OF YOUTUBE----------->
  1421. {block:ifYoutube}
  1422. <section id="box">
  1423. <h1><i class="sf sf-sound-o"></i>{text:left box four title}</h1>
  1424. <article class="within">
  1425. <div class="youtube">
  1426. <iframe width="270px" height="143px" src="https://www.youtube.com/embed/g13eJo-4FV0" frameborder="0" allowfullscreen></iframe>
  1427. </div>
  1428. </article>
  1429. </section>
  1430. {/block:ifYoutube}
  1431. <!----------- END OF YOUTUBE----------->
  1432.  
  1433.  
  1434. <!----------- START OF MEMBERS----------->
  1435. {block:ifMembers}
  1436. <section id="box">
  1437. <h1><i class="sf sf-user-o"></i>{text:left box five title}</h1>
  1438. <article class="within">
  1439.  
  1440. {block:GroupMembers}{block:GroupMember}
  1441. <div class="member">
  1442. <div class="membericon">
  1443. <img src="{GroupMemberPortraitURL-48}">
  1444. </div>
  1445. <div class="memberinfo">
  1446. <a href="{GroupMemberURL}" class="memberurl">
  1447. {GroupMemberName}
  1448. </a>
  1449. <div class="memberblogtitle">
  1450. {GroupMemberTitle}
  1451. </div>
  1452. </div>
  1453. </div>
  1454. {/block:GroupMember}{/block:GroupMembers}
  1455. </article>
  1456. </section>
  1457. {/block:ifMembers}
  1458.  
  1459. </div>
  1460.  
  1461.  
  1462. <!--------------------------RIGHT AREA-------------------------->
  1463.  
  1464. <div id="rightarea">
  1465.  
  1466. <!----------- START OF NAVIGATION----------->
  1467. {block:ifNavigation}
  1468. <section id="box">
  1469. <h1><i class="sf sf-list-o"></i>{text:right box one title}</h1>
  1470. <article class="within">
  1471. <div class="navigation">
  1472. <ul>
  1473. <li><a href="/">link one</a></li>
  1474. <li><a href="/">link two</a></li>
  1475. <li><a href="/">link three</a></li>
  1476. <li><a href="/">link four</a></li>
  1477. <li><a href="/">link five</a></li>
  1478. <li><a href="/">link six</a></li>
  1479. </ul>
  1480. </div>
  1481. <form action="/search" method="get" class="sfm">
  1482. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1483. <input type="submit" value="Search" id="sb"/>
  1484. </form>
  1485. </article>
  1486. </section>
  1487. {/block:ifNavigation}
  1488. <!----------- END OF NAVIGATION----------->
  1489.  
  1490.  
  1491. <!----------- START OF OFFICIAL LINKS----------->
  1492. {block:ifOfficialLinks}
  1493. <section id="box">
  1494. <h1><i class="sf sf-apps-o"></i>{text:right box two title}</h1>
  1495. <article class="within">
  1496. <div class="socialmedia">
  1497. <ul>
  1498. <li><a href="/"><span class="sf sf-instagram"></span></a></li>
  1499. <li><a href="/"><span class="sf sf-facebook"></span></a></li>
  1500. <li><a href="/"><span class="sf sf-twitter"></span></a></li>
  1501. <li><a href="/"><span class="sf sf-youtube"></span></a></li>
  1502. <li><a href="/"><span class="sf sf-pinterest"></span></a></li>
  1503. <li><a href="/"><span class="sf sf-tumblr"></span></a></li>
  1504. </ul>
  1505. </div>
  1506. </article>
  1507. </section>
  1508. {/block:ifOfficialLinks}
  1509. <!-----------END OF OFFICIAL LINKS----------->
  1510.  
  1511.  
  1512. <!----------- START OF UPDATES----------->
  1513. {block:ifUpdates}
  1514. <section id="box">
  1515. <h1><i class="sf sf-mic-o"></i>{text:right box three title}</h1>
  1516. <article class="within">
  1517. <div class="update">
  1518. <span class="date"><b>12</b><pt><b>oct</b><br>2017<pt></span>
  1519. <span class="detail"><b>theme makeover</b><br>new layout + graphics</span>
  1520. </div>
  1521. <div class="update">
  1522. <span class="date"><b>10</b><pt><b>oct</b><br>2017<pt></span>
  1523. <span class="detail"><b>this is an update</b><br>new this is a detail about your update</span>
  1524. </div>
  1525. <div class="update">
  1526. <span class="date"><b>08</b><pt><b>oct</b><br>2017<pt></span>
  1527. <span class="detail"><b>this is another update</b><br>new this is another detail about your update</span>
  1528. </div>
  1529. </article>
  1530. </section>
  1531. {/block:ifUpdates}
  1532. <!----------- END OF UPDATES----------->
  1533.  
  1534.  
  1535. <!----------- START OF FAMILY SITES----------->
  1536. {block:ifFamily}
  1537. <section id="box">
  1538. <h1><i class="sf sf-diamond-o"></i>{text:right box four title}</h1>
  1539. <article class="within">
  1540. <div class="family">
  1541. <a href="/"><img src="https://i.imgur.com/lTzHllD.png"></a>
  1542. <a href="/"><img src="https://i.imgur.com/CQBZUFQ.png"></a>
  1543. <a href="/"><img src="https://i.imgur.com/9Hbh02c.png"></a>
  1544. <a href="/"><img src="https://i.imgur.com/snOCpCD.png"></a>
  1545. <a href="/"><img src="https://i.imgur.com/6Pxypco.png"></a>
  1546. <a href="/"><img src="https://i.imgur.com/BVlJHsH.png"></a>
  1547. </div>
  1548. </article>
  1549. </section>
  1550. {/block:ifFamily}
  1551. <!----------- END OF FAMILY SITES----------->
  1552.  
  1553.  
  1554. <!----------- START OF AFFILIATE SITES----------->
  1555. {block:ifAffiliates}
  1556. <section id="box">
  1557. <h1><i class="sf sf-bell-o"></i>{text:right box five title}</h1>
  1558. <article class="within">
  1559. <div class="affiliate">
  1560. <a href="/"><img src="https://i.imgur.com/w8Qquvg.png"></a>
  1561. <a href="/"><img src="https://i.imgur.com/DnV0Hoi.png"></a>
  1562. <a href="/"><img src="https://i.imgur.com/1FBMLV8.png"></a>
  1563. <a href="/"><img src="https://i.imgur.com/22ZgQXz.png"></a>
  1564. <a href="/"><img src="https://i.imgur.com/dzS2ZZ1.png"></a>
  1565. <a href="/"><img src="https://i.imgur.com/CgeAtmr.png"></a>
  1566. <a href="/"><img src="https://i.imgur.com/QzwQfxG.png"></a>
  1567. <a href="/"><img src="https://i.imgur.com/kaLxKDl.png"></a>
  1568. </div>
  1569. </article>
  1570. </section>
  1571. {/block:ifAffiliates}
  1572. <!----------- END OF AFFILIATE SITES----------->
  1573.  
  1574.  
  1575. <!----------- START OF STATS----------->
  1576. {block:ifStats}
  1577. <section id="box">
  1578. <h1><i class="sf sf-book-o"></i>{text:right box six title}</h1>
  1579. <article class="within">
  1580. <div class="stats">
  1581. <p><b>online users:</b> user counter</p>
  1582. <p><b>online hits:</b> hit counter</p>
  1583. <p><b>active since:</b> date</p>
  1584. <p><b>designed by:</b> graphic creator</p>
  1585. <p><b>theme by:</b> astraeacodes</p>
  1586. <p><b>disclaimer:</b> Our site claims no credit for the images or gifs here unless stated otherwise. All credit goes to their respective owners. We are also not affiliated in any way with Matthew Daddario. We are simply a fansite here to support him.
  1587. </div>
  1588. </article>
  1589. </section>
  1590. {/block:ifStats}
  1591. <!----------- END OF STATS----------->
  1592.  
  1593. </div>
  1594. </div>
  1595.  
  1596.  
  1597. <!--------------------------POST BLOCKS-------------------------->
  1598.  
  1599. {block:Posts}
  1600.  
  1601. <div id="entries">
  1602.  
  1603. <!----------- TOP INFO----------->
  1604. {block:Date}
  1605. <div class="topinfo">
  1606. <a class="postdate" href="{Permalink}">
  1607. <span class="postdate"><i class="sf sf-clock-3-o"></i><b>{DayOfMonthWithZero}</b><mnth>{ShortMonth}<br>{Year}</mnth></span>
  1608. </a>
  1609. <perma>
  1610. <span class="sf sf-bookmark-o"></span><a href="{Permalink}">{NoteCount} notes</a>
  1611. </perma>
  1612. <rbandlike><div class="controls">
  1613. <a href="{ReblogURL}" target="_blank" class="reblog">
  1614. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1615. </a>
  1616. <a href="#" class="like">{LikeButton}
  1617. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1618. </a>
  1619. </div>
  1620. </rbandlike>
  1621. </div>
  1622. {/block:Date}
  1623.  
  1624.  
  1625. <!----------- BLOCKS----------->
  1626.  
  1627. {block:Link}
  1628. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1629. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1630. {/block:Link}
  1631.  
  1632. {block:Quote}
  1633. <div class="quotes">❝ {Quote} ❞</div>
  1634. {block:Source}<div class="source">↳ {Source}</div>{/block:Source}
  1635. {/block:Quote}
  1636.  
  1637. {block:Text}
  1638. {block:Title}
  1639. <div class="title">{Title}</div>{/block:Title}<div class="caption2">{Body}</div>
  1640. {/block:Text}
  1641.  
  1642. {block:Photo}
  1643. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{select:post width}">{LinkCloseTag}
  1644. {block:Caption}
  1645. <div class="caption">{Caption}</div>
  1646. {/block:Caption}
  1647. {/block:Photo}
  1648.  
  1649. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1650. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1651. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1652. {/block:Photoset}
  1653.  
  1654. {block:Video}
  1655. <div class="video">{Video-500}</div>
  1656. {block:Caption}
  1657. <div class="caption">{Caption}</div>
  1658. {/block:Caption}
  1659. {/block:Video}
  1660.  
  1661. {block:Audio}
  1662. <div class="audio">{AudioEmbed-640}</div>
  1663. {block:Caption}
  1664. <div class="caption">{Caption}</div>
  1665. {/block:Caption}
  1666. {/block:Audio}
  1667.  
  1668.  
  1669. {block:Answer}
  1670. <div class="questions">
  1671. <span>{Asker} asked:</span>
  1672. <br><div class="question">{Question}</div>
  1673. <div class="answered">{Answer}</div>
  1674. </div>
  1675. {/block:Answer}
  1676.  
  1677. {block:Chat}
  1678. {block:Title}
  1679. <h1>{Title}</h1>{/block:Title}<br>
  1680. <ul class="convo">
  1681. {block:Lines}<li class="line_{Alt} user_{UserNumber}">
  1682. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1683. {Line}
  1684. {/block:Lines}</ul>
  1685. {/block:Chat}
  1686.  
  1687.  
  1688.  
  1689. <!----------- BOTTOM INFO----------->
  1690.  
  1691. {block:Date}
  1692. <div class="bottominfo">
  1693. <postauthor>
  1694. <img src="{PostAuthorPortraitURL-48}"> posted by&nbsp;<a href="{PostAuthorURL}">{PostAuthorName}</a>
  1695. </postauthor>
  1696.  
  1697. {block:RebloggedFrom}
  1698. <srcandvia>
  1699. <a href="{ReblogRootURL}" title="{ReblogRootName}"><span class="sf sf-exit-o"></span>src</a>
  1700. <a href="{ReblogParentURL}" title="{ReblogParentName}"><span class="sf sf-link-1-o"></span>via</a>
  1701. </srcandvia>
  1702. {/block:RebloggedFrom}
  1703. </div>
  1704. {/block:Date}
  1705.  
  1706.  
  1707.  
  1708. <!----------- TAGS----------->
  1709.  
  1710. {block:HasTags}
  1711. <div class="tags"><b>TAGGED AS:</b> {block:Tags}<a href="{TagUrl}">
  1712. {Tag}</a>
  1713. {/block:Tags}</div>
  1714. {/block:HasTags}
  1715. </div>
  1716. {/block:Posts}
  1717.  
  1718.  
  1719.  
  1720. <!----------- POST NOTES----------->
  1721.  
  1722. {block:PostNotes}
  1723. <div class="notesbox">
  1724. <div class="notes">
  1725. {PostNotes}
  1726. </div>
  1727. </div>
  1728. {/block:PostNotes}
  1729.  
  1730.  
  1731.  
  1732. <!----------- PAGINATION----------->
  1733.  
  1734. {block:Pagination}<div class="pagination">
  1735. {block:PreviousPage}<a href="{PreviousPage}" class="jump">BACK</a>{/block:PreviousPage}
  1736. {block:JumpPagination length="10"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1737. {block:NextPage}<a href="{NextPage}" class="jump">NEXT</a>{/block:NextPage}
  1738. </div>{/block:Pagination}
  1739.  
  1740. </div>
  1741.  
  1742. <!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! ------------------>
  1743.  
  1744. <div class="credit"><a href="https://astraeacodes.tumblr.com/">astraea</a></div>
  1745.  
  1746. </body>
  1747. </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!