Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ✧* 。♡ Sleep theme | @planthed | @themekid ♡ 。*✧
- — Do not delete the credit.
- — Do not copy or steal any code.
- — Do not claim as yours.
- Enjoy (✿◠‿◠)
- infinite scroll with masonry + pxu: @shythemes
- -->
- <html lang="en">
- <head>
- <title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:hidden}
- <!--Default Variables-->
- <meta name="image:background" content=""/>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Link" content="#000000"/>
- <meta name="color:Text" content="#000000"/>
- <meta name="color:Title" content="#000000"/>
- <meta name="color:Accent" content="#DABDBF"/>
- <meta name="color:Accent text" content="#000000"/>
- <meta name="color:Borders" content="#DABDBF"/>
- <meta name="color:tooltip background" content="#000"/>
- <meta name="color:tooltip text" content="#fff"/>
- <meta name="text:Blogtitle" content="" />
- <meta name="text:Home label" content="home" />
- <meta name="text:Ask label" content="ask"/>
- <meta name="text:Archive label" content="Past" />
- <meta name="text:Extra link 1 title" content="" />
- <meta name="text:Extra link 1" content="http://" />
- <meta name="text:Extra link 2 title" content="" />
- <meta name="text:Extra link 2" content="http://" />
- <meta name="if:White Tiny cursor" content="" />
- <meta name="if:Black Tiny cursor" content="" />
- <meta name="if:Title Hovered" content="" />
- <meta name="if:Navigation Hovered" content="" />
- <meta name="select:border height" content="1px" title="1px">
- <meta name="select:border height" content="2px" title="2px">
- <meta name="select:border height" content="3px" title="3px">
- {/block:hidden}
- <!---pxu script--->
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <!--- tooltips script --->
- <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:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-------
- A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
- > You CAN'T use my themes as base
- > You CAN'T remove my credits, even if you edited the theme a lot.
- > Don't use any part of my codes without permission.
- > You can edit the theme as your own like and make it look too different as the original one but if you edit the theme a lot and you're having problems with it, I'll not allowed to help you.
- YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
- BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
- ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.
- ---------->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".show").click(function(){
- $(".notas").slideToggle("slow");
- });
- });
- </script>
- <style type="text/css">
- .video, .video iframe{
- display:block;
- {block:indexpage}
- width:240px;
- height:auto;
- {/block:indexpage}
- {block:PermalinkPage}
- width:500px;
- height:auto;
- {/block:PermalinkPage}
- }
- /*tooltips style*/
- #s-m-t-tooltip{
- max-width:300px;
- padding:3px;
- padding-left:7px;
- padding-right:7px;
- min-height:7px;
- background:{color:tooltip background};
- margin:20px 0px 0px 20px;
- font-family:roboto;
- text-transform:uppercase;
- font-size:9px;
- color:{color:tooltip text};
- line-height:20px;
- opacity:1;
- z-index:9999999999999999999;
- }
- #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:10px!important; right:10px!important; opacity:.5;
- -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
- #tumblr_controls, .tmblr-iframe:hover{
- opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
- -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
- }
- /*tumblr controls and lightbox*/
- #tumblr_lightbox,.tmblr-lightbox{
- background:rgba({RGBcolor:background}, 0.8)!important;}
- #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
- opacity:0!important;
- }
- #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
- box-shadow:none!important;
- border-radius:0px!important;
- padding:0px!important;
- background:{color:post background}!important;
- border:0px solid {color:border}!important;
- }
- ::-webkit-scrollbar{
- height:3px;
- width:11px;
- background:inherit;
- background:rgba({RGBcolor:Accent}, 0.4);
- border:5px solid {color:background};
- }
- ::-webkit-scrollbar-track {background:transparent;}
- ::-webkit-scrollbar-thumb {
- height:150px!important;
- background:{color:borders};
- border:5px solid {color:background};
- }
- /*tiny cursor*/
- html, body, img, a {
- {block:ifWhiteTinycursor}
- cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
- {/block:ifWhiteTinycursor}
- {block:ifBlackTinyCursor}
- cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
- {/block:ifBlackTinyCursor}
- }
- a:hover, a:active, iframe{
- {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
- {/block:ifWhiteTinycursor}
- {block:ifBlackTinyCursor}
- cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
- {/block:ifBlackTinyCursor}
- }
- /*main structure*/
- body{
- background-color:{color:background};
- background-image:url({image:Background});
- background-attachment:fixed;
- background-repeat:repeat;
- font-size:11px;
- font-family:Muli, sans-serif;
- color:{color:text};
- line-height:1.5em;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- }
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration:none;
- -webkit-transition:all 0.5s linear;
- -moz-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- a:hover {color:{color:text};}
- .center {
- position:relative;
- margin:40px auto;
- width:calc(540px + 130px);
- {block:PermalinkPage}
- width:calc(400px + 200px);
- {/block:PermalinkPage}
- }
- #posts{
- position:relative;
- {block:PermalinkPage}
- margin-top:100px;
- {/block:PermalinkPage}
- }
- .entry {
- margin:35px;
- background:{color:background};
- outline:{select:border height} solid {color:borders};
- outline-offset:2px;
- padding:10px;
- {block:indexpage}
- width:240px;
- opacity:0;
- z-index:-1;
- {/block:indexpage}
- {block:PermalinkPage}
- width:500px;
- padding-bottom:5px;
- {/block:PermalinkPage}
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- -o-transition: all .3s ease;
- transition: all .3s ease;
- }
- .entry:hover{
- {block:indexpage}
- outline:{select:border height} solid {color:background};
- outline-offset:-5px;
- {/block:indexpage}
- }
- .entry img{
- max-width:100%;
- display:block;
- position:relative;
- overflow:hidden;
- }
- #zoom{
- position:relative;
- overflow:hidden;
- }
- .entry #zoom img{
- display:block;
- height:auto;
- -webkit-transition:opacity 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -moz-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- .entry:hover #zoom img{
- -webkit-transform: scale(1.4);
- -moz-transform: scale(1.4);
- -o-transform: scale(1.4);
- transform: scale(1.4);
- }
- .block {
- position:absolute;
- width:0px;
- margin-top:20px;
- background:{color:borders};
- margin-left:110px;
- opacity:1;
- height:{select:border height};
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- }
- .entry:hover .block{
- width:200px;
- margin-left:18px;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- }
- .permas {
- position:absolute;
- text-align:center;
- font-size:15px;
- margin-top:25px;
- margin-left:20px;
- opacity:0;
- width:200px;
- z-index:99999999;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- }
- .entry:hover .permas{
- opacity:1;
- margin-top:13px;
- -webkit-transition-delay: 0.70s;
- -webkit-transition: all 0.70s;
- transition: all 0.70s;
- transition-delay: 0.70s;
- }
- .permas a{
- background:{color:background};
- margin:5px;
- padding:10px;
- color:{color:text};
- }
- .permas a:hover{
- color:{color:Accent};
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- p {margin:5px 0;}
- p:first-of-type {
- margin-top:0;
- padding-top:0;
- }
- p:last-of-type {
- margin-bottom:0;
- padding-bottom:0;
- }
- small, big {font-size:1em;}
- h1, h2, h3, h4 {
- font-size:1.4em;
- margin:0;
- padding:0;
- }
- /*audio player*/
- #audio {
- width:auto;
- margin:0px;
- height:auto;
- min-height:60px;
- line-height:20px;
- }
- .cover {
- z-index:1;
- width:70px;
- height:70px;
- position:absolute;
- }
- .cover img {
- float:left;
- position:absolute;
- border-radius:0px;
- width:70px;
- height:70px;
- }
- .playbox {
- position:absolute;
- z-index:9;
- background:black;
- opacity:0;
- width:70px;
- height:70px;
- -webkit-transition:opacity 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -moz-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- .entry:hover .playbox{
- opacity:.8;
- -webkit-transition:opacity 0.5s linear;
- -webkit-transition:all 0.5s linear;
- -moz-transition:all 0.5s linear;
- transition:all 0.5s linear;
- }
- .button {
- position:relative;
- z-index: 1000;
- overflow:hidden;
- width:25px;
- height:25px;
- margin:20px 20px 20px 20px;
- }
- .info {
- margin-left:70px;
- margin-top:0px;
- font-size:10px;
- letter-spacing:2px;
- text-align:right;
- text-transform:uppercase;
- line-height:25px;
- background:{color:Accent};
- color:{color:Accent text};
- padding:10px;
- }
- /*title*/
- .title{
- margin-bottom:4px;
- font-family:Petit Formal Script;
- font-size:20px;
- line-height:28px;
- }
- /*blockquote & quote*/
- blockquote{
- border-left:1px solid {color:borders};
- margin:5px;
- padding-left:10px;
- line-height:15px;
- }
- .quote{
- font-size:10px;
- font-style:italic;
- text-transform:uppercase;
- letter-spacing:2px;
- line-height:19px;
- padding:7px;
- background:{color:Accent};
- color:{color:Accent text};
- }
- .cite{
- line-height:15px;
- text-align:right;
- font-size:9px;
- font-style:italic;
- padding:10px;
- padding-bottom:7px;;
- background:rgba({RGBcolor:Accent}, 0.5);
- color:{color:Accent text};
- }
- .cite a{
- color:{color:Accent text};
- }
- /*ask style*/
- .as{
- color:{color:text};
- letter-spacing:0px;
- text-transform:uppercase;
- letter-spacing:1px;
- padding:10px;
- font-family:roboto;
- font-size:10px;
- text-align:center;
- overflow:hidden;
- background:{color:Accent};
- color:{color:Accent text};
- }
- .as a{color:{color:Accent text};}
- .q{
- margin-top:10px;
- margin-bottom:10px;
- line-height:14px;
- }
- .qline{
- height:1px;
- display:block;
- width:50%;
- margin-left:25%;
- background:{color:borders};
- }
- .a{
- line-height:14px;
- margin-top:10px;
- }
- .a img{
- width:100%;
- height:auto;
- }
- #reblogged {
- bottom:30px!important;
- right:30px!important;
- }
- /*chat styling*/
- .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, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{
- background:rgba({RGBcolor:Accent}, 1);
- padding:7px;
- color:{color:Accent text};}
- .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, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{
- background:rgba({RGBcolor:Accent}, 0.6);
- padding:7px;
- color:{color:Accent text};}
- .back li, .a li{position:relative;display:block;}
- .back li:before, .a li:before{content:'―';font-size:10px;position:absolute;left:-15px;color:{color:borders};top:0px;}
- /*permalink notes*/
- .caption{
- margin-top:10px;
- }
- .inf{
- display:block;
- margin-top:10px;
- margin-bottom:10px;
- padding:10px;
- background:{color:Accent};
- color:{color:Accent text};
- line-height:17px;
- }
- .tg{display:block;}
- .tg a:after{content:',';}
- .tg a:last-of-type:after {content:'.';}
- .inf a, .notas a, .tg a{color:{color:Accent text};}
- .inf a:hover, .notas a:hover, .tg a:hover{color:{color:link};}
- .notas{
- margin-top:0px;
- display:none;
- background:{color:Accent};
- color:{color:Accent text};
- padding:0px;
- color:{color:text};
- }
- ol.notes {
- padding:0px!important;
- margin: 0;
- list-style-type: none;
- }
- ol.notes li.note {
- padding:8px;
- border-top:1px solid RGBA(255, 255, 255, 0.6);
- }
- ol.notes li.note img.avatar {
- float:right;
- border-radius:50%;
- padding:0px!important;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- li.more_notes_link_container {
- text-transform: uppercase;
- font-size:1em;
- letter-spacing:1px;
- }
- li.more_notes_link_container:hover{
- letter-spacing:4px;
- }
- img:not(.lightbox-image) {
- max-width:100%;
- height:auto;
- }
- #top{
- position:fixed;
- width:100%;
- height:10px;
- background:{color:Accent};
- top:0px;
- left:0px;
- z-index:999999;
- }
- #left{
- position:fixed;
- width:10px;
- height:100%;
- background:{color:Accent};
- top:0px;
- left:0px;
- z-index:999999;
- }
- #bottom{
- position:fixed;
- width:10px;
- height:100%;
- background:{color:Accent};
- top:0px;
- right:0px;
- z-index:999999;
- }
- #right{
- position:fixed;
- width:100%;
- height:10px;
- background:{color:Accent};
- bottom:0px;
- left:0px;
- z-index:999999;
- }
- #sidebar{
- position:fixed;
- top:200px;
- margin-left:calc(20px - 275px);
- z-index:999999;
- width:220px;
- height:auto;
- overflow:hidden;
- }
- .blogtitle{
- font-family:Petit Formal Script;
- font-size:22px;
- color:{color:Accent};
- width:auto;
- line-height:23px;
- text-align:center;
- height:auto;
- {block:ifTitleHovered}
- margin-left:100px;
- width:220px;
- -webkit-transition-delay: 0.50s;
- -webkit-transition: all 0.50s;
- transition: all 0.50s;
- transition-delay: 0.50s;
- opacity:0;
- {/block:ifTitleHovered}
- }
- #sidebar:hover .blogtitle{
- {block:ifTitleHovered}
- margin-left:0px;
- opacity:1;
- {/block:ifTitleHovered}
- }
- .desc{
- margin-top:10px;
- text-align:center;
- line-height:14px;
- padding:10px;
- width:200px;
- color:{color:text};
- z-index:99999999999;
- }
- .sideline{
- height:{select:border height};
- background:{color:borders};
- position:fixed;
- z-index:99;
- width:190px;
- opacity:1;
- margin-left:15px;
- {block:ifNavigationHovered}
- width:100px;
- margin-left:60px;
- margin-top:0px;
- {/block:ifNavigationHovered}
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- }
- #sidebar:hover .sideline{
- width:190px;
- margin-left:15px;
- }
- .sideline2{
- height:{select:border height};
- background:{color:borders};
- position:fixed;
- z-index:99;
- width:70px;
- margin-left:75px;
- margin-top:10px;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- }
- .nav{
- margin-top:10px;
- margin-left:25px;
- {block:ifNavigationHovered}
- margin-left:-30px;
- opacity:0;
- visibility:hidden;
- {/block:ifNavigationHovered}
- width:250px;
- height:25px;
- -webkit-transition-delay: 0.50s;
- -webkit-transition: all 0.50s;
- transition: all 0.50s;
- transition-delay: 0.50s;
- }
- #sidebar:hover .nav{
- margin-left:25px;
- opacity:1;
- visibility:visible;
- }
- .nav a{
- color:{color:Accent};
- padding:3px;
- text-align:center;
- width:25px;
- font-size:12px;
- display:inline-block;
- position:relative;
- margin-left:0px;
- -webkit-transition:all 0.3s ease-out;
- -moz-transition:all 0.3s ease-out;
- transition:all 0.3s ease-out;
- }
- .nav a:hover{
- color:{color:text};
- -webkit-transform: scale(1.5);
- -webkit-transition:all 0.3s ease-out;
- -moz-transition:all 0.3s ease-out;
- transition:all 0.3s ease-out;
- }
- </style>
- </head>
- <body>
- <div id="top"></div>
- <div id="left"></div>
- <div id="right"></div>
- <div id="bottom"></div>
- <div class="center">
- <div id="sidebar">
- <div class="blogtitle">{text:blogtitle}</div>
- <div class="sideline2"></div>
- <div class="desc">{Description}</div>
- <div class="sideline"></div>
- <div class="nav">
- <a title="{text:Home Label}" href="/"><i class="fa fa-home"></i></a>
- <a title="{text:Ask Label}" href="/ask"><i class="fa fa-envelope"></i></a>
- <a title="{text:Extra link 1 Title}" href="{text:Extra link 1}"><i class="fa fa-user"></i></a>
- <a title="{text:Extra link 2 Title}" href="{text:Extra link 2}"><i class="fa fa-tags"></i></a>
- <a title="{text:Archive Label}" href="/archive"><i class="fa fa-calendar"></i></a>
- </div>
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entry">
- {block:Text}<div class="back">
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- {Body}</div>
- {/block:Text}
- {block:Link}<div class="back">
- <div class="title">
- <a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
- {block:Description}{Description}{/block:Description}
- </div>
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <div id="zoom">
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="back">
- <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></div>
- {/block:Photoset}
- {block:Quote}
- <div class="back">
- <div class="quote">❝ {quote}</div>
- <div class="cite">— {Source}</div></div>
- {/block:Quote}
- {block:Chat}
- <div class="back">
- <div class="chat">
- {block:Title}<span class="title">{Title}</span></span>{/block:Title}
- {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
- </div></div>
- {/block:Chat}
- {block:Audio}
- <div class="back">
- <div id="audio">
- <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
- {block:AlbumArt}
- <div class="cover"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playbox">
- <div class="button">
- {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
- <div class="info">
- <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
- <div style="text-transform:uppercase;font-size:8px;letter-spacing:2px;color:{color:Accent text};font-family:{select:Font};">
- <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
- </div>
- </div></div>
- {/block:Audio}
- {block:Video}
- <div class="video">{Video-500}</div>
- {/block:Video}
- {block:Answer}
- <div class="back">
- <div class="as">{Asker} asked:</div>
- <div class="q">{Question}</div>
- <div class="qline"></div>
- <div class="a">{Answer}</div>
- </div>
- {/block:Answer}
- {block:IndexPage}
- <div class="block"></div>
- <div class="permas">
- <a title="reblog this post" href="{ReblogURL}" target="_blank" ><i class="fa fa-refresh"></i></a>
- <a title="{timeago}" href="{permalink}"><i class="fa fa-clock-o"></i></a>
- <a title="{notecountwithlabel}" href="{permalink}"><i class="fa fa-heart"></i></a>
- </div>
- {/block:IndexPage}
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:PermalinkPage}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:Date}
- <div class="inf">
- Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
- {block:RebloggedFrom}
- source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- {/block:RebloggedFrom}
- <div class="tg">
- {block:HasTags}
- tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>
- {/block:Tags}{/block:HasTags}
- </div>
- <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
- <div class="notas">
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Date}
- </div>
- {/block:PermalinkPage}
- {/block:Date}
- </div>
- {/block:Posts}
- </div>
- <div class="pagination">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}"></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}" class="next"></a>
- {/block:NextPage}
- {/block:Pagination}</div></div>
- <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
- <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700|Hind:400,700|Dancing+Script:400,700|Open+Sans:400,700|Muli|Kurale|PT+Serif:400,700|Old+Standard+TT:400,700|Roboto:400,700|Roboto+Condensed:400,700|Lato:400,700|Raleway:400,700,300|Montez|Karla:400,700|Quicksand:400,700|Petit+Formal+Script|Clicker+Script|Mako|Maven+Pro:400,700' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
- <script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- {block:IndexPage}
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '10px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- {block:IndexPage}
- var $container = $('#posts');
- $container.masonry({ itemSelector: '.entry' });
- $container.imagesLoaded(function(){
- $container.masonry();
- $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
- });
- $container.infinitescroll({
- itemSelector: '.entry',
- navSelector: '.pagination',
- nextSelector: '.next',
- loadingImg: '',
- loadingText: '<em></em>',
- bufferPx: 2000
- },
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.find('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '10px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- },
- function(){
- resizeVideos(); },
- function(){
- $container.masonry();
- });
- $newElems.imagesLoaded(function(){
- $container.masonry( 'appended', $newElems );
- $newElems.animate({ opacity: 1, zIndex: 1 });
- });
- });
- {/block:IndexPage}
- });
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment