Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!----
- theme 31 chateau
- 1 2 0 4 p x . t u m b l r . c o m
- © 2017. all rights reserved
- this theme was coded by azure (1204px).
- !this theme must not be republished or
- used as a basecode!
- all coding was created by me, unless it
- was stated otherwise.
- video resize script by shythemes
- photo resize by excolo
- smooth scrolling by deadpoolkilledzac
- photo set fix by pxuphoto
- tumblr caption plugin by neothms & magnusthemes
- icon font by fontawseome
- icon font by zavoloklom
- all themes by 1204px.tumblr.com are licensed
- under a Creative Commons Attribution-NoDerivatives
- 4.0 International License.
- --->
- <!--start html-->
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <!--custom google fonts-->
- <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Roboto:300i,400,400i,500,500i,700,700i|Source+Sans+Pro:400,600,700|Nunito:400,600,700|Lato:400,700|Open+Sans:400,600,700|Abril+Fatface|Anton|Hind:500,600,700|Vidaloka" rel="stylesheet">
- <!--tooltips-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:10,
- tip_fade_speed:900,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--back to top button-->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
- var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></br>scroll to top</a>'].join("");
- $("body").append(back_to_top_button)
- // Der Button wird ausgeblendet
- $(".back-to-top").hide();
- // Funktion für das Scroll-Verhalten
- $(function () {
- $(window).scroll(function () {
- if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
- $('.back-to-top').fadeIn();
- } else {
- $('.back-to-top').fadeOut();
- }
- });
- $('.back-to-top').click(function () { // Klick auf den Button
- $('body,html').animate({
- scrollTop: 0
- }, 800);
- return false;
- });
- });
- });
- </script>
- <script type="text/javascript">
- /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
- $(document).ready(function() {
- function photosetResize() {
- $('iframe.photoset').each(function(){
- var newSize = 500;
- var newSrc = $(this).attr('src').replace('500',newSize);
- $(this).attr('src', newSrc).width(newSize);
- var high = $(this).css('height');
- var calculate = parseInt(high, 10)* newSize/500;
- $(this).css('height', calculate);
- });
- }
- photosetResize();
- });
- </script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <!--scroll down to posts button-->
- <script>
- $(function() {
- $('.scroll-down').click (function() {
- $('html, body').animate({scrollTop: $('section.ok').offset().top }, 'slow');
- return false;
- });
- });
- </script>
- <!-- smooth scrolling by deadpoolkilledzac.tumblr.com -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <!--minimalist fonts-->
- <link rel="stylesheet" href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome-font-awesome.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css">
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <!-- meta names -->
- <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}
- <!-- toggles -->
- <meta name="if:TooltipBorder" content="1"/>
- <meta name="if:500px" content="0"/>
- <!-- all colors -->
- <meta name="color:background" content="#f6f6f6"/>
- <meta name="color:posts" content="#ffffff">
- <meta name="color:text" content="#666666"/>
- <meta name="color:header line" content="#888888"/>
- <meta name="color:links" content="#888888"/>
- <meta name="color:credit" content="#ffffff"/>
- <meta name="color:accent" content="#ffffff">
- <meta name="color:accent 2" content="#ffffff">
- <meta name="color:info" content="#666666">
- <meta name="color:hover" content="#000000">
- <meta name="color:credit hover" content="#cccccc">
- <meta name="color:asks" content="#f6f6f6">
- <meta name="color:border" content="#eeeeee"/>
- <meta name="color:scrollbar" content="#222222">
- <meta name="color:tooltip" content="#222222">
- <meta name="color:tooltip text" content="#fbfbfb">
- <!-- images -->
- <meta name="image:header" content=""/>
- <meta name="image:icon" content=""/>
- <!-- texts -->
- <meta name="text:font family" content="Source Sans Pro, Helvetica, Arial, Muli, Roboto"/>
- <meta name="text:title" content="I'm in love with"/>
- <!-- sidebar links -->
- <meta name="text:link one" content=" Link one">
- <meta name="text:link two" content="Link two">
- <meta name="text:link three" content="Link three">
- <meta name="text:link four" content="Link four">
- <meta name="text:link one url" content="/">
- <meta name="text:link two url" content="/">
- <meta name="text:link three url" content="/">
- <meta name="text:link four url" content="/">
- <meta name="viewport"
- content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
- <!-- custom css -->
- <style type="text/css">
- @font-face { font-family: "bakery"; src: url('https://dl.dropboxusercontent.com/s/9k77wkddq29vy16/bakery.ttf'); format("truetype");}
- @media screen and (max-width: 3480px) {
- @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- .fade-in {
- opacity:0;
- -webkit-animation:fadeIn ease-in 1;
- -moz-animation:fadeIn ease-in 1;
- animation:fadeIn ease-in 1;
- -webkit-animation-fill-mode:forwards;
- -moz-animation-fill-mode:forwards;
- animation-fill-mode:forwards;
- -webkit-animation-duration:1s;
- -moz-animation-duration:1s;
- animation-duration:1s;}
- .fade-in.one {
- -webkit-animation-delay:0s;
- -moz-animation-delay:0s;
- animation-delay:0s;}
- .fade-in.two {
- -webkit-animation-delay:0.8s;
- -moz-animation-delay:0.8s;
- animation-delay:0.8s;
- }
- /*tumblr controls*/
- .tmblr-iframe {
- top:0px!important;
- position:fixed!important;
- opacity:0.5;
- right:0px!important;
- font-family: 'karla', sans-serif!important;
- font-weight:300!important;
- -webkit-transform:scale(0.8);
- -webkit-transform-origin:right;
- -moz-transform:scale(0.8);
- -moz-transform-origin:right;
- -o-transform:scale(0.8);
- -o-transform-origin:right;
- -ms-transform:scale(0.8);
- -ms-transform-origin:right;
- transform:scale(0.8);
- transform-origin:right;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- z-index:99999999999999!important;
- white-space:nowrap;
- transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- /*scrollbar*/
- ::-webkit-scrollbar {
- width:6px;
- height:6px;
- background:{color:background};
- border:2.5px solid white;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:scrollbar};
- border:2px solid white;
- }
- /*tooltips*/
- #s-m-t-tooltip{
- margin:13px 10px 6px 10px;
- padding:4px;
- background-color:{color:tooltip};
- font-family: 'Source Sans Pro', sans-serif;
- font-weight:400;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:0px;
- color:{color:tooltip text};
- z-index:999999999999999999999999999999999999;
- transition:0.3s ease-in-out;
- -webkit-transition:0.3s ease-in-out;
- -moz-transition:0.3s ease-in-out;
- -ms-transition:0.3s ease-in-out;
- -o-transition:0.3s ease-in-out;
- }
- /*body basics*/
- body{
- background-color:{color:background};
- font-family: 'lato', sans-serif;
- margin:0px;
- padding:0px;
- background-attachment: fixed;
- background-repeat: repeat;
- -webkit-font-smoothing: fixed;
- -moz-osx-font-smoothing: grayscale;
- }
- p {
- padding-left:15px;
- padding-right:15px;
- }
- a{
- text-decoration:none;
- color:{color:links};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition: all 0.3s ease-out;
- }
- a:hover{
- text-decoration:none;
- color:{color:hover};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition: all 0.3s ease-out;
- }
- img {
- }
- blockquote {
- width:auto;
- border-left:1px solid {color:border};
- text-align:justify;
- padding:1px;
- font-weight:none;
- margin-top:11px;
- margin-left:12px;
- padding-top:0.5px;
- padding-bottom:0.5px;
- font-size:10px;
- font-family: 'lato', sans-serif;
- margin-right:20px;
- padding-left:5px;
- color:{color:text};
- }
- pre{
- font-size:11px;
- text-align:center;
- text-transform:uppercase;
- font-family: 'lato', sans-serif;
- font-weight:bold;
- line-height:9px;
- border:1px solid #eee;
- letter-spacing:4px;
- background-color:{color:posts};
- color:{color:text};
- padding:10px;
- }
- small{
- font-size:9px;
- font-family: 'lato', sans-serif;
- letter-spacing:0.5px;
- }
- big{
- font-size:12px;
- font-family: 'lato', sans-serif;
- font-weight:700;
- }
- sub{
- font-size:9px;
- letter-spacing:0px;
- font-weight:400;
- text-transform:none;
- font-family: 'lato', sans-serif;
- }
- h1 {
- font-size:15px;
- text-align:left;
- font-family: 'nunito', sans-serif;
- letter-spacing:0px;
- margin-left:4px;
- text-transform:uppercase;
- font-weight:700;
- line-height:12px;
- padding:10px;
- padding-top:15px;
- }
- h1 a{
- color:{color:links};
- text-align:left;
- }
- h2{
- text-transform:uppercase;
- font-family: 'nunito', sans-serif;
- text-align:left;
- font-size:13px;
- letter-spacing:1px;
- margin-left:15px;
- }
- b {
- font-weight:600;
- font-family: 'lato', sans-serif;
- }
- strike {
- font-family: 'lato', sans-serif;
- }
- u {
- text-decoration:none;
- color:{color:text};
- border-bottom:1px solid {color:text};
- }
- t {
- font-weight:bold;
- letter-spacing:0px;
- font-size:12px;
- padding:4px;
- font-family: 'karla', sans-serif;
- text-transform:uppercase;
- color:{color:text};
- }
- .tmblr-full {
- margin-left:10px;
- margin-top:10px;
- width:auto;
- }
- /*back to top button*/
- .back-to-top {
- position: fixed;
- color:{color:text};
- bottom:30px;
- text-transform:uppercase;
- right:10px;
- text-align:right;
- font-family: 'karla', sans-serif;
- font-size:8px;
- z-index:9999999999;
- font-weight:600;
- line-height:15px;
- padding:10px;
- }
- /*scroll down button*/
- section.ok{
- content:'';
- top:610px;
- z-index:999999999999;
- position:absolute;
- }
- .scroll-down {
- opacity: 1;
- -webkit-transition: all 1.9s ease-in-out;
- -moz-transition: all 1.9s ease-in-out;
- -o-transition: all 1.9s ease-in-out;
- -ms-transition: all 1.9s ease-in-out;
- transition: all 1.9s ease-in-out;
- }
- .scroll-down {
- position: relative;
- margin:auto;
- top:60px;
- text-align:center;
- display: block;
- font-family: 'lato', sans-serif;
- width:800px;
- height: 32px;
- color:{color:text};
- font-size:11px;
- font-weight:700;
- text-transform:uppercase;
- border-radius:100px;
- z-index:999999999;
- }
- /*jump pagination*/
- .pagination{
- font-family: 'roboto', sans-serif;
- margin-left:-190px;
- width:auto;
- padding-top:-10px;
- letter-spacing:2px;
- padding-bottom:20px;
- font-size:13px;
- text-align:center;
- }
- .pagination a{
- padding:5px;
- font-family: 'roboto', sans-serif;
- font-weight:600;
- bottom:10px;
- margin-left:5px;
- color:{color:text};
- }
- .pagination a:hover{
- color:{color:hover};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- transition: all 0.3s ease-out;
- }
- #description {
- width:250px;
- height:100px;
- position:fixed;
- margin-top:410px;
- font-family: 'lato', sans-serif;
- font-size:10px;
- z-index:99999999999999;
- padding:5px;
- color:{color:text};
- text-align:center;
- overflow:auto;
- }
- #description::-webkit-scrollbar-thumb {
- height:7px;
- width:5px;
- background-color:{color:scrollbar};
- }
- #description::-webkit-scrollbar {
- height:4px;
- width:1px;
- background:#cccccc;
- opacity:0.2;
- }
- /*header*/
- #header_line {
- position:relative;
- top:0px;
- width:100%;
- opacity:1;
- height:80px;
- margin:auto;
- background:{color:header line};
- z-index:999;
- }
- #headerimage {
- z-index:9999999999999999;
- }
- #headerimage {
- z-index:-99999;
- }
- #headerimage img {
- width:800px;
- height:430px;
- top:96px;
- position:relative;
- border:60px solid {color:posts};
- z-index:99999;
- margin:auto;
- opacity:1;
- }
- #sidebar_title {
- width:100%;
- font-family: 'lato', sans-serif;
- color:{color:text};
- text-align:center;
- font-size:12px;
- letter-spacing:0px;
- font-weight:700;
- font-style:italic;
- position:relative;
- margin:auto;
- z-index:9999999;
- text-transform:uppercase;
- top:132px;
- border-radius:3px;
- }
- #custom_links {
- margin-left:0px;
- font-size:9px;
- height:80px;
- letter-spacing:1px;
- font-weight:200;
- opacity:1;
- z-index:99999999999999999;
- width:100%;
- padding-left:25px;
- position:fixed;
- margin-top:0px;
- background:{color:header line};
- font-style:none;
- text-align:center;
- }
- #custom_links a{
- display:inline-block;
- color:{color:links};
- padding:19px 0px 25px 0px;
- margin:2px 30px 0px 5px;
- font-weight:500;
- margin-top:12px;
- text-align:center;
- line-height:15px;
- font-style:none;
- border-bottom:2px solid transparent;
- font-family: 'source sans pro', sans-serif;
- text-transform:uppercase;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #custom_links a:hover{
- color:{color:hover};
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /*blog container*/
- .container {
- width:calc(100% + 0px + 0px + 0px);
- margin:0 auto;
- text-align:center;
- overflow:hidden;
- }
- /*search box*/
- .search {
- text-align:left;
- line-height:48px;
- position:absolute;
- margin:0px 110px auto;
- font-family: 'lato', sans-serif;
- opacity:1;
- background:{color:posts};
- z-index:99999999999999;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- .search input{
- color:black;
- position:absolute;
- font-family: 'lato', sans-serif;
- font-size:9px;
- border:0px;
- text-transform:none;
- letter-spacing:1px;
- opacity:1;
- font-weight:500;
- padding:5px 9px;
- background:{color:posts};
- text-align:left;
- color:{color:links};
- border-radius:5px;
- margin-left:-123px;
- line-height:34px;
- width:150px;
- padding-left:13px;
- height:20px;
- outline:none;
- }
- ::-webkit-input-placeholder {
- color:{color:links};text-transform:uppercase;opacity:1;letter-spacing:0px;font-size:10px;
- }
- ::-moz-input-placeholder {
- color:{color:links};text-transform:uppercase;opacity:1;letter-spacing:0px;font-size:10px;
- }
- ::-o-input-placeholder {
- color:{color:links};text-transform:uppercase;opacity:1;letter-spacing:0px;font-size:10px;
- }
- ::-ms-input-placeholder {
- color:{color:text};text-transform:uppercase;opacity:1;letter-spacing:0px;font-size:10px;
- }
- /*post notes*/
- ol.notes {
- padding: 0px;
- margin: 25px 0px;
- font-family:'muli',sans-serif;
- list-style-type: none;
- margin-top:-105px;
- text-align:left;
- background:{color:posts};
- margin-left:15px;
- font-size:10px;
- width:500px;
- border-radius:5px;
- border: solid 1px {color:border};
- }
- ol.notes li.note {
- border-top: solid 1px {color:border};
- padding: 10px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -10px;
- border-radius:100px;
- margin-left: 10px;
- padding:6px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note span.action {
- font-weight: 300;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: {color:border};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- /*like button*/
- .buttons a {
- position:relative;
- display:inline-block;
- padding:3px;
- }
- .custom-like-button {
- position: relative;
- display: inline-block;
- width: 12px;
- height: 12px;
- cursor: pointer;
- }
- .like_button {
- position: absolute;
- top: 0px;
- left: -2px;
- right: 0;
- font-size:9px;
- bottom: -1px;
- width: 12px;
- height: 12px;
- opacity: 0;
- z-index: 10;
- }
- .like_button iframe {
- width: 100% !important;
- height: 100% !important;
- }
- .our_button {
- position: absolute;
- top: 1.5px;
- left: 0;
- right: 0;
- bottom: 0;
- width: 100%;
- height: 100%;
- z-index: 1;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- .like_button:hover + .our_button {
- color: {color:link hover};
- }
- .custom-like-button:hover {
- color:{color:hover};
- }
- .like_button.liked + .our_button {
- color: red;
- }
- /*audio*/
- .audio_artist {
- font-family:'muli', sans-serif;
- font-size:10px;
- text-transform:capitalize;
- font-weight:600;
- margin-left:55px;
- padding-left:23px;
- }
- .audio_tit {
- font-family:'muli', sans-serif;
- font-size:10px;
- text-transform:capitalize;
- font-weight:600;
- margin-top:-45px;
- margin-left:55px;
- padding-left:23px;
- }
- .audio_play {
- font-family:'muli', sans-serif;
- font-size:10px;
- text-transform:capitalize;
- font-weight:600;
- margin-left:55px;
- padding-left:23px;
- }
- .audio_player {
- width:200px;
- margin-left:5px;
- color:{color:text};
- }
- .album_cover img {
- width:50px;
- border-radius:100px;
- margin-left:15px;
- }
- /*post styles*/
- .photo_caption{
- font-family: 'source sans pro', sans-serif;
- margin-left:5px;
- margin-top:5px;
- }
- .tumblr_avatar {
- display:inline-block;
- margin-right:10px;
- border-radius:100%;
- width:18px;
- vertical-align:middle;
- }
- .tumblr_parent {
- padding:0px;
- margin-top:18px;
- font-family:'muli', sans-serif;
- font-size:10px;
- text-align:left;
- font-weight:500;
- color:{color:info};
- letter-spacing:0px;
- border:none;
- }
- .psets{
- width:100%;
- margin-top:-12px;
- margin-left:0px;
- }
- .vsets{
- width:100%;
- margin-top:-12px;
- }
- .ppost{
- width:100%;
- margin-top:-12px;
- }
- .quote_cap{
- font-family: 'muli', sans-serif;
- font-size:15px;
- margin-left:15px;
- margin-top:15px;
- padding-right:15px;
- letter-spacing:0px;
- text-align:justify;
- text-transform:none;
- color:{color:text};
- font-weight:200;
- }
- .quote_src{
- font-size:10px;
- margin-left:15px;
- margin-top:12px;
- text-align:left;
- letter-spacing:0px;
- font-family:'muli', sans-serif;
- text-transform:lowercase;
- font-style:italic;
- font-weight:300;
- }
- .chat_box{
- font-family: 'muli', sans-serif;
- margin-left:15px;
- padding-right:15px;
- }
- .chat_line {
- padding:3px;
- }
- .chat_label {
- padding:5px;
- border-radius:3px;
- font-weight:600;
- font-family: 'muli', sans-serif;
- background:{color:accent};
- text-transform:uppercase;
- }
- .chat_box blockquote {
- padding-left:12px;
- border-left:1px solid {color:border};
- margin-left:2px;
- }
- .post_container {
- width:calc(900px + 120px + 0px + 0px);
- margin:350px auto;
- z-index:99999999999999999;
- margin-bottom:10px;
- text-align:center;
- overflow:hidden;
- }
- /*posts*/
- #entries {
- margin-left:445px;
- {block:If500px}
- margin-left:415px;
- {block:If500px}
- overflow:auto;
- z-index:999999;
- }
- #post {
- font-size:10px;
- width:400px;
- {block:If500px}
- width:500px;
- {block:If500px}
- color:{color:text};
- opacity:1;
- background-color:{color:posts};
- text-align:justify;
- z-index:9999;
- border-radius:3px;
- margin-left:15px;
- margin-bottom:70px;
- padding-bottom:0px;
- overflow:hidden;
- }
- #post img{
- max-width:100%;
- margin-top:-5px;
- height:auto;
- }
- /*post info*/
- #info {
- width:412px;
- {block:If500px}
- width:512px;
- {block:If500px}
- text-align:left;
- font-family:'hind', sans-serif;
- text-transform:uppercase;
- margin-left:-42px;
- font-size:8px;
- margin-top:10px;
- padding-left:30px;
- padding-top:0px;
- padding-bottom:5px;
- opacity:1;
- overflow:hidden;
- font-weight:400;
- line-height:21px;
- letter-spacing:0px;
- background:{color:posts};
- z-index:9999999999999999;
- color:{color:info};
- }
- #info a {
- text-align:center;
- font-weight:700;
- padding:2px;
- font-size:8px;
- letter-spacing:-1px;
- font-family:'hind', sans-serif;
- text-transform:uppercase;
- line-height:12px;
- color:{color:info};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #info a:hover{
- color:{color:hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #info date {
- font-size:8px;
- letter-spacing:0px;
- text-transform:uppercase;
- font-family:'hind', sans-serif;
- font-weight:400;
- padding:2px;
- padding-left:24px;
- line-height:12px;
- color:{color:info};
- padding-bottom:3px;
- padding-top:1px;
- }
- #info date:hover{
- color:{color:hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #info tagged {
- font-family:'hind', sans-serif;
- text-transform:uppercase;
- font-size:8px;
- margin-top:1px;
- color:#cccccc;
- padding-top:0px;
- text-align:left;
- display:inline-block;
- line-height:15px;
- letter-spacing:0px;
- margin-left:12px;
- margin-bottom:2px;
- padding-bottom:0px;
- font-weight:400;
- }
- #info tagged:hover{
- color:{color:hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #info span {
- padding:4px;
- }
- #info span:hover{
- color:{color:hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #info namee {
- text-transform:uppercase;
- color:{color:info};
- letter-spacing:1px;
- font-weight:500;
- }
- #post_info {
- width:412px;
- {block:If500px}
- width:512px;
- {block:If500px}
- padding:5px;
- margin-top:-8px;
- font-size:8px;
- margin-left:13px;
- color:{color:info};
- margin-bottom:-6px;
- z-index:9999999999999999;
- padding-left:12px;
- font-weight:400;
- line-height:22px;
- letter-spacing:0px;
- text-transform:uppercase;
- font-family:'hind', sans-serif;
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #post_info a {
- font-size:8px;
- letter-spacing:0px;
- color:{color:info};
- font-weight:300;
- font-family:'hind', sans-serif;
- }
- #post_info span {
- font-size:8px;
- font-weight:bold;
- }
- #post_info a:hover{
- color:{color:hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- #post_info a:hover {
- color:{color:hover};
- -moz-transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition: all 0.2s ease-out;
- }
- /*questions and answers*/
- #asking {
- margin-left:40px;
- margin-top:-55px;
- }
- #question {
- padding:25px;
- padding-left:52px;
- margin-top:5px;
- padding-top:22px;
- margin-left:10px;
- width:357px;
- text-transform:none;
- border-radius:3px;
- font-family: 'source sans pro', serif;
- color:{color:text};
- background-color:{color:asks};
- }
- #asker{
- margin-top:12px;
- padding:20px;
- font-weight:300;
- width:333px;
- {block:If500px}
- width:437px;
- {block:If500px}
- font-size:10px;
- z-index:9999999999;
- color:{color:text};
- opacity:1;
- background:{color:asks};
- border-radius:2px;
- margin-left:12px;
- letter-spacing:0px;
- font-family: 'source sans pro', sans-serif;
- text-transform:none;
- }
- askerurl{
- font-weight:bold;
- font-family: 'source sans pro', sans-serif;
- }
- /*credit (u better leave this here u goof)*/
- #credit a{
- position:fixed;
- font-size:8px;
- font-weight:600;
- height:10px;
- width:72px;
- opacity:1;
- right:12px;
- bottom:10px;
- line-height:12px;
- letter-spacing:0px;
- border-radius:3px;
- background:{color:credit};
- padding:5px;
- z-index:9999999999999999999999999999;
- text-align:center;
- font-family: 'karla', sans-serif;
- border:1px solid {color:border};
- color:{color:text};
- text-transform:uppercase;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- transition: all 0.6s ease-out;
- }
- #credit a:hover{
- color:{color:credit hover};
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- transition: all 0.6s ease-out;
- }
- /*sidebar*/
- #sidebox {
- position:absolute;
- width:235px;
- margin-top:320px;
- background:{color:posts};
- margin-left:-190px;
- border-radius:3px 3px 3px 3px;
- z-index:9999;
- opacity:0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .box {
- padding:20px;
- }
- /*top navigation*/
- .topbar {
- width:100%;
- top:40px;
- position:absolute;
- z-index:9999;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- .sticky{
- width:705px;
- top:-55px;
- z-index:99999999999;
- position:fixed;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- .sticky #sidebox {
- margin-top:220px;
- margin-left:-190px;
- position:fixed;
- opacity:1;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- .sticky #navi {
- opacity:1;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- #navi{
- margin:auto;
- font-size:10px;
- border-radius:3px;
- letter-spacing:0px;
- font-weight:300;
- z-index:9999;
- padding:5px;
- width:705px;
- opacity:0;
- height:45px;
- margin-left:300px;
- font-style:none;
- text-align:center;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #navi a{
- display:inline-block;
- color:{color:links};
- padding:4px 0px 4px 0px;
- margin:2px 4px 0px 5px;
- padding:6px;
- width:15px;
- height:15px;
- border-radius:3px 3px 3px 3px;
- background:transparent;
- border:1px solid transparent;
- font-weight:400;
- margin-bottom:7px;
- text-align:center;
- line-height:15px;
- font-style:none;
- border:1px solid transparent;
- font-family: 'Source Sans Pro', sans-serif;
- text-transform:uppercase;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #navi a:hover{
- color:{color:hover};
- padding:6px;
- border-radius:3px;
- background:{color:search};
- border:1px solid {color:border};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #description1 {
- margin:5px;
- font-size:10px;
- margin-top:-18px;
- z-index:-999999;
- text-transform:none;
- background:{color:posts};
- margin-left:-20px;
- width:205px;
- border-radius:0px 0px 3px 3px;
- font-weight:200;
- padding:15px;
- text-align:justify;
- line-height:16px;
- font-family: 'lato', sans-serif;
- -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
- -o-transition:all 0.6s ease-in-out;/*opera*/
- -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
- -ms-transition:all 0.6s ease-in-out;/*ie*/
- transition:all 0.6s ease-in-out;/*w3c*/
- }
- .sidebar-title {
- font-size:10px;
- text-transform:uppercase;
- letter-spacing:0px;
- line-height:40px;
- font-weight:700;
- width:220px;
- padding-left:15px;
- font-style:italic;
- border-radius:3px 3px 0px 0px;
- height:40px;
- border-bottom:1px solid {color:border};
- margin-left:-20px;
- background:{color:posts};
- margin-top:-20px;
- margin-bottom:18px;
- text-align:left;
- font-family: 'lato', sans-serif;
- color:{color:text};
- }
- #description1 a{
- color:{color:links};
- width:auto;
- font-weight:200;
- height:5px;
- margin-top:7px;
- text-align:left;
- margin-left:-5px;
- line-height:5px;
- border:none;
- margin-bottom:-4px;
- font-style:none;
- font-family: 'lato', sans-serif;
- text-transform:uppercase;
- }
- #description1 a:hover{
- color:{color:hover};
- border:none;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- {CustomCSS}</style>
- </head>
- <body>
- <div class="container fade-in one">
- <div id="header_line">
- <!--top bar links-->
- <div id="custom_links">
- <a href="/">Home</a>
- <a href="/ask">Contact</a>
- <a href="{text:link one url}">{text:link one}</a>
- <img src="{image:icon}"style="border-radius:100px;width:40px;height:40px;margin:17px 30px -13px 10px"></a>
- <a href="{text:link two url}">{text:link two}</a>
- <a href="{text:link three url}">{text:link three}</a>
- <a href="{text:link four url}">{text:link four}</a>
- </div>
- <div id="sidebar_title">{title}</div>
- <div id="headerimage"><img src="{image:header}"></div>
- <a href="#" class="scroll-down" address="true">Scroll down</a>
- </section></div>
- <section>
- <p></p>
- <div class="post_container fade-in one">
- <section class="ok">
- <!--top bar links-->
- <div class="topbar">
- <div id="navi">
- <!--sidebar-->
- <div id="sidebox">
- <!--description // will appear automatically. dont edit this here -->
- <div class="box">
- <div class="sidebar-title">
- {text:title}
- </div>
- <div id="description1"><img src="{PortraitURL-128}"style="width:45px;height:45px;border-radius:3px;margin:4px 10px 0px 2px;float:left">{description}</br>
- <a href="https://www.tumblr.com/follow/{Name}">Follow</a></br>
- <a href="/archive">Archive</a></br>
- <a href="/submit">Submit</a>
- <div class="search">
- <form action="/search" method="get">
- <input type="text" name="q" value="" placeholder="Search {Name}" />
- </form></div>
- </div>
- </div>
- <script>
- var header = document.querySelector('.topbar');
- var origOffsetY = header.offsetTop;
- function onScroll(e) {
- window.scrollY >= origOffsetY ? header.classList.add('sticky') :
- header.classList.remove('sticky');
- }
- document.addEventListener('scroll', onScroll);
- </script>
- </section>
- <div class="post_container fade-in one">
- <!-- posts and entries -->
- <div id="entries"class="fade-in one">
- {block:Posts}
- <div id="post">
- <!-- texts -->
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <p>{Body}</p>
- {/block:Text}
- <!-- question and answers -->
- {block:Answer}
- <div id="asker"><askerurl>{Asker} asked:</askerurl> {Question}</div>
- {Answer}{/block:Answer}
- <!-- quotes -->
- {block:Quote}
- {block:Quote}
- <div class="quote_cap">{Quote}</div>
- <div class="quote_src">
- {block:Source}- {Source}{/block:Source}
- </div>
- {/block:Quote}
- <!-- links -->
- {block:Link}
- <h2><center><a href="{URL}">{Name}</center></a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-- chats -->
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="chat_box">{block:Lines}<div class="chat_line">{block:Label}<div class ="chat_label">{Label}</div>{/block:Label}
- <blockquote>{Line}</blockquote></div>{/block:Lines}</div>
- {/block:Chat}
- <!-- photos -->
- {block:Photo}
- {LinkOpenTag}<div class="ppost"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%">{LinkCloseTag}</div>
- {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- <!-- photosets -->
- {block:Photoset}
- <div class="set"style="margin-top:-15px"><center><div class="pxu"><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}" ></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center></div>
- {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- <!-- videos -->
- {block:Video}
- <div class="vsets">{Video-500}</div>
- {block:Caption}<div class="photo_caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- <!-- audios -->
- {block:Audio}<div class="album_cover">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
- {block:TrackName}<div class="audio_tit">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
- {block:Artist}<div class="audio_artist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
- {/block:ExternalAudio}<div class="audio_play">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
- </br>
- <div class="audio_player">{AudioPlayer}</div>
- {/block:Audio}
- <!-- info -->
- <div id="info">
- <div id="permalink">
- <div id="post_info">
- {block:RebloggedFrom}{block:ContentSource}
- <a href="{ReblogParentURL}" title="via">VIA: {ReblogParentName}</a> <a href="{SourceURL}"title="src"> SRC: {ReblogRootName}</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}</div>
- <a href="{Permalink}"><date>{DayOfMonth} {ShortMonth} {ShortYear}</date></a> {NoteCountWithLabel}</date><a href="{ReblogURL}" title="reblog"target="_blank" class="details"><span class="lnr lnr-redo"style="font-size:9px;font-weight:bold;margin-top:8px;color:{color:info};"></span></a>
- <font style="float:right;margin-right:24px;margin-top:-3px;">
- </a><div class="custom-like-button">{LikeButton}<span class="our_button"><span class="lnr lnr-heart"style="font-size:9px;font-weight:bold"></span></span></div></font style></br>
- </div>
- {/block:Date}
- {block:HasTags}<tagged>{block:Tags} <a href="{TagURL}"> <tagged>#{Tag}</tagged> </a> {/block:Tags}
- {/block:HasTags}
- </div></div>
- {block:PostNotes} {PostNotes} {/block:PostNotes}
- {/block:Posts}
- {block:Pagination}
- <div class="pagination"style="{color:text}">
- {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:links};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
- {/block:Pagination}</div>
- </div>
- </section>
- <!-- credit(u better dont touch this here u goof) -->
- <div id="credit">
- <a href="http://ceesty.com/qNgV4R"title="theme credit">Themesbyazure</a>
- </div></div>
- </html>
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script> $(function(){ $('#entries').unnest({
- yourCaption: ".photo_caption", //your caption selector, the div wrapping {Caption}
- wrapName: ".tumblr_parent", //the name of the captions’ new wrapper
- newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
- originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
- tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
- tumblrAvatarClass: ".tumblr_avatar", //class of the avatar next to the username
- usernameColon: false //if turned to false, removes the colon at the end of usernames
- }); });
- </script>
- <!-- pixel union photoset script -->
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- borderRadius:'0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });</script>
- </body>
- <!-- end html -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement