zeeyico

BABY DONT STOP theme #001

Mar 6th, 2018
956
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 39.04 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-- “BABY DON’T STOP” theme by partycity.tumblr.com
  5.  
  6.     TERMS
  7.     1. Do not move or remove the credit.
  8.     2. Do not tell people you made it.
  9.     3. Do not redistribute. At all.
  10.     4. Do not take parts of my code and put them in other themes. Even the updates tab. Do not do it. I will know.
  11.     5. Do not use as your own base code, even with credit. I may release a base code at some point.
  12.     6. Like or reblog the post if you use.
  13.     7. Contact me @aphronysus if you have any problems, questions, or requests for a new code to release.
  14.        
  15.     CREDITS
  16.      • icons =              saturnthms.tumblr.com
  17.      • tooltips =         manos.malihu.gr
  18.      • hover effects =      tympanus.net/codrops
  19.                             ianlunn.github.io/Hover
  20.      • tumblr controls
  21.           tutorial =        cyantists.tumblr.com
  22.                            
  23.     Thanks for using my theme!      Zeek (@aphronysus)  -->
  24.  
  25. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  26. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
  27.  
  28. <head><title>{Title}</title>
  29. <link rel="shortcut icon" href="{FavIcon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33. <meta name="image:bg" content=""/>
  34. <meta name="image:icon" content=""/>
  35.  
  36. <meta name="color:bg" content="#ffffff"/>
  37. <meta name="color:container bg" content="#d7d7d7"/>
  38. <meta name="color:posts" content="#efefef"/>
  39. <meta name="color:update icon" content="#000000"/>
  40. <meta name="color:description" content="#767676"/>
  41. <meta name="color:text" content="#767676"/>
  42. <meta name="color:links" content="#4c4c4c"/>
  43. <meta name="color:links hover" content="#c9c9c9"/>
  44. <meta name="color:accent1" content="#000000"/>
  45. <meta name="color:accent2" content="#a8a8a8"/>
  46. <meta name="color:border" content="#c9c9c9"/>
  47. <meta name="color:tags" content="#c6c6c6"/>
  48.  
  49. <meta name="select:Posts" content="lighter" title="lighter than container">
  50. <meta name="select:Posts" content="darker" title="darker than container">
  51.  
  52. <meta name="if:FadedImages" content="1">
  53. <meta name="if:GrayscaleImages" content="1">
  54. <meta name="if:UpdatesTab" content="1">
  55.  
  56. <meta name="text:inbox" content="00"/>
  57. <meta name="text:replies" content="00"/>
  58. <meta name="text:starters" content="00"/>
  59. <meta name="text:title" content="title"/>
  60. <meta name="text:description" content="write description here. it scrolls. lyrics maybe?"/>
  61. <meta name="text:link 5 title" content=""/>
  62. <meta name="text:link 5 url" content="/"/>
  63.  
  64. <link href='https://fonts.googleapis.com/css?family=Karla:400,300,700,400italic,300italic' rel='stylesheet' type='text/css'>
  65.  
  66. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  67. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  68. <link rel="stylesheet" href="https://static.tumblr.com/hd3th13/WKLoyacfv/hover-min.css">
  69.  
  70. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  71. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
  72. <script type="text/javascript">
  73.     function toggle_visibility(id) {
  74.        var e = document.getElementById(id);
  75.        if(e.style.display == 'block')
  76.           e.style.display = 'none';
  77.        else
  78.           e.style.display = 'block';
  79.     }
  80. </script>
  81.  
  82. <script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
  83. <script>
  84. $(document).ready(function(){
  85.     $(".linkz").click(function(){
  86.        $("#linkz").fadeToggle();
  87.        $(" #skel ").fadeOut();
  88.     });
  89.     $(".skel").click(function(){
  90.        $("#skel").fadeToggle();
  91.        $(" #linkz ").fadeOut();
  92.     });
  93. });
  94. </script>
  95.  
  96. <script type="text/javascript">
  97.     jQuery(document).ready(function() {
  98.         jQuery(".und").hide();
  99.         jQuery(".cthrough").click(function(){
  100.             jQuery(this).next(".und").slideToggle(500);
  101. });});
  102. </script>
  103.  
  104. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  105. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  106. <script>
  107. (function($){
  108. $(document).ready(function(){
  109. $("[title]").style_my_tooltips({
  110. tip_follows_cursor:true,
  111. tip_delay_time:100,
  112. tip_fade_speed:200
  113. });
  114. });
  115. })(jQuery);
  116. </script>
  117.  
  118. <style type="text/css">
  119.  
  120. iframe.tmblr-iframe {
  121.     z-index:99999999999999!important;
  122.     top:0!important;
  123.     right:0!important;
  124.     opacity:0.5;
  125.     /* delete invert(1) from here */
  126.         filter:invert(1) contrast(150%);
  127.         -webkit-filter:invert(1) contrast(150%);
  128.         -o-filter:invert(1) contrast(150%);
  129.         -moz-filter:invert(1) contrast(150%);
  130.         -ms-filter:invert(1) contrast(150%);
  131.     /* to here if your blog has a dark background */
  132.     transform:scale(0.65);
  133.     transform-origin:100% 0;
  134.     -webkit-transform:scale(0.65);
  135.     -webkit-transform-origin:100% 0;
  136.     -o-transform:scale(0.65);
  137.     -o-transform-origin:100% 0;
  138.     -moz-transform:scale(0.65);
  139.     -moz-transform-origin:100% 0;
  140.     -ms-transform:scale(0.65);
  141.     -ms-transform-origin:100% 0;
  142.     -webkit-transition: all 0.5s ease;
  143.     -moz-transition: all 0.5s ease;
  144.     -ms-transition: all 0.5s ease;
  145.     -o-transition: all 0.5s ease;
  146.     transition: all 0.5s ease;}
  147.  
  148. iframe.tmblr-iframe:hover {
  149.     opacity:0.7!important;
  150.     -webkit-transition: all 0.5s ease;
  151.     -moz-transition: all 0.5s ease;
  152.     -ms-transition: all 0.5s ease;
  153.     -o-transition: all 0.5s ease;
  154.     transition: all 0.5s ease;}
  155.  
  156. @font-face { font-family: "Musiques"; src: url('https://dl.dropboxusercontent.com/s/jif7rq9h857gutj/Musiques.otf'); }
  157.  
  158. @font-face { font-family: "quote"; src: url('https://dl.dropboxusercontent.com/s/vufqf5lemq7wug2/Peyton%20Script.otf'); }
  159.  
  160. #s-m-t-tooltip {
  161.     max-width: 200px;
  162.     background: {color:accent2};
  163.     color: white;
  164.     z-index: 999999;
  165.     margin: 12px 5px -2px 12px;
  166.     font-size: 9px;
  167.     padding: 5px 8px;
  168.     font-family: 'Karla', calibri, sans-serif;
  169.     font-weight: bold;
  170.     text-transform: uppercase;
  171.     text-align: center;
  172.     line-height: 125%;
  173. }
  174.  
  175. ::selection {
  176.     background: {color:accent2};
  177.     color: {color:bg};
  178. }
  179. ::-moz-selection {
  180.     background: {color:accent2};
  181.     color: {color:bg};
  182. }
  183. ::-webkit-selection {
  184.     background: {color:accent2};
  185.     color: {color:bg};
  186. }
  187. ::-webkit-selection {
  188.     background: {color:accent2};
  189.     color: {color:bg};
  190. }
  191.  
  192. ::-webkit-scrollbar {
  193.     width: 11px;
  194.     height: 11px;
  195.     background: {color:accent2};
  196.    
  197. }
  198. ::-webkit-scrollbar-thumb {
  199.     background: {color:accent1};
  200. }
  201. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
  202.     border: 5px solid {color:container bg};
  203. }
  204. ::-webkit-scrollbar-corner {
  205.     background-color: transparent;    
  206. }
  207.  
  208. html, body {
  209.     height: 100%;
  210. }
  211.  
  212. body {
  213.     background: {color:bg} url({image:bg}) no-repeat center;
  214.     background-size: cover;
  215.     color: {color:text};
  216.     font-family: 'Karla', calibri, sans-serif;
  217.     font-size: 10px;
  218.     margin: 0;
  219.     -webkit-font-smoothing: antialiased;
  220.     font-smoothing: antialiased;
  221.     overflow-x: hidden;
  222. }
  223.  
  224. small, sub, sup {
  225.     font-size: 10px;    
  226. }
  227.  
  228. b, strong, i, em, u, s, strike {
  229.     font-family: 'Karla', calibri, sans-serif;
  230.     color: {color:accent1};
  231.     letter-spacing: 1px;
  232.     font-size: 12px;
  233.     line-height: 11px;
  234. }
  235.  
  236. i, em, s, strike {
  237.     color: {color:accent1};
  238.     font-weight: bold;
  239.     letter-spacing: 0px;
  240. }
  241.  
  242. blockquote {
  243.     padding-top: 1px;
  244.     padding-bottom: 1px;
  245.     padding-left: 10px;
  246.     border-left: 1px solid {color:border};
  247.     margin: 7px;
  248. }
  249.  
  250. hr {
  251.     border: 0;
  252.     height: 1px;
  253.     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(201, 201, 201, 0.9), rgba(0, 0, 0, 0));
  254.     margin: 10px auto 15px;
  255. }
  256.  
  257. a {
  258.     color: {color:links};
  259.     text-decoration: none;
  260.     -webkit-transition: all 0.5s ease;
  261.     -moz-transition: all 0.5s ease;
  262.     -ms-transition: all 0.5s ease;
  263.     -o-transition: all 0.5s ease;
  264.     transition: all 0.5s ease;
  265. }
  266.  
  267. a:hover {
  268.     text-decoration: none;
  269.     color: {color:links hover};
  270.     -webkit-transition: all 0.5s ease;
  271.     -moz-transition: all 0.5s ease;
  272.     -ms-transition: all 0.5s ease;
  273.     -o-transition: all 0.5s ease;
  274.     transition: all 0.5s ease;
  275. }
  276.  
  277. h1 {
  278.     font-weight: bold;
  279.     font-size: 54px;
  280.     text-align: center;
  281.     color: {color:accent1};
  282.     font-family: musiques, helvetica, sans-serif;
  283.     margin: 5px 0 2px;
  284.     letter-spacing: 1px;
  285.     text-shadow: 1px 1px 0 {color:text};
  286. }
  287.  
  288. h2 {
  289.     font-weight: bold;
  290.     text-transform: uppercase;
  291.     color: {color:accent1};
  292.     font-size: 36px;
  293.     line-height: 120%;
  294.     text-align: center;
  295.     text-shadow: 1px 1px 0 {color:text};
  296. }
  297.  
  298. h2 small {
  299.     font-size: smaller;
  300. }
  301.  
  302. h4 {
  303.     font-weight: bold;
  304.     text-transform: uppercase;
  305.     color: {color:accent1};
  306.     font-size: 14px;
  307.     text-align: center;
  308.     line-height: 120%;
  309.     margin: 10px 0;
  310.     text-shadow: 1px 1px 0 {color:text};
  311. }
  312.  
  313. pre {
  314.     font-size: 10px;
  315.     background-color: {color:accent2};
  316.     color: {color:posts};
  317.     white-space: pre-wrap;
  318.     white-space: -moz-pre-wrap;
  319.     white-space: -pre-wrap;
  320.     white-space: -o-pre-wrap;
  321.     word-wrap: break-word;
  322.     padding: 5px;
  323.     line-height: 125%;
  324. }
  325.  
  326. ul {  
  327.     list-style-type: none;
  328.     margin-left: 3em;
  329.     padding-left: 10px;
  330.     line-height: 125%;
  331. }
  332.  
  333. ul > li:before {
  334.     content: '─';
  335.     display: inline-block;
  336.     font-size: 0.8em;
  337.     width: 2em;
  338.     margin-left: -2.1em;
  339. }
  340.  
  341. ul.stats strong {
  342.     font-family: Karla, calibri, sans-serif;
  343.     font-size: 12px;
  344.     font-weight: bold;
  345.     margin-right: 5px;
  346. }
  347.  
  348. #container {
  349.     position: fixed;
  350.     top: 50%;
  351.     left: 50%;
  352.     height: 430px;
  353.     width: 480px;
  354.     margin-top: -225px;
  355.     margin-left: -100px;
  356.     background: {color:container bg};
  357. }
  358.  
  359. .posts {
  360.     width: 455px;
  361.     height: 420px;
  362.     margin-top: 5px;
  363.     margin-left: 10px;
  364.     padding-right: 10px;
  365.     overflow-x: hidden;
  366.     overflow-y: auto;
  367.     position: absolute;
  368. }
  369.  
  370. .post {
  371.     padding: 20px;
  372.     width: 400px;
  373.     margin-top: 25px;
  374.     text-align: justify;
  375.     margin-bottom: 35px;
  376.     -webkit-border-radius: 25px;
  377.     border-radius: 25px;
  378.     -webkit-transition: all 1s ease;
  379.     -moz-transition: all 1s ease;
  380.     -ms-transition: all 1s ease;
  381.     -o-transition: all 1s ease;
  382.     transition: all 1s ease;
  383. }
  384.  
  385. .post a {
  386.     letter-spacing: 0px;
  387.     font-weight: 900;
  388.     text-shadow: 0 0 4px rgba(45,45,45,0.6);
  389. }
  390.  
  391. .lighter {
  392.     background: rgba(256,256,256,0.6);
  393. }
  394.  
  395. .darker {
  396.     background: rgba(0,0,0,0.3);
  397. }
  398.  
  399. {block:ifFadedImages}
  400. .faded img {
  401.     -webkit-transition: all 1s ease;
  402.     -moz-transition: all 1s ease;
  403.     -ms-transition: all 1s ease;
  404.     -o-transition: all 1s ease;
  405.     transition: all 1s ease;
  406.     opacity: 0.6;    
  407. }
  408.  
  409. .faded img:hover {
  410.     -webkit-transition: all 1s ease;
  411.     -moz-transition: all 1s ease;
  412.     -ms-transition: all 1s ease;
  413.     -o-transition: all 1s ease;
  414.     transition: all 1s ease;
  415.     opacity: 1;    
  416. }
  417.  
  418. .photo-slideshow {
  419.     -webkit-transition: all 1s ease;
  420.     -moz-transition: all 1s ease;
  421.     -ms-transition: all 1s ease;
  422.     -o-transition: all 1s ease;
  423.     transition: all 1s ease;
  424.     opacity: 0.6;    
  425. }
  426.  
  427. .photo-slideshow:hover {
  428.     -webkit-transition: all 1s ease;
  429.     -moz-transition: all 1s ease;
  430.     -ms-transition: all 1s ease;
  431.     -o-transition: all 1s ease;
  432.     transition: all 1s ease;
  433.     opacity: 1;    
  434. }
  435. {/block:ifFadedImages}
  436.  
  437. {block:ifGrayscaleImages}
  438. .gray img {
  439.     -webkit-transition: all 1s ease;
  440.     -moz-transition: all 1s ease;
  441.     -ms-transition: all 1s ease;
  442.     -o-transition: all 1s ease;
  443.     transition: all 1s ease;
  444.     -webkit-filter: grayscale(100%);
  445.     filter: grayscale(100%);
  446. }
  447.  
  448. .gray img:hover {
  449.     -webkit-transition: all 1s ease;
  450.     -moz-transition: all 1s ease;
  451.     -ms-transition: all 1s ease;
  452.     -o-transition: all 1s ease;
  453.     transition: all 1s ease;
  454.     -webkit-filter: grayscale(0%);
  455.     filter: grayscale(0%);
  456. }
  457.  
  458. .photo-slideshow {
  459.     -webkit-transition: all 1s ease;
  460.     -moz-transition: all 1s ease;
  461.     -ms-transition: all 1s ease;
  462.     -o-transition: all 1s ease;
  463.     transition: all 1s ease;
  464.     -webkit-filter: grayscale(100%);
  465.     filter: grayscale(100%);
  466. }
  467.  
  468. .photo-slideshow:hover {
  469.     -webkit-transition: all 1s ease;
  470.     -moz-transition: all 1s ease;
  471.     -ms-transition: all 1s ease;
  472.     -o-transition: all 1s ease;
  473.     transition: all 1s ease;
  474.     -webkit-filter: grayscale(0%);
  475.     filter: grayscale(0%);
  476. }
  477. {/block:ifGrayscaleImages}
  478.  
  479. .post img, .post li, .post blockquote {
  480.     max-width: 100%;
  481.     height: auto;
  482. }
  483.  
  484. .post ol {  
  485.     list-style: decimal-leading-zero;
  486. }
  487.  
  488. blockquote img {
  489.     max-width: 100%;
  490.     height: auto;
  491.     border: none;
  492. }
  493.  
  494. .info {
  495.     border-top: 1px solid {color:border};
  496.     text-transform: uppercase;
  497.     font-size: 9px;
  498.     letter-spacing: 1px;
  499.     margin-top: 12px;
  500.     padding-top: 5px;
  501. }
  502.  
  503. .info a {
  504.     font-size: 9px;
  505.     font-family: 'Karla', calibri, sans-serif;
  506.     text-shadow: none;
  507. }
  508.  
  509. .info a, .like_button::before, .like_button:hover::before {
  510.     border: none;
  511. }
  512.  
  513. .like_button {
  514.     position:relative;
  515.     display:inline;
  516.     overflow:hidden;
  517.     width:1.5em;
  518. }
  519.  
  520. .like_button iframe {
  521.     position:absolute;
  522.     top:0;
  523.     left:0;
  524.     width:100%;
  525.     height:100%;
  526.     opacity:0;
  527. }
  528.  
  529. .like_button::before {
  530.     position:relative;
  531.     content:'♡';
  532.     color:{color:Links};
  533. }
  534.  
  535. .like_button:hover:before {
  536.     color: red;
  537.     -webkit-transition: all 0.5s ease;
  538.     -moz-transition: all 0.5s ease;
  539.     -ms-transition: all 0.5s ease;
  540.     -o-transition: all 0.5s ease;
  541.     transition: all 0.5s ease;
  542. }
  543.  
  544. .like_button.liked::before {
  545.     color:red;
  546. }
  547.  
  548. .tags {
  549.     font-size: 8px;
  550.     text-transform: uppercase;
  551.     text-align: justify;
  552.     margin-top: 5px;
  553. }
  554.  
  555. .tags a {
  556.     color: {color:tags};  
  557.     padding: 2px;
  558.     margin-right: 2px;
  559.     text-shadow: none;
  560. }
  561.  
  562. .tags a:hover {
  563.     letter-spacing: 1px;
  564. }
  565.  
  566. ol.notes {
  567.     padding-left: 15px;
  568.     margin: 25px 0px 0px 0px;
  569.     list-style-type: none;
  570. }
  571.  
  572. ol.notes a {
  573.     border: none;
  574. }
  575.  
  576. ol.notes li.note {
  577.     padding: 10px;
  578. }
  579.  
  580. ol.notes li.note img.avatar {
  581.     vertical-align: -4px;
  582.     margin-right: 10px;
  583.     width: 16px;
  584.     height: 16px;
  585.     border: none;
  586. }
  587.  
  588. ol.notes li.note span.action {
  589.     font-weight: normal;
  590. }
  591.  
  592. ol.notes li.note .answer_content {
  593.     font-weight: normal;
  594. }
  595.  
  596. ol.notes li.note blockquote {
  597.     padding: 4px 10px;
  598.     margin: 10px 0px 0px 25px;
  599. }
  600.  
  601. ol.notes li.note blockquote a {
  602.     text-decoration: none;
  603.     border: none;
  604. }
  605.  
  606. #sidebar {
  607.     position: fixed;
  608.     top: 50%;
  609.     left: 50%;
  610.     margin-top: -225px;
  611.     margin-left: -280px;
  612.     background: {color:container bg};
  613.     height: 400px;
  614.     width: 150px;
  615.     padding: 15px;
  616. }
  617.  
  618. .nav {
  619.     position: absolute;
  620.     width: 150px;
  621.     margin-top: 335px;
  622.     text-align: center;
  623.     background: {color:accent1};
  624.     -moz-border-radius: 5px;
  625.     -webkit-border-radius: 5px;
  626.     border-radius: 5px;
  627. }
  628.  
  629. .nav a {
  630.     margin: 2px;
  631.     display: inline-block;
  632.     padding: 5px 3px;
  633.     font-size: 16px;
  634.     color: {color:posts};
  635. }
  636.  
  637. .nav a:hover {
  638.     color: {color:accent2};
  639. }
  640.  
  641. .tit {
  642.     font-family: 'musiques', helvetica, calibri, sans-serif;
  643.     position: absolute;
  644.     font-size: 54px;
  645.     word-spacing: -4px;
  646.     line-height: 50%;
  647.     text-align: center;
  648.     width: 160px;
  649.     top: 50px;
  650.     letter-spacing: 1px;
  651.     color: {color:accent1};
  652.     text-shadow: 1px 1px 0 {color:text};
  653.     -ms-transform: rotate(-7deg);
  654.     -webkit-transform: rotate(-7deg);
  655.     transform: rotate(-7deg);
  656. }
  657.  
  658. .desc {
  659.     position: absolute;
  660.     color: {color:description};
  661.     font-size: 10px;
  662.     line-height: 135%;
  663.     text-transform: uppercase;
  664.     margin-top: 110px;
  665.     width: 145px;
  666.     height: 190px;
  667.     padding: 5px;
  668.     overflow: auto;
  669.     text-align: justify;
  670. }
  671.  
  672. .desc img {
  673.     margin-right: 5px;
  674.     float: left;
  675.     padding: 3px;
  676.     border: 2px solid {color:accent1};
  677.     -moz-border-radius: 100%;
  678.     -webkit-border-radius: 100%;
  679.     border-radius: 100%;
  680.     width: 45px;
  681.     height: 45px;
  682. }
  683.  
  684. .pagi {
  685.     position: absolute;
  686.     margin-top: 375px;
  687.     width: 180px;
  688.     margin-left: -15px;
  689.     text-align: center;
  690. }
  691.  
  692. .pagi a {
  693.     color: {color:links};
  694.     font-family: karla, calibri, sans-serif;
  695.     font-size: 9px;
  696.     font-weight: bold;
  697.     text-transform: uppercase;
  698.     border: none;
  699.     padding: 3px;
  700. }
  701.  
  702. #linkz, #skel {
  703.     position: fixed;
  704.     top: 50%;
  705.     left: 50%;
  706.     height: 400px;
  707.     width: 440px;
  708.     margin-top: -225px;
  709.     margin-left: -100px;
  710.     background: {color:container bg};
  711.     padding: 15px;
  712.     z-index: 9999;
  713. }
  714.  
  715. .plot {
  716.     position: absolute;
  717.     margin-top: 20px;
  718.     margin-left: 15px;
  719.     border: 1px solid {color:border};
  720.     color: {color:description};
  721.     width: 220px;
  722.     height: 100px;
  723.     text-align: justify;
  724.     overflow: auto;
  725.     padding: 5px;
  726.     line-height: 150%;
  727.     display: inline-block;
  728.     background: {color:container bg};
  729. }
  730.  
  731. .linx {
  732.     display: inline-block;
  733.     width: 125px;
  734.     height: 110px;
  735.     text-align: center;
  736. }
  737.  
  738. .linx a {
  739.     margin: 3px 2px;
  740.     display: inline-block;
  741.     background: {color:accent2};
  742.     width: 45px;
  743.     padding: 5px;
  744.     letter-spacing: -1px;
  745.     text-transform: uppercase;
  746.     font-size: 9px;
  747.     line-height: 150%;
  748.     color: white;
  749.     font-weight: bold;
  750. }
  751.  
  752. .linx a:hover {
  753.     background: {color:accent1};
  754. }
  755.  
  756. .linx-right {
  757.     position: absolute;
  758.     margin-top: 18px;
  759.     margin-left: 260px;
  760. }
  761.  
  762. hr.tween {
  763.     margin-top: 150px;
  764. }
  765.  
  766. .linx-left {
  767.     margin-left: 15px;
  768.     display: inline-block;
  769. }
  770.  
  771. .premise {
  772.     position: absolute;
  773.     margin-top: -138px;
  774.     margin-left: 165px;
  775.     border: 1px solid {color:border};
  776.     color: {color:description};
  777.     width: 220px;
  778.     height: 100px;
  779.     text-align: justify;
  780.     overflow: auto;
  781.     padding: 5px;
  782.     line-height: 150%;
  783.     display: inline-block;
  784.     background: {color:container bg};
  785. }
  786.  
  787. min {
  788.     font-family: karla, helvetica, sans-serif;
  789.     text-transform: uppercase;
  790.     color: {color:accent2};
  791.     text-shadow: 1px 1px 0 {color:text};
  792.     font-size: 22px;
  793.     font-weight: 700;
  794. }
  795.  
  796. #skel {
  797.     text-align: center;
  798. }
  799.  
  800. .pow {
  801.     background: rgba(256,256,256,0.6);
  802.     margin-top: 10px;
  803.     height: 350px;
  804.     width: 400px;
  805.     padding: 15px;
  806.     -webkit-border-radius: 25px;
  807.     border-radius: 25px;
  808. }
  809.  
  810. .char-container {
  811.     padding: 15px 5px;
  812.     margin: -5px auto 0;
  813.     max-height: 260px;
  814.     text-align: center;
  815.     overflow-y: auto;
  816.     overflow-x: hidden;
  817.     background: {color:container bg};
  818. }
  819.  
  820. .char {
  821.     background-position: center;
  822.     width: 85px;
  823.     height: 85px;
  824.     display: inline-block;
  825.     margin: 2px;
  826. }
  827.  
  828. .char-info {
  829.     width: 75px;
  830.     height: 75px;
  831.     padding: 5px;
  832.     opacity: 0;
  833.     -webkit-transition: all 0.5s ease;
  834.     -moz-transition: all 0.5s ease;
  835.     -ms-transition: all 0.5s ease;
  836.     -o-transition: all 0.5s ease;
  837.     transition: all 0.5s ease;
  838. }
  839.  
  840. .char:hover .char-info {
  841.     opacity: 1;
  842.     -webkit-transition: all 0.5s ease;
  843.     -moz-transition: all 0.5s ease;
  844.     -ms-transition: all 0.5s ease;
  845.     -o-transition: all 0.5s ease;
  846.     transition: all 0.5s ease;
  847. }
  848.  
  849. h5 {
  850.     padding: 0;
  851.     margin-top: 20px;
  852. }
  853.  
  854. h5 a {
  855.     font-family: karla, helvetica, sans-serif;
  856.     font-size: 16px;
  857.     width: 100%;
  858.     text-transform: uppercase;
  859.     padding-bottom: 2px;
  860.     letter-spacing: -2px;
  861.     border-bottom: 1px solid {color:description};
  862.     color: {color:accent1};
  863.     text-align: center;
  864.     text-shadow: 1px 1px 0 {color:desciption};
  865. }
  866.  
  867. h5 a:hover {
  868.     color: {color:accent2};
  869. }
  870.  
  871. h6 {
  872.     font-family: karla, calibri, sans-serif;
  873.     text-transform: uppercase;
  874.     text-align: center;
  875.     color: {color:description};
  876.     font-size: 9px;
  877.     letter-spacing: -1px;
  878.     margin: -10px 0;
  879.     padding: 0;
  880. }
  881.  
  882. /* Bounce To Top */
  883. .hvr-bounce-to-top {
  884.   display: inline-block;
  885.   vertical-align: middle;
  886.   -webkit-transform: perspective(1px) translateZ(0);
  887.   transform: perspective(1px) translateZ(0);
  888.   box-shadow: 0 0 1px transparent;
  889.   position: relative;
  890.   -webkit-transition-property: color;
  891.   transition-property: color;
  892.   -webkit-transition-duration: 0.5s;
  893.   transition-duration: 0.5s;
  894. }
  895. .hvr-bounce-to-top:before {
  896.   content: "";
  897.   position: absolute;
  898.   z-index: -1;
  899.   top: 0;
  900.   left: 0;
  901.   right: 0;
  902.   bottom: 0;
  903.   background: {color:accent1};
  904.   -webkit-transform: scaleY(0);
  905.   transform: scaleY(0);
  906.   -webkit-transform-origin: 50% 100%;
  907.   transform-origin: 50% 100%;
  908.   -webkit-transition-property: transform;
  909.   transition-property: transform;
  910.   -webkit-transition-duration: 0.5s;
  911.   transition-duration: 0.5s;
  912.   -webkit-transition-timing-function: ease-out;
  913.   transition-timing-function: ease-out;
  914. }
  915. .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  916.   color: white;
  917. }
  918. .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  919.   -webkit-transform: scaleY(1);
  920.   transform: scaleY(1);
  921.   -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  922.   transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  923. }
  924.  
  925. .close {
  926.     top: 50px;
  927.     right: 50px;
  928.     position: absolute;
  929.     cursor: pointer;
  930. }
  931.  
  932. .close a:hover {
  933.     color: {color:accent2};
  934. }
  935.  
  936. .quote {
  937.     font-family: 'quote', times, serif;
  938.     font-size: 28px;
  939.     text-align: center;
  940.     line-height: 100%;
  941. }
  942.  
  943. .quote acc {
  944.     color: {color:accent1};  
  945. }
  946.  
  947. .quotesource {
  948.     text-align: right;
  949.     margin-top: 10px;
  950. }
  951.  
  952. .bubble {
  953.     overflow: hidden;
  954.     padding: 0;
  955.     margin: 0;
  956.     font-family: Helvetica Neue, sans-serif;
  957.     font-size: 12px;
  958. }
  959.  
  960. .bubble li {
  961.     margin: 0 0 5px;
  962.     border-radius: 1em;
  963.     padding: .5em 10px;
  964.     max-width: 75%;
  965.     clear: both;
  966.     position: relative;
  967.     list-style-type: none;
  968. }
  969.  
  970. .bubble li:before {
  971.     content: '';
  972.     margin-right: 0px;
  973. }
  974.  
  975. .bubble li strong {
  976.     color: #000;
  977.     text-transform: uppercase;
  978.     font-size: 10px;
  979.     font-family: 'Helvetica Neue', calibri, sans-serif;
  980. }
  981.  
  982. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11,.user_13,.user_15,.user_17,.user_19,.user_21,.user_23,.user_25,.user_27,.user_29,.user_31,.user_33,.user_35,.user_37,.user_39,.user_41,.user_43,.user_45,.user_47,.user_49 {
  983.     float: left;
  984.     background: #bcb0ad;
  985.     color: #000;
  986.     left: 3px;
  987. }
  988.  
  989. .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after,.user_13::after,.user_15::after,.user_17::after,.user_19::after,.user_21::after,.user_23::after,.user_25::after,.user_27::after,.user_29::after,.user_31::after,.user_33::after,.user_35::after,.user_37::after,.user_39::after,.user_41::after,.user_43::after,.user_45::after,.user_47::after,.user_49::after {
  990.     content:"";
  991.     position: absolute;
  992.     left: -.5em;
  993.     bottom: 0;
  994.     width: .5em;
  995.     height: 1em;
  996.     border-right: .5em solid #bcb0ad;
  997.     border-bottom-right-radius: 1em .5em;
  998. }
  999.  
  1000. .user_2,.user_4,.user_6,.user_8,.user_10,.user_12,.user_14,.user_16,.user_18,.user_20,.user_22,.user_24,.user_26,.user_28,.user_30,.user_32,.user_34,.user_36,.user_38,.user_40,.user_42,.user_44,.user_46,.user_48,.user_50 {
  1001.     right: 3px;
  1002.     float: right;
  1003.     background-color: #909098;
  1004.     color: #000;
  1005. }
  1006.  
  1007. .user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after,.user_14::after,.user_16::after,.user_18::after,.user_20::after,.user_22::after,.user_24::after,.user_26::after,.user_28::after,.user_30::after,.user_32::after,.user_34::after,.user_36::after,.user_38::after,.user_40::after,.user_42::after,.user_44::after,.user_46::after,.user_48::after,.user_50::after {
  1008.     content: "";
  1009.     position: absolute;
  1010.     right: -.5em;
  1011.     bottom: 0;
  1012.     width: .5em;
  1013.     height: 1em;
  1014.     border-left: .5em solid #909098;
  1015.     border-bottom-left-radius: 1em .5em;
  1016. }
  1017.  
  1018. .portrait {
  1019.     text-align: center;
  1020. }
  1021.  
  1022. .portrait img {
  1023.     background: {color:posts};
  1024.     padding: 3px;
  1025.     border: 1px solid {color:links};
  1026.     -webkit-border-radius: 100%;
  1027.     border-radius: 100%;
  1028.     -webkit-transition: all 0.5s ease;
  1029.     -moz-transition: all 0.5s ease;
  1030.     -ms-transition: all 0.5s ease;
  1031.     -o-transition: all 0.5s ease;
  1032.     transition: all 0.5s ease;
  1033. }
  1034.  
  1035. .portrait img:hover {
  1036.     border: 1px solid {color:links hover};
  1037.     -webkit-transition: all 0.5s ease;
  1038.     -moz-transition: all 0.5s ease;
  1039.     -ms-transition: all 0.5s ease;
  1040.     -o-transition: all 0.5s ease;
  1041.     transition: all 0.5s ease;
  1042. }
  1043.  
  1044. .asker {
  1045.     font-family: 'Musiques', karla, calibri, helvetica, sans-serif;
  1046.     font-size: 32px;
  1047.     margin-top: -20px;
  1048.     text-align: center;
  1049.     -ms-transform: rotate(-7deg);
  1050.     -webkit-transform: rotate(-7deg);
  1051.     transform: rotate(-7deg);
  1052.     -webkit-transition: all 0.5s ease;
  1053.     -moz-transition: all 0.5s ease;
  1054.     -ms-transition: all 0.5s ease;
  1055.     -o-transition: all 0.5s ease;
  1056.     transition: all 0.5s ease;
  1057. }
  1058.  
  1059. .asker:hover {
  1060.     -ms-transform: rotate(0deg);
  1061.     -webkit-transform: rotate(0deg);
  1062.     transform: rotate(0deg);
  1063.     -webkit-transition: all 0.5s ease;
  1064.     -moz-transition: all 0.5s ease;
  1065.     -ms-transition: all 0.5s ease;
  1066.     -o-transition: all 0.5s ease;
  1067.     transition: all 0.5s ease;
  1068. }
  1069.  
  1070. .asker b {
  1071.     font-family: 'Musiques', karla, calibri, helvetica, sans-serif;
  1072.     font-size: 32px;
  1073.     text-shadow: 1px 1px 0 {color:text};
  1074.     letter-spacing: 1px;
  1075. }
  1076.  
  1077. .asker a {
  1078.     text-shadow: 1px 1px 0 {color:text};
  1079.     letter-spacing: 1px;
  1080. }
  1081.  
  1082. .speech {
  1083.     background: {color:accent1};
  1084.     color: {color:posts};
  1085.     width: 400px;
  1086.     margin-left: -20px;
  1087.     margin-top: -25px;
  1088.     text-align: center;
  1089.     padding: 35px 20px;
  1090.     margin-bottom: -25px;
  1091.     -webkit-border-radius: 25px 25px 0 0;
  1092.     border-radius: 25px 25px 0 0;
  1093. }
  1094.  
  1095. .albumart {
  1096.     position: absolute;
  1097. }
  1098.  
  1099. .albumart img {
  1100.     height: 50px;
  1101.     width: 50px;
  1102. }
  1103.  
  1104. .playbutton {
  1105.     position: absolute;
  1106.     opacity: 0.6;
  1107.     background: #f2f2f2;
  1108.     padding: 5px;
  1109.     width: 29px;
  1110.     height: 29px;
  1111.     margin: 5px;
  1112.     overflow: hidden;
  1113.     -webkit-border-radius: 100%;
  1114.     border-radius: 100%;
  1115. }
  1116.  
  1117. .trackdetails {
  1118.     display: inline-block;
  1119.     padding: 5px;
  1120.     margin-left: 65px;
  1121. }
  1122.  
  1123. .trackdetails b {
  1124.     letter-spacing: -1px;
  1125.     font-size: 12px;
  1126. }
  1127.  
  1128. .cdt {
  1129.     position: fixed;
  1130.     bottom: 10px;
  1131.     right: 30px;
  1132. }
  1133.  
  1134. .sf-moon-1 {
  1135.     font-size: 16px;
  1136.     text-shadow: 0 0 15px white;
  1137.     color: {color:update icon};
  1138. }
  1139.  
  1140. .cdt a {
  1141.     padding: 10px 5px 4px 5px;
  1142. }
  1143.  
  1144. /* Thanks Codrops */
  1145.  
  1146. .tooltip {
  1147.     display: inline;
  1148.     position: relative;
  1149.     z-index: 999;
  1150. }
  1151.  
  1152. /* Gap filler */
  1153. .tooltip::after {
  1154.     content: '';
  1155.     position: absolute;
  1156.     width: 100%;
  1157.     height: 20px;
  1158.     bottom: 100%;
  1159.     left: 50%;
  1160.     pointer-events: none;
  1161.     -webkit-transform: translateX(-50%);
  1162.     transform: translateX(-50%);
  1163. }
  1164.  
  1165. .tooltip:hover::after {
  1166.     pointer-events: auto;
  1167. }
  1168.  
  1169. /* Tooltip */
  1170.  
  1171. .tooltip-content {
  1172.     position: absolute;
  1173.     z-index: 9999;
  1174.     width: 65px;
  1175.     left: 50%;
  1176.     bottom: 100%;
  1177.     font-size: 10px;
  1178.     line-height: 210%;
  1179.     text-align: center;
  1180.     font-weight: 400;
  1181.     background: transparent;
  1182.     opacity: 0;
  1183.     margin: 0px 0 11px -32px;
  1184.     cursor: default;
  1185.     pointer-events: none;
  1186.     font-family: Karla, calibri, helvetica, sans-serif;
  1187.     color: {color:text};
  1188.     text-transform: uppercase;
  1189.     -webkit-font-smoothing: antialiased;
  1190.     -webkit-transition: opacity 0.3s 0.3s;
  1191.     transition: opacity 0.3s 0.3s;
  1192. }
  1193.  
  1194. .tooltip-content b {
  1195.     font-family: 'musiques', calibri, helvetica, sans-serif;
  1196.     font-size: 32px;
  1197.     letter-spacing: 1px;
  1198.     text-transform: uppercase;
  1199.     color: {color:accent1};
  1200. }
  1201.  
  1202. .tooltip:hover .tooltip-content {
  1203.     opacity: 1;
  1204.     pointer-events: auto;
  1205.     -webkit-transition-delay: 0s;
  1206.     transition-delay: 0s;
  1207. }
  1208.  
  1209. .tooltip-content span {
  1210.     display: block;
  1211. }
  1212.  
  1213. .tooltip-text {
  1214.     border-bottom: 5px solid {color:accent1};
  1215.     overflow: hidden;
  1216.     -webkit-transform: scale3d(0,1,1);
  1217.     transform: scale3d(0,1,1);
  1218.     -webkit-transition: -webkit-transform 0.3s 0.3s;
  1219.     transition: transform 0.3s 0.3s;
  1220. }
  1221.  
  1222. .tooltip:hover .tooltip-text {
  1223.     -webkit-transition-delay: 0s;
  1224.     transition-delay: 0s;
  1225.     -webkit-transform: scale3d(1,1,1);
  1226.     transform: scale3d(1,1,1);
  1227. }
  1228.  
  1229. .tooltip-inner {
  1230.     background: {color:posts};
  1231.     color: {color:description};
  1232.     padding: 3px;
  1233.     -webkit-transform: translate3d(0,100%,0);
  1234.     transform: translate3d(0,100%,0);
  1235.     -webkit-transition: -webkit-transform 0.3s;
  1236.     transition: transform 0.3s;
  1237. }
  1238.  
  1239. .tooltip:hover .tooltip-inner {
  1240.     -webkit-transition-delay: 0.3s;
  1241.     transition-delay: 0.3s;
  1242.     -webkit-transform: translate3d(0,0,0);
  1243.     transform: translate3d(0,0,0);
  1244. }
  1245.  
  1246. /* Arrow */
  1247.  
  1248. .tooltip-content::after {
  1249.     content: '';
  1250.     bottom: -20px;
  1251.     left: 50%;
  1252.     border: solid transparent;
  1253.     height: 0;
  1254.     width: 0;
  1255.     position: absolute;
  1256.     pointer-events: none;
  1257.     border-color: transparent;
  1258.     border-top-color: {color:accent1};
  1259.     border-width: 10px;
  1260.     margin-left: -10px;
  1261. }
  1262.  
  1263. .upd8 {
  1264.     position: fixed;
  1265.     top: 15px;
  1266.     left: 15px;
  1267. }
  1268.  
  1269. .sf-pens {
  1270.     color: {color:update icon};
  1271.     font-size: 24px;
  1272.     text-shadow: 0 0 15px white;
  1273.     -webkit-transition: all 0.5s ease;
  1274.     -moz-transition: all 0.5s ease;
  1275.     -ms-transition: all 0.5s ease;
  1276.     -o-transition: all 0.5s ease;
  1277.     transition: all 0.5s ease;
  1278. }
  1279.  
  1280. .sf-pens:hover {
  1281.     color: {color:accent2};
  1282.     -webkit-transition: all 0.5s ease;
  1283.     -moz-transition: all 0.5s ease;
  1284.     -ms-transition: all 0.5s ease;
  1285.     -o-transition: all 0.5s ease;
  1286.     transition: all 0.5s ease;
  1287. }
  1288.  
  1289. .und {
  1290.     padding: 5px;
  1291.     background: {color:container bg};
  1292.     color: {color:description};
  1293.     margin-left: 15px;
  1294.     width: 170px;
  1295.     text-align: left;
  1296.     line-height: 200%;
  1297. }
  1298.  
  1299. .und up {
  1300.     padding: 3px;
  1301.     margin-right: 5px;
  1302.     color: {color:posts};
  1303.     text-transform: uppercase;
  1304.     background: {color:accent2};
  1305.     margin-bottom: 3px;
  1306.     font-weight: bold;
  1307.     line-height: 200%;
  1308. }
  1309.  
  1310. </style>  
  1311.  
  1312. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1313. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1314. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1315.  
  1316. <script>
  1317. $(document).ready(function(){
  1318.    $('.photo-slideshow').pxuPhotoset({
  1319.        lightbox: true,
  1320.        rounded: false,
  1321.        gutter: '2px',
  1322.        borderRadius: '0px',
  1323.        photoset: '.photo-slideshow',
  1324.        photoWrap: '.photo-data',
  1325.        photo: '.pxu-photo'
  1326.    });
  1327. });
  1328. </script>
  1329.  
  1330. </head>
  1331.  
  1332. <body>
  1333.  
  1334. {block:ifUpdatesTab}
  1335. <div class="upd8">
  1336.     <a href="#" class="cthrough" title="click"><span class="sf sf-pens"></span></a>
  1337.     <div class="und">
  1338.         <h4>Updates</h4>
  1339.         <!-- YOUR UPDATE GOES HERE -->
  1340.         <up>##/##/##:</up> keep the date between the ups or ignore the ups if you want they just make it look kinda neat
  1341.         <!-- -->
  1342.         <h4>To-Do List</h4>
  1343.         <up>inbox</up> {text:inbox}<br>
  1344.         <up>replies</up> {text:replies}<br>
  1345.         <up>starters</up> {text:starters}
  1346.     </div>
  1347. </div>
  1348. {/block:ifUpdatesTab}
  1349.  
  1350. <div id="sidebar">
  1351.     <div class="tit">
  1352.         {text:title}
  1353.     </div>        
  1354.     <div class="desc">
  1355.         <img src="{image:icon}">
  1356.         {text:description}
  1357.     </div>
  1358.     <div class="pagi">
  1359.     {block:Pagination}{block:PreviousPage}
  1360.         <a href="{PreviousPage}">back</a>
  1361.     {/block:PreviousPage}{block:NextPage}
  1362.         <a href="{NextPage}">next</a>
  1363.     {/block:NextPage}{/block:Pagination}
  1364.     </div>
  1365.     <div class="nav">
  1366.         <a title="home" href="/"><span class="sf sf-home"></span></a>
  1367.         <a title="message" href="/ask"><span class="sf sf-envelope-3"></span></a>
  1368.         <a title="navigation" href="#" class="linkz"><span class="sf sf-location"></a>
  1369.         <!--
  1370.         <a title="navigation" href="/"><span class="sf sf-location"></a>
  1371.         -->
  1372.         <a title="muses" href="#" class="skel"><span class="sf sf-user"></a>
  1373.         <!--
  1374.         <a title="muses" href="/"><span class="sf sf-user"></a>
  1375.         -->
  1376.         <a title="{text:link 5 title}" href="{text:link 5 url}"><span class="sf sf-star"></a>
  1377.     </div>
  1378. </div>
  1379.  
  1380. <div id="linkz" style="display: none;">
  1381.     <div class="pow {select:Posts}">
  1382.         <div class="close"><a title="close" class="linkz"><span class="sf sf-cross"></span></a></div>
  1383.         <h1>Navigation</h1>
  1384.         <div class="plot">
  1385.             <min>about the mun</min> Lorem ipsum dolor amet fam aliqua intelligentsia, cray hashtag vegan franzen eu dolore trust fund shoreditch laboris bespoke. Coloring book put a bird on it cornhole, celiac pop-up hella synth direct trade next level shaman vaporware aliqua salvia lumbersexual voluptate. Meggings aliqua before they sold out XOXO meditation irony master cleanse blue bottle. In occupy aute organic subway tile wolf.
  1386.         </div>
  1387.         <div class="linx linx-right">
  1388.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1389.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1390.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1391.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1392.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1393.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1394.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1395.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1396.         </div>
  1397.         <hr class="tween">
  1398.         <div class="linx linx-left">
  1399.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1400.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1401.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1402.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1403.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1404.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1405.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1406.             <a href="/tagged/" class="hvr-bounce-to-top">link</a>
  1407.         </div>
  1408.     </div>
  1409.     <div class="premise">
  1410.         <min>guidelines</min> Lorem ipsum dolor amet ethical farm-to-table deserunt occupy. Vice vegan scenester, whatever meh cold-pressed XOXO in twee thundercats tofu. Twee tilde keytar adipisicing artisan waistcoat roof party heirloom. Squid neutra kale chips roof party. Heyo!
  1411.     </div>
  1412. </div>
  1413.    
  1414.     <div id="skel" style="display: none;">
  1415.         <div class="pow {select:Posts}">
  1416.             <div class="close"><a title="close" class="skel"><span class="sf sf-cross"></span></a></div>
  1417.             <h1>Muses</h1>
  1418.             <div class="char-container">
  1419.                 <!-- COPY FROM HERE TO NEXT COMMENT FOR A NEW MUSE -->
  1420.                 <div class="char" style="background:url('http://placehold.it/85');">
  1421.                     <div class="char-info {select:Posts}">
  1422.                         <h5><a href="/">name</a></h5>
  1423.                         <h6>fc: fc</h6>
  1424.                     </div>
  1425.                 </div>
  1426.                 <!-- PASTE AFTER THIS LINE -->
  1427.                
  1428.             </div>
  1429.         </div>
  1430.     </div>
  1431.  
  1432. </div>
  1433.  
  1434.  
  1435. <div id="container">
  1436.  
  1437. <div class="posts">
  1438. {block:Posts}
  1439. <div class="post {select:Posts}">
  1440.  
  1441. {block:Text}
  1442. {block:Title}<h1>{Title}</h1>{/block:Title}
  1443. {Body}{/block:Text}
  1444.  
  1445.  
  1446. {block:Photo}
  1447. <div class="faded gray"><img src="{PhotoURL-HighRes}" width="100%"></div>
  1448. {block:Caption}{Caption}{/block:Caption}
  1449. {/block:Photo}
  1450.  
  1451.  
  1452. {block:Photoset}
  1453. <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>
  1454. {block:Caption}{Caption}{/block:Caption}
  1455. {/block:Photoset}
  1456.  
  1457.  
  1458. {block:Quote}
  1459. <div class="quote"><acc>❝</acc> {Quote} <acc>❞</acc></div>
  1460. {block:Source}<div class="quotesource"> ─ {Source}</div>
  1461. {/block:Source}{/block:Quote}
  1462.  
  1463.  
  1464. {block:Link}
  1465. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1466. {block:Description}{Description}{/block:Description}
  1467. {/block:Link}
  1468.  
  1469. {block:Chat}
  1470. {block:Title}
  1471. <h1>{Title}</h1>{/block:Title}<br>
  1472. <ul class="bubble">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
  1473.  
  1474. {block:Audio}<div class="albumart">
  1475. {block:AlbumArt}
  1476. <img src="{AlbumArtURL}">
  1477. {/block:AlbumArt}
  1478. </div>
  1479. {block:AudioPlayer}
  1480. <div class="playbutton">
  1481. {AudioPlayerWhite}
  1482. </div>
  1483. {/block:AudioPlayer}
  1484. <div class="trackdetails">
  1485. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  1486.  
  1487. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  1488.  
  1489. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1490.  
  1491. {block:Caption}
  1492. <div class="caption">{Caption}</div>
  1493. {/block:Caption}
  1494. {/block:Audio}
  1495.  
  1496.  
  1497. {block:Video}
  1498. {Video-400}
  1499. {block:Caption}{Caption}{/block:Caption}
  1500. {/block:Video}
  1501.  
  1502.  
  1503. {block:Answer}
  1504. <div class="speech">{Question}</div>
  1505. <div class="portrait"><a href="{AskerURL}"><img src="{AskerPortraitURL-40}"></a></div>
  1506. <div class="asker"><b>{Asker}</b></div>
  1507. {Answer}
  1508. {/block:Answer}
  1509.  
  1510. {block:Date}
  1511. <div class="info">
  1512.  
  1513. <b><a title="{TimeAgo}" href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a> &nbsp;&nbsp;
  1514.  
  1515.  
  1516.  
  1517. {block:NoteCount}
  1518. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1519. {/block:NoteCount}
  1520.  
  1521. {block:RebloggedFrom}
  1522. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>
  1523. {block:ContentSource} /
  1524. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> src</a>
  1525. {/block:ContentSource}
  1526. {/block:RebloggedFrom}
  1527.  
  1528. <div style="text-align:right;margin-top:-11px;">
  1529. <a href="{ReblogURL}" target="_blank" class="details">reblog</a> /
  1530. {LikeButton color="grey" size="10"}
  1531. </div>
  1532.  
  1533. </div>
  1534.  {/block:Date}
  1535.  
  1536. {block:HasTags}
  1537. <div class="tags">
  1538. {block:Tags}
  1539. <a href="{TagURL}">#{Tag}</a>
  1540. {/block:Tags}
  1541. </div>
  1542. {/block:HasTags}
  1543.  
  1544. </div>
  1545.  
  1546.  
  1547. {block:PostNotes}
  1548. {PostNotes}
  1549. {/block:PostNotes}
  1550.  
  1551. {/block:Posts}
  1552.  
  1553. {block:ContentSource}
  1554. <!---{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1555. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1556. {/block:SourceLogo}
  1557. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1558.  {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1559.  
  1560.  
  1561. <div class="cdt"><a class="tooltip" href="https://aphronysus.tumblr.com"><i class="sf sf-moon-1"></i><span class="tooltip-content"><span class="tooltip-text"><span class="tooltip-inner">theme by <b>zeek</b></span></span></span></a></div>
  1562.  
  1563. </body>
  1564.  
  1565. </html>
Advertisement
Add Comment
Please, Sign In to add comment