Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!----------
- T#09 - Seijou by Onyxian
- + Base Code by Shythemes
- + Fonts by Google, Font Awesome, Linear Icons
- + Unnested Captions by Neothm, Magnusthemes
- + Inspired by Tumblr's default mobile theme and Seijou's colors
- ------------->
- <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="color:Accent" content="#d7fbf1">
- <meta name="color:Accent Hover" content="#89ddbb">
- <meta name="color:Background" content="#f7f7f7">
- <meta name="color:Border" content="#eee">
- <meta name="color:Caption" content="#f9f9f9">
- <meta name="color:Header" content="#d7fbf1">
- <meta name="color:Links" content="#d7fbf1">
- <meta name="color:Links Background" content="#fafafa">
- <meta name="color:Posts" content="#fff">
- <meta name="color:Tags" content="#9f9f9f">
- <meta name="color:Text" content="#3f3f3f">
- <meta name="image:Background" content="">
- <meta name="image:Header" content="" >
- <meta name="if:Archive" content="0">
- <meta name="if:Avatar" content="1">
- <meta name="if:Tags on Hover" content="1">
- <meta name="if:Show Captions" content="1">
- <meta name="if:Show Tags" content="1">
- <meta name="if:Unnested Captions" content="1">
- <meta name="text:Title" content="">
- <meta name="text:Subtitle" content="">
- <meta name="text:Link 1" content="" >
- <meta name="text:Icon 1" content="">
- <meta name="text:Link 1 URL" content="" >
- <meta name="text:Link 2" content="" >
- <meta name="text:Icon 2" content="">
- <meta name="text:Link 2 URL" content="" >
- <meta name="text:Link 3" content="" >
- <meta name="text:Icon 3" content="">
- <meta name="text:Link 3 URL" content="" >
- <meta name="text:Link 4" content="" >
- <meta name="text:Icon 4" content="">
- <meta name="text:Link 4 URL" content="" >
- <meta name="text:Link 5" content="" >
- <meta name="text:Icon 5" content="">
- <meta name="text:Link 5 URL" content="" >
- <meta name="text:Link 6" content="" >
- <meta name="text:Icon 6" content="">
- <meta name="text:Link 6 URL" content="" >
- <meta name="select:Font" content="Karla" title="Karla">
- <meta name="select:Font" content="Lato" title="Lato">
- <meta name="select:Font" content="Open Sans" title="Open Sans">
- <meta name="select:Font" content="Roboto" title="Roboto">
- <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro">
- <meta name="select:Gutter Size" content="0" title="0px">
- <meta name="select:Gutter Size" content="1" title="1px">
- <meta name="select:Gutter Size" content="5" title="5px">
- <meta name="select:Gutter Size" content="10" title="10px">
- <meta name="select:Gutter Size" content="15" title="15px">
- <meta name="select:Post Size" content="250" title="250px">
- <meta name="select:Post Size" content="300" title="300px">
- <meta name="select:Post Size" content="350" title="350px">
- <meta name="select:Post Size" content="400" title="400px">
- <meta name="select:Post Size" content="450" title="450px">
- <meta name="select:Post Size" content="500" title="500px">
- <meta name="select:Post Size" content="540" title="540px">
- <!-- Fonts -->
- <link href='https://fonts.googleapis.com/css?family=Karla' 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=Lato:300,300i,400,400i,700,700i" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,600,700" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700" rel="stylesheet">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <style type="text/css">
- body {
- margin:0;
- font-size:10px;
- font-family: {select:Font};
- line-height:1.6em;
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- color:{color:Text};
- background-image:url('{image:Background}');
- background: {color:Background};
- }
- a {
- color:inherit;
- text-decoration:none;
- -webkit-transition:all .2s linear;
- transition:all .2s linear;
- }
- a:hover {
- -webkit-transition:all .2s linear;
- transition:all .2s linear;
- }
- small, sub {
- font-size:1em;
- vertical-align:baseline;
- }
- {block:ifNotUnnestedCaptions}
- blockquote {
- padding:.6em .6em .6em 2em;
- border-left:1px solid {color:Border};}
- blockquote, ol, ul, p, pre {
- margin:0 0 .6em;}
- {/block:ifNotUnnestedCaptions}
- h1, h2, h3, h4, h5, h6 {
- margin:0 0 .6em;
- 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:Border};
- }
- .title {
- font-size:15px;
- font-weight:bold;
- }
- /* ----------- Tooltips ----------- */
- #s-m-t-tooltip{
- max-width:300px;
- z-index: 9999999999999;
- margin:24px 14px 7px 12px;
- padding:5px;
- padding-bottom:7px;
- background: {color:Posts};
- border: 1px solid {color:Border};
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- font-family: "calibri";
- text-transform: uppercase;
- font-size:8px;
- z-index: 9999999999999999999999999;
- letter-spacing: 1px;
- color: #a7a7a7;}
- /* ---------- *Marik Sebastian Ishar voice* Ignore me!!! ------------ */
- @media (max-height: 980px)
- #all {
- overflow: hidden;}
- @media (max-width: 1480px)
- #all {
- overflow: hidden;}
- /* ----------- Scrollbar ---------*/
- ::-webkit-scrollbar {
- width: 17px;
- height: 17px;}
- ::-webkit-scrollbar-track {
- border: 8px solid {color:Background};
- background-color: {color:Background};}
- ::-webkit-scrollbar-thumb {
- border: 8px solid {color:Background};
- background-color: {color:Accent};}
- /* ------------ Lightboxes @ Shythemes ------------- */
- .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:Border}!important;}
- /* -------------- Container ---------- */
- .main {
- margin-left: 460px;
- margin-top: -70px;
- }
- /* ------------- Sidebar --------- */
- #sidebar {
- width: 400px;
- height: 100%;
- top: 0px;
- left: 0px;
- position: fixed;
- line-height: 19px;
- background-color: {color:Posts};
- border-right: 1px solid {color:Border};
- }
- /* --------------- Top Sidebar ------------ */
- .stop {
- background-color: {color:Header};
- background-image:url('{image:Header}');
- height: 50vh;
- }
- .stop img {max-height: 50vh;}
- .hpic img {
- max-width: 215px;
- max-height: 215px;
- position: absolute;
- top: 13vh;
- left: 95px;
- }
- .avatar img {
- position: fixed;
- left: 170px;
- top: 46.4vh;
- border-radius: 7px;
- border: 1px dotted {color:Border};
- }
- .sidebar {
- margin: 30px;
- margin-top: 40px;
- padding: 10px;
- }
- .tt {
- font-family: {select:Font};
- font-size: 12.5px;
- font-weight: bold;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- line-height: 20px;}
- .bt {
- font-family: {select:Font};
- font-size: 10px;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- line-height: 20px;}
- .navigation {
- text-align: center;
- position: relative;
- font-size: 11px;
- font-family: {select:Font};
- line-height: 20px;
- word-spacing: 15px;
- text-transform: uppercase;
- margin-top: 28px;
- }
- .navigation a {
- text-align: center;
- letter-spacing: .3px;
- display: inline-block;
- }
- .navigation a:hover {
- color: {color:Accent Hover};
- }
- .navigation svg {
- width:10px;
- height:auto;
- opacity:.5;
- padding:1px;
- display:block;
- overflow:visible;
- }
- .desc {
- text-align: justify;
- margin-top: 26px;
- }
- /* ------- Pop Up Stuffs ---------*/
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background-image: url('');
- background-color: #f7f7f7;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- z-index: 9999!important;}
- .popup_block{
- display: none; /*--hidden by default--*/
- background: {color:Posts};
- padding: 30px;
- border: 1px solid {color:Border};
- float: left;
- font-size: 12px;
- position: fixed;
- width: 500px!important;
- font-size: 10px;
- font-family: {select:Font};
- height: 50px;
- top: 50%; left: 50%;
- z-index: 99999;}
- img.btn_close {
- float: right;
- margin: -55px -55px 0 0;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- /* ----------- Bio // Navigation ----------- */
- .bio {
- text-align: justify;
- }
- .nav {
- bottom: 23px;
- left: 23px;
- position: absolute;
- }
- .llinks a {
- width: 20px;
- height: 20px;
- margin: 10px;
- font-size: 17px;
- text-align: center;
- padding: 10px;
- display:inline-block;
- color: {color:Accent};
- border: 1px dotted {color:Border};
- background-color: {color:Links Background};
- }
- .llinks a:hover {
- color: {color:Accent Hover};
- }
- /* ----------- Search bar ------------ */
- .searchbar {
- position: absolute;
- bottom: 32px;
- right: 20px;
- }
- .sfm input {
- font-size: 10px;
- border: 0px;
- color: {color:Text};
- margin-top: 10px;
- text-transform: capitalize;
- padding: 15px;
- border-bottom: 1px solid {color:Border};
- font-family: {select:Font};}
- #sb {
- height: 15px;
- vertical-align: top;
- margin-left: -15px;
- }
- #sf {
- width: 60px;
- height: 15px;
- }
- .search .query {
- border: 0!important;
- outline: 0!important;
- font-family: inherit;
- font-size: inherit;
- color: inherit;
- background-color: transparent;}
- input:focus {
- outline:none !important;
- }
- ::-webkit-input-placeholder {color: inherit;}
- :-moz-placeholder {color: inherit; opacity:1;}
- ::-moz-placeholder {color: inherit; opacity:1;}
- :-ms-input-placeholder {color: inherit;}
- input:focus::-webkit-input-placeholder {color: transparent;}
- input:focus:-moz-placeholder {color: transparent;}
- input:focus::-moz-placeholder {color: transparent;}
- input:focus:-ms-input-placeholder { color: transparent;}
- /* ------------- Posts -------------- */
- .content {
- margin:150px 0;
- }
- .entry {
- width: {select:Post Size}px;
- position:relative;
- text-align: justify;
- margin:0 0 60px;
- }
- .entry:last-child {
- margin-bottom:0;
- }
- .entry ul li {
- margin-left: 10px;
- display: block;
- list-style-type: none;}
- .entry ul li:before {
- content:"";
- width: 13px;
- height: 1px;
- margin-top: 10px;
- margin-left: -25px;
- background-color: {color:Border};
- position: absolute;}
- .entry h1 {
- background-color: {color:Background};
- border: 1px solid {color:Border};
- text-align: center;
- padding: 10px;
- }
- .entry a, .entry b, .entry i {{color:Accent};}
- .entry:hover .perma_hold {opacity:1;}
- .perma_hold {
- position:absolute;
- width: 40px;
- height: 40px;
- top: 20px;
- left: 20px;
- opacity:0;
- z-index:9999;
- padding: 10px;
- border: 1px dotted {color:Border};
- background: {color:Posts};
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;}
- .perma {
- top:50%;
- line-height:0;
- position:relative;
- letter-spacing:2px;
- text-align:center;
- font-weight: bold;
- font-family: {select:Font};
- text-transform:uppercase;}
- /* ------------- Post Stylings > Text ------------ */
- .text {
- margin:1em 0 0;
- padding: 20px;
- border: 1px solid {color:Border};
- background-color: {color:Posts};
- }
- .text:last-child,
- .text *:last-child {
- margin-bottom:0;
- }
- /* ---------------- Post Stylings > Audio ------------- */
- .audioplayer {
- height: 80px;
- text-transform: capitalize;
- max-width: {select:Post Size}px;
- border: 1px solid {color:Border};
- background-color: {color:Posts};
- }
- .tumblr_audio_player {
- width: 24px;
- height: 24px;
- margin-top: -22px;
- background-color: {color:Posts}
- }
- .artist {
- top: 42px;
- left: 75px;
- font-family: {select:Font};
- position: absolute;}
- .track {
- top: 20px;
- left: 75px;
- font-family: {select:Font};
- position: absolute;
- }
- #player {
- width: 24px;
- height: 24px;
- overflow: hidden;
- margin: 30px 20px;
- padding: 10px;
- color: {color:Posts};}
- /* -------------- Post Stylings > Asks ----------- */
- .question {
- background-color: {color:Posts};
- border: 1px solid {color:Border};}
- .askerpic img {
- border-radius: 5px;
- margin-right: 7px;
- position: relative;
- float: left;
- }
- .asker {letter-spacing: .5px;}
- .sender {
- text-transform: uppercase;
- position: relative;
- color: {color:Text};
- }
- .sender a {
- color: {color:Tags};}
- .answer {
- margin-top: 0px;
- padding-top: 10px;
- border-top: 0px solid {color:Border};
- text-align: justify;}
- /* ------------- Post Stylings > Chat ------------ */
- .chat {
- list-style-type:none;
- }
- .chat .label {
- font-weight:bold;
- }
- /* ------------- Post Stylings > Quote ------------ */
- .quote {
- font-size: 13px;
- font-weight:bold;
- text-align: center;
- }
- .source {text-align:center; font-size: 9px;}
- /* ------------- Post Stylings > Photo ------------ */
- .media {
- position:relative;
- display:inline-block;
- width:100%;
- }
- /* ------------- Post Info ------------ */
- .date {
- padding: 5px;
- margin-top: 5px;
- }
- svg {
- width:10px;
- height:auto;
- opacity: .3;
- padding:1px;
- display:block;
- overflow:visible;
- }
- .controls a {
- position:relative;
- display:inline-block;
- overflow:hidden;
- padding:5px;
- width:12px;
- height:12px;
- }
- .controls .reblog {
- opacity:.93;
- }
- .controls .reblog svg {
- width:9px;
- margin-top:1px;
- }
- .controls .like .liked + svg {
- opacity:1;
- }
- .controls .like .liked + svg path {
- fill:#ec5a5a;
- }
- .controls .like .like_button {
- position:relative;
- }
- .controls .like .like_button iframe {
- position:absolute;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index:2;
- opacity:0;
- }
- /* --------------- Tags ----------- */
- .tags {
- {block:IndexPage}
- {block:ifNotShowTags} display:none; {/block:ifNotShowTags}
- {/block:IndexPage}
- {block:ifTagsOnHover} opacity: 0; {/block:ifTagsOnHover}
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;
- }
- .tags a {
- margin: 2px;
- padding: 2px;
- color: {color:Tags};
- }
- .tags a:hover {color:#89ddbb;}
- .tags .comma:last-of-type {
- display:none;
- }
- .entry:hover .tags {
- opacity: 1;
- transition:0.6s ease;
- -o-transition:0.6s ease;
- -moz-transition:0.6s ease;
- -webkit-transition:0.6s ease;
- }
- #dropthebass {
- top: -35px;
- right: -33px;
- position: absolute;
- opacity: 0;
- -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:Border};
- margin: 4px 0px;
- padding: 8px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- #dropthebass a:hover {
- fill: #7e7eea;}
- .entry:hover #dropthebass{
- opacity:1;
- margin-top: 31px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;}
- /* ------------ Captions ----------- */
- .caption {
- {block:IndexPage}
- {block:ifNotShowCaptions} display:none; {/block:ifNotShowCaptions}
- {/block:IndexPage}
- margin-top: -5px;
- padding-top: 10px;
- border: 1px solid {color:Border};
- }
- /* ---------------------- Unnested Captions ------------- */
- {block:ifUnnestedCaptions}
- .tumblr_parent {
- margin-top: 0px;
- margin-left: 0px;
- width: 100%;
- }
- .tumblr_avatar {
- width: 25px;
- height: 25px;
- padding: 5px;
- margin-right: 5px;
- margin-left: -5px;
- border-radius: 10px;
- display: inline-block;
- vertical-align: middle;
- }
- {/block:ifUnnestedCaptions}
- /* ------ Tumblr Controls ----------*/
- .ic {
- position:fixed;
- top: 25px;
- right: 30px;
- z-index: 1545;}
- #tumblr_controls,
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls {
- position:fixed!important;
- top: 9px!important;
- right: 20px!important;
- {block:IndexPage} opacity:0!important; {/block:IndexPage}
- {block:PermalinkPage} opacity: 1!important; {/block:PermalinkPage}
- z-index: 9999999999999999999;
- -webkit-filter:invert(100%);
- -webkit-backface-visibility:hidden;
- padding:10px 40px 10px 10px;
- -webkit-transition:opacity .3s ease-out;
- transition:opacity .3s ease-out;}
- #tumblr_controls:hover,
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls:hover {
- z-index: 9999999999999999999!important;
- opacity:.5!important;}
- /* ---------------- Permalink // Post Notes ------------ */
- ol.notes {
- display:block;
- text-align:left;
- list-style-type:none;
- margin-left:-40px;
- }
- ol.notes li.note{
- margin-bottom:5px;
- }
- .pagenotes {
- text-align:left;
- margin-top:15px;
- height: 300px;
- overflow-y: scroll;
- }
- .pagenotes img{
- padding: 5px;
- margin-right: 5px;
- margin-left: -5px;
- border-radius: 10px;
- display: inline-block;
- vertical-align: middle;
- }
- /* ------------- Pagination // Infinite Scrolling ------------ */
- .pagination {
- font-size: 10px;
- height: 80px;
- text-align: center;
- letter-spacing:1px;
- color: {color:Posts};
- padding: 10px;
- color: black;
- text-transform: uppercase;
- margin-top: 50px;
- }
- .pagination a {
- color: black;
- padding: 0px 10px;
- font-size: 9px;
- display: inline-block;
- text-decoration: none;
- }
- </style>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <div class="ic"><span class="lnr lnr-cog"></span></div>
- <div class="main">
- <!-------------------------------------------------------------------------->
- <!--- Sidebar -->
- <!-------------------------------------------------------------------------->
- <div id="sidebar">
- <div class="stop">
- <div class="hpic">
- </div>
- {block:ifAvatar}
- <div class="avatar"><img src="{PortraitURL-64}"></div>
- {/block:ifAvatar}
- </div> <!-- End of Top Sidebar -->
- <div class="sidebar">
- <div class="tt">{text:Title}</div>
- <div class="bt">{text:Subtitle}</div>
- <div class="navigation">
- <a href="/">home</a>
- <a href="/ask">message</a>
- {block:ifArchive}<a href="/archive">archive</a>{/block:ifArchive}
- <a href="#?w=500" rel="popup_name" class="poplight">navigation</a>
- <a href="http://onyxian.tumblr.com">Theme</a>
- </div>
- {block:Description}
- <div class="desc"><p>{Description}</p></div>
- {/block:Description}
- <!------- Pagination -------->
- <center><div class="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}"><span class="lnr lnr-chevron-left"></span></a> {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"><span class="lnr lnr-chevron-right"></span></a>{/block:NextPage}
- {/block:Pagination}
- </div></center>
- </div> <!-- End of Sidebar Container -->
- </div> <!-- End of Actual Sidebar -->
- <!-------------------------------------------------------------------------->
- <!-- About -->
- <!-------------------------------------------------------------------------->
- <div id="popup_name" class="popup_block">
- <div class="about">
- <div class="bio">
- <div class="nav">
- <div class="llinks">
- {block:IfLink1}<a href="{text:Link 1 URL}" a title="{text:Link 1}">
- {text:Icon 1}</a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}" a title="{text:Link 2}">
- {text:Icon 2}</a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:Link 3 URL}" a title="{text:Link 3}">
- {text:Icon 3}</a>{/block:IfLink3}
- {block:IfLink4}<a href="{text:Link 4 URL}" a title="{text:Link 4}">
- {text:Icon 4}</a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:Link 5 URL}" a title="{text:Link 5}">
- {text:Icon 5}</a>{/block:IfLink5}
- {block:IfLink6}<a href="{text:Link 6 URL}" a title="{text:Link 6}">
- {text:Icon 6}</a>{/block:IfLink6}
- </div>
- </div> <!-- End of Links -->
- </div> <!-- End of Actual About -->
- <div class="searchbar">
- <form action="/search" method="get" class="sfm">
- <input type="text" name="q" value="{SearchQuery}" id="sf" placeholder="search">
- <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
- </div>
- </div> <!-- End of About -->
- </div> <!-- End of Pop Up Link -->
- <div class="content">
- {block:Posts}
- <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
- <section class="post" id="{PostID}">
- <!---------------------------------------------------
- AUDIO POSTS
- ---------------------------------------------------->
- {block:Audio}
- <div class="audioplayer">
- <div id="player">{AudioPlayerWhite}</div>
- {block:TrackName}
- <div class="track">{TrackName}</div>
- {/block:TrackName}
- {block:Artist}
- <div class="artist">{Artist}</div>
- {/block:Artist}
- </div>
- {/block:Audio}
- <!--------- Photos ---------------->
- {block:Photo}
- {block:IndexPage}
- <div class="perma_hold">
- <div class="perma">
- <a href="{Permalink}">
- <div style="margin-top: -8px; font-size: 10px;">{ShortMonth}</div>
- <div style="margin-top: 18px;font-size: 12px;">{DayOfMonthWithZero}</div></a>
- </div>
- </div>
- {/block:IndexPage}
- <div class="media">
- {LinkOpenTag}
- <img src="{PhotoURL-500}">
- {LinkCloseTag}
- </div>
- {/block:Photo}
- <!--------- Photoset ---------------->
- {block:Photoset}
- {block:IndexPage}
- <div class="perma_hold">
- <div class="perma">
- <a href="{Permalink}">
- <div style="margin-top: -8px; font-size: 10px;">{ShortMonth}</div>
- <div style="margin-top: 18px;font-size: 12px;">{DayOfMonthWithZero}</div></a>
- </div>
- </div>
- {/block:IndexPage}
- <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}
- <!--------------------- Video --------------------->
- {block:Video}
- <div class="media video">{Video-500}</div>
- {/block:Video}
- <!--------------------- Question --------------------->
- {block:Answer}
- <div class="question text">
- <div class="sender">
- <div class="askerpic"><img src="{AskerPortraitURL-40}"></div>
- <div class="asker">{Asker} asked</div></div>
- <span class="inquiry">{Question}</span>
- </div>
- <div class="answer text">{Answer}</div>
- {/block:Answer}
- <!--------------------- Chat --------------------->
- {block:Chat}<div class="chat text">
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="line">
- {block:Label}
- <span class="label">{Label} </span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- </div>{/block:Chat}
- <!--------------------- Link --------------------->
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- <!--------------------- Quotes --------------------->
- {block:Quote}
- <div class="q text">
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source"><div style="padding-top: 5px"> — {Source}</div></div>
- </div>
- {/block:Source}
- {/block:Quote}
- <!--------------------- Text --------------------->
- {block:Text}
- <div class="text">
- {block:Title}<h1 class="title">{Title}</h1>{/block:Title}
- {Body}</div>
- {/block:Text}
- {block:Caption}
- <div class="caption text">{Caption}</div>
- {/block:Caption}
- {block:Date}
- <div class="date accent">
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
- {/block:HasTags}
- </div>
- <div id="dropthebass">
- <div class="controls">
- <a href="{Permalink}" a title="{block:NoteCount}{NoteCountwithLabel}{/block:NoteCount}"><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 469.513 469.513" style="enable-background:new 0 0 469.513 469.513;" xml:space="preserve"><g><g><path d="M370.757,0h-272c-9.35,0-17,7.65-17,17v435.483c0,7.083,4.25,13.317,10.767,15.867c6.517,2.55,13.883,0.85,18.7-4.533 L238.157,324.7l119.85,138.833c3.4,3.683,7.933,5.95,12.75,5.95c1.983,0,3.967-0.283,5.95-1.133 c6.517-2.55,11.05-8.783,11.05-15.867V17C387.757,7.65,380.107,0,370.757,0z M353.757,406.867L251.473,288.15 c-3.117-3.683-7.65-5.95-12.75-5.95c-4.817,0-9.633,1.983-12.75,5.667L115.757,408.85V34h238V406.867z"/></g></g></svg></a>
- <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>
- <a href="{ReblogURL}" target="_blank" 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>
- </div>
- </div> <!-- End of Stags -->
- {/block:Date}
- {block:PermalinkPage}
- <div class="postinfo">
- <center>
- {block:Date}
- Posted {Month} {DayofMonth}, {Year} with
- {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
- <br>
- <div class="permapic">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}">via <u>{ReblogParentName}</u></a>
- //
- <a href="{ReblogRootURL}">by <u>{ReblogRootName}</u></a>
- {/block:RebloggedFrom}
- </div>
- {/block:Date}
- </center>
- </div> <!-- End of Post Info --->
- <!--POST NOTES-->
- {block:PostNotes}
- <div class="pagenotes">{PostNotes-16}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </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/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></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: '{select:Gutter Size}px',
- 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>
- <!-- Unnested Captions -->
- {block:ifUnnestedCaptions}
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script>
- $('.entry').unnest({
- yourCaption: ".caption",
- wrapName: ".tumblr_parent",
- newCaptionUsername: true,
- originalPostCaptionUsername: true,
- tumblrAvatarClass: ".tumblr_avatar",
- usernameColon: false,
- });
- </script>
- {/block:ifUnnestedCaptions}
- <!-- Pop Ups -->
- <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>
- <!--- 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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment