Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <!--
- THEME BY AOMINAE/GALESTA | PLEASE ADHERE TO TERMS
- + Base Code by Shythemes
- + Infinite Scrolling by Paul Irish
- + Font AWesome
- + Header image by me (please dont repost it!)
- -->
- <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="color:Accent" content="#47A4E8">
- <meta name="color:Accent Hover" content="#000">
- <meta name="color:Arrows" content="#EE2A0F">
- <meta name="color:Background" content="#f7f7f7">
- <meta name="color:Bold" content="#f80010">
- <meta name="color:Border" content="#eeeeee">
- <meta name="color:Caption" content="#f9f9f9">
- <meta name="color:Italics" content="#f80010">
- <meta name="color:Navigation" content="#f80010">
- <meta name="color:Navigation Hover" content="#000">
- <meta name="color:Link" content="#222625">
- <meta name="color:Posts" content="#ffffff">
- <meta name="color:Text" content="#3f3f3f">
- <meta name="color:Title" content="#4e5154">
- <meta name="color:Tag Hover" content="#dbdbdb">
- <meta name="color:Subtitle" content="#47A4E8">
- <meta name="image:Background" content="">
- <meta name="image:Header" content="" >
- <meta name="if:About" content="1">
- <meta name="if:Affiliates" content="0">
- <meta name="if:Blog Members" content="1">
- <meta name="if:Extra Box" content="0">
- <meta name="if:Featured" content="1">
- <meta name="if:Search" content="1">
- <meta name="if:Statistics" content="1">
- <meta name="if:Updates" content="1">
- <meta name="if:Header" content="1">
- <meta name="if:Blog Hits" content="1">
- <meta name="if:Currently Online" content="1">
- <meta name="if:Faded Images" content="0">
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:Monochrome" content="0">
- <meta name="if:Show Captions" content="1">
- <meta name="if:Show Tags" content="1">
- <meta name="text:Affiliates" content="">
- <meta name="text:Online" content="">
- <meta name="text:Blog Hits" content="">
- <meta name="text:Members" content="">
- <meta name="text:Title" content="">
- <meta name="text: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:Link 5" content="" >
- <meta name="text:Link 5 URL" content="" >
- <meta name="text:Link 6" content="" >
- <meta name="text:Link 6 URL" content="" >
- <meta name="text:Link 7" content="" >
- <meta name="text:Link 7 URL" content="" >
- <meta name="text:Link 8" content="" >
- <meta name="text:Link 8 URL" 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">
- /* ----------- Blog Basics ---------- */
- /* ---------- aka Beast Boy --------- */
- html, body {
- padding: 0;
- margin: 0;}
- body {
- margin:0;
- font-size:10px;
- font-family: Open Sans;
- 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-repeat: no-repeat;
- background:{color:Background};}
- a {
- color: {color:Accent};
- text-decoration:none;
- letter-spacing: 1px;
- -webkit-transition:all .2s linear;
- transition:all .2s linear;}
- a:hover {
- color: {color:Accent Hover};
- text-decoration:none;
- -webkit-transition:all .2s linear;
- transition:all .2s linear;}
- b, strong {
- color: {color:Bold};
- font-weight: normal;
- letter-spacing: 1px;}
- i, em {
- letter-spacing: 0.2px;
- color: {color:Italics};}
- small, sub {
- font-size:1em;
- vertical-align:baseline;}
- blockquote {
- padding:.6em .6em .6em 2em;
- border-left:1px solid {color:Border};}
- blockquote, ol, ul, p, pre {
- margin:0 0 .6em;}
- h1, h2, h3, h4, h5, h6 {
- margin:0 0 .6em;
- font-size:2em;
- padding-top: 20px;
- text-align: center;
- font-family: quicksand;
- 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};}
- #s-m-t-tooltip {
- max-width:300px;
- z-index:10;
- margin:24px 14px 7px 12px;
- padding:5px;
- padding-bottom:7px;
- background: {color:Posts};
- 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: 999999999;
- letter-spacing: 1px;
- color: {color:Accent};}
- /* --------- Back to Top ------------*/
- .back-to-top {
- display: none;
- position: fixed;
- right: 50px;
- bottom: 10px;
- background-color: {color:Posts};
- border: 1px solid {color:Border};
- padding: 10px 14px;
- text-align: center;
- color: {color:Arrows};
- text-decoration: none!important;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- /*---------- Please don't remove ----------*/
- #credit {
- right: 10px;
- position: fixed;
- bottom: 10px;
- background-color: {color:Posts};
- border: 1px solid {color:Border};
- padding: 10px 14px;
- text-align: center;
- color: {color:Accent};
- text-transform: uppercase;
- display: none;
- text-decoration: none!important;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s}
- /* ---------- Scrollbar ----------*/
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Accent};
- height: 10px;}
- ::-webkit-scrollbar {
- height: 5px;
- width: 5px;
- background-color: {color:Background};}
- /* -------- 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:Border}!important;}
- /* ------- Tumblr Controls --------*/
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
- top: 60px!important;
- right: 5px!important;
- position: fixed;
- opacity: 0.1;
- display: none;
- 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;}
- /* ---- Container ------*/
- .container {
- width: 1100px;
- margin: 0 auto;}
- /* ------ Posts + Styling ------*/
- .main {
- margin: 150px auto;
- width: 350px;}
- .content {
- margin:150px 0;}
- .entry {
- background-color: {color:Posts};
- border: 1px solid {color:Border};
- position:relative;
- margin:0 0 80px;}
- .entry a {
- color: {color:Accent};}
- .entry:last-child {
- margin-bottom:0;}
- /* ------- Audio Posts --------*/
- .audio {padding: 20px;}
- /*-------------- Chat Posts ----------*/
- .chat {
- padding: 20px;
- list-style-type:none;}
- .chat li {
- padding: 20px;}
- .chat .label {text-transform: uppercase;}
- .line_odd .label {
- font-family: karla;
- letter-spacing: 1px;
- color: {color:Italics};}
- .line_even .label {
- font-family: karla;
- letter-spacing: 1px;
- color: {color:Bold};}
- .chat .label {
- font-weight:bold;}
- /* ----- Text ---------*/
- .text {
- padding: 20px;
- margin:1em 0 0;}
- .text:last-child,
- .text *:last-child {
- margin-bottom:0;}
- /* ----------- Quotes --------*/
- .quote {
- padding: 20px;
- font-size: 12px;
- font-family: quicksand;
- text-align: center;
- color: {color:Accent};}
- /* ------ Photos ---------*/
- .media {
- position:relative;
- display:inline-block;
- width:100%;}
- /* Monochrome + Image Fade */
- {block:IfMonochrome}
- #photo{
- filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(1);
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #photo:hover{
- filter: none;
- -webkit-filter: grayscale(0);
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- {/block:IfMonochrome}
- {block:IfFadedImages}
- #photo{
- opacity:.5;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #photo:hover{
- opacity:1.0;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;}
- {/block:IfFadedImages}
- /* ------ Questions + Answers --------*/
- .question {
- padding: 20px;
- border-bottom: 1px solid {color:Border};}
- .sender {
- font-size: 20px;
- font-family: quicksand;
- padding-bottom: 10px;
- color: {color:Accent};}
- /* ------ Post Info --------*/
- .date {
- padding: 10px;
- background-color: {color:Posts};
- border-top: 1px solid {color:Border};}
- .date a {
- color: {color:Accent};
- text-transform: uppercase;
- text-decoration: none!important;}
- .date a:hover {color: {color:Accent Hover};}
- .permalink {
- font-family: Montserrat;
- text-transform: uppercase;}
- .permalink a {
- margin: 5px;
- color: {color:Accent};
- text-decoration: none!important;}
- .reblog a {
- text-transform: uppercase;
- color: {color:Accent};}
- .tags {
- text-decoration: none;
- {block:IndexPage}
- {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
- {/block:IndexPage}}
- .tags a {
- color: {color:Text};
- text-transform: lowercase!important;
- text-decoration: none!important;
- letter-spacing: .5px;}
- .tags a:hover {color: {color:Accent Hover};}
- .caption {
- {block:IndexPage}
- {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
- {/block:IndexPage}}
- /* ---- Header --------*/
- {block:IndexPage}
- {block:ifHeader}
- header {
- width: 100%;
- height: 50vh;
- top: 6vh;
- left: 0px;
- margin-top: 0px;
- margin-left: 0px;
- position: relative;
- z-index: 2;
- background-image:url('{image:Header}');
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-position: center top;
- z-index: 9!important;}
- {/block:ifHeader}
- {/block:IndexPage}
- /* ---- Top Bar -----*/
- #topbar {
- width: 100%;
- height: 6vh;
- position: fixed;
- top: 0px;
- background-color: {color:Posts};
- border: 1px solid {color:Border};
- z-index: 99995;}
- .tcontent {
- padding: 10px;}
- .navlinks {
- font-family: Montserrat;
- font-size: 10px;
- margin-top: 10px;
- text-transform: uppercase;
- text-align: center;}
- .navlinks a {
- color: {color:Navigation};
- letter-spacing: 0.1em;
- margin: 5px;
- padding: 10px;}
- .navlinks a:hover {
- color: {color:Navigation Hover};}
- /* ---------- Footer lmao? --------*/
- footer {
- width: 100%;
- height: 15vh;
- background-color: {color:Posts};
- border-top: 1px solid {color:Border};}
- .fcontent {
- padding: 20px;
- margin: 0 auto;}
- /* ------- Left Sidebar ------------*/
- #left {
- width: 250px;
- float: left;
- margin-left: 45px;
- margin-bottom: 20px;
- position: relative;}
- .description {
- border-top: 1px solid {color:Border};
- text-align: justify;
- padding: 10px;}
- .description a {color:{color:Accent};}
- .description a:hover {color:{color:Accent Hover};}
- /* -- Current Blog Members ----- */
- .mpic {
- max-width: 40px;
- max-height: 40px;
- padding: 7.5px;
- border-right: 1px solid {color:Border};}
- .bname {
- margin-top: 28px;
- font-size: 1em;
- left: 75px;
- font-family: open sans;
- position: absolute;}
- /* ------- Featured Members ---------*/
- .fpic {
- padding: 20px;}
- /* ------ Right Sidebar -----------*/
- #right {
- width: 250px;
- float: left;
- margin-left: 800px;
- margin-bottom: 20px;
- position: absolute;}
- /* --------- Updates ----------*/
- .udate {
- max-width: 40px;
- max-height: 40px;
- padding: 7.5px;
- text-align: center;
- border-right: 1px solid {color:Border};}
- .update {
- margin-top: 8px;
- left: 70px;
- position: absolute;}
- /* --- Search Bar -----*/
- .sfm input {
- font-size: 9px;
- border: 0px;
- color: inherit;
- text-align: left;
- letter-spacing: .5px;
- padding: 15px;
- font-family: open sans;}
- #sb {
- height: 10px;
- vertical-align: top;}
- #sf {
- width: 200px;}
- .search .query {
- border: 0;
- outline: 0;
- font-family: inherit;
- font-size: inherit;
- color: inherit;
- background-color: transparent;}
- ::-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;}
- /* -------- BOXES -----------*/
- .box {
- width: 250px;
- margin-bottom: 20px;
- background-color: {color:Posts};
- border: 1px solid {color:Border};}
- .box a {color: {color:Accent};}
- .box a:hover {color: {color:Accent Hover};}
- .btitle {
- width: 175px;
- height: 35px;
- padding: 10px;
- margin-top: 0px;
- left: 65px;
- color: {color:Title};
- position: absolute;
- letter-spacing: 0.1em;
- font-family: Montserrat;
- text-transform: uppercase;}
- .bicon i {
- width: 15px;
- color: {color:Accent};
- font-size: 15px;
- text-align: center;
- border-right: 1px solid {color:Border};
- padding: 20px;}
- .portrait {
- width: 48px;
- border-right: 1px solid {color:Border};
- padding: 10px;}
- .boxtitle {
- position: absolute;
- font-size: 1.2em;
- width: 160px;
- padding: 10px;
- height: 48px;
- top: 0px;
- left: 70px;
- color: {color:Title};
- letter-spacing: 0.1em;
- font-family: Montserrat;
- text-transform: uppercase;}
- .bline {
- width: auto;
- border-bottom: 1px solid {color:Border};}
- .boxsubtitle {
- top: 20px;
- left: 80px;
- position: absolute;
- font-size: 1em;
- color: {color:Subtitle};
- font-family: open sans;}
- .bcontent {
- text-align: justify;
- padding: 10px;}
- /*-------- Post Notes --------------*/
- #postnotes {
- border: 1px solid {color:Border};
- background-color: {color:Posts};}
- ol.notes {
- height: 400px;
- overflow: scroll;
- overflow-x: hidden;
- padding-top: 20px;
- list-style:none;}
- ol.notes a {
- color: {color:Accent};
- text-transform: uppercase;}
- ol.notes a:hover {color: {color:Accent Hover};}
- ol.notes img {display: none;}
- {block:ifInfiniteScroll}
- .pagination,
- #infscr-loading {
- display:none!important;
- }
- {/block:ifInfiniteScroll}
- .pagination a {
- background-color: {color:Posts};
- border: 1px solid {color:Border};
- padding: 10px 14px;
- text-align: center;
- color: {color:Arrows};
- bottom: 20px;
- position: relative;
- text-decoration: none!important;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- .pagination a:hover {
- color: {color:Accent Hover};
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- transition-duration: 0.5s;}
- </style>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <!-------------------------------------------------------------------------->
- <!-- TOP CONTAINER -->
- <!-------------------------------------------------------------------------->
- <div id="topbar">
- <div class="tcontent">
- <div class="navlinks">
- <a href="/">home</a>
- <a href="/ask">message</a>
- {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
- {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 1}</a>{/block:IfLink5}
- {block:IfLink6}<a href="{text:Link 6 URL}">{text:Link 2}</a>{/block:IfLink6}
- {block:IfLink7}<a href="{text:Link 7 URL}">{text:Link 3}</a>{/block:IfLink7}
- {block:IfLink8}<a href="{text:Link 8 URL}">{text:Link 4}</a>{/block:IfLink8}
- <a href="/archive">archive</a>
- <a href="http://galesta.tumblr.com">theme</a>
- </div>
- </div> <!-- End of Topbar content -->
- </div> <!-- End of Top bar -->
- {block:ifHeader}
- <header></header>
- {/block:ifHeader}
- <div id="down"></div>
- <div class="container">
- <!--------------------------------------------------------------------------->
- <!-- LEFT SIDE --->
- <!--------------------------------------------------------------------------->
- <div id="left">
- <!-- DESCRIPTION SECTION -->
- <div class="box">
- <div class="portrait"><img src="{PortraitURL-48}"></div>
- <div class="boxtitle">
- <div style="padding-top: 10px">{text:Title}</div></div>
- <div class="boxsubtitle">
- <div style="padding-top: 15px">{text:Subtitle}</div></div>
- <div class="description">
- {block:Description}{Description}{/block:Description}
- </div> <!-- End of Description -->
- </div> <!-- End of Box -->
- <!--------------------------------------------------------------------------->
- <!---------------------------- BLOG MEMBERS --------------------------------->
- <!--------------------------------------------------------------------------->
- {block:ifBlogMembers}
- <!--- BLOG MEMBERS ------>
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">{text:Members}</div></div>
- <div class="bicon"><i class="fa fa-users"></i></div>
- <!--------------------------------------------------------------------------->
- <!--- Blog Members
- To be able to input members, you must copy + paste
- <div class="bline"></div>
- <div class="btitle">
- <div style="padding-top: 5px">(BLOG NAME GOES HERE)</div></div>
- <div class="bname">(SUBTITLE GOES HERE)</div>
- <div class="mpic">(PIC GOES HERE)</div>
- --->
- <!--------------------------------------------------------------------------->
- <div class="bline"></div> <!-- Indicates border separating blog members -->
- <div class="members">
- <!-- Member 1 -->
- <div class="btitle">
- <div style="padding-top: 3px">
- <a href="http://aominae.tumblr.com">Blog member</a>
- </div></div>
- <div class="bname">Blog member subtitle</div>
- <div class="mpic">
- <img src="http://41.media.tumblr.com/0a049264fba0072a818f733a6c533578/tumblr_mqvlz4t5FK1qcnibxo1_540.png"></div>
- </div> <!-- End of Blog Members -->
- </div> <!-- End of Box -->
- {/block:ifBlogMembers}
- <!--------------------------------------------------------------------------->
- <!-- Featured Member --->
- <!--------------------------------------------------------------------------->
- {block:ifFeatured}
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">Featured Member</div></div>
- <div class="bicon"><i class="fa fa-cog"></i></div>
- <div class="bline"></div>
- <div class="fpic">
- <img src="http://41.media.tumblr.com/0a049264fba0072a818f733a6c533578/tumblr_mqvlz4t5FK1qcnibxo1_540.png">
- </div>
- <div style="margin-top: -25px">
- <p style="text-align: justify; padding:20px;">
- im really lazy about this sorry
- </p></div>
- </div> <!-- End of Box -->
- {/block:ifFeatured}
- <!--------------------------------------------------------------------------->
- <!--- STATISTICS --->
- <!--------------------------------------------------------------------------->
- {block:ifStatistics}
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">Statistics</div></div>
- <div class="bicon"><i class="fa fa-bar-chart"></i></div>
- <!-- Stat 1 --->
- {block:ifCurrentlyOnline}
- <div class="bline"></div>
- <div class="update">Currently Online</div>
- <div class="udate">
- {text:Online}
- </script></div>
- {/block:ifCurrentlyOnline}
- <!-- Stat 2 -->
- {block:ifBlogHits}
- <div class="bline"></div>
- <div class="update">Blog Hits</div>
- <div class="udate">
- {text:Blog Hits}
- </script></div>
- {/block:ifBlogHits}
- </div> <!-- End of Box -->
- {/block:ifStatistics}
- </div> <!-- End of Left -->
- <!--------------------------------------------------------------------------->
- <!-- RIGHT SIDE --->
- <!--------------------------------------------------------------------------->
- <div id="right">
- <!--------------------------------------------------------------------------->
- <!---------------------------- ABOUT SECTION -------------------------------->
- <!--------------------------------------------------------------------------->
- {block:ifAbout}
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">About</div></div>
- <div class="bicon"><i class="fa fa-info-circle"></i></div>
- <!-- Update 1 --->
- <div class="bline"></div>
- <div class="bcontent">
- About goes here
- </div> <!-- End of Description -->
- </div> <!-- End of Box -->
- {/block:ifAbout}
- <!--------------------------------------------------------------------------->
- <!---------------------------- AFFILIATES !?!? ------------------------------>
- <!--------------------------------------------------------------------------->
- {block:ifAffiliates}
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">{text:Affiliates}</div></div>
- <div class="bicon"><i class="fa fa-user-plus"></i></div>
- <div class="bline"></div> <!-- Indicates border separating blog members -->
- <div class="members">
- <!-- Member 1 -->
- <div class="btitle">
- <div style="padding-top: 10px">
- <a href="/">Zatanna</a></div></div>
- <div class="mpic">
- <img src="http://static.tumblr.com/njxkrdk/HYso4czas/omggg.png"></div>
- </div> <!-- End of Members -->
- </div> <!-- End of Box -->
- {/block:ifAffiliates}
- <!--------------------------------------------------------------------------->
- <!--- UPDATES
- To be able to input updates, you must copy + paste
- <div class="bline"></div>
- <div class="update">(ACTUAL UPDATE GOES HERE)</div>
- <div class="udate">(DATE OF UDPATE GOES HERE)</div>
- --->
- <!--------------------------------------------------------------------------->
- {block:ifUpdates}
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">Updates</div></div>
- <div class="bicon"><i class="fa fa-exclamation-circle"></i></div>
- <!-- Update 1 --->
- <div class="bline"></div>
- <div class="update">uhhhhhhhhhh</div>
- <div class="udate">3.21</div>
- </div> <!-- End of Box -->
- {/block:ifUpdates}
- <!-------------------------------------------------------------------------->
- <!--- EXTRA BOX --->
- <!-------------------------------------------------------------------------->
- {block:ifExtraBox}
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">Extra</div></div>
- <div class="bicon"><i class="fa fa-bars"></i></div>
- <!-- Update 1 --->
- <div class="bline"></div>
- <div class="bcontent">
- This is an extra box; put anything you want here!
- </div> <!-- End of Description -->
- </div> <!-- End of Box -->
- {/block:ifExtraBox}
- <!-------------------------------------------------------------------------->
- <!--- SEARCH BOX --->
- <!-------------------------------------------------------------------------->
- {block:ifSearch}
- <div class="box">
- <div class="btitle">
- <div style="padding-top: 10px">Search</div></div>
- <div class="bicon"><i class="fa fa-search"></i></div>
- <!-- Update 1 --->
- <div class="bline"></div>
- <div class="bcontent">
- <center>
- <div class="searchbar">
- <form action="/search" method="get" class="sfm">
- <input type="text" name="q" value="{SearchQuery}" id="sf" placeholder="Search"/>
- </center>
- </div> <!-- End of Description -->
- </div> <!-- End of Box -->
- {/block:ifSearch}
- </div> <!-- End of Right -->
- <div class="main">
- <div class="content">
- {block:Posts}
- <article class="entry {block:Photo}ph{/block:Photo}{block:Photoset}ph{/block:Photoset}">
- <section class="post">
- <!--------------------------------------------------------------------------->
- <!--- audio -->
- <!--------------------------------------------------------------------------->
- {block:Audio}
- <div class="audio">
- {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
- </div>
- {/block:Audio}
- <!--------------------------------------------------------------------------->
- <!--- PHOTO -->
- <!--------------------------------------------------------------------------->
- {block:Photo}
- <div class="media">
- <div id="photo">
- {LinkOpenTag}
- <img src="{PhotoURL-500}">
- {LinkCloseTag}
- </div>
- </div>
- {/block:Photo}
- <!--------------------------------------------------------------------------->
- <!--- PHOTOSET -->
- <!--------------------------------------------------------------------------->
- {block:Photoset}
- <div class="media photoset">
- <div id="photo">
- <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
- <img src="{PhotoURL-HighRes}">
- </a>
- <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></div>
- {/block:Photoset}
- <!--------------------------------------------------------------------------->
- <!--- VIDEO -->
- <!--------------------------------------------------------------------------->
- {block:Video}
- <div class="media video">{Video-500}</div>
- {/block:Video}
- <!--------------------------------------------------------------------------->
- <!--- Q and A -->
- <!--------------------------------------------------------------------------->
- {block:Answer}
- <div class="question">
- <div class="sender">{Asker};</div>
- <span class="inquiry">{Question}</span>
- </div>
- <div class="answer text">{Answer}</div>
- {/block:Answer}
- <!--------------------------------------------------------------------------->
- <!--- CHAT -->
- <!--------------------------------------------------------------------------->
- {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}
- <!--------------------------------------------------------------------------->
- <!--- LINKS -->
- <!--------------------------------------------------------------------------->
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- <!--------------------------------------------------------------------------->
- <!--- QUOTES -->
- <!--------------------------------------------------------------------------->
- {block:Quote}
- <div class="quote text">{Quote}</div>
- {block:Source}
- <div class="source text">{Source}</div>
- {/block:Source}
- {/block:Quote}
- <!--------------------------------------------------------------------------->
- <!--- TEXT -->
- <!--------------------------------------------------------------------------->
- {block:Text}
- {block:Title}<h2>{Title}</h2>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- <!--------------------------------------------------------------------------->
- <!--- POST INFO -->
- <!--------------------------------------------------------------------------->
- {block:Caption}
- <div class="caption text">{Caption}</div>
- {/block:Caption}
- {block:Date}
- <div class="date">
- <a class="permalink" href="{Permalink}">
- {Month} {DayOfMonth} ― </a>
- <a class="permalink" href="{Permalink}">
- {block:NoteCount} {NoteCountWithLabel} ― {/block:NoteCount} </a>
- <a class="reblog" href="{ReblogURL}">Reblog</a>
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>
- {/block:Tags}</div>
- {/block:HasTags}
- </div>
- {/block:Date}
- </section>
- </article>
- {/block:Posts}
- {block:PermalinkPage}
- <div id="postnotes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:PermalinkPage}
- <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
- </div>
- <!--------------------------------------------------------------------------->
- <!--- PAGINATION -->
- <!--------------------------------------------------------------------------->
- <center>
- <!------------ Pagination ------------->
- {block:Pagination}<div class="pagination">{block:PreviousPage}<a class="prev" href="{PreviousPage}"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage} {block:NextPage}<a class="next" href="{NextPage}"><i class="fa fa-angle-right"></i></a>{/block:NextPage}</div>{/block:Pagination}
- </div>
- </center>
- <!--------------------------------------------------------------------------->
- <!---- VARIOUS SCRIPTS --->
- <!--------------------------------------------------------------------------->
- <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>
- <!--- 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>
- <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 ="//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: '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>
- <script type="text/javascript">
- var amountScrolled = 300;
- $(window).scroll(function() {
- if ( $(window).scrollTop() > amountScrolled ) {
- $('#.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop').fadeIn('slow');
- } else {
- $('.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop').fadeOut('slow');
- }
- })
- </script>
- <script type="text/javascript">
- var amountScrolled = 300;
- $(window).scroll(function() {
- if ( $(window).scrollTop() > amountScrolled ) {
- $('#credit').fadeIn('slow');
- } else {
- $('#credit').fadeOut('slow');
- }
- })
- </script>
- <script>
- $(function() {
- $('a[href*="#"]:not([href="#"])').click(function() {
- if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
- var target = $(this.hash);
- target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
- if (target.length) {
- $('html, body').animate({
- scrollTop: target.offset().top
- }, 1000);
- return false;
- }
- }
- });
- });
- </script>
- <script type="text/javascript">
- $(document).ready(function () {
- $(window).scroll(function () {
- if ($(this).scrollTop() > 100) {
- $('.back-to-top').fadeIn();
- } else {
- $('.back-to-top').fadeOut();
- }
- });
- $('.back-to-top').click(function () {
- $("html, body").animate({
- scrollTop: 0
- }, 600);
- return false;
- });
- });
- </script>
- </div> <!-- End of Container -->
- <a href="#" class="back-to-top" title="back to the top"><i class="fa fa-angle-up"></i></a>
- <div id="credit">
- <a href="http://galesta.tumblr.com" title="galesta">G</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment