API tools faq
paste
alicescreed

theme-bea

alicescreed
May 19th, 2020
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----------
  5. / 002. / persica
  6. by spectrumdesigns | tumblr.com
  7.  
  8. / terms. /
  9. do not steal codes/design
  10. do not use as a base
  11. do not claim as your own
  12.  
  13. / notice. /
  14. you may edit this theme as much as you want to.
  15. don't replace my credit.
  16. / credits. /
  17. icon font / saturnthms
  18. rezise video script / shythemes
  19. custom text reblog button / shythemes
  20. photoset margin tutorial / shythemes
  21. base code / dansmilth (pastebin)
  22. creative links / codrops
  23. tumblr controls / cyantists
  24. ------------>
  25.  
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="color:background" content="#ffffff"/>
  32. <meta name="color:text" content="#000000"/>
  33. <meta name="color:links" content="#626262"/>
  34. <meta name="color:link hover" content="#905976"/>
  35. <meta name="color:navigation" content="#000000"/>
  36. <meta name="color:nav links" content="#ffffff"/>
  37. <meta name="color:nav links hover" content="#d31e1e"/>
  38. <meta name="color:borders" content="#eeeeee"/>
  39. <meta name="color:question" content="#f8f8f8"/>
  40. <meta name="color:scrollbar" content="#000000"/>
  41. <meta name="color:scrollbar background" content="#ffffff"/>
  42. <meta name="color:sidebar" content="#ffffff"/>
  43. <meta name="color:sidebg" content="#000000"/>
  44. <meta name="color:sidetitles" content="#ffffff"/>
  45. <meta name="color:icons" content="#eeeeee"/>
  46. <meta name="color:content background" content="#f8f8f8"/>
  47. <meta name="color:posts background" content="#ffffff"/>
  48. <meta name="color:welcomemain" content="#000000"/>
  49. <meta name="color:welcomespan" content="#6262626"
  50. <meta name="color:welcometitle" content="#f8f8f8"/>
  51. <meta name="color:container" content="eeeeee"/>
  52.  
  53.  
  54. <meta name="image:header" content=""/>
  55. <meta name="image:welcomeside" content=""/>
  56. <meta name="image:background" content=""/>
  57.  
  58. <meta name="text:link 1 title" content="link"/>
  59. <meta name="text:link 1 url" content=""/>
  60. <meta name="text:link 2 title" content="link"/>
  61. <meta name="text:link 2 url" content=""/>
  62. <meta name="text:link 3 title" content="link"/>
  63. <meta name="text:link 3 url" content=""/>
  64. <meta name="text:link 4 title" content="link"/>
  65. <meta name="text:link 4 url" content=""/>
  66. <meta name="text:link 5 title" content="link"/>
  67. <meta name="text:link 5 url" content=""/>
  68. <meta name="text:link 6 title" content="link"/>
  69. <meta name="text:link 6 url" content=""/>
  70.  
  71.  
  72.  
  73. <!----------------SCRIPTS---------------->
  74. <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
  75.  
  76. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  77. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:200,
  85. tip_fade_speed:300
  86. });
  87. });
  88. })(jQuery);
  89. </script>
  90. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  91. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  92. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  93. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  94.  
  95. <style type="text/css">
  96.  
  97.  
  98.  
  99. ::-webkit-scrollbar {
  100. background-color: {color:scrollbar bg};
  101. height:8px;
  102. width:5px;
  103. }
  104.  
  105. ::-webkit-scrollbar-thumb:vertical {
  106. background: {color:scrollbar};
  107. height:150px;
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb:horizontal {
  111. background-color:{color:scrollbar bg};
  112. height:8px;
  113. }
  114.  
  115. ::selection{
  116. background:{color:sidebg};
  117. color:white;
  118. }
  119. #s-m-t-tooltip {
  120. max-width:300px;
  121. margin:15px;
  122. padding:5px;
  123. border:1px solid #eeeeee;
  124. border-radius:0px;
  125. background:#ffffff;
  126. color:{color:text};
  127. z-index:999999;
  128. font-size:7px;
  129. font-style:none;
  130. letter-spacing:2px;
  131. font-family:arial;
  132. text-transform:uppercase;
  133. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  134. }
  135.  
  136.  
  137. body {
  138. background:{color:background} fixed;
  139. background-image:{image:background};
  140. background-size:auto;
  141. background-repeat:no-repeat;
  142. color:{color:text};
  143. font-family:arial;
  144. font-size:10pt;
  145. line-height:150%;
  146. margin:0;
  147. text-align:left;
  148. }
  149.  
  150. small {
  151. font-size:11px;
  152. }
  153.  
  154. a {
  155. color:{color:links};
  156. transition:1s;
  157. -webkit-transition:1s;
  158. -moz-transition:1s;
  159. -o-transition:1s;
  160. text-decoration:none;
  161. }
  162.  
  163. b, strong {
  164. font-family: 'montserrat', sans-serif;
  165. color: #df6f36;
  166. }
  167.  
  168. a:hover {
  169. color:{color:link hover};
  170. transition:1s;
  171. -webkit-transition:1s;
  172. -moz-transition:1s;
  173. -o-transition:1s;
  174. }
  175.  
  176. img {
  177. opacity:1;
  178. max-width: auto;
  179. text-decoration:none;
  180. }
  181.  
  182. h1 {
  183. font-size:14px;
  184. font-weight:bold;
  185. line-height:150%;
  186. font-family: 'montserrat', sans-serif;
  187. text-transform:uppercase;
  188. }
  189.  
  190. h2 {
  191. font-size:16px;
  192. letter-spacing:2px;
  193. font-family: 'montserrat', sans-serif;
  194. text-decoration:italic;
  195. text-transform:uppercase;
  196. color:#2436a1;
  197. }
  198.  
  199. h3 {
  200. font-size:8px;
  201. font-family: 'montserrat', sans-serif;
  202. letter-spacing:2px;
  203. text-decoration:italic;
  204. text-transform:uppercase;
  205. color:#df6f36;
  206. }
  207.  
  208. h4 {
  209. color:#df6f36;
  210. font-size:8px;
  211. letter-spacing:2px;
  212. font-family: 'montserrat', sans-serif;
  213. text-decoration:italic;
  214. text-transform:uppercase;
  215. }
  216. blockquote {
  217. padding-left:10px;
  218. margin:10px;
  219. border-left:1px solid #eee;
  220. }
  221.  
  222. *,
  223. *:after,
  224. *::before {
  225. -webkit-box-sizing: border-box;
  226. -moz-box-sizing: border-box;
  227. box-sizing: border-box;
  228. }
  229.  
  230. body {
  231. font-family: 'Raleway', sans-serif;
  232. }
  233.  
  234. nav a {
  235. position: relative;
  236. display: inline-block;
  237. margin: 15px 25px;
  238. outline: none;
  239. color: #fff;
  240. text-decoration: none;
  241. text-transform: uppercase;
  242. letter-spacing: 1px;
  243. font-weight: 400;
  244. text-shadow: 0 0 1px rgba(255,255,255,0.3);
  245. font-size: 1.35em;
  246. }
  247.  
  248. nav a:hover,
  249. nav a:focus {
  250. outline: none;
  251. }
  252.  
  253. /* ----- welcome box -----*/
  254.  
  255.  
  256. .welcome {
  257. width: 600px;
  258. height: 240px;
  259. margin-top:-8px;
  260. margin-left:calc(50% - 550px);
  261. background:{color:welcomemain};
  262. position:relative;
  263.  
  264. }
  265. .welcome span {
  266. color: #fff;
  267. font-size:10pt;
  268. font-family: 'montserrat', sans-serif;
  269. padding-left:10px;
  270. overflow-y: auto;
  271. margin-left:45px;
  272. margin:20px;
  273. text-shadow:1px 1px 0px rgba(0,0,0,0.1)
  274. background:{color:welcomespan};
  275. width:550px;
  276. height:230px;
  277. position:absolute;
  278. z-index:1;
  279.  
  280.  
  281. }
  282. .welcometitle{
  283. background:{color:welcometitle};
  284. margin left: 50px;
  285. font-size:15px ;
  286. letter-spacing:3px;
  287. padding:30px;
  288. margin-top:-5px;
  289. padding-left:50px;
  290. text-transform:uppercase;
  291. font-weight:bolder;
  292. border-bottom:6px solid white;
  293. text-shadow:1px 1px 0px rgba(0,0,0,0.1);
  294. color:white;
  295. position:relative;
  296. }
  297.  
  298.  
  299.  
  300. .welcomeside {
  301. width:500px;
  302. height:230px;
  303. margin-left:600px;
  304. margin-top:-92px;
  305. position:relative;
  306. z-index:2;
  307. background:#fefefe;
  308. }
  309.  
  310. /* --- header --- */
  311.  
  312.  
  313. .header img {
  314. margin-bottom:10px;
  315. width:1100px;
  316. height:600px;
  317. margin-top:0px;
  318. margin-left:calc(50% - 550px);
  319. background:#eee;
  320. }
  321.  
  322.  
  323.  
  324. /* --- navigation --- */
  325.  
  326. .navigation {
  327. width:1100px;
  328. margin-top:0px;
  329. height:80px;
  330. margin-left:calc(50% - 550px);
  331. z-index:999999;
  332. background:{color:navigation};
  333. }
  334.  
  335.  
  336. .links {
  337. text-align:right;
  338. padding:30px;
  339. text-transform:uppercase;
  340. font-size:15px;
  341. font-weight:bold;
  342. }
  343.  
  344. .links a {
  345. color:{color:nav links};
  346. margin-right:40px;
  347. background:transparent;
  348. border:transparent;
  349. padding:10px;
  350. letter-spacing:2px;
  351. font-size:10px;
  352. line-height:12px;
  353. border-radius:3px;
  354. width:30px;
  355. }
  356.  
  357. .links a:hover {
  358. background: #fff;
  359. color:{color:nav links hover};
  360. }
  361.  
  362.  
  363.  
  364. /* ---- sidebar ----*/
  365.  
  366.  
  367.  
  368. .sidebar {
  369. position:absolute;
  370. width:250px;
  371. margin-top:50px;
  372. margin-left:40px;
  373.  
  374. }
  375. .sidebarright {
  376. position:absolute;
  377. width:250px;
  378. margin-top:50px;
  379. margin-left:750px;
  380.  
  381. }
  382.  
  383. .sidebox {
  384. padding:20px;
  385. margin-top:20px;
  386. margin-bottom:50px;
  387. background:white;
  388. border-radius:0px 3px 3px 0px;
  389. }
  390.  
  391. .sidetitle{
  392. text-transform:uppercase;
  393. font-size:15px;
  394. font-weight:bold;
  395. padding:10px;
  396. padding-top:35px;
  397. text-align:center;
  398. line-height:29px;
  399. margin-bottom:0px;
  400. color:{color:sidebar};
  401. height:100px;
  402. background:{color:sidebg};
  403. letter-spacing:2px;
  404. border-radius:3px;
  405. }
  406.  
  407.  
  408. .description {
  409. text-align:justify;
  410. padding:20px;
  411. margin:5px;
  412. margin-top:0px;
  413. font-size:12px;
  414. }
  415.  
  416.  
  417.  
  418.  
  419. /* --- site info ---- */
  420.  
  421.  
  422.  
  423. .site {
  424. letter-spacing:2px;
  425. text-transform:uppercase;
  426. font-size:8px;
  427. }
  428.  
  429. .site em {
  430. color:#ffb0b4;
  431. }
  432.  
  433.  
  434.  
  435. /* --- projects ---*/
  436. .projects {
  437. padding:5px;
  438. text-align:left;
  439. margin-top:0px;
  440.  
  441. }
  442.  
  443.  
  444. .projects img {
  445. padding:0px;
  446. width:80px;
  447. height:80px;
  448. border:2px solid {color:borders};
  449. margin-left:120px;
  450. border-radius:40px;
  451.  
  452. }
  453.  
  454. .ptitle {
  455. font-size:10px;
  456. letter-spacing:2px;
  457. text-transform:uppercase;
  458. color:#434343;
  459. border-bottom:2px solid {color:borders};
  460. margin-top:-50px;
  461. }
  462. .pinfo {
  463. height:100px;
  464. font-family: 'montserrat', sans-serif;
  465. margin-top:35px;
  466. letter-spacing:1px;
  467. padding-left:4px;
  468.  
  469. }
  470. .pinfo a {
  471. padding:10px;
  472. border:2px solid {color:borders};
  473. color:#434343;
  474. border-radius:3px;
  475. }
  476.  
  477. .pinfo a:hover {
  478. padding:10px;
  479. border:2px solid #ffb0b4;
  480. background:#ffb0b4;
  481. color:white;
  482. border-radius:3px;
  483. }
  484.  
  485.  
  486.  
  487.  
  488.  
  489. /* ---- schedule ---*/
  490. .date {
  491. float:left;
  492. padding:10px;
  493. margin-right:10px;
  494. text-transform:uppercase;
  495. font-weight:bold;
  496. color:{color:sidebg};
  497. font-size:8px;
  498. border-radius:3px;
  499. border:2px solid {color:borders};
  500. line-height:5px;
  501. }
  502.  
  503. .e {
  504. text-transform:uppercase;
  505. font-size:8px;
  506. letter-spacing:2px;
  507. color:{color:sidebg};
  508. margin-top:5px;
  509. line-height:10px
  510. }
  511.  
  512.  
  513.  
  514. /* --- affiliates ---*/
  515.  
  516.  
  517. .affiliates {
  518. width:300px;
  519. padding:5px;
  520. text-align:left;
  521. text-transform:uppercase;
  522. font-size:9px;
  523. letter-spacing:1px;
  524. margin-top:20px;
  525. }
  526.  
  527. .affiliates img {
  528. padding:2px;
  529. width:50px;
  530. height:50px;
  531.  
  532.  
  533. }
  534.  
  535.  
  536. /* --- side icons --- */
  537.  
  538. .sf {
  539. margin:10px;
  540. font-size:30px;
  541. color:white;
  542. background:{color:icons};
  543. padding:30px;
  544. border-radius:50px;
  545. margin-top:50px;
  546. border:5px solid white;
  547. }
  548.  
  549. /* --- official links icons ---*/
  550.  
  551. .sf-facebook {
  552. font-size:12px;
  553. padding:10px;
  554. border:transparent;
  555. }
  556.  
  557. .sf-instagram {
  558. font-size:12px;
  559. padding:10px;
  560. border:transparent;
  561. }
  562.  
  563. .sf-twitter {
  564. font-size:12px;
  565. padding:10px;
  566. border:transparent;
  567. }
  568.  
  569. .off a {
  570. font-family:'montserrat', sans-serif;
  571. border-bottom: 1px solid;
  572. }
  573.  
  574. .pinfo a {
  575. padding:10px;
  576. border:2px solid {color:borders};
  577. color:#434343;
  578. border-radius:3px;
  579. }
  580.  
  581. .pinfo a:hover {
  582. padding:10px;
  583. border:2px solid #ffb0b4;
  584. background:#ffb0b4;
  585. color:white;
  586. border-radius:3px;
  587. }
  588.  
  589.  
  590.  
  591. /* ----- pagination -----*/
  592.  
  593. #pagi {
  594. margin-top:20px;
  595. margin-left:calc(50% - 200px);
  596. text-transform:uppercase;
  597. font-size:12px;
  598. letter-spacing:3px;
  599. background:{color:sidebg};
  600. color:white;
  601. width:400px;
  602. height:30px;
  603. border-radius:3px;
  604. padding-top:20px;
  605. padding:5px;
  606. text-align:center;
  607. }
  608.  
  609. #pagi a:active {
  610. border-bottom:2px solid #eeeeee;
  611. }
  612. #pagi a {
  613. margin-top:40px;
  614. letter-spacing:2px;
  615. padding:5px;
  616. font-size: 12px;
  617. color:white;
  618. }
  619.  
  620. #pagi a:hover {
  621. color:white;
  622. }
  623.  
  624. /* ----- controls ----- */
  625.  
  626.  
  627. iframe.tmblr-iframe {
  628. opacity:0;
  629. display:none!important;}
  630.  
  631. .ccontrols {
  632. position:fixed;
  633. top:0;
  634. right:0;
  635. z-index:9999999999999;
  636. margin:4px;}
  637.  
  638. .ccontrols a {
  639. display:block;
  640. float:left;
  641. margin:4px!important;
  642. width:20px;
  643. height:20px;
  644. background:{color:navigation};
  645. padding:4px;}
  646.  
  647. .ccontrols a svg {
  648. width:13px;
  649. height:13px;}
  650.  
  651. .ccontrols a svg path {
  652. fill:#fff6f4;
  653. transition:all 0.6s ease-in-out;
  654. -webkit-transition:all 0.6s ease-in-out;
  655. -o-transition:all 0.6s ease-in-out;
  656. -moz-transition:all 0.6s ease-in-out;
  657. -ms-transition:all 0.6s ease-in-out;}
  658.  
  659. .ccontrols a:hover svg path {
  660. fill:#e6777d;
  661. background:white;
  662. transition:all 0.6s ease-in-out;
  663. -webkit-transition:all 0.6s ease-in-out;
  664. -o-transition:all 0.6s ease-in-out;
  665. -moz-transition:all 0.6s ease-in-out;
  666. -ms-transition:all 0.6s ease-in-out;}
  667.  
  668. {block:PermalinkPage}a.like, a.like .like_button {
  669. position:absolute;
  670. width:100%;
  671. height:100%;}
  672.  
  673. a.like .like_button iframe {
  674. position:absolute;
  675. top:10;
  676. left:0;
  677. bottom:0;
  678. right:0;
  679. z-index:2;
  680. opacity:0;}
  681.  
  682. a.like .liked + svg path {
  683. fill:red!important;}{/block:PermalinkPage}
  684.  
  685.  
  686. /* --- posts --- */
  687.  
  688. .container {
  689. width:1100px;
  690. min-height:2200px;
  691. margin-left:calc(50% - 550px);
  692. background:#eee;
  693. padding:20px;
  694. margin-top:-30px;
  695. z-index:4;
  696.  
  697. }
  698.  
  699.  
  700. .entries {
  701. margin-top:50px;
  702. width:440px;
  703. margin-left:300px;
  704. background:transparent;
  705.  
  706. }
  707.  
  708. .posts {
  709. width:440px;
  710. margin-bottom:6px;
  711. background:{color:posts background};
  712. padding:20px;
  713. }
  714.  
  715.  
  716. /* --- quotes ---*/
  717.  
  718. .quote {
  719. padding:10px;
  720. font-size:12px;
  721. text-align:justify;
  722. letter-spacing:1px;
  723. color:#282828;
  724. }
  725.  
  726. .quotesource {
  727. padding:10px;
  728. text-align:center;
  729. font-size:8px;
  730. letter-spacing:1px;
  731.  
  732.  
  733. }
  734.  
  735. /* --- chat ---*/
  736.  
  737. .chat {
  738. line-height:150%;
  739. list-style:none;
  740. }
  741.  
  742. .line.odd {
  743. padding:10px;
  744. background:#f8f8f8;
  745. }
  746.  
  747. .line.even {
  748. padding:10px;
  749. }
  750.  
  751. .label {
  752. text-transform:uppercase;
  753. font-size:10px;
  754. letter-spacing:1px;
  755. font-weight:bold;
  756. }
  757.  
  758. /* --- audio ---*/
  759.  
  760. .cover {
  761. position:relative;
  762. z-index:1;
  763. max-width:100px;
  764. padding:10px;
  765. float:left;
  766. }
  767.  
  768. .playbutton {
  769. width:30px;
  770. height:40px;
  771. overflow:hidden;
  772. position:relative;
  773. z-index:2;
  774.  
  775. }
  776.  
  777.  
  778. .playbox {
  779. background-color:#000;
  780. position:absolute;
  781. z-index:2;
  782. padding:8px;
  783. margin-top:30px;
  784. margin-left:30px;
  785. opacity:0.5;
  786. height:40px;
  787. }
  788.  
  789. .trackdetails {
  790. padding:10px;
  791. width:auto;
  792. height:100px;
  793. margin-top:10px;
  794. margin-left:100px;
  795. }
  796.  
  797. /* ----- ask -----*/
  798.  
  799. .question {
  800. padding:10px;
  801. background:{color:question};
  802. border-bottom:3px solid {color:sidebg};
  803. font-size:10px;
  804. letter-spacing:1px;
  805. }
  806.  
  807.  
  808. .asker {
  809. text-transform:uppercase;
  810. font-size:8px;
  811. letter-spacing:1px;
  812. }
  813. .asker a {
  814. background:{color:sidebg};
  815. font-size:8px;
  816. letter-spacing:1px;
  817. color:white;
  818. padding:10px;
  819. border-radius:3px;
  820.  
  821. }
  822. .answer {
  823. margin:10px;
  824.  
  825. }
  826.  
  827. /* ----- post-info -----*/
  828.  
  829. .info {
  830. text-transform:uppercase;
  831. padding:10px;
  832. background:transparent;
  833. width:440px;
  834. height:auto;
  835. margin-bottom:0px;
  836. background:white;
  837. border-bottom:1px solid {color:sidebg};
  838. color:{color:sidebg};
  839. margin-top:50px;
  840. font-size:8px;
  841. font-family: 'montserrat', sans-serif;
  842. letter-spacing:1px;
  843.  
  844. }
  845.  
  846. .info a {
  847. letter-spacing:2px;
  848. margin-left:5px;
  849. border-radius:3px;
  850. padding:10px;
  851. font-size:8px;
  852. color:{color:sidebg};
  853.  
  854. }
  855.  
  856. .tags {
  857. margin-left:0px;
  858. margin-top:5px;
  859. margin-bottom:70px;
  860.  
  861. }
  862.  
  863. .tags a {
  864. margin-right:10px;
  865. letter-spacing:1px;
  866. font-family: 'montserrat', sans-serif;
  867. margin-bottom:70px;
  868. color:{color:sidebg};
  869. font-size:8px;
  870. text-transform:uppercase;
  871. border-bottom:2px solid {color:sidebg};
  872. }
  873.  
  874. /* --- post notes ---*/
  875.  
  876. ol.notes {
  877. padding:0px;
  878. margin:25px 0px 0px -10px;
  879. list-style-type:none;
  880. }
  881.  
  882. ol.notes li.note {
  883. padding:10px;
  884. }
  885.  
  886. ol.notes li.note img.avatar {
  887. vertical-align:-4px;
  888. margin-right:10px;
  889. width:16px;
  890. height:16px;
  891. }
  892.  
  893. ol.notes li.note span.action {
  894. font-weight:none;
  895. }
  896.  
  897. ol.notes li.note .answer_content {
  898. font-weight:normal;
  899. }
  900.  
  901. ol.notes li.note blockquote {
  902. padding:4px 10px;
  903. margin:10px 0px 0px 25px;
  904. }
  905.  
  906. ol.notes li.note blockquote a {
  907. text-decoration:none;
  908. }
  909.  
  910. /* --- credit ---*/
  911.  
  912.  
  913. .credit {
  914. font-size:10px;
  915. position:fixed;
  916. font-weight:bold;
  917. bottom:5px;
  918. right:15px;
  919. z-index:10;
  920. text-align:right;
  921. letter-spacing:1px;
  922. padding:10px;
  923. }
  924.  
  925. .credit a {
  926. color:white;
  927. background:{color:sidebg};
  928. text-decoration:none;
  929. padding:10px;
  930. border-radius:2px;
  931.  
  932. }
  933.  
  934. .credit a:hover {
  935. color:{color:sidebg};
  936. background:white;
  937. border:1px solid {color:sidebg};
  938. border-radius:2px;
  939. text-decoration:none;
  940. }
  941.  
  942.  
  943.  
  944.  
  945. /* ----- search -----*/
  946.  
  947.  
  948.  
  949. .sfm input {
  950. background-color: {color:border};
  951. font-size: 8px;
  952. border: 0px;
  953. text-transform: uppercase;
  954. margin-top: 0px;
  955. color: {color:sidebg};
  956. letter-spacing: 1px;
  957. padding: 4px 10px;
  958. text-align:center;
  959. border-radius:3px;
  960.  
  961. }
  962. </style>
  963. </head>
  964.  
  965. <body>
  966.  
  967. <div class="credit">
  968. <a title="theme" href="https://spectrumdesigns.tumblr.com/" target="_blank">spctrm</a></div>
  969.  
  970. <div class="navigation">
  971.  
  972. <div class="links">
  973.  
  974. <a href="/">refresh</a>
  975. <a href="/faq">message</a>
  976. <a href="{text:link 1 url}">{text:link 1 title}</a>
  977. <a href="{text:link 2 url}">{text:link 2 title}</a>
  978. <a href="{text:link 3 url}">{text:link 3 title}</a>
  979. <a href="{text:link 4 url}">{text:link 4 title}</a>
  980. <a href="{text:link 5 url}">{text:link 5 title}</a>
  981. </div>
  982.  
  983.  
  984. </div>
  985.  
  986.  
  987.  
  988. <div class="header"><img src="{image:header}"></div>
  989. <div class="welcome">
  990. <div class="welcometitle"> <center><marquee scrolldelay="150">commissions are currently closed! </marquee></center></div>
  991. <span> {description} </span> <div class="welcomeside"><img src="{image:welcomeside}"/></div>
  992. </div>
  993.  
  994. <div class="container">
  995.  
  996. <div class="sidebar">
  997. <div class="sidetitle"><br><span class="sf sf-link-1-o"></span></div>
  998. <div class="sidebox">
  999.  
  1000. <div class="off">
  1001. <br><br><center>
  1002. <a href="http://ana-makes.tumblr.com">resource blog</a><br>
  1003. <a href="http://anacommissions.tumblr.com/tagged/finished">recently finished commissions</a><br>
  1004. <a href="https://anacommissions.tumblr.com/tagged/slots">latest slot openings</a><br>
  1005. <a href="https://ana.123guestbook.com/">customer reviews</a><br>
  1006. <a href="https://anacommissions.tumblr.com/tagged/free%20goodies">free goodies</a><br>
  1007. <a href="https://anacommissions.tumblr.com/tagged/exclusive%20goodies">paid goodies</a><br>
  1008. <a href="https://payhip.com/anacommissions">payhip page</a><br>
  1009. <a href="https://anacommissions.tumblr.com/tagged/updates">general updates</a>
  1010. </center> <br><br>
  1011. </div>
  1012. </div>
  1013.  
  1014.  
  1015. <!-- UPCOMING EVENTS -->
  1016. <div class="sidetitle"><br><span class="sf sf-calendar-o"></span> </div>
  1017. <div class="sidebox">
  1018. <br>
  1019.  
  1020. <div class="date">March 19 2018</div><div class="e">Blog opens.</div><br>
  1021. <br>
  1022.  
  1023. <div class="date">March 2 2019</div><div class="e">Blog moves @anacommissions.</div><br>
  1024.  
  1025. <div class="date">March 19 2020</div><div class="e">2 year anniversary</div><br>
  1026.  
  1027. <div class="date">March 28 2020</div><div class="e">Ana-Makes launches</div><br>
  1028.  
  1029. <br>
  1030.  
  1031. </div>
  1032.  
  1033. <div class="sidetitle"><br><span class="sf sf-search-o"></span></div>
  1034. <div class="sidebox"> <br>
  1035. <center>
  1036. <form action="/search" method="get" class="sfm">
  1037. <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  1038. <input type="submit" value="Search" id="sb"/>
  1039. </form>
  1040.  
  1041. </center>
  1042.  
  1043.  
  1044. </div>
  1045.  
  1046. </div>
  1047. <div class="sidebarright">
  1048.  
  1049.  
  1050.  
  1051.  
  1052.  
  1053. <!-- PROJECTS -->
  1054. <div class="sidetitle"><Br><span class="sf sf-video-o"></span></div>
  1055. <div class="sidebox">
  1056.  
  1057.  
  1058.  
  1059. <div class="projects">
  1060. <img src="https://i.imgur.com/3cg3LeU.png">
  1061. <div class="ptitle"> dash graphics</div>
  1062. <div class="pinfo"> <b>$12</b> — promo, mobile header, 3 dash icons </div>
  1063.  
  1064. <img src="https://i.imgur.com/wUQXIoM.png">
  1065. <div class="ptitle"> theme package</div>
  1066. <div class="pinfo"> <b>$25</b> — theme, mobile header, 3 dash icons </div>
  1067.  
  1068. <img src="https://i.imgur.com/XCMhPWS.png">
  1069. <div class="ptitle"> mega package</div>
  1070. <div class="pinfo"> <b>$30</b> — theme, promo, mobile header, 3 dash icons </div>
  1071.  
  1072. </div></div>
  1073.  
  1074.  
  1075. <!-- AFFILIATES -->
  1076. <div class="sidetitle"><br><span class="sf sf-group-1-o"></span></div>
  1077. <div class="sidebox">
  1078.  
  1079.  
  1080. <div class="affiliates">
  1081.  
  1082. <a href="http://genecommissions.tumblr.com" title="genecommissions"><img src="https://i.imgur.com/9TYFBBp.png"/></a>
  1083. <a href="http://glimmer-arts.tumblr.com" title="glimmer-arts"><img src="https://i.imgur.com/9rJhgK3.png"/></a>
  1084. <a href="http://cerberuscommissions.tumblr.com" title="cerberuscommissions"><img src="https://i.imgur.com/HciD7Zt.png"/></a>
  1085. <a href="http://sugardesigns.tumblr.com" title="sugardesigns"><img src="https://i.imgur.com/Ov4gCee.png"/></a><br>
  1086. <a href="/faq" title="you?"><img src="https://i.imgur.com/T0N4gSh.png"/></a> <a href="/faq" title="you?"><img src="https://i.imgur.com/T0N4gSh.png"/></a> <a href="/faq" title="you?"><img src="https://i.imgur.com/T0N4gSh.png"/></a> <a href="/faq" title="you?"><img src="https://i.imgur.com/T0N4gSh.png"/></a>
  1087.  
  1088.  
  1089.  
  1090. </div>
  1091. </div>
  1092.  
  1093.  
  1094. <div class="sidetitle"><br><span class="sf sf-graph-3"></span></div>
  1095. <div class="sidebox">
  1096. <div class="site">
  1097. <b> about: Ana Commissions is a resource and commissions blog dedicated to the roleplay community.</b> <br>
  1098. <b> established:</b> March 19, 2018<br>
  1099. <b> online:</b> <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5616715";
  1100. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1101. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=online user&e2=online users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1102. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1103. </script><br>
  1104. <b> hits:</b> <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3337109";
  1105. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=visits&a=1";
  1106. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1107. </script><p>
  1108.  
  1109. <a href='https://ko-fi.com/U7U8ATUI' target='_blank'><img height='36' style='border:0px;height:36px;' src='https://az743702.vo.msecnd.net/cdn/kofi3.png?v=2' border='0' alt='Buy Me a Coffee at ko-fi.com' /></a>
  1110. </div>
  1111. </div>
  1112.  
  1113.  
  1114.  
  1115.  
  1116. </div>
  1117.  
  1118. <div class="entries">
  1119.  
  1120. {block:Posts}
  1121. <div class="info">
  1122. {block:Date}
  1123. <b><a href="{Permalink}" title="{TimeAgo}"> {Dayofmonth}{DayOfMonthSuffix} {month}</b></a>
  1124. {/block:Date}
  1125.  
  1126. &nbsp;&nbsp;
  1127. <a href="{Permalink}">{NoteCount}</a>
  1128. &nbsp;&nbsp;
  1129. posted by {PostAuthorName}
  1130.  
  1131. <font style="float:right">
  1132. {block:RebloggedFrom}
  1133. <a href="{ReblogParentURL}" title="{ReblogParentName}"> rb </a>
  1134. {block:ContentSource}
  1135. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}"> src</a>
  1136. {/block:ContentSource}
  1137. {/block:RebloggedFrom}
  1138. </font style>
  1139. </div>
  1140. <div class="posts">
  1141.  
  1142. {block:Text}
  1143. <h1>{block:Title}{Title}{/block:Title}</h1>
  1144. {Body}{/block:Text}
  1145.  
  1146.  
  1147. {block:Photo}
  1148. {LinkOpenTag}<img src="{PhotoURL-400}" style="width:400px;height:auto;">{LinkCloseTag}
  1149. {block:Caption}{Caption}{/block:Caption}
  1150. {/block:Photo}
  1151.  
  1152.  
  1153. {block:Photoset}
  1154. <div class="photo-slideshow" id="photoset_posts" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-400}" 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>
  1155. {block:Caption}{Caption}{/block:Caption}
  1156. {/block:Photoset}
  1157.  
  1158.  
  1159. {block:Quote}
  1160. <div class="quote">"{Quote}"</div>
  1161. {block:Source}<div class="quotesource"> — {Source}</div>
  1162. {/block:Source}{/block:Quote}
  1163.  
  1164.  
  1165. {block:Link}
  1166. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1167. {block:Description}{Description}{/block:Description}
  1168. {/block:Link}
  1169.  
  1170.  
  1171. {block:Chat}
  1172. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1173. {/block:Chat}
  1174.  
  1175.  
  1176. {block:Audio}
  1177.  
  1178. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1179.  
  1180. {block:AlbumArt}
  1181. <img src="{AlbumArtURL}" class="cover">
  1182. {/block:AlbumArt}
  1183.  
  1184.  
  1185. <div class="trackdetails"><br>
  1186. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1187.  
  1188. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1189.  
  1190. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1191.  
  1192.  
  1193. {block:Caption}
  1194. <div class="caption">{Caption}</div>
  1195. {/block:Caption}
  1196. {/block:Audio}
  1197.  
  1198.  
  1199. {block:Video}
  1200. {Video-400}
  1201. {block:Caption}{Caption}{/block:Caption}
  1202. {/block:Video}
  1203.  
  1204.  
  1205. {block:Answer}<div class="asker"><b>{Asker} &nbsp;sent a message</b></div> <br>
  1206. <div class="question">
  1207.  
  1208. {Question}</div>
  1209. <div class="answer">
  1210. {Answer}</div>
  1211. {/block:Answer}
  1212.  
  1213.  
  1214.  
  1215. </div>
  1216.  
  1217.  
  1218.  
  1219.  
  1220. {block:HasTags}
  1221. <div class="tags">
  1222. {block:Tags}
  1223. <a href="{TagURL}">{Tag}</a>
  1224. {/block:Tags}
  1225. </div>
  1226. {/block:HasTags}
  1227.  
  1228.  
  1229.  
  1230. {block:PostNotes}
  1231. {PostNotes}
  1232. {/block:PostNotes}
  1233. {/block:Posts}</div>
  1234. <br><br>
  1235. <div id="pagi">
  1236. {block:IndexPage}
  1237. <div id="pagination">
  1238. {block:Pagination}
  1239. {block:JumpPagination length="5"}
  1240. {block:CurrentPage}
  1241. <span class="current_page">{PageNumber}</span>
  1242. {/block:CurrentPage}
  1243. {block:JumpPage}
  1244. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1245. {/block:JumpPage}
  1246. {/block:JumpPagination}
  1247. {/block:Pagination}
  1248. {/block:IndexPage}
  1249. </div>
  1250. <br><br>
  1251.  
  1252. {block:ContentSource}
  1253. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1254. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1255. {/block:SourceLogo}
  1256. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1257. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1258. <script>
  1259. $(document).ready(function(){
  1260. $('.photo-slideshow').pxuPhotoset({
  1261. lightbox: true,
  1262. rounded: false,
  1263. gutter: '2px',
  1264. borderRadius: '0px',
  1265. photoset: '.photo-slideshow',
  1266. photoWrap: '.photo-data',
  1267. photo: '.pxu-photo'
  1268. });
  1269. });
  1270. </script>
  1271. <div class="ccontrols">
  1272. {block:PermalinkPage}{block:Posts}{block:Date}<a href="#"class="like" title="like">{LikeButton}<svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/></svg></a>
  1273. <a href="{ReblogURL}" title="reblog"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M36.7,39.9c-0.4-3.3,1.9-6.3,5.2-6.7c3.3-0.4,6.3,1.9,6.7,5.2l3.6,27.9c13.6-20.2,36.6-32.7,61.4-32.7c31.6,0,59.7,20.1,70,49.9c1.1,3.1-0.6,6.5-3.7,7.6c-0.6,0.2-1.3,0.3-2,0.3c-2.5,0-4.8-1.6-5.7-4c-8.6-25-32.2-41.8-58.6-41.8c-21.6,0-41.7,11.4-52.9,29.6l30-3.4c3.3-0.4,6.3,2,6.6,5.3s-2,6.3-5.3,6.6l-43.2,4.9c-0.2,0-0.5,0-0.7,0c-3,0-5.6-2.2-5.9-5.2L36.7,39.9z M185.3,120.2l-43.2,4.9c-3.3,0.4-5.7,3.3-5.3,6.6s3.3,5.7,6.6,5.3l26.1-2.9c-10.2,21.5-31.9,35.4-56,35.4c-27.1,0-51.5-18.1-59.3-44c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c4.5,14.9,13.9,28.3,26.3,37.7c12.9,9.7,28.3,14.9,44.5,14.9c29.6,0,56.1-17.6,67.8-44.3l4.2,33.3c0.4,3,3,5.2,5.9,5.2c0.3,0,0.5,0,0.8,0c3.3-0.4,5.6-3.4,5.2-6.7l-5.6-43.5C191.5,122.2,188.6,119.9,185.3,120.2z"/></svg></a>
  1274. <a href="{EmbedUrl}" target="_blank" title="embed"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M140.7,27H72c-3.3,0-6,2.7-6,6v26H40c-3.3,0-6,2.7-6,6v122c0,3.3,2.7,6,6,6h101c3.3,0,6-2.7,6-6v-27h25c3.3,0,6-2.7,6-6V64.5c0-1.6-0.6-3.1-1.7-4.2L145,28.8C143.9,27.6,142.3,27,140.7,27z M135,181H46V71h20v83c0,3.3,2.7,6,6,6h63V181z M78,148V39h52v34c0,3.3,2.7,6,6,6h30v69H78z M166,67h-24V42.8L166,67L166,67z"/></svg></a>
  1275. {/block:Date}{/block:Posts}{/block:PermalinkPage}<a href="https://tumblr.com/follow/{Name}" title="follow"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M129.5,38h-43c-3.6,0-6.5,2.9-6.5,6.5V81H43.5c-3.6,0-6.5,2.9-6.5,6.5v42c0,3.6,2.9,6.5,6.5,6.5H80v36.5c0,3.6,2.9,6.5,6.5,6.5h43c3.6,0,6.5-2.9,6.5-6.5V136h35.5c3.6,0,6.5-2.9,6.5-6.5v-42c0-3.6-2.9-6.5-6.5-6.5H136V44.5C136,40.9,133.1,38,129.5,38z M165,94v29h-35.5c-3.6,0-6.5,2.9-6.5,6.5V166H93v-36.5c0-3.6-2.9-6.5-6.5-6.5H50V94h36.5c3.6,0,6.5-2.9,6.5-6.5V51h30v36.5c0,3.6,2.9,6.5,6.5,6.5H165z"/></svg></a>
  1276. <a href="https://www.tumblr.com/message/{Name}" target="_blank" title="message"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M190.3,118.1c0-22.4-19.7-41.9-47.2-47c-2.6-24.7-28.9-44.3-60.9-44.3c-33.7,0-61.1,21.6-61.1,48.2c0,13.5,7,26.1,19.3,35.2l-4.1,23c-0.4,2.3,0.5,4.6,2.4,5.9c1,0.8,2.3,1.1,3.5,1.1c1,0,2-0.2,2.8-0.7l24-12.9c5.2,22.5,30.2,39.6,60.1,39.6c2.1,0,4.2-0.1,6.3-0.3l30.9,16.6c0.9,0.5,1.9,0.7,2.8,0.7c1.2,0,2.5-0.4,3.5-1.1c1.9-1.3,2.8-3.6,2.4-5.9l-4.1-23C183.4,144.3,190.3,131.6,190.3,118.1zM50.2,102.5c-10.9-6.9-17.1-16.9-17.1-27.4c0-20,22-36.2,49.1-36.2s49.1,16.2,49.1,36.2s-22,36.2-49.1,36.2c-2.2,0-4.6-0.1-6.9-0.4c-1.2-0.1-2.4,0.1-3.5,0.7l-21.6,11.6l2.6-14.6C53.3,106.2,52.3,103.8,50.2,102.5zM161.2,145.5c-2,1.3-3.1,3.7-2.7,6.1l2.6,14.6l-21.6-11.6c-1.1-0.6-2.3-0.8-3.5-0.7c-2.3,0.2-4.7,0.4-6.9,0.4c-24.7,0-45.2-13.5-48.6-31c0.5,0,1.1,0,1.6,0c30.2,0,55.3-17.4,60.2-40.1c21,4.3,35.9,18.7,35.9,34.9C178.3,128.6,172.1,138.6,161.2,145.5z"/></svg></a>
  1277. <a href="https://tumblr.com/dashboard" target="_blank" title="dashboard"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M197.8,112.4l-86.2-82c-2.4-2.2-6.1-2.2-8.4,0.1l-82.5,82.3c-1.7,1.7-2.2,4.3-1.3,6.5c0.9,2.2,3.1,3.7,5.5,3.7h23v56c0,3.3,2.7,6,6,6h35c3.3,0,6-2.7,6-6v-44h25v44c0,3.3,2.7,6,6,6h36c3.3,0,6-2.7,6-6v-56h26c0,0,0,0,0,0c3.3,0,6-2.7,6-6C200,115.1,199.2,113.5,197.8,112.4zM162,111c-3.3,0-6,2.7-6,6v56h-24v-44c0-3.3-2.7-6-6-6H89c-3.3,0-6,2.7-6,6v44H60v-56c0-3.3-2.7-6-6-6H39.5l68.1-67.9L179,111H162z"/></svg></a></div>
  1278. </body>
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!