Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-- “BABY DON’T STOP” theme by partycity.tumblr.com
- TERMS
- 1. Do not move or remove the credit.
- 2. Do not tell people you made it.
- 3. Do not redistribute. At all.
- 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.
- 5. Do not use as your own base code, even with credit. I may release a base code at some point.
- 6. Like or reblog the post if you use.
- 7. Contact me @aphronysus if you have any problems, questions, or requests for a new code to release.
- CREDITS
- • icons = saturnthms.tumblr.com
- • tooltips = manos.malihu.gr
- • hover effects = tympanus.net/codrops
- ianlunn.github.io/Hover
- • tumblr controls
- tutorial = cyantists.tumblr.com
- Thanks for using my theme! Zeek (@aphronysus) -->
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{FavIcon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="image:bg" content=""/>
- <meta name="image:icon" content=""/>
- <meta name="color:bg" content="#ffffff"/>
- <meta name="color:container bg" content="#d7d7d7"/>
- <meta name="color:posts" content="#efefef"/>
- <meta name="color:update icon" content="#000000"/>
- <meta name="color:description" content="#767676"/>
- <meta name="color:text" content="#767676"/>
- <meta name="color:links" content="#4c4c4c"/>
- <meta name="color:links hover" content="#c9c9c9"/>
- <meta name="color:accent1" content="#000000"/>
- <meta name="color:accent2" content="#a8a8a8"/>
- <meta name="color:border" content="#c9c9c9"/>
- <meta name="color:tags" content="#c6c6c6"/>
- <meta name="select:Posts" content="lighter" title="lighter than container">
- <meta name="select:Posts" content="darker" title="darker than container">
- <meta name="if:FadedImages" content="1">
- <meta name="if:GrayscaleImages" content="1">
- <meta name="if:UpdatesTab" content="1">
- <meta name="text:inbox" content="00"/>
- <meta name="text:replies" content="00"/>
- <meta name="text:starters" content="00"/>
- <meta name="text:title" content="title"/>
- <meta name="text:description" content="write description here. it scrolls. lyrics maybe?"/>
- <meta name="text:link 5 title" content=""/>
- <meta name="text:link 5 url" content="/"/>
- <link href='https://fonts.googleapis.com/css?family=Karla:400,300,700,400italic,300italic' rel='stylesheet' type='text/css'>
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
- <link rel="stylesheet" href="https://static.tumblr.com/hd3th13/WKLoyacfv/hover-min.css">
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
- <script type="text/javascript">
- function toggle_visibility(id) {
- var e = document.getElementById(id);
- if(e.style.display == 'block')
- e.style.display = 'none';
- else
- e.style.display = 'block';
- }
- </script>
- <script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".linkz").click(function(){
- $("#linkz").fadeToggle();
- $(" #skel ").fadeOut();
- });
- $(".skel").click(function(){
- $("#skel").fadeToggle();
- $(" #linkz ").fadeOut();
- });
- });
- </script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".und").hide();
- jQuery(".cthrough").click(function(){
- jQuery(this).next(".und").slideToggle(500);
- });});
- </script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:200
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.5;
- /* delete invert(1) from here */
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- /* to here if your blog has a dark background */
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;}
- iframe.tmblr-iframe:hover {
- opacity:0.7!important;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;}
- @font-face { font-family: "Musiques"; src: url('https://dl.dropboxusercontent.com/s/jif7rq9h857gutj/Musiques.otf'); }
- @font-face { font-family: "quote"; src: url('https://dl.dropboxusercontent.com/s/vufqf5lemq7wug2/Peyton%20Script.otf'); }
- #s-m-t-tooltip {
- max-width: 200px;
- background: {color:accent2};
- color: white;
- z-index: 999999;
- margin: 12px 5px -2px 12px;
- font-size: 9px;
- padding: 5px 8px;
- font-family: 'Karla', calibri, sans-serif;
- font-weight: bold;
- text-transform: uppercase;
- text-align: center;
- line-height: 125%;
- }
- ::selection {
- background: {color:accent2};
- color: {color:bg};
- }
- ::-moz-selection {
- background: {color:accent2};
- color: {color:bg};
- }
- ::-webkit-selection {
- background: {color:accent2};
- color: {color:bg};
- }
- ::-webkit-selection {
- background: {color:accent2};
- color: {color:bg};
- }
- ::-webkit-scrollbar {
- width: 11px;
- height: 11px;
- background: {color:accent2};
- }
- ::-webkit-scrollbar-thumb {
- background: {color:accent1};
- }
- ::-webkit-scrollbar,::-webkit-scrollbar-thumb {
- border: 5px solid {color:container bg};
- }
- ::-webkit-scrollbar-corner {
- background-color: transparent;
- }
- html, body {
- height: 100%;
- }
- body {
- background: {color:bg} url({image:bg}) no-repeat center;
- background-size: cover;
- color: {color:text};
- font-family: 'Karla', calibri, sans-serif;
- font-size: 10px;
- margin: 0;
- -webkit-font-smoothing: antialiased;
- font-smoothing: antialiased;
- overflow-x: hidden;
- }
- small, sub, sup {
- font-size: 10px;
- }
- b, strong, i, em, u, s, strike {
- font-family: 'Karla', calibri, sans-serif;
- color: {color:accent1};
- letter-spacing: 1px;
- font-size: 12px;
- line-height: 11px;
- }
- i, em, s, strike {
- color: {color:accent1};
- font-weight: bold;
- letter-spacing: 0px;
- }
- blockquote {
- padding-top: 1px;
- padding-bottom: 1px;
- padding-left: 10px;
- border-left: 1px solid {color:border};
- margin: 7px;
- }
- hr {
- border: 0;
- height: 1px;
- background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(201, 201, 201, 0.9), rgba(0, 0, 0, 0));
- margin: 10px auto 15px;
- }
- a {
- color: {color:links};
- text-decoration: none;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover {
- text-decoration: none;
- color: {color:links hover};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- h1 {
- font-weight: bold;
- font-size: 54px;
- text-align: center;
- color: {color:accent1};
- font-family: musiques, helvetica, sans-serif;
- margin: 5px 0 2px;
- letter-spacing: 1px;
- text-shadow: 1px 1px 0 {color:text};
- }
- h2 {
- font-weight: bold;
- text-transform: uppercase;
- color: {color:accent1};
- font-size: 36px;
- line-height: 120%;
- text-align: center;
- text-shadow: 1px 1px 0 {color:text};
- }
- h2 small {
- font-size: smaller;
- }
- h4 {
- font-weight: bold;
- text-transform: uppercase;
- color: {color:accent1};
- font-size: 14px;
- text-align: center;
- line-height: 120%;
- margin: 10px 0;
- text-shadow: 1px 1px 0 {color:text};
- }
- pre {
- font-size: 10px;
- background-color: {color:accent2};
- color: {color:posts};
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- padding: 5px;
- line-height: 125%;
- }
- ul {
- list-style-type: none;
- margin-left: 3em;
- padding-left: 10px;
- line-height: 125%;
- }
- ul > li:before {
- content: '─';
- display: inline-block;
- font-size: 0.8em;
- width: 2em;
- margin-left: -2.1em;
- }
- ul.stats strong {
- font-family: Karla, calibri, sans-serif;
- font-size: 12px;
- font-weight: bold;
- margin-right: 5px;
- }
- #container {
- position: fixed;
- top: 50%;
- left: 50%;
- height: 430px;
- width: 480px;
- margin-top: -225px;
- margin-left: -100px;
- background: {color:container bg};
- }
- .posts {
- width: 455px;
- height: 420px;
- margin-top: 5px;
- margin-left: 10px;
- padding-right: 10px;
- overflow-x: hidden;
- overflow-y: auto;
- position: absolute;
- }
- .post {
- padding: 20px;
- width: 400px;
- margin-top: 25px;
- text-align: justify;
- margin-bottom: 35px;
- -webkit-border-radius: 25px;
- border-radius: 25px;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- }
- .post a {
- letter-spacing: 0px;
- font-weight: 900;
- text-shadow: 0 0 4px rgba(45,45,45,0.6);
- }
- .lighter {
- background: rgba(256,256,256,0.6);
- }
- .darker {
- background: rgba(0,0,0,0.3);
- }
- {block:ifFadedImages}
- .faded img {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- opacity: 0.6;
- }
- .faded img:hover {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- opacity: 1;
- }
- .photo-slideshow {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- opacity: 0.6;
- }
- .photo-slideshow:hover {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- opacity: 1;
- }
- {/block:ifFadedImages}
- {block:ifGrayscaleImages}
- .gray img {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- .gray img:hover {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- -webkit-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- .photo-slideshow {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- .photo-slideshow:hover {
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -ms-transition: all 1s ease;
- -o-transition: all 1s ease;
- transition: all 1s ease;
- -webkit-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- {/block:ifGrayscaleImages}
- .post img, .post li, .post blockquote {
- max-width: 100%;
- height: auto;
- }
- .post ol {
- list-style: decimal-leading-zero;
- }
- blockquote img {
- max-width: 100%;
- height: auto;
- border: none;
- }
- .info {
- border-top: 1px solid {color:border};
- text-transform: uppercase;
- font-size: 9px;
- letter-spacing: 1px;
- margin-top: 12px;
- padding-top: 5px;
- }
- .info a {
- font-size: 9px;
- font-family: 'Karla', calibri, sans-serif;
- text-shadow: none;
- }
- .info a, .like_button::before, .like_button:hover::before {
- border: none;
- }
- .like_button {
- position:relative;
- display:inline;
- overflow:hidden;
- width:1.5em;
- }
- .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- width:100%;
- height:100%;
- opacity:0;
- }
- .like_button::before {
- position:relative;
- content:'♡';
- color:{color:Links};
- }
- .like_button:hover:before {
- color: red;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .like_button.liked::before {
- color:red;
- }
- .tags {
- font-size: 8px;
- text-transform: uppercase;
- text-align: justify;
- margin-top: 5px;
- }
- .tags a {
- color: {color:tags};
- padding: 2px;
- margin-right: 2px;
- text-shadow: none;
- }
- .tags a:hover {
- letter-spacing: 1px;
- }
- ol.notes {
- padding-left: 15px;
- margin: 25px 0px 0px 0px;
- list-style-type: none;
- }
- ol.notes a {
- border: none;
- }
- ol.notes li.note {
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- border: none;
- }
- ol.notes li.note span.action {
- font-weight: normal;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- border: none;
- }
- #sidebar {
- position: fixed;
- top: 50%;
- left: 50%;
- margin-top: -225px;
- margin-left: -280px;
- background: {color:container bg};
- height: 400px;
- width: 150px;
- padding: 15px;
- }
- .nav {
- position: absolute;
- width: 150px;
- margin-top: 335px;
- text-align: center;
- background: {color:accent1};
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- }
- .nav a {
- margin: 2px;
- display: inline-block;
- padding: 5px 3px;
- font-size: 16px;
- color: {color:posts};
- }
- .nav a:hover {
- color: {color:accent2};
- }
- .tit {
- font-family: 'musiques', helvetica, calibri, sans-serif;
- position: absolute;
- font-size: 54px;
- word-spacing: -4px;
- line-height: 50%;
- text-align: center;
- width: 160px;
- top: 50px;
- letter-spacing: 1px;
- color: {color:accent1};
- text-shadow: 1px 1px 0 {color:text};
- -ms-transform: rotate(-7deg);
- -webkit-transform: rotate(-7deg);
- transform: rotate(-7deg);
- }
- .desc {
- position: absolute;
- color: {color:description};
- font-size: 10px;
- line-height: 135%;
- text-transform: uppercase;
- margin-top: 110px;
- width: 145px;
- height: 190px;
- padding: 5px;
- overflow: auto;
- text-align: justify;
- }
- .desc img {
- margin-right: 5px;
- float: left;
- padding: 3px;
- border: 2px solid {color:accent1};
- -moz-border-radius: 100%;
- -webkit-border-radius: 100%;
- border-radius: 100%;
- width: 45px;
- height: 45px;
- }
- .pagi {
- position: absolute;
- margin-top: 375px;
- width: 180px;
- margin-left: -15px;
- text-align: center;
- }
- .pagi a {
- color: {color:links};
- font-family: karla, calibri, sans-serif;
- font-size: 9px;
- font-weight: bold;
- text-transform: uppercase;
- border: none;
- padding: 3px;
- }
- #linkz, #skel {
- position: fixed;
- top: 50%;
- left: 50%;
- height: 400px;
- width: 440px;
- margin-top: -225px;
- margin-left: -100px;
- background: {color:container bg};
- padding: 15px;
- z-index: 9999;
- }
- .plot {
- position: absolute;
- margin-top: 20px;
- margin-left: 15px;
- border: 1px solid {color:border};
- color: {color:description};
- width: 220px;
- height: 100px;
- text-align: justify;
- overflow: auto;
- padding: 5px;
- line-height: 150%;
- display: inline-block;
- background: {color:container bg};
- }
- .linx {
- display: inline-block;
- width: 125px;
- height: 110px;
- text-align: center;
- }
- .linx a {
- margin: 3px 2px;
- display: inline-block;
- background: {color:accent2};
- width: 45px;
- padding: 5px;
- letter-spacing: -1px;
- text-transform: uppercase;
- font-size: 9px;
- line-height: 150%;
- color: white;
- font-weight: bold;
- }
- .linx a:hover {
- background: {color:accent1};
- }
- .linx-right {
- position: absolute;
- margin-top: 18px;
- margin-left: 260px;
- }
- hr.tween {
- margin-top: 150px;
- }
- .linx-left {
- margin-left: 15px;
- display: inline-block;
- }
- .premise {
- position: absolute;
- margin-top: -138px;
- margin-left: 165px;
- border: 1px solid {color:border};
- color: {color:description};
- width: 220px;
- height: 100px;
- text-align: justify;
- overflow: auto;
- padding: 5px;
- line-height: 150%;
- display: inline-block;
- background: {color:container bg};
- }
- min {
- font-family: karla, helvetica, sans-serif;
- text-transform: uppercase;
- color: {color:accent2};
- text-shadow: 1px 1px 0 {color:text};
- font-size: 22px;
- font-weight: 700;
- }
- #skel {
- text-align: center;
- }
- .pow {
- background: rgba(256,256,256,0.6);
- margin-top: 10px;
- height: 350px;
- width: 400px;
- padding: 15px;
- -webkit-border-radius: 25px;
- border-radius: 25px;
- }
- .char-container {
- padding: 15px 5px;
- margin: -5px auto 0;
- max-height: 260px;
- text-align: center;
- overflow-y: auto;
- overflow-x: hidden;
- background: {color:container bg};
- }
- .char {
- background-position: center;
- width: 85px;
- height: 85px;
- display: inline-block;
- margin: 2px;
- }
- .char-info {
- width: 75px;
- height: 75px;
- padding: 5px;
- opacity: 0;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .char:hover .char-info {
- opacity: 1;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- h5 {
- padding: 0;
- margin-top: 20px;
- }
- h5 a {
- font-family: karla, helvetica, sans-serif;
- font-size: 16px;
- width: 100%;
- text-transform: uppercase;
- padding-bottom: 2px;
- letter-spacing: -2px;
- border-bottom: 1px solid {color:description};
- color: {color:accent1};
- text-align: center;
- text-shadow: 1px 1px 0 {color:desciption};
- }
- h5 a:hover {
- color: {color:accent2};
- }
- h6 {
- font-family: karla, calibri, sans-serif;
- text-transform: uppercase;
- text-align: center;
- color: {color:description};
- font-size: 9px;
- letter-spacing: -1px;
- margin: -10px 0;
- padding: 0;
- }
- /* Bounce To Top */
- .hvr-bounce-to-top {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: perspective(1px) translateZ(0);
- transform: perspective(1px) translateZ(0);
- box-shadow: 0 0 1px transparent;
- position: relative;
- -webkit-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- }
- .hvr-bounce-to-top:before {
- content: "";
- position: absolute;
- z-index: -1;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: {color:accent1};
- -webkit-transform: scaleY(0);
- transform: scaleY(0);
- -webkit-transform-origin: 50% 100%;
- transform-origin: 50% 100%;
- -webkit-transition-property: transform;
- transition-property: transform;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
- }
- .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
- color: white;
- }
- .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
- -webkit-transform: scaleY(1);
- transform: scaleY(1);
- -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
- transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
- }
- .close {
- top: 50px;
- right: 50px;
- position: absolute;
- cursor: pointer;
- }
- .close a:hover {
- color: {color:accent2};
- }
- .quote {
- font-family: 'quote', times, serif;
- font-size: 28px;
- text-align: center;
- line-height: 100%;
- }
- .quote acc {
- color: {color:accent1};
- }
- .quotesource {
- text-align: right;
- margin-top: 10px;
- }
- .bubble {
- overflow: hidden;
- padding: 0;
- margin: 0;
- font-family: Helvetica Neue, sans-serif;
- font-size: 12px;
- }
- .bubble li {
- margin: 0 0 5px;
- border-radius: 1em;
- padding: .5em 10px;
- max-width: 75%;
- clear: both;
- position: relative;
- list-style-type: none;
- }
- .bubble li:before {
- content: '';
- margin-right: 0px;
- }
- .bubble li strong {
- color: #000;
- text-transform: uppercase;
- font-size: 10px;
- font-family: 'Helvetica Neue', calibri, sans-serif;
- }
- .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 {
- float: left;
- background: #bcb0ad;
- color: #000;
- left: 3px;
- }
- .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 {
- content:"";
- position: absolute;
- left: -.5em;
- bottom: 0;
- width: .5em;
- height: 1em;
- border-right: .5em solid #bcb0ad;
- border-bottom-right-radius: 1em .5em;
- }
- .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 {
- right: 3px;
- float: right;
- background-color: #909098;
- color: #000;
- }
- .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 {
- content: "";
- position: absolute;
- right: -.5em;
- bottom: 0;
- width: .5em;
- height: 1em;
- border-left: .5em solid #909098;
- border-bottom-left-radius: 1em .5em;
- }
- .portrait {
- text-align: center;
- }
- .portrait img {
- background: {color:posts};
- padding: 3px;
- border: 1px solid {color:links};
- -webkit-border-radius: 100%;
- border-radius: 100%;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .portrait img:hover {
- border: 1px solid {color:links hover};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .asker {
- font-family: 'Musiques', karla, calibri, helvetica, sans-serif;
- font-size: 32px;
- margin-top: -20px;
- text-align: center;
- -ms-transform: rotate(-7deg);
- -webkit-transform: rotate(-7deg);
- transform: rotate(-7deg);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .asker:hover {
- -ms-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .asker b {
- font-family: 'Musiques', karla, calibri, helvetica, sans-serif;
- font-size: 32px;
- text-shadow: 1px 1px 0 {color:text};
- letter-spacing: 1px;
- }
- .asker a {
- text-shadow: 1px 1px 0 {color:text};
- letter-spacing: 1px;
- }
- .speech {
- background: {color:accent1};
- color: {color:posts};
- width: 400px;
- margin-left: -20px;
- margin-top: -25px;
- text-align: center;
- padding: 35px 20px;
- margin-bottom: -25px;
- -webkit-border-radius: 25px 25px 0 0;
- border-radius: 25px 25px 0 0;
- }
- .albumart {
- position: absolute;
- }
- .albumart img {
- height: 50px;
- width: 50px;
- }
- .playbutton {
- position: absolute;
- opacity: 0.6;
- background: #f2f2f2;
- padding: 5px;
- width: 29px;
- height: 29px;
- margin: 5px;
- overflow: hidden;
- -webkit-border-radius: 100%;
- border-radius: 100%;
- }
- .trackdetails {
- display: inline-block;
- padding: 5px;
- margin-left: 65px;
- }
- .trackdetails b {
- letter-spacing: -1px;
- font-size: 12px;
- }
- .cdt {
- position: fixed;
- bottom: 10px;
- right: 30px;
- }
- .sf-moon-1 {
- font-size: 16px;
- text-shadow: 0 0 15px white;
- color: {color:update icon};
- }
- .cdt a {
- padding: 10px 5px 4px 5px;
- }
- /* Thanks Codrops */
- .tooltip {
- display: inline;
- position: relative;
- z-index: 999;
- }
- /* Gap filler */
- .tooltip::after {
- content: '';
- position: absolute;
- width: 100%;
- height: 20px;
- bottom: 100%;
- left: 50%;
- pointer-events: none;
- -webkit-transform: translateX(-50%);
- transform: translateX(-50%);
- }
- .tooltip:hover::after {
- pointer-events: auto;
- }
- /* Tooltip */
- .tooltip-content {
- position: absolute;
- z-index: 9999;
- width: 65px;
- left: 50%;
- bottom: 100%;
- font-size: 10px;
- line-height: 210%;
- text-align: center;
- font-weight: 400;
- background: transparent;
- opacity: 0;
- margin: 0px 0 11px -32px;
- cursor: default;
- pointer-events: none;
- font-family: Karla, calibri, helvetica, sans-serif;
- color: {color:text};
- text-transform: uppercase;
- -webkit-font-smoothing: antialiased;
- -webkit-transition: opacity 0.3s 0.3s;
- transition: opacity 0.3s 0.3s;
- }
- .tooltip-content b {
- font-family: 'musiques', calibri, helvetica, sans-serif;
- font-size: 32px;
- letter-spacing: 1px;
- text-transform: uppercase;
- color: {color:accent1};
- }
- .tooltip:hover .tooltip-content {
- opacity: 1;
- pointer-events: auto;
- -webkit-transition-delay: 0s;
- transition-delay: 0s;
- }
- .tooltip-content span {
- display: block;
- }
- .tooltip-text {
- border-bottom: 5px solid {color:accent1};
- overflow: hidden;
- -webkit-transform: scale3d(0,1,1);
- transform: scale3d(0,1,1);
- -webkit-transition: -webkit-transform 0.3s 0.3s;
- transition: transform 0.3s 0.3s;
- }
- .tooltip:hover .tooltip-text {
- -webkit-transition-delay: 0s;
- transition-delay: 0s;
- -webkit-transform: scale3d(1,1,1);
- transform: scale3d(1,1,1);
- }
- .tooltip-inner {
- background: {color:posts};
- color: {color:description};
- padding: 3px;
- -webkit-transform: translate3d(0,100%,0);
- transform: translate3d(0,100%,0);
- -webkit-transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- }
- .tooltip:hover .tooltip-inner {
- -webkit-transition-delay: 0.3s;
- transition-delay: 0.3s;
- -webkit-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
- }
- /* Arrow */
- .tooltip-content::after {
- content: '';
- bottom: -20px;
- left: 50%;
- border: solid transparent;
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- border-color: transparent;
- border-top-color: {color:accent1};
- border-width: 10px;
- margin-left: -10px;
- }
- .upd8 {
- position: fixed;
- top: 15px;
- left: 15px;
- }
- .sf-pens {
- color: {color:update icon};
- font-size: 24px;
- text-shadow: 0 0 15px white;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .sf-pens:hover {
- color: {color:accent2};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .und {
- padding: 5px;
- background: {color:container bg};
- color: {color:description};
- margin-left: 15px;
- width: 170px;
- text-align: left;
- line-height: 200%;
- }
- .und up {
- padding: 3px;
- margin-right: 5px;
- color: {color:posts};
- text-transform: uppercase;
- background: {color:accent2};
- margin-bottom: 3px;
- font-weight: bold;
- line-height: 200%;
- }
- </style>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '2px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- </head>
- <body>
- {block:ifUpdatesTab}
- <div class="upd8">
- <a href="#" class="cthrough" title="click"><span class="sf sf-pens"></span></a>
- <div class="und">
- <h4>Updates</h4>
- <!-- YOUR UPDATE GOES HERE -->
- <up>##/##/##:</up> keep the date between the ups or ignore the ups if you want they just make it look kinda neat
- <!-- -->
- <h4>To-Do List</h4>
- <up>inbox</up> {text:inbox}<br>
- <up>replies</up> {text:replies}<br>
- <up>starters</up> {text:starters}
- </div>
- </div>
- {/block:ifUpdatesTab}
- <div id="sidebar">
- <div class="tit">
- {text:title}
- </div>
- <div class="desc">
- <img src="{image:icon}">
- {text:description}
- </div>
- <div class="pagi">
- {block:Pagination}{block:PreviousPage}
- <a href="{PreviousPage}">back</a>
- {/block:PreviousPage}{block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}{/block:Pagination}
- </div>
- <div class="nav">
- <a title="home" href="/"><span class="sf sf-home"></span></a>
- <a title="message" href="/ask"><span class="sf sf-envelope-3"></span></a>
- <a title="navigation" href="#" class="linkz"><span class="sf sf-location"></a>
- <!--
- <a title="navigation" href="/"><span class="sf sf-location"></a>
- -->
- <a title="muses" href="#" class="skel"><span class="sf sf-user"></a>
- <!--
- <a title="muses" href="/"><span class="sf sf-user"></a>
- -->
- <a title="{text:link 5 title}" href="{text:link 5 url}"><span class="sf sf-star"></a>
- </div>
- </div>
- <div id="linkz" style="display: none;">
- <div class="pow {select:Posts}">
- <div class="close"><a title="close" class="linkz"><span class="sf sf-cross"></span></a></div>
- <h1>Navigation</h1>
- <div class="plot">
- <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.
- </div>
- <div class="linx linx-right">
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- </div>
- <hr class="tween">
- <div class="linx linx-left">
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- <a href="/tagged/" class="hvr-bounce-to-top">link</a>
- </div>
- </div>
- <div class="premise">
- <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!
- </div>
- </div>
- <div id="skel" style="display: none;">
- <div class="pow {select:Posts}">
- <div class="close"><a title="close" class="skel"><span class="sf sf-cross"></span></a></div>
- <h1>Muses</h1>
- <div class="char-container">
- <!-- COPY FROM HERE TO NEXT COMMENT FOR A NEW MUSE -->
- <div class="char" style="background:url('http://placehold.it/85');">
- <div class="char-info {select:Posts}">
- <h5><a href="/">name</a></h5>
- <h6>fc: fc</h6>
- </div>
- </div>
- <!-- PASTE AFTER THIS LINE -->
- </div>
- </div>
- </div>
- </div>
- <div id="container">
- <div class="posts">
- {block:Posts}
- <div class="post {select:Posts}">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}{/block:Text}
- {block:Photo}
- <div class="faded gray"><img src="{PhotoURL-HighRes}" width="100%"></div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {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>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote"><acc>❝</acc> {Quote} <acc>❞</acc></div>
- {block:Source}<div class="quotesource"> ─ {Source}</div>
- {/block:Source}{/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>{/block:Title}<br>
- <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}
- {block:Audio}<div class="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div>
- {block:AudioPlayer}
- <div class="playbutton">
- {AudioPlayerWhite}
- </div>
- {/block:AudioPlayer}
- <div class="trackdetails">
- {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
- {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
- <b>PLAYS:</b> {FormattedPlayCount}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="speech">{Question}</div>
- <div class="portrait"><a href="{AskerURL}"><img src="{AskerPortraitURL-40}"></a></div>
- <div class="asker"><b>{Asker}</b></div>
- {Answer}
- {/block:Answer}
- {block:Date}
- <div class="info">
- <b><a title="{TimeAgo}" href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</b></a>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via</a>
- {block:ContentSource} /
- <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"> src</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- <div style="text-align:right;margin-top:-11px;">
- <a href="{ReblogURL}" target="_blank" class="details">reblog</a> /
- {LikeButton color="grey" size="10"}
- </div>
- </div>
- {/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Posts}
- {block:ContentSource}
- <!---{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment