Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- "pls dont copy my coding" - pinta 2k16
- base code @ shythemes
- -->
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link rel="shortcut icon" href="{Favicon}">
- {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="if:Show Captions" content="1">
- <meta name="if:Show Tags" content="1">
- <meta name="color:Accent" content="#C0EAD7">
- <meta name="color:Accent Hover" content="#86DCB9">
- <meta name="color:Background" content="#f7f7f7">
- <meta name="color:Borders" content="#eee">
- <meta name="color:Title" content="#4e4e4e">
- <meta name="color:Posts" content="#fff">
- <meta name="color:Text" content="#3f3f3f">
- <meta name="text:About Title" content="">
- <meta name="text:About Subtitle" content="">
- <meta name="text:About Left" content="">
- <meta name="text:About Right" content="">
- <meta name="text:Header Title" content="">
- <meta name="text:Header Subtitle" content="">
- <meta name="text:Header Hover Subtitle" content="">
- <meta name="text:Link 1" content="">
- <meta name="text:Link 1 URL" content="">
- <meta name="text:Link 2" content="">
- <meta name="text:Link 2 URL" content="">
- <meta name="text:Link 3" content="">
- <meta name="text:Link 3 URL" content="">
- <meta name="text:Link 4" content="">
- <meta name="text:Link 4 URL" content="">
- <meta name="text:Question 1" content="">
- <meta name="text:Answer 1" content="">
- <meta name="text:Question 2" content="">
- <meta name="text:Answer 2" content="">
- <meta name="text:Question 3" content="">
- <meta name="text:Answer 3" content="">
- <meta name="text:Tumblr Name" content="">
- <!-- Fonts -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link href='https://fonts.googleapis.com/css?family=Quicksand:400,300,700' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <style type="text/css">
- @media (max-height: 980px)
- #all {
- overflow: hidden;}
- @media (max-width: 1480px)
- #all {
- overflow: hidden;}
- html, body {
- padding: 0;
- margin: 0;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #9ff7e7;
- height: 50px;}
- ::-webkit-scrollbar {
- height: 7px;
- width: 0px;}
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
- top: 5px!important;
- right: 5px!important;
- position: fixed;
- opacity: 0.3;
- background-color: transparent!important;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);}
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover {
- opacity: 0.8;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- #s-m-t-tooltip{
- max-width:300px;
- z-index:10;
- margin:24px 14px 7px 12px;
- padding:5px;
- padding-bottom:7px;
- background: #fff;
- border: 1px solid #eee;
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- font-family: "calibri";
- text-transform: uppercase;
- font-size:8px;
- z-index: 999999999999;
- letter-spacing: 1px;
- color: {color:Accent Hover};}
- body {
- margin:0;
- font-size:10px;
- font-family:helvetica, sans-serif;
- line-height:1.6em;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- color: {color: Text};
- background-color: {color:Background};}
- a {
- color:inherit;
- text-decoration:none;
- -webkit-transition:all .2s linear;
- transition:all .2s linear;}
- small, sub {
- font-size:1em;
- vertical-align:baseline;}
- blockquote {
- padding:.6em .6em .6em 2em;
- border-left:1px solid {color:Borders};}
- blockquote, ol, ul, p, pre {
- margin:0 0 .6em;}
- h1, h2, h3, h4, h5, h6 {
- margin:0 0 .6em;
- text-align: center;
- font-family: open sans;
- padding-top: 20px;
- padding-bottom: 20px;
- font-size:1em;
- font-weight:inherit;}
- img {
- border:0;
- max-width:100%;
- height:auto;
- display:block;}
- hr {
- margin:1em 0;
- border:0;
- height:1px;
- -moz-box-sizing:border-box;
- box-sizing:border-box;
- background-color: {color:Borders};}
- .title {
- font-size:15px;
- font-weight:bold;}
- .accent,
- .tumblr_blog {
- color: {color:Accent};}
- /* ------ Step Carousel -------*/
- .stepcarousel{
- position:relative;
- background:#fff;
- border:1px solid #eee;
- width:420px;
- height:320px;}
- /* -------- Tumblr Lightbox ------------*/
- .vignette, #vignette {
- opacity:0;}
- .tmblr-lightbox, #tumblr_lightbox {
- background-color:rgba(245,245,245,.98) !important;}
- .lightbox-image, #tumblr_lightbox img {
- box-shadow:none !important;
- border-radius:0 !important;
- max-width:none;}
- .lightbox-image, #tumblr_lightbox img {
- padding: 10px;
- background-color: {color:Posts};!important;
- border:1px solid {color:Borders}!important;}
- /* ----------- Header and shit ----------*/
- .header {
- width: 100vh;
- height: 100vh;
- display: block;}
- /* ------ Header's Title -------*/
- .htitle {
- font-family: "Montserrat";
- font-size: 17px;
- top: 50%;
- left: 50%;
- letter-spacing: .5px;
- transform: translate(-50%, -50%);
- position: absolute;
- text-transform: uppercase;
- color: {color:Title};}
- .hquote {
- font-family: "Montserrat";
- font-size: 10px;
- top: 53.5%;
- left: 50%;
- letter-spacing: 1px;
- transform: translate(-50%, -50%);
- position: absolute;
- text-transform: uppercase;
- opacity: 0;
- color: {color:Title};
- -moz-transition-duration: 0.9s;
- -o-transition-duration: 0.9s;
- -webkit-transition-duration: 0.9s;
- transition-duration: 0.9s;}
- .htquote {
- font-family: "Montserrat";
- font-size: 10px;
- top: 53.5%;
- left: 50%;
- letter-spacing: 1px;
- transform: translate(-50%, -50%);
- position: absolute;
- text-transform: uppercase;
- opacity: 1;
- color: {color:Title};
- -moz-transition-duration: 0.9s;
- -o-transition-duration: 0.9s;
- -webkit-transition-duration: 0.9s;
- transition-duration: 0.9s;}
- .header:hover .htquote {
- opacity: 0;
- -moz-transition-duration: 0.9s;
- -o-transition-duration: 0.9s;
- -webkit-transition-duration: 0.9s;
- transition-duration: 0.9s;}
- .header:hover .hquote {
- opacity: 1;
- -moz-transition-duration: 5.3s;
- -o-transition-duration: 5.3s;
- -webkit-transition-duration: 5.3s;
- transition-duration: 5.3s;}
- /* ---- Container ---------*/
- .main {
- width: 80%;
- height: 70%;
- max-height: 620px;
- top: 50%;
- left: 50%;
- overflow-x: hidden;
- transform: translate(-50%, -50%);
- position: fixed;
- border: 1px solid {color:Borders};
- background-color: {color:Posts};}
- /* -------- Post Column -----*/
- .content {
- position: relative;
- margin-top: 80px!important;
- margin: auto;}
- .entry {
- width: 500px;
- border: 1px solid {color:Borders};
- position: relative;
- margin: 0 auto;}
- .entry {
- margin-bottom: 50px;}
- .entry a {
- color: {color:Accent};}
- .entry a:hover {
- color: {color:Accent Hover};}
- .text {
- padding: 10px;
- margin:1em 0 0;}
- .text:last-child,
- .text *:last-child {
- margin-bottom:0;}
- /* --------- Audio -------------*/
- .audioplayer {
- width: 270px;
- height: 75px;
- background-color: {color:Posts};}
- .ac {
- padding: 10px;
- width: 250px;}
- .ainfo {
- width: 250px;
- position: relative;}
- .mgif {
- font-family: roboto;
- font-size: 10px;
- position: absolute;
- top: 46px;
- left: 80px;
- text-transform: uppercase;}
- .tumblr_audio_player {
- width: 24px;
- height: 24px;
- top: 0px;
- left: 0px;
- background-color: {color:Posts};}
- .artist {
- top: 45px;
- left: 100px;
- font-family: open sans;
- position: absolute}
- #player {
- width: 24px;
- height: 24px;
- overflow: hidden;
- margin: 30px 20px;
- padding: 10px;
- color: #fff;
- background-color: {color:Posts};
- border: 1px solid #9ff7e7;
- -moz-border-radius: 30px;
- -webkit-border-radius: 30px;
- border-radius: 30px;}
- /* ---- Post Info ------*/
- .date {
- font-family: "Karla";
- letter-spacing: 1px;
- font-size: 1em;
- text-align: right;
- text-transform: uppercase;
- padding: 10px;
- margin-top: 0px;
- border-top: 1px solid {color:Borders};
- background-color: {color:Posts};}
- .date a {
- color: {color:Accent};}
- .date a:hover {
- color: {color:Accent Hover};}
- .nn a {
- position: absolute;
- left: 10px;
- margin-top: -15px;}
- /* ------ Tags -----------*/
- #stags {
- {block:PermalinkPage} opacity: 1.0; {/block:PermalinkPage}
- {block:ifNotShowTags} display:none; {/block:ifNotShowTags}}
- #stags .comma:last-of-type {
- display:none;}
- /* ---------- Captions --------*/
- .caption {
- {block:IndexPage}
- {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
- {/block:IndexPage}
- padding: 10px;
- margin-top: 0px;
- border-top: 1px solid {color:Borders};}
- /*-------------- Chat Posts ----------*/
- .chat {
- padding: 10px;
- list-style-type:none;}
- .chat li {
- padding: 10px;}
- .chat .label {text-transform: uppercase;}
- .line_odd .label {
- font-family: karla;
- letter-spacing: 1px;
- color: #B997CE;}
- .line_even .label {
- font-family: karla;
- letter-spacing: 1px;
- color: #cef8ec;}
- .chat .label {
- font-weight:bold;}
- .quote {
- padding: 20px;
- font-size: 12px;
- font-family: quicksand;
- text-align: center;
- color: #B997CE;}
- .media {
- width:100%;}
- {block:ifInfiniteScroll}
- .pagination,
- #infscr-loading {
- display:none!important;
- }
- {/block:ifInfiniteScroll}
- /* ---- SVG Icons -------*/
- svg {
- width: 10px;
- fill: {color:Text};
- opacity: 0.5;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s}
- svg:hover {
- fill: {color:Accent};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- #dropthebass {
- margin-left: 534px;
- top: 13px;
- opacity: 1;
- position: absolute;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #dropthebass a {
- width: 10px;
- height: 10px;
- display: block;
- background-color: {color:Posts};
- border: 1px solid {color:Borders};
- margin: 4px 0px;
- padding: 8px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .entry:hover #dropthebass{
- opacity:1;
- margin-top: 0px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- .entry h1, h2, h3, h4, h5, h6 {
- margin:0 0 .6em;
- text-align: center;
- font-family: open sans;
- padding-top: 20px;
- padding-bottom: 20px;
- font-size:1em;
- font-weight:inherit;}
- /* --------- Like + Reblog ----------*/
- .svgicons {
- position: absolute;
- margin-top: -18px;
- right: 10px;}
- .svgicons a {
- margin: 3.5px;
- display: inline-block;}
- .reblog svg { /* Reblog SVG button */
- width: 9px;}
- .like svg { /* Like SVG button */}
- .svgicons .liked + svg path { /* active SVG like */
- fill: {color:Accent Hover};}
- .svgicons .like_button iframe { /* class for the Tumblr Like Button iframe */
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
- opacity: 0;
- z-index: 0;
- position: absolute;}
- .like_button {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- opacity: 0;
- z-index: 10;}
- .like_button:hover + svg path { /* Hover State */
- fill: {color:Accent Hover}!important;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .like { /* Make a parent element */
- top: 0px;
- position: relative;
- list-style: none;}
- .like .like_button { /* Position like button above your custom one */
- position: absolute;
- top: 0;
- opacity: 1;}
- .svgicons .like .liked + svg path { /* active liked */
- fill: {color:Accent Hover}!important;}
- /* -------- Post Notes ----*/
- #postnotes {
- font-family: roboto;
- letter-spacing: .5px;
- font-size: 8px;
- margin-top: 0px;
- word-spacing: 1px;
- border-top: 1px solid {color:Borders};
- text-transform: uppercase;}
- #postnotes a {
- color: {color:Accent};}
- #postnotes a:hover {
- color: {color:Accent Hover};}
- ol.notes img {
- display: none;}
- ol.notes{
- overflow: hidden;
- list-style-type:none
- border-bottom: 1px solid {color:Borders};
- padding:0px;
- margin-top: 50px;
- margin-left: 50px;}
- /* ---- Questions and Answers ------*/
- .question {
- padding: 10px;
- text-align: center;
- border-bottom: 1px solid {color:Borders};}
- .sender {
- font-family: "Montserrat";
- font-size: 17px;
- color: {color:Accent};
- text-transform: uppercase;
- padding-bottom: 10px;}
- .sender a {
- color: {color:Accent};}
- .sender a:hover {
- color: {color:Accent Hover};}
- .inquiry {
- padding-top: 10px;}
- .answer {
- text-align: left;}
- /* --- Navigation ---*/
- .navi {
- position: fixed;
- left: 10px;
- top: 10px;}
- .navi a {
- display: inline-block;
- width: 10px;
- height: 10px;
- border: 1px solid {color:Borders};
- background-color: {color:Posts};
- padding: 10px;}
- /* ------- Pop Up Stuffs ---------*/
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background-color: {color:Background};
- background-image: url(''); /*if you want to add a background image to go behind your popup */
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- z-index: 9999;}
- .popup_block {
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 45px;
- border: 1px solid {color:Borders}; /*color of the border of the popup box*/
- float: left;
- font-size: 12px; /*font size of the words inside the box */
- position: fixed;
- width: 100%;
- font-size: 10px;
- font-family: "Open Sans";
- height: 400px;
- top: 50%; left: 50%;
- z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */}
- img.btn_close {
- float: right;
- margin: -5px -5px 0 0;}
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;}
- *html .popup_block {
- position: absolute;}
- .popup_block {
- border: 1px solid {color:Borders};}
- /* ------ About Section -----*/
- .desc {
- width: 40%;
- height: 225px;
- padding: 10px;
- font-size: 10px;
- text-align: justify;
- position: absolute;
- left: 55px;
- bottom: 25px;
- padding-right: 11px;
- font-family: "Open Sans";
- border-top: 1px solid {color:Borders};
- border-right: 1px solid {color:Borders};}
- .desc2 {
- width: 40%;
- height: 225px;
- padding: 10px;
- font-size: 10px;
- position: absolute;
- right: 59px;
- bottom: 25px;
- text-align: justify;
- border-top: 1px solid {color:Borders};
- font-family: "Open Sans";}
- .desc3 {
- width: 83%;
- height: 175px;
- padding: 10px;
- font-size: 10px;
- position: absolute;
- top: 25px;
- left: 55px;
- text-align: justify;
- font-family: "Open Sans";}
- .dtf img {
- border-radius: 5%;}
- .atitle {
- font-family: "Montserrat";
- font-size: 17px;
- left: 85px;
- top: 25px;
- letter-spacing: .5px;
- position: absolute;
- text-transform: uppercase;
- color: {color:Title};}
- .aquote {
- left: 85px;
- top: 45px;
- font-size: 10px;
- letter-spacing: .5px;
- position: absolute;}
- /* ------- Links in the aBOUT Section; thank you acuite! ----*/
- .alinks {
- position: absolute;
- top: 90px;
- width: 100%;
- list-style-type:none;
- font-size:0;
- margin:0;
- padding:0;}
- .alinks a {
- font-family: "Open Sans";
- display:inline-block;
- margin: 5px;
- font-size:10px;
- line-height:100%;
- width: auto;
- color: {color:Accent};}
- .alinks a:hover {
- color: {color:Accent Hover};}
- /* ------ Biases ---------*/
- .popup_bias {
- display: none; /*--hidden by default--*/
- background: {color:Background};
- padding: 45px;
- border: 1px solid {color:Borders}; /*color of the border of the popup box*/
- float: left;
- font-size: 12px; /*font size of the words inside the box */
- position: fixed;
- width: 100%;
- font-size: 10px;
- font-family: "Open Sans";
- height: 100px;
- top: 50%; left: 50%;
- z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */}
- </style>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <!--------------------------------------------------------------------------->
- <!-- Navigation -->
- <!--------------------------------------------------------------------------->
- <div class="navi">
- <a href="/" a title="index">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 486.988 486.988" style="enable-background:new 0 0 486.988 486.988;" xml:space="preserve"><g><g><path d="M16.822,284.968h39.667v158.667c0,9.35,7.65,17,17,17h116.167c9.35,0,17-7.65,17-17V327.468h70.833v116.167 c0,9.35,7.65,17,17,17h110.5c9.35,0,17-7.65,17-17V284.968h48.167c6.8,0,13.033-4.25,15.583-10.483 c2.55-6.233,1.133-13.6-3.683-18.417L260.489,31.385c-6.517-6.517-17.283-6.8-23.8-0.283L5.206,255.785 c-5.1,4.817-6.517,12.183-3.967,18.7C3.789,281.001,10.022,284.968,16.822,284.968z M248.022,67.368l181.333,183.6h-24.367 c-9.35,0-17,7.65-17,17v158.667h-76.5V310.468c0-9.35-7.65-17-17-17H189.656c-9.35,0-17,7.65-17,17v116.167H90.489V267.968 c0-9.35-7.65-17-17-17H58.756L248.022,67.368z"/></g></g></svg>
- </a>
- <a href="#?w=500" rel="popup_bias" class="poplight" a title="message">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 436.333 436.333" style="enable-background:new 0 0 436.333 436.333;" xml:space="preserve"><g><g><path d="M436.333,56.667c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v323c0,9.35,7.65,17,17,17h402.333c9.35,0,17-7.65,17-17 V56.667z M34,362.667v-201.45l170.85,147.05c3.117,2.833,6.8,3.967,10.767,3.967c3.967,0,8.217-1.417,11.617-3.967l175.1-146.483 v200.883H34z M402.333,73.667v43.917c-2.833,0.283-1.417,0.567-1.7,0.567L215.9,273.133L34.567,117.3 c-0.283-0.283-0.567-0.567-0.567-0.85V73.667H402.333z"/></g></g></svg>
- </a>
- <a href="#?w=700" rel="popup_name" class="poplight" a title="info">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442 442" style="enable-background:new 0 0 442 442;" xml:space="preserve"><g><g><path d="M221,155.833c9.35,0,17-7.65,17-17v-17c0-9.35-7.65-17-17-17c-9.35,0-17,7.65-17,17v17 C204,148.183,211.65,155.833,221,155.833z"/><path d="M187,223.833h17v96.333c0,9.35,7.65,17,17,17c9.35,0,17-7.65,17-17V206.833c0-9.35-7.65-17-17-17h-34 c-9.35,0-17,7.65-17,17S177.65,223.833,187,223.833z"/><path d="M442,17c0-9.35-7.65-17-17-17H17C7.65,0,0,7.65,0,17v408c0,9.35,7.65,17,17,17h408c9.35,0,17-7.65,17-17V17z M408,408H34 V34h374V408z"/></g></g></svg>
- </a>
- <a href="http://galesta.tumblr.com" a title="credit"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 408 408" style="enable-background:new 0 0 408 408;" xml:space="preserve"><g><g><path d="M170,19.833c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V19.833z M34,36.833h102v102H34V36.833z"/><path d="M408,19.833c0-9.35-7.65-17-17-17H255c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V19.833z M272,36.833h102v102H272V36.833z"/><path d="M170,252.167c0-9.35-7.65-17-17-17H17c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V252.167z M34,269.167h102v102H34V269.167z"/><path d="M408,252.167c0-9.35-7.65-17-17-17H255c-9.35,0-17,7.65-17,17v136c0,9.35,7.65,17,17,17h136c9.35,0,17-7.65,17-17V252.167 z M272,269.167h102v102H272V269.167z"/></g></g></svg></a>
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" a title="back"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M137.3,43.2c-2.5-2.1-6.3-1.8-8.5,0.7L78,104.1c-1.9,2.2-1.9,5.5,0,7.7l50.8,60.3c1.2,1.4,2.9,2.1,4.6,2.1 c1.4,0,2.7-0.5,3.9-1.4c2.5-2.1,2.9-5.9,0.7-8.5L90.4,108L138,51.6C140.1,49.1,139.8,45.3,137.3,43.2z"/></svg>
- </a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" a title="forth"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M78.7,172.8c1.1,0.9,2.5,1.4,3.9,1.4c1.7,0,3.4-0.7,4.6-2.1l50.8-60.3c1.9-2.2,1.9-5.5,0-7.7L87.2,43.9 c-2.1-2.5-5.9-2.9-8.5-0.7c-2.5,2.1-2.9,5.9-0.7,8.5l47.5,56.4L78,164.4C75.9,166.9,76.2,170.7,78.7,172.8z"/></svg>
- </a>{/block:NextPage}</div>{/block:Pagination}
- </div> <!-- End of Navigation Links -->
- <!-------------------------------------------------------------------------->
- <!-- About -->
- <!-------------------------------------------------------------------------->
- <div id="popup_name" class="popup_block">
- <div class="about">
- <div class="desc3">
- <div class="dtf"><img src="{PortraitURL-64}"></div>
- <div class="atitle">{text:About Title}</div>
- <div class="aquote">{text:About Subtitle}</div>
- <div class="alinks">
- <!--------------------------------------------------------------------------
- This is your Navigation area; it looks best when you fill up all the links until just above the line divider. You can put as many as 40 links depending on the size of it
- You'll have to manually add links
- --------------------------------------------------------------------------->
- <a href="/{text:Link 1 URL}">{text:Link 1}</a>
- <a href="/{text:Link 2 URL}">{text:Link 2}</a>
- <a href="/{text:Link 3 URL}">{text:Link 3}</a>
- <a href="/{text:Link 4 URL}">{text:Link 4}</a>
- <!--------------------------------------------------------------------------
- This is your Navigation area; it looks best when you fill up all the links until just above the line divider. You can put as many as 40 links depending on the size of it.
- You'll have to manually add links
- --------------------------------------------------------------------------->
- </div> <!-- End of First Column -->
- </div> <!-- End of Top Description -->
- <div class="desc">
- <!--------------------------------------------------------------------------
- This is your About area; when you want to add paragraphs, use <p> text <p>
- --------------------------------------------------------------------------->
- {text:About Left}
- </div> <!-- End of Left Description -->
- <div class="desc2">
- <!--------------------------------------------------------------------------
- This is your About area; when you want to add paragraphs, use <p> text <p>
- --------------------------------------------------------------------------->
- {text:About Right}
- </div> <!-- End of Right Description -->
- </div> <!-- End of About -->
- </div> <!-- End of Pop Up Link -->
- <!-------------------------------------------------------------------------->
- <!-- FAQ Shit -->
- <!-------------------------------------------------------------------------->
- <div id="popup_bias" class="popup_block">
- <div style="padding-top: 20px; margin-left: 5px; ">
- {text:Question 1} <br>
- {text:Answer 1} <br>
- <br>
- {text:Question 2} <br>
- {text:Answer 2} <br>
- <br>
- {text:Question 3} <br>
- {text:Answer 3} <br>
- </div>
- <div style="bottom: 45px; position: absolute">
- <iframe frameborder="0" height="200" id="ask_form" scrolling="no"src="http://www.tumblr.com/ask_form/{text:Tumblr Name}.tumblr.com" width="500"></iframe>
- </div> <!-- End of Ask Box DIV styling -->
- </div> <!-- End of Pop up Ask lINK -->
- <div class="main">
- <!--------------------------------------------------------------------------->
- <!-- Header Shit -->
- <!--------------------------------------------------------------------------->
- {block:IndexPage}
- <div class="header">
- <div class="htitle"> {text:Header Title}
- <span style="font-size:30px">;</span></div> <!-- End of Header Title -->
- <div class="htquote">{text:Header Subtitle}</div>
- <div class="hquote">{text:Header Hover Subtitle}</div>
- </div> <!-- End of Header -->
- {/block:IndexPage}
- <!--------------------------------------------------------------------------->
- <!-- Posts + Shit -->
- <!--------------------------------------------------------------------------->
- <div class="content">
- {block:Posts}
- <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
- <section class="post">
- <!---------------------------------------------------
- AUDIO POSTS
- ---------------------------------------------------->
- {block:Audio}
- <div class="audioplayer">
- <div id="player">{AudioPlayerWhite}</div>
- {block:TrackName}
- <div class="artist">{TrackName}</div>
- {/block:TrackName}
- <div class="mgif"><img src="http://static.tumblr.com/9pxhvqx/Or3o2zq2l/aoba-johsai-music-gif.gif"></div>
- </div>
- {/block:Audio}
- {block:Photo}
- <div class="media">
- {LinkOpenTag}
- <img src="{PhotoURL-500}">
- {LinkCloseTag}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="media 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>
- </div>
- {/block:Photoset}
- {block:Video}
- <div class="media video">{Video-500}</div>
- {/block:Video}
- <!---------------------------------------------------
- QUESTIONS AND ANSWERS POSTS
- ---------------------------------------------------->
- {block:Answer}
- <div class="question">
- <div class="sender">{Asker} <span style="font-size:30px">;</span></div>
- <span class="inquiry">{Question}</span>
- </div>
- <div class="answer text">{Answer}</div>
- {/block:Answer}
- <!---------------------------------------------------
- CHATO POSTS
- ---------------------------------------------------->
- {block:Chat}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- <ul class="chat text">
- {block:Lines}
- <li class="line">
- {block:Label}
- <span class="label">{Label} </span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Quote}
- <div class="quote text">{Quote}</div>
- {/block:Quote}
- {block:Text}
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Caption}
- <div class="caption text">{Caption}</div>
- {/block:Caption}
- {block:Date}
- <div class="date accent text">
- <a class="permalink" href="{Permalink}"> {Month} {DayOfMonthWithZero} {Year} </a>
- <div class="nn"><a href="{Permalink}">{block:NoteCount}{NoteCount}N{/block:NoteCount} </a>
- </div>
- <div id="dropthebass">
- <div class="svgicons">
- <!-- Like Button -->
- <a href="" class="like">{LikeButton}
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg></a>
- <!-- Reblog Button -->
- <a href="{ReblogURL}" class="reblog">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
- </a>
- {block:ifShowTags}
- {block:HasTags}
- <div id="stags">{block:Tags}<a href="{TagURL}" a title="{Tag}">
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 524.237 524.237" style="enable-background:new 0 0 524.237 524.237;" xml:space="preserve"><g><g><path d="M209.95,465.552c3.117,3.117,7.367,4.533,11.9,4.533h0.283c4.533,0,8.783-1.7,11.9-4.817l183.6-188.983 c6.517-6.8,6.517-17.283-0.283-23.8L220.15,55.569c-3.117-3.117-7.65-4.817-11.9-4.817l0,0L18.133,51.035 c-9.35,0-17,7.367-17,16.717L0,254.469c0,4.533,1.7,9.067,5.1,12.183L209.95,465.552z M35.133,84.752l166.033-0.567l180.2,180.2 l-160.083,164.9L34,247.385L35.133,84.752z"/><path d="M321.017,77.669c-6.8,6.517-6.8,17.283-0.283,24.083l162.633,165.467L311.383,444.585 c-6.517,6.8-6.233,17.567,0.283,24.083c3.4,3.117,7.65,4.817,11.9,4.817c4.533,0,8.783-1.7,12.183-5.1l183.6-189.267 c6.517-6.517,6.517-17.283,0-23.8L345.1,77.952C338.3,71.435,327.533,71.152,321.017,77.669z"/><circle cx="118.15" cy="163.235" r="6.233"/><path d="M118.15,140.002c-12.75,0-23.233,10.483-23.233,23.233s10.483,23.233,23.233,23.233s23.233-10.483,23.233-23.233 C141.1,150.485,130.9,140.002,118.15,140.002z M118.15,174.002c-5.95,0-10.767-4.817-10.767-10.767 c0-5.95,4.817-10.767,10.767-10.767c5.95,0,10.767,4.817,10.767,10.767C128.917,169.185,124.1,174.002,118.15,174.002z"/></g></g></svg>
- </a>{/block:Tags}
- </div> <!-- End of Stags -->
- {/block:HasTags}
- {/block:ifShowTags}
- </div> <!-- End of Drop the bass -->
- </div> <!-- End of SVG -->
- </div>
- {block:PermalinkPage}
- <div id="postnotes">
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {/block:Date}
- </section>
- </article>
- {/block:Posts}
- <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
- </div>
- </div>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/whx9ghv/lSGm6k18m/jquery.scrollto-1.4.2-min.js"></script>
- <script src="http://static.tumblr.com/whx9ghv/GJEm6k188/jquery.localscroll-1.2.7-min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <!--- TOOL TIPS --->
- <script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
- <script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- Pop Up -->
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/9pxhvqx/Mido7rstb/tumblr_inline_n2aj54kxoa1r7v6wt.png" class="btn_close" title="close" alt="escape" /></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- {block:IndexPage}
- {block:ifInfiniteScroll}
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- {/block:ifInfiniteScroll}
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- var $container = $('.content');
- {block:ifInfiniteScroll}
- $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: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- resizeVideos();
- });
- {/block:ifInfiniteScroll}
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment