API tools faq
paste
alicescreed

oldana

alicescreed
Sep 26th, 2020
140
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.02 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: #fff;
  113. background-image: url("https://i.imgur.com/TF9VU4N.png");
  114. /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  115. font-family:"{select:font}";
  116. font-size:{select:font size};
  117. color:{color:text};
  118. line-height:150%;
  119. }
  120.  
  121. ::-webkit-scrollbar-thumb:vertical{
  122. background-color:{color:background};
  123. border-left:1px solid {color:borders};
  124. height:auto;
  125. -radius:0px
  126. }
  127.  
  128. ::-webkit-scrollbar-thumb:horizontal{
  129. height:auto !important;
  130. -radius:0px
  131. }
  132.  
  133. ::-webkit-scrollbar{
  134. height:auto;
  135. width:5px;
  136. background-color:{color:background};
  137. -radius:0px
  138. }
  139.  
  140. ::selection {
  141. background-color:{color:accent one};
  142. color:{color:text};
  143. }
  144.  
  145. #s-m-t-tooltip {
  146. max-width:400px;
  147. background-color:{color:accent one};
  148. font-size:8.5px;
  149. color:{color:text};
  150. text-transform:uppercase;
  151. border:1px solid {color:borders};
  152. padding:6.5px;
  153. line-height:100%;
  154. margin:20px 0px 0px 20px;
  155. z-index:99999999999999999999999999999999;
  156. border-radius:1px;
  157. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  158. }
  159.  
  160. img{
  161. max-width:100%;
  162. height:auto;
  163. }
  164.  
  165.  
  166. /* FONT STYLING */
  167.  
  168. a{
  169. text-decoration:none;
  170. color:{color:links};
  171. -webkit-transition: all 0.4s ease-in-out;
  172. -moz-transition: all 0.4s ease-in-out;
  173. -o-transition: all 0.4s ease-in-out;
  174. -ms-transition: all 0.4s ease-in-out;
  175. transition: all 0.4s ease-in-out;
  176. }
  177.  
  178. a:hover{
  179. -webkit-transition: all 0.4s ease-in-out;
  180. -moz-transition: all 0.4s ease-in-out;
  181. -o-transition: all 0.4s ease-in-out;
  182. -ms-transition: all 0.4s ease-in-out;
  183. transition: all 0.4s ease-in-out;
  184. color:{color:links hover};
  185. }
  186.  
  187. b, strong{
  188. font-weight:700;
  189. color:{color:text};
  190. }
  191.  
  192. i,em{
  193. color:{color:text};
  194. }
  195.  
  196. blockquote{
  197. border-left:1px solid {color:borders};
  198. padding-left:15px;
  199. margin:0px;
  200. width:97%;
  201. }
  202.  
  203. pre{
  204. padding-left:15px;
  205. padding-top:10px;
  206. padding-bottom:10px;
  207. padding-right:10px;
  208. white-space: pre-wrap;
  209. white-space: -moz-pre-wrap;
  210. white-space: -pre-wrap;
  211. white-space: -o-pre-wrap;
  212. word-wrap: break-word;
  213. font-family:"inconsolata";
  214. background:{color:accent};
  215. }
  216.  
  217. small , sub, sup{
  218. font-size:{select:font size};
  219. }
  220.  
  221. h1{
  222. font-size:calc({select:font size} + 6px);
  223. font-family:"{select:font}";
  224. font-weight:600;
  225. color:{color:text};
  226. padding-left:12px;
  227. padding-right:12px;
  228. }
  229.  
  230. .title{
  231. font-size:calc({select:font size} + 6px);
  232. font-family:"{select:font}";
  233. font-weight:600;
  234. text-transform:uppercase;
  235. padding-left:12px;
  236. padding-right:12px;
  237. padding-top:17.5px;
  238. color:{color:text};
  239. margin-bottom:-5px;
  240. }
  241.  
  242. h2{
  243. font-size:calc({select:font size} + 4px);
  244. font-family:"{select:font}";
  245. font-weight:500;
  246. color:{color:text};
  247. margin-left:0px;
  248. margin-bottom:5px;
  249. margin-top:5px;
  250. }
  251.  
  252. h3{
  253. font-size:calc({select:font size} + 2px);
  254. font-family:"{select:font}";
  255. font-weight:500;
  256. color:{color:text};
  257. margin-left:0px;
  258. margin-bottom:5px;
  259. margin-top:5px;
  260. }
  261.  
  262. hr{
  263. border:none;
  264. box-shadow:0;
  265. margin:0px auto;
  266. padding:10px;
  267. width:30%;
  268. border-top:1px solid {color:borders};
  269. margin-bottom:-10px;
  270. margin-top:15px;
  271. }
  272.  
  273.  
  274.  
  275. hr{
  276. border:none;
  277. box-shadow:0;
  278. margin:0px auto;
  279. padding:10px;
  280. width:30%;
  281. border-top:1px solid {color:borders};
  282. margin-bottom:-10px;
  283. margin-top:15px;
  284. }
  285.  
  286. ol, ul{
  287. padding-left:15.5px;
  288. }
  289.  
  290. /* HEADER & BANNER */
  291.  
  292. header#upperbar{
  293. width:1200px;
  294. padding-top:12.5px;
  295. padding-bottom:15px;
  296. height:40px;
  297. position:fixed;
  298. z-index:99999;
  299. left:50%;
  300. margin-left:-600px;
  301. top:0px;
  302. margin-top:0px;
  303. background:{color:posts background};
  304. border-radius:1px;
  305. line-height:50%;
  306. }
  307.  
  308. header#upperbar h1{
  309. font-size:21px;
  310. font-weight:100;
  311. text-transform:lowercase;
  312. font-family:"perfume";
  313. color:{color:text};
  314. margin-left:110px;
  315. position:absolute;
  316. top:18%;
  317. }
  318.  
  319. header#upperbar h2{
  320. font-size:11.5px;
  321. font-weight:100;
  322. text-transform:uppercase;
  323. font-family:"{select:font}";
  324. color:{color:text};
  325. margin:0px;
  326. margin-left:110px;
  327. position:absolute;
  328. cursor:default;
  329. top:60%;
  330. }
  331.  
  332. header#upperbar img{
  333. width:40px;
  334. height:40px;
  335. border-radius:50%;
  336. position:absolute;
  337. margin-left:35px;
  338. }
  339.  
  340. header#upperbar ul{
  341. right:0px;
  342. margin-right:15px;
  343. list-style-type:none;
  344. position:absolute;
  345. font-size:calc({select:font size} + 6px);
  346. line-height:50%;
  347. }
  348.  
  349. header#upperbar li{
  350. list-style-type:none;
  351. display:inline-block;
  352. text-transform:uppercase;
  353. font-family:"{select:font}";
  354. padding-top:0px;
  355. margin-left:25px;
  356. margin-right:25px;
  357. text-indent:0em;
  358. padding-left:0em;
  359. }
  360.  
  361. header#upperbar li:before{
  362. list-style-type:none;
  363. display:inline-block;
  364. content:"";
  365. }
  366.  
  367. header#upperbar a{
  368. color:{color:text};
  369. }
  370.  
  371. header#banner{
  372. width:1200px;
  373. height:400px;
  374. position:relative;
  375. left:50%;
  376. margin-left:-600px;
  377. top:0px;
  378. margin-top:92.5px;
  379. border-radius:1px;
  380. }
  381.  
  382. header#banner img{
  383. width:1200px;
  384. height:400px;
  385. border-radius:1px;
  386. }
  387.  
  388. iframe.tmblr-iframe {
  389. z-index:99999999999999!important;
  390. top:0!important;
  391. right:0!important;
  392. opacity:0.4;
  393. /* delete invert(1) from here */
  394. filter:invert(1) contrast(150%);
  395. -webkit-filter:invert(1) contrast(150%);
  396. -o-filter:invert(1) contrast(150%);
  397. -moz-filter:invert(1) contrast(150%);
  398. -ms-filter:invert(1) contrast(150%);
  399. /* to here if your blog has a dark background */
  400. transform:scale(0.65);
  401. transform-origin:100% 0;
  402. -webkit-transform:scale(0.65);
  403. -webkit-transform-origin:100% 0;
  404. -o-transform:scale(0.65);
  405. -o-transform-origin:100% 0;
  406. -moz-transform:scale(0.65);
  407. -moz-transform-origin:100% 0;
  408. -ms-transform:scale(0.65);
  409. -ms-transform-origin:100% 0;}
  410.  
  411. iframe.tmblr-iframe:hover {
  412. opacity:0.6!important;}
  413.  
  414.  
  415. /* EVERYTHING */
  416.  
  417. #everything{
  418. width:1200px;
  419. left:50%;
  420. margin-left:-600px;
  421. position:absolute;
  422. top:515px;
  423. margin-top:7.5px;
  424. height:auto;
  425. }
  426.  
  427.  
  428. /* GENERAL SIDEBARS */
  429.  
  430. #leftarea{
  431. width:300px;
  432. left:0px;
  433. position:absolute;
  434. }
  435.  
  436. #rightarea{
  437. width:300px;
  438. right:0px;
  439. position:absolute;
  440. }
  441.  
  442. section#box{
  443. width:300px;
  444. height:auto;
  445. border-radius:1px;
  446. background:{color:posts background};
  447. margin-top:30px;
  448. margin-bottom:30px;
  449. }
  450.  
  451. section#box:first-child{
  452. margin-top:0px;
  453. }
  454.  
  455. section#box:last-child{
  456. margin-bottom:50px;
  457. }
  458.  
  459. section#box h1{
  460. height:auto;
  461. padding:20px;
  462. margin:0px;
  463. font-size:calc({select:font size} + 4px);
  464. font-family:"{select:font}";
  465. text-transform:uppercase;
  466. font-weight:100;
  467. text-align:left;
  468. background:{color:accent one};
  469. letter-spacing:1px;
  470. text-align:right;
  471. }
  472.  
  473. section#box i{
  474. font-size:calc({select:font size} + 3px);
  475. display:inline-flex;
  476. vertical-align:middle;
  477. float:left;
  478. color:{color:icons};
  479. margin-top:2.5px;
  480. }
  481.  
  482. section#box img{
  483. width:300px;
  484. height:auto;
  485. }
  486.  
  487. article.within{
  488. padding:20px 20px 20px 20px;
  489. }
  490.  
  491.  
  492. /* SIDEBAR RIGHT: PROJECTS */
  493.  
  494. .project{
  495. margin-top:30px;
  496. margin-bottom:5px;
  497. }
  498.  
  499. .project:first-child{
  500. margin-top:-20px;
  501. }
  502.  
  503. .project h2{
  504. background:{color:posts background};
  505. font-size:calc({select:font size} + 2px);
  506. text-transform:uppercase;
  507. font-weight:bold;
  508. display:inline-block;
  509. margin:0px;
  510. padding:0px;
  511. margin-top:12.5px;
  512. }
  513.  
  514. .project h3{
  515. display:inline-block;
  516. font-weight:100;
  517. font-size:calc({select:font size} + 0.5px);
  518. margin-left:10px;
  519. }
  520.  
  521. .project img{
  522. width:300px;
  523. max-width:300px;
  524. margin-left:-20px;
  525. }
  526.  
  527. .project act{
  528. font-size:calc({select:font size} + 0.5px);
  529. text-transform:uppercase;
  530. margin:0px;
  531. padding:0px;
  532. margin-top:-7.5px;
  533. display:block;
  534. text-align:center;
  535. }
  536.  
  537. .project info{
  538. display:block;
  539. padding-left:15px;
  540. margin-top:10px;
  541. border-left:1px solid {color:borders};
  542. margin-bottom:0px;
  543. }
  544.  
  545. .project b{
  546. text-transform:uppercase;
  547. }
  548.  
  549. ul.projectlink{
  550. width:100%;
  551. text-align:center;
  552. margin:0px;
  553. left:50%;
  554. margin-top:5px;
  555. padding:0px;
  556. display:inline-block;
  557. list-style:none;
  558. }
  559.  
  560. li.projectlink{
  561. margin:0px;
  562. padding:0px;
  563. display:inline-block;
  564. margin-left:2.5px;
  565. margin-right:2.5px;
  566. text-indent:0em;
  567. }
  568.  
  569. li.projectlink:before{
  570. list-style-type:none;
  571. display:inline-block;
  572. margin:0px;
  573. padding:0px;
  574. content:"";
  575. }
  576.  
  577. a.projectlink{
  578. display:inline-block;
  579. padding:4.5px 2.5px 4.5px 2.5px;
  580. min-width:100px;
  581. text-transform:uppercase;
  582. font-size:calc({select:font size} - 1px);
  583. border:1px solid {color:borders};
  584. border-radius:2px;
  585. text-align:center;
  586. margin-top:7.5px;
  587. }
  588.  
  589.  
  590. /* SIDEBAR LEFT: YOUTUBE VIDEO */
  591.  
  592. .youtube {
  593. }
  594.  
  595. .youtube img {
  596. width:300px;
  597. max-width:300px;
  598. margin-left:-20px;
  599. }
  600.  
  601. /* SIDEBAR LEFT: MEMBERS */
  602.  
  603. .member{
  604. margin-bottom:32.5px;
  605. display:block;
  606. }
  607.  
  608. .member:last-child{
  609. margin-bottom:10px;
  610. }
  611.  
  612. .membericon img{
  613. width:40px;
  614. max-width:40px;
  615. height:40px;
  616. max-height:40px;
  617. border-radius:2px;
  618. }
  619.  
  620. .memberinfo{
  621. margin-left:50px;
  622. margin-top:-37.5px;
  623. }
  624.  
  625. .memberurl {
  626. font-size:calc({select:font size} + 0.5px);
  627. text-transform:uppercase;
  628. }
  629.  
  630. .memberblogtitle {
  631. font-size:{select:font size} - 0.5px;
  632. text-transform:lowercase;
  633. }
  634.  
  635.  
  636. /* SIDEBAR RIGHT: NAVIGATION */
  637.  
  638. .navigation ul{
  639. text-align:center;
  640. margin:0px;
  641. left:50%;
  642. margin:-5px;
  643. padding:0px;
  644. display:inline-block;
  645. list-style:none;
  646. }
  647.  
  648. .navigation li{
  649. margin:0px;
  650. padding:0px;
  651. display:inline-block;
  652. margin-left:2px;
  653. margin-right:2px;
  654. text-indent:0em;
  655. }
  656.  
  657. .navigation li:before{
  658. list-style-type:none;
  659. display:inline-block;
  660. margin:0px;
  661. padding:0px;
  662. content:"";
  663. }
  664.  
  665. .navigation a{
  666. display:inline-block;
  667. padding:4.5px 2.5px 4.5px 2.5px;
  668. width:119px;
  669. text-transform:uppercase;
  670. font-size:calc({select:font size} - 1px);
  671. border:1px solid {color:borders};
  672. border-radius:2px;
  673. text-align:center;
  674. margin-top:7.5px;
  675. }
  676.  
  677. .sfm input {
  678. background-color:{color:accent one};
  679. font-size:8px;
  680. border:0px;
  681. text-transform:uppercase;
  682. left:20%;
  683. position:relative;
  684. color:{color:text};
  685. margin-top:25px;
  686. letter-spacing:1px;
  687. padding:4px 8px;
  688. }
  689.  
  690.  
  691. /* SIDEBAR RIGHT: SOCIAL MEDIA */
  692.  
  693. .socialmedia{
  694. text-align:center;
  695. }
  696.  
  697. .socialmedia a{
  698. padding:7px 8px 5px 8px;
  699. text-transform:uppercase;
  700. font-size:{select:font size};
  701. border:1px solid {color:borders};
  702. border-radius:2px;
  703. }
  704.  
  705. .socialmedia li:before{
  706. list-style-type:none;
  707. display:inline-block;
  708. content:"";
  709. }
  710.  
  711. .socialmedia li{
  712. display:inline-block;
  713. }
  714.  
  715.  
  716. /* SIDEBAR RIGHT: UPDATES */
  717.  
  718. .update{
  719. border-top:1px solid {color:borders};
  720. padding-top:20px;
  721. margin-top:20px;
  722. margin-bottom:5px;
  723. }
  724.  
  725. .update:first-child{
  726. border-top:none;
  727. margin-top:0px;
  728. padding-top:0px;
  729. }
  730.  
  731. span.date{
  732. border:1px solid {color:borders};
  733. border-radius:2px;
  734. padding:10px 4px 4px 6px;
  735. width:50px;
  736. }
  737.  
  738. span.date b{
  739. font-size:calc({select:font size} + 8px);
  740. text-transform:uppercase;
  741. font-weight:100;
  742. margin-right:2px;
  743. }
  744.  
  745. span.date pt b{
  746. font-size:calc({select:font size} - 2.5px);
  747. text-transform:uppercase;
  748. font-weight:600;
  749. padding-bottom:0px;
  750. }
  751.  
  752. span.date pt{
  753. margin-top:0px;
  754. font-size:calc({select:font size} - 3.5px);
  755. display:inline-block;
  756. line-height:7.5px;
  757. font-weight:600;
  758. }
  759.  
  760. span.detail{
  761. font-size:calc({select:font size} - 1px);
  762. width:200px;
  763. display:inline-block;
  764. position:absolute;
  765. margin-top:-5px;
  766. right:11.5px;
  767. line-height:12px;
  768. }
  769.  
  770. span.detail b{
  771. font-size:calc({select:font size} + 0.5px);
  772. text-transform:uppercase;
  773. }
  774.  
  775.  
  776. /* SIDEBAR RIGHT: FAMILY AFFILIATES */
  777.  
  778. .family{
  779. text-align:center;
  780. margin:0px auto;
  781. }
  782.  
  783. .family img{
  784. width:75px;
  785. height:88px;
  786. max-width:75px;
  787. max-height:88px;
  788. border:1px solid {color:borders};
  789. padding:2px;
  790. margin:1.5px;
  791. }
  792.  
  793.  
  794. /* SIDEBAR RIGHT: AFFILIATES */
  795.  
  796. .affiliate{
  797. text-align:center;
  798. margin:0px auto;
  799. }
  800.  
  801. .affiliate img{
  802. width:54px;
  803. height:63px;
  804. max-width:54px;
  805. max-height:63px;
  806. margin:1px;
  807. border:1px solid {color:borders};
  808. padding:2px;
  809. }
  810.  
  811.  
  812.  
  813. /* SIDEBAR RIGHT: STATS & SITE INFO */
  814.  
  815. .stats b{
  816. text-transform:uppercase;
  817. margin-right:2.5px;
  818. }
  819.  
  820. .stats p{
  821. margin-top:7.5px;
  822. margin-bottom:7.5px;
  823. }
  824.  
  825. .stats p:first-child{
  826. margin-top:0px;
  827. }
  828.  
  829. .stats p:last-child{
  830. margin-bottom:0px;
  831. }
  832.  
  833. .stats img {
  834. width: auto;
  835. }
  836.  
  837. /* ENTRIES */
  838.  
  839. #entries{
  840. background:{color:posts background};
  841. width:500px;
  842. margin:0px auto;
  843. margin-top:30px;
  844. margin-bottom:60px;
  845. padding:0px;
  846. position:justify;
  847. }
  848.  
  849.  
  850. /* POST STYLING: QUESTIONS */
  851.  
  852. .questions{
  853. padding:0px;
  854. margin-top:10px;
  855. padding-left:10px;
  856. padding-right:10px;
  857. }
  858.  
  859. .questions span{
  860. font-weight:900;
  861. font-size:calc({select:font size} + 1px);
  862. text-transform:uppercase;
  863. margin-right:5px;
  864. margin-left:5px;
  865. }
  866.  
  867. .question{
  868. font-size:11px;
  869. padding:15px;
  870. background:{color:accent one};
  871. margin-top:10px;
  872. margin-left:2.5px;
  873. border-radius:1px;
  874. width:445px;
  875. }
  876.  
  877. .answered{
  878. padding-left:5px;
  879. padding-right:5px;
  880. padding-top:0px;
  881. padding-bottom:0;
  882. margin-top:17.5px;
  883. margin-bottom:20px;
  884. }
  885.  
  886.  
  887. /* POST STYLING: QUOTES */
  888.  
  889. .quotes{
  890. font-size:calc({select:font size} + 4px);
  891. font-weight:900;
  892. font-family:"{select:font}";
  893. line-height:20px;
  894. padding-top:15px;
  895. padding-right:1em;
  896. padding-left:1em;
  897. text-align: center;
  898. }
  899.  
  900. .source{
  901. text-align:center;
  902. padding-top:10px;
  903. padding-bottom:20px;
  904. padding-right:10px;
  905. padding-left:10px;
  906. font-style:normal;
  907. }
  908.  
  909.  
  910. /* POST STYLING: CHATS & CONVOS */
  911.  
  912. .answer span,.convo li{
  913. margin-top:0px;
  914. margin-bottom:5px;
  915. border-radius:1em;
  916. padding:8px 15px;
  917. max-width:75%;
  918. clear:both;
  919. position:relative;
  920. }
  921.  
  922. .answer li:before, .convo li:before{
  923. visibility:hidden;
  924. }
  925.  
  926. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  927. float:left;
  928. background:{color:accent one};
  929. color:{color:text};
  930. left:3px;
  931. top:0px;
  932. }
  933.  
  934. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  935. content:"";
  936. position:absolute;
  937. left:-.5em;
  938. bottom:0;
  939. width:.5em;
  940. height:1em;
  941. border-right:.5em solid {color:accent one};
  942. border-bottom-right-radius:1em .5em;
  943. }
  944.  
  945. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  946. right:3px;
  947. top:0px;
  948. float:right;
  949. background-color:{color:accent two};
  950. color:{color:text};
  951. }
  952.  
  953. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
  954. content:"";
  955. position:absolute;
  956. right:-.5em;
  957. bottom:0;
  958. width:.5em;
  959. height:1em;
  960. border-left:.5em solid {color:accent two};
  961. border-bottom-left-radius:1em .5em;
  962. }
  963.  
  964. .convo {
  965. overflow: hidden;
  966. list-style-type: none;
  967. padding: 10px;
  968. margin: 0;
  969. margin-bottom:5px;
  970. margin-top:-10px;
  971. }
  972.  
  973.  
  974. /* POST STYLING: AUDIO */
  975.  
  976. .audio iframe{
  977. max-width:100%;
  978. height:85px;
  979. padding-bottom:0px;
  980. margin-bottom:-7.5px;
  981. }
  982.  
  983.  
  984. /* POST STYLING: VIDEO */
  985.  
  986. .video{
  987. margin-bottom:-0px;
  988. padding-bottom:0px;
  989. }
  990.  
  991.  
  992. /* POST STYLING: TOP INFO */
  993.  
  994. .topinfo{
  995. padding:15px;
  996. margin:0px;
  997. background:{color:accent one};
  998. width:470px;
  999. height:auto;
  1000. }
  1001.  
  1002. a.postdate{
  1003. display:inline-block;
  1004. text-transform:uppercase;
  1005. font-family:"{select:font}";
  1006. width:auto;
  1007. padding:0px;
  1008. }
  1009.  
  1010. a:hover.postdate{
  1011. color:{color:links};
  1012. }
  1013.  
  1014. span.postdate b{
  1015. font-size:calc({select:font size} + 7px);
  1016. font-weight:100;
  1017. display:inline-block;
  1018. }
  1019.  
  1020. .topinfo mnth{
  1021. font-size:calc({select:font size} - 3.5px);
  1022. font-weight:600;
  1023. text-transform:uppercase;
  1024. display:inline-block;
  1025. line-height:7.3px;
  1026. padding-left:2.5px;
  1027. }
  1028.  
  1029. .topinfo i{
  1030. font-size:calc({select:font size} + 2px);
  1031. color:{color:icons};
  1032. padding-right:5px;
  1033. }
  1034.  
  1035. .topinfo svg {
  1036. width:10px;
  1037. height:auto;
  1038. opacity:.5;
  1039. padding:1px;
  1040. display:block;
  1041. overflow:visible;
  1042. }
  1043.  
  1044. .topinfo rbandlike a {
  1045. position:relative;
  1046. display:inline-block;
  1047. overflow:hidden;
  1048. padding:5px;
  1049. width:12px;
  1050. height:12px;
  1051. }
  1052.  
  1053. .topinfo rbandlike .reblog {
  1054. opacity:1;
  1055. }
  1056.  
  1057. .topinfo rbandlike .reblog svg {
  1058. width:9px;
  1059. margin-top:1px;
  1060. }
  1061.  
  1062. .topinfo rbandlike .like .liked + svg {
  1063. opacity:1;
  1064. }
  1065.  
  1066. .topinfo rbandlike .like .liked + svg path {
  1067. fill:#ec5a5a;
  1068. }
  1069.  
  1070. .topinfo rbandlike .like .like_button {
  1071. position:relative;
  1072. }
  1073.  
  1074. .topinfo rbandlike .like .like_button iframe {
  1075. position:absolute;
  1076. top:0;
  1077. left:0;
  1078. bottom:0;
  1079. right:0;
  1080. z-index:2;
  1081. opacity:0;
  1082. }
  1083.  
  1084. .topinfo rbandlike{
  1085. right:0px;
  1086. display:inline-flex;
  1087. vertical-align:middle;
  1088. float:right;
  1089. margin-right:-5px;
  1090. }
  1091.  
  1092. .topinfo perma span{
  1093. text-transform:uppercase;
  1094. font-size:calc({select:font size} - 2.8px);
  1095. margin-right:5px;
  1096. }
  1097.  
  1098. .topinfo perma{
  1099. margin-left:22.5px;
  1100. padding-left:25px;
  1101. border-left:1px solid {color:borders};
  1102. text-transform:uppercase;
  1103. font-size:{select:font size};
  1104. padding-bottom:2px;
  1105. padding-top:2px;
  1106. margin-top:-1.5px;
  1107. position:absolute;
  1108. }
  1109.  
  1110.  
  1111. /* POST STYLING: CAPTIONS */
  1112.  
  1113. .caption{
  1114. padding-left:17.5px;
  1115. padding-right:17.5px;
  1116. padding-top:0px;
  1117. padding-bottom:0;
  1118. margin-top:17.5px;
  1119. margin-bottom:20px;
  1120. }
  1121.  
  1122. .caption2{
  1123. padding-left:17.5px;
  1124. padding-right:17.5px;
  1125. padding-top:15px;
  1126. padding-bottom:18px;
  1127. margin-top:-5px;
  1128. margin-bottom:0px;
  1129. }
  1130.  
  1131.  
  1132. /* POST STYLING: BOTTOM INFO */
  1133.  
  1134. .bottominfo{
  1135. padding:15px 15px 15px 15px;
  1136. border-top:1px solid {color:borders};
  1137. }
  1138.  
  1139. .bottominfo img{
  1140. width:calc({select:font size} + 1px);
  1141. height:calc({select:font size} + 1px);
  1142. border-radius:50%;
  1143. margin-right:5px;
  1144. }
  1145.  
  1146. .bottominfo postauthor{
  1147. font-size:calc({select:font size} - 1px);
  1148. text-transform:uppercase;
  1149. display:inline-flex;
  1150. vertical-align:middle;
  1151. line-height:12.5px;
  1152. }
  1153.  
  1154. .bottominfo srcandvia{
  1155. font-size:calc({select:font size} - 1px);
  1156. text-transform:uppercase;
  1157. float:right;
  1158. }
  1159.  
  1160. .bottominfo srcandvia span{
  1161. text-transform:uppercase;
  1162. font-size:calc({select:font size} - 4.5px);
  1163. padding-right:5px;
  1164. margin-left:20px;
  1165. }
  1166.  
  1167.  
  1168. /* POST STYLING: TAGS */
  1169.  
  1170. .tags{
  1171. padding:12.5px;
  1172. border-top:1px dotted {color:borders};
  1173. font-size:calc({select:font size} - 1px);
  1174. }
  1175.  
  1176. .tags b{
  1177. margin-right:5px;
  1178. }
  1179.  
  1180. .tags a{
  1181. padding-left:0px;
  1182. padding-right:5.5px;
  1183. }
  1184.  
  1185.  
  1186. /* POST STYLING: NOTES */
  1187.  
  1188. .notesbox{
  1189. width:500px;
  1190. margin:0px auto;
  1191. background:{color:posts background};
  1192. position:justify;
  1193. margin-bottom:100px;
  1194. margin-top:-10px;
  1195. }
  1196.  
  1197. .notes{
  1198. overflow-x:hidden;
  1199. width:490px;
  1200. padding:5px;
  1201. }
  1202.  
  1203. ol.notes, .notes li {
  1204. text-transform:uppercase;
  1205. list-style:none;
  1206. font-size:calc({select:font size} - 1px);
  1207. padding:5px 10px 10px 10px;
  1208. }
  1209.  
  1210. .notes li:before,.notes ol:before{
  1211. list-style:none;
  1212. content: "";
  1213. }
  1214.  
  1215. .notes blockquote{
  1216. margin-left:3.5px;
  1217. }
  1218.  
  1219. .notes img{
  1220. width:calc({select:font size} + 1px);
  1221. height:calc({select:font size} + 1px);
  1222. margin-right:5px;
  1223. overflow:hidden;
  1224. border-radius:50%;
  1225. vertical-align:middle;
  1226. margin-bottom:2px;
  1227. }
  1228.  
  1229.  
  1230. /* PAGINATION */
  1231.  
  1232. .pagination{
  1233. display: block;
  1234. margin-bottom: 25px;
  1235. font-size:calc({select:font size} + 1.5px);
  1236. text-align: center;
  1237. font-family;"{select:font}";
  1238. text-transform:uppercase;
  1239. }
  1240.  
  1241. .pagination a{
  1242. font-size:calc({select:font size} + 1.5px);
  1243. text-align: center;
  1244. text-transform:uppercase;
  1245. }
  1246.  
  1247. .pagination a{
  1248. display: inline-block;
  1249. margin: 5px;
  1250. background:{color:posts background};
  1251. border:1px solid {color:borders};
  1252. text-transform:uppercase;
  1253. padding:4px 5px 4px 5px;
  1254. border-radius:2px;
  1255. }
  1256.  
  1257. .pagination a:hover{
  1258. color:{color:text};
  1259. background:{color:accent one};
  1260. border-radius:2px;
  1261. border:1px solid {color:borders};
  1262. }
  1263.  
  1264. .pagination .current{
  1265. display: inline-block;
  1266. margin: 5px;
  1267. color:{color:text};
  1268. background:{color:accent one};
  1269. padding:4px 6px 4px 6px;
  1270. border-radius:2px;
  1271. border:1px solid {color:borders};
  1272. }
  1273.  
  1274.  
  1275. /*---------------CREDIT, DO NOT MOVE OR MAKE LESS VISIBLE!!---------------*/
  1276.  
  1277. .credit a{
  1278. font-size:calc({select:font size} - 0.5px);
  1279. position:fixed;
  1280. font-family:"{select:font}";
  1281. font-weight:600;
  1282. text-align:right;
  1283. right:10px;
  1284. bottom:10px;
  1285. text-transform:uppercase;
  1286. color:{color:text};
  1287. -webkit-transition: all 0.5s ease-in-out;
  1288. -moz-transition: all 0.5s ease-in-out;
  1289. -o-transition: all 0.5s ease-in-out;
  1290. -ms-transition: all 0.5s ease-in-out;
  1291. transition: all 0.5s ease-in-out;
  1292. }
  1293.  
  1294. .credit a:hover{
  1295. color:{color:links hover};
  1296. text-decoration:none;
  1297. -webkit-transition: all 0.5s ease-in-out;
  1298. -moz-transition: all 0.5s ease-in-out;
  1299. -o-transition: all 0.5s ease-in-out;
  1300. -ms-transition: all 0.5s ease-in-out;
  1301. transition: all 0.5s ease-in-out;
  1302. }
  1303.  
  1304.  
  1305. {CustomCSS}
  1306. </style>
  1307.  
  1308.  
  1309. <!------------------SCRIPTS------------------>
  1310.  
  1311. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1312. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1313. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1314.  
  1315. <script>
  1316. $(document).ready(function(){
  1317. $('.photo-slideshow').pxuPhotoset({
  1318. lightbox: true,
  1319. rounded: false,
  1320. gutter: '{select:gutter size}',
  1321. borderRadius: '0px',
  1322. photoset: '.photo-slideshow',
  1323. photoWrap: '.photo-data',
  1324. photo: '.pxu-photo'
  1325. });
  1326. });
  1327. </script>
  1328.  
  1329.  
  1330. </head>
  1331. <body>
  1332.  
  1333.  
  1334. <!------------------HEADER------------------>
  1335.  
  1336. <header id="upperbar">
  1337.  
  1338. <a href="/"><img src="{Favicon}"></a>
  1339. <a href="/"><h1>{text:title}</h1></a>
  1340. <h2 style="height: 40px;">{text:subtitle}</h2>
  1341.  
  1342. <ul>
  1343. <li><a href="{text:link one url}">{text:link one name}</a></li>
  1344. <li><a href="{text:link two url}">{text:link two name}</a></li>
  1345. <li><a href="{text:link three url}">{text:link three name}</a></li>
  1346. <li><a href="{text:link four url}">{text:link four name}</a></li>
  1347. <li><a href="{text:link five url}">{text:link five name}</a></li>
  1348. <li><a href="http://by-anacomm.tumblr.com">portfolio</a>
  1349. </ul>
  1350.  
  1351. </header>
  1352.  
  1353. <header id="banner">
  1354. <img src="{image:banner}">
  1355. </header>
  1356.  
  1357.  
  1358. <!------------------LEFT AREA------------------>
  1359.  
  1360. <div id="everything">
  1361.  
  1362. <div id="leftarea">
  1363.  
  1364.  
  1365. <!----------- START OF ABOUT----------->
  1366. <section id="box">
  1367. <h1><i class="sf sf-home-o"></i>{text:left box one title}</h1>
  1368. <img src="{image:sidebar}">
  1369. <article class="within">
  1370. {Description}
  1371. </article>
  1372. </section>
  1373. <!----------- END OF ABOUT----------->
  1374.  
  1375.  
  1376. <!----------- START OF PROJECTS----------->
  1377. {block:ifProjects}
  1378. <section id="box">
  1379. <h1><i class="sf sf-graph-3-o"></i>{text:left box two title}</h1>
  1380. <article class="within">
  1381. <div class="project">
  1382. <img src="https://i.imgur.com/5R6Zs85.png">
  1383. <h2>caterpie package</h2>
  1384. <h3>starting at $12</h3>
  1385. <act>
  1386. <b>completion time</b> 3-5 days**
  1387. </act>
  1388. <info>
  1389. Promo, mobile header, 3 dash icons
  1390. </info>
  1391. </div>
  1392.  
  1393. <div class="project">
  1394. <img src="https://i.imgur.com/uWpPblP.png">
  1395. <h2>metapod package</h2>
  1396. <h3>starting at $25</h3>
  1397. <act>
  1398. <b>completion time</b> 1-2 weeks**
  1399. </act>
  1400. <info>
  1401. Theme, mobile header, 3 dash icons
  1402. </info>
  1403. </div>
  1404.  
  1405. <div class="project">
  1406. <img src="https://i.imgur.com/VPNJlNz.png">
  1407. <h2>butterfree package</h2>
  1408. <h3>starting at $30</h3>
  1409. <act>
  1410. <b>completion time</b> 1-2 weeks**
  1411. </act>
  1412. <info>
  1413. Theme, promo, mobile header, 3 dash icons
  1414. </info>
  1415. </div>
  1416.  
  1417.  
  1418. </article>
  1419. </section>
  1420. {/block:ifProjects}
  1421. <!----------- END OF PROJECTS----------->
  1422.  
  1423.  
  1424. <!----------- START OF INSTAGRAM----------->
  1425. {block:ifInstagram}
  1426. <section id="box">
  1427. <h1><i class="sf sf-camera-o"></i>{text:left box three title}</h1>
  1428. <article class="within">
  1429. <a href="https://instawidget.net/v/user/matthewdaddario" id="link-d063b37595f03145897a3e075147643a816eb0f01b61c6c224d198695030c59b">@matthewdaddario</a>
  1430. <script src="https://instawidget.net/js/instawidget.js?u=d063b37595f03145897a3e075147643a816eb0f01b61c6c224d198695030c59b&width=260px"></script>
  1431. </article>
  1432. </section>
  1433. {/block:ifInstagram}
  1434. <!----------- END OF INSTAGRAM----------->
  1435.  
  1436.  
  1437. <!----------- START OF YOUTUBE----------->
  1438. {block:ifYoutube}
  1439. <section id="box" style="background-color: transparent;">
  1440. <h1><i class="sf sf-graph-3-o"></i>other blogs</h1>
  1441. <article class="within">
  1442. <div class="project">
  1443. <a href="http://ana-makes.tumblr.com"> <img src="https://i.imgur.com/k03pkeK.png" title="ana-makes"></a>
  1444. </div>
  1445.  
  1446. <div class="project">
  1447. <a href="http://by-anacomm.tumblr.com"><img src="https://i.imgur.com/3NywirK.png" title="by-anacomm"></a>
  1448. </div>
  1449.  
  1450.  
  1451. </article>
  1452. </section>
  1453. {/block:ifYoutube}
  1454. <!----------- END OF YOUTUBE----------->
  1455.  
  1456.  
  1457. <!----------- START OF MEMBERS----------->
  1458. {block:ifMembers}
  1459. <section id="box">
  1460. <h1><i class="sf sf-user-o"></i>{text:left box five title}</h1>
  1461. <article class="within">
  1462.  
  1463. {block:GroupMembers}{block:GroupMember}
  1464. <div class="member">
  1465. <div class="membericon">
  1466. <img src="{GroupMemberPortraitURL-48}">
  1467. </div>
  1468. <div class="memberinfo">
  1469. <a href="{GroupMemberURL}" class="memberurl">
  1470. {GroupMemberName}
  1471. </a>
  1472. <div class="memberblogtitle">
  1473. {GroupMemberTitle}
  1474. </div>
  1475. </div>
  1476. </div>
  1477. {/block:GroupMember}{/block:GroupMembers}
  1478. </article>
  1479. </section>
  1480. {/block:ifMembers}
  1481.  
  1482. </div>
  1483.  
  1484.  
  1485. <!--------------------------RIGHT AREA-------------------------->
  1486.  
  1487. <div id="rightarea">
  1488. {block:ifNavigation}
  1489. <section id="box">
  1490. <h1><i class="sf sf-list-o"></i>{text:right box one title}</h1>
  1491. <article class="within">
  1492. <div class="navigation">
  1493. <ul>
  1494. <li><a href="http://ana-makes.tumblr.com">resource blog</a></li>
  1495. <li><a href="/tagged/finished">just finished</a></li>
  1496. <li><a href="https://docs.google.com/document/d/19Gmi8MV5g6YXh4Y78vEdhk2ta61BcgF8wKtk1tQ98tY/edit?usp=sharing">slot openings</a></li>
  1497. <li><a href="/tagged/reviews">customer reviews</a></li>
  1498. <li><a href="http://ana.123guestbook.com">client guestbook</a></li>
  1499. <li><a href="/tagged/free goodies">free goodies</a></li>
  1500. <li><a href="/tagged/exclusive goodies">paid goodies</a></li>
  1501. <li><A href="https://by-anacomm.tumblr.com/">portfolio</A></li>
  1502. <li><a href="/tagged/updates">general updates</a></li>
  1503. <li><a href="https://ko-fi.com/U7U8ATUI">leave a tip?</a></li>
  1504. </ul>
  1505. </div>
  1506. <form action="/search" method="get" class="sfm">
  1507. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1508. <input type="submit" value="Search" id="sb"/>
  1509. </form>
  1510. </article>
  1511. </section>
  1512. {/block:ifNavigation}
  1513. <!----------- END OF NAVIGATION----------->
  1514.  
  1515.  
  1516. <!----------- START OF OFFICIAL LINKS----------->
  1517. {block:ifOfficialLinks}
  1518. <section id="box">
  1519. <h1><i class="sf sf-apps-o"></i>{text:right box two title}</h1>
  1520. <article class="within">
  1521. <div class="socialmedia">
  1522. <ul>
  1523. <li><a href="/"><span class="sf sf-instagram"></span></a></li>
  1524. <li><a href="/"><span class="sf sf-facebook"></span></a></li>
  1525. <li><a href="/"><span class="sf sf-twitter"></span></a></li>
  1526. <li><a href="/"><span class="sf sf-youtube"></span></a></li>
  1527. <li><a href="/"><span class="sf sf-pinterest"></span></a></li>
  1528. <li><a href="/"><span class="sf sf-tumblr"></span></a></li>
  1529. </ul>
  1530. </div>
  1531. </article>
  1532. </section>
  1533. {/block:ifOfficialLinks}
  1534. <!-----------END OF OFFICIAL LINKS----------->
  1535.  
  1536.  
  1537. <!----------- START OF UPDATES----------->
  1538. {block:ifUpdates}
  1539. <section id="box">
  1540. <h1><i class="sf sf-mic-o"></i>{text:right box three title}</h1>
  1541. <article class="within">
  1542.  
  1543. <div class="update">
  1544. <span class="date"><b>24</b><pt><b>jun</b><br>2020<pt></span>
  1545. <span class="detail"><b>loyalty program</b><br>established!</span>
  1546. </div>
  1547.  
  1548. <div class="update">
  1549. <span class="date"><b>18</b><pt><b>jun</b><br>2020<pt></span>
  1550. <span class="detail"><b>theme makeover</b><br>new layout + graphics</span>
  1551. </div>
  1552. <div class="update">
  1553. <span class="date"><b>19</b><pt><b>mar</b><br>2020<pt></span>
  1554. <span class="detail"><b>two year anni</b><br>blog birthday!</span>
  1555. </div>
  1556. <div class="update">
  1557. <span class="date"><b>02</b><pt><b>mar</b><br>2017<pt></span>
  1558. <span class="detail"><b>blog moves</b><br>old url @dokicommissions</span>
  1559. </div>
  1560.  
  1561. <div class="update">
  1562. <span class="date"><b>19</b><pt><b>mar</b><br>2018<pt></span>
  1563. <span class="detail"><b>blog created</b><br>first time posting</span>
  1564. </div>
  1565.  
  1566. </article>
  1567. </section>
  1568. {/block:ifUpdates}
  1569. <!----------- END OF UPDATES----------->
  1570.  
  1571.  
  1572. <!----------- START OF FAMILY SITES----------->
  1573. {block:ifFamily}
  1574. <section id="box">
  1575. <h1><i class="sf sf-diamond-o"></i>{text:right box four title}</h1>
  1576. <article class="within">
  1577. <div class="family">
  1578. <a href="http://cerberuscommissions.tumblr.com" title="hol"><img src="https://i.imgur.com/FZOL3Un.png"></a>
  1579. <a href="http://genecommissions.tumblr.com" title="gene"><img src="https://i.imgur.com/4XbrUDY.png"></a>
  1580. <a href="/ask" title="you?"><img src="https://i.imgur.com/SD9tIaL.png"></a>
  1581. <a href="/ask" title="you?"><img src="https://i.imgur.com/SD9tIaL.png"></a>
  1582. <a href="/ask" title="you?"><img src="https://i.imgur.com/SD9tIaL.png"></a>
  1583. <a href="/ask" title="you?"><img src="https://i.imgur.com/SD9tIaL.png"></a>
  1584.  
  1585. </div>
  1586. </article>
  1587. </section>
  1588. {/block:ifFamily}
  1589. <!----------- END OF FAMILY SITES----------->
  1590.  
  1591.  
  1592. <!----------- START OF AFFILIATE SITES----------->
  1593. {block:ifAffiliates}
  1594. <section id="box" style="background-color: transparent;">
  1595. <h1><i class="sf sf-bell-o"></i>friendship program</h1>
  1596. <article class="within">
  1597. <div class="project">
  1598. <a href="https://anacommissions.tumblr.com/post/621820375226105856/introducing-anas-friendship-program-one-of-the"> <img src=https://i.imgur.com/e2hCSSN.png" title="friendship program"></a>
  1599. Perks for frequent customers include free graphics, discounts, and lifetime warranties!<p>
  1600. <center><a href="https://anacommissions.tumblr.com/post/621820375226105856/introducing-anas-friendship-program-one-of-the">Click here to know how to join!</a></center>
  1601. </div>
  1602.  
  1603.  
  1604. </article>
  1605. </section>
  1606. {/block:ifAffiliates}
  1607. <!----------- END OF AFFILIATE SITES----------->
  1608.  
  1609.  
  1610. <!----------- START OF STATS----------->
  1611. {block:ifStats}
  1612. <section id="box">
  1613. <h1><i class="sf sf-book-o"></i>{text:right box six title}</h1>
  1614. <article class="within">
  1615. <div class="stats">
  1616. <b> about:</b> Ana Commissions is a resource and commissions blog dedicated to the roleplay community. <br>
  1617. <b> established:</b> March 19, 2018<br>
  1618. <b> online:</b> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5616715";
  1619. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1620. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=online user&e2=online users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1621. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1622. </script><br>
  1623. <b> hits:</b> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3337109";
  1624. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=visits&a=1";
  1625. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1626. </script><p>
  1627.  
  1628. <script type='text/javascript' src='https://ko-fi.com/widgets/widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support Me on Ko-fi', '#fb5b40', 'U7U8ATUI');kofiwidget2.draw();</script>
  1629. </div>
  1630. </article>
  1631. </section>
  1632. {/block:ifStats}
  1633. <!----------- END OF STATS----------->
  1634.  
  1635. </div>
  1636. </div>
  1637.  
  1638.  
  1639. <!--------------------------POST BLOCKS-------------------------->
  1640.  
  1641. {block:Posts}
  1642.  
  1643. <div id="entries">
  1644.  
  1645. <!----------- TOP INFO----------->
  1646. {block:Date}
  1647. <div class="topinfo">
  1648. <a class="postdate" href="{Permalink}">
  1649. <span class="postdate"><i class="sf sf-clock-3-o"></i><b>{DayOfMonthWithZero}</b><mnth>{ShortMonth}<br>{Year}</mnth></span>
  1650. </a>
  1651. <perma>
  1652. <span class="sf sf-bookmark-o"></span><a href="{Permalink}">{NoteCount} notes</a>
  1653. </perma>
  1654. <rbandlike><div class="controls">
  1655. <a href="{ReblogURL}" target="_blank" class="reblog">
  1656. <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>
  1657. </a>
  1658. <a href="#" class="like">{LikeButton}
  1659. <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>
  1660. </a>
  1661. </div>
  1662. </rbandlike>
  1663. </div>
  1664. {/block:Date}
  1665.  
  1666.  
  1667. <!----------- BLOCKS----------->
  1668.  
  1669. {block:Link}
  1670. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1671. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1672. {/block:Link}
  1673.  
  1674. {block:Quote}
  1675. <div class="quotes">❝ {Quote} ❞</div>
  1676. {block:Source}<div class="source">↳ {Source}</div>{/block:Source}
  1677. {/block:Quote}
  1678.  
  1679. {block:Text}
  1680. {block:Title}
  1681. <div class="title">{Title}</div>{/block:Title}<div class="caption2">{Body}</div>
  1682. {/block:Text}
  1683.  
  1684. {block:Photo}
  1685. {LinkOpenTag}<img src="{PhotoURL-HighRes}" width="{select:post width}">{LinkCloseTag}
  1686. {block:Caption}
  1687. <div class="caption">{Caption}</div>
  1688. {/block:Caption}
  1689. {/block:Photo}
  1690.  
  1691. {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>
  1692. {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}
  1693. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}
  1694. {/block:Photoset}
  1695.  
  1696. {block:Video}
  1697. <div class="video">{Video-500}</div>
  1698. {block:Caption}
  1699. <div class="caption">{Caption}</div>
  1700. {/block:Caption}
  1701. {/block:Video}
  1702.  
  1703. {block:Audio}
  1704. <div class="audio">{AudioEmbed-640}</div>
  1705. {block:Caption}
  1706. <div class="caption">{Caption}</div>
  1707. {/block:Caption}
  1708. {/block:Audio}
  1709.  
  1710.  
  1711. {block:Answer}
  1712. <div class="questions">
  1713. <span>{Asker} asked:</span>
  1714. <br><div class="question">{Question}</div>
  1715. <div class="answered">{Answer}</div>
  1716. </div>
  1717. {/block:Answer}
  1718.  
  1719. {block:Chat}
  1720. {block:Title}
  1721. <h1>{Title}</h1>{/block:Title}<br>
  1722. <ul class="convo">
  1723. {block:Lines}<li class="line_{Alt} user_{UserNumber}">
  1724. {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1725. {Line}
  1726. {/block:Lines}</ul>
  1727. {/block:Chat}
  1728.  
  1729.  
  1730.  
  1731. <!----------- BOTTOM INFO----------->
  1732.  
  1733. {block:Date}
  1734. <div class="bottominfo">
  1735. <postauthor>
  1736. <img src="{PostAuthorPortraitURL-48}"> posted by&nbsp;<a href="{PostAuthorURL}">{PostAuthorName}</a>
  1737. </postauthor>
  1738.  
  1739. {block:RebloggedFrom}
  1740. <srcandvia>
  1741. <a href="{ReblogRootURL}" title="{ReblogRootName}"><span class="sf sf-exit-o"></span>src</a>
  1742. <a href="{ReblogParentURL}" title="{ReblogParentName}"><span class="sf sf-link-1-o"></span>via</a>
  1743. </srcandvia>
  1744. {/block:RebloggedFrom}
  1745. </div>
  1746. {/block:Date}
  1747.  
  1748.  
  1749.  
  1750. <!----------- TAGS----------->
  1751.  
  1752. {block:HasTags}
  1753. <div class="tags"><b>TAGGED AS:</b> {block:Tags}<a href="{TagUrl}">
  1754. {Tag}</a>
  1755. {/block:Tags}</div>
  1756. {/block:HasTags}
  1757. </div>
  1758. {/block:Posts}
  1759.  
  1760.  
  1761.  
  1762. <!----------- POST NOTES----------->
  1763.  
  1764. {block:PostNotes}
  1765. <div class="notesbox">
  1766. <div class="notes">
  1767. {PostNotes}
  1768. </div>
  1769. </div>
  1770. {/block:PostNotes}
  1771.  
  1772.  
  1773.  
  1774. <!----------- PAGINATION----------->
  1775.  
  1776. {block:Pagination}<div class="pagination">
  1777. {block:PreviousPage}<a href="{PreviousPage}" class="jump">BACK</a>{/block:PreviousPage}
  1778. {block:JumpPagination length="10"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1779. {block:NextPage}<a href="{NextPage}" class="jump">NEXT</a>{/block:NextPage}
  1780. </div>{/block:Pagination}
  1781.  
  1782. </div>
  1783.  
  1784. <!---------------CREDIT // DO NOT REMOVE OR ALTER PLS !! ------------------>
  1785.  
  1786. <div class="credit"><a href="https://astraeacodes.tumblr.com/">astraea</a></div>
  1787.  
  1788. </body>
  1789. </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!