Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!-----------------------------------------------------------------------
- :: CODE PACK #08 IRRETRIEVABLE ::
- Theme 14 Seasons
- by yukoki/s-ekki
- 1. Light/Heavy CSS editting is allowed.
- 2. Do not use as base code.
- 3. Do not remove credit.
- 4. Do not claim theme as your own.
- ++ [YUKOKI 2012 THEMES' REVAMPS] ++
- This is an early yukoki theme, revamped and renamed as "Seasons". This theme's first title was "Heroine".
- ---------------------------------------------------------- VER 250316 -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:scrollbar" content="#98dac6">
- <meta name="color:text selection" content="#b6eadc">
- <meta name="color:custom tumblr controls" content="#b5b5b5">
- <meta name="color:custom tumblr controls hover" content="#ffffff">
- <meta name="color:header background" content="#000000">
- <meta name="color:blog title" content="#ffffff">
- <meta name="color:desc" content="#000000">
- <meta name="color:desc bold" content="#8ac3ae">
- <meta name="color:desc italic" content="#a8a8a8">
- <meta name="color:desc links" content="#707070">
- <meta name="color:desc links hover" content="#000000">
- <meta name="color:nav background" content="#f3f3f3">
- <meta name="color:nav bottom border" content="#e3e3e3">
- <meta name="color:nav icon" content="#888888">
- <meta name="color:nav text" content="#777777">
- <meta name="color:searchbox input background" content="#ffffff">
- <meta name="color:searchbox input text" content="#777777">
- <meta name="color:searchbox border" content="#ecfef5">
- <meta name="color:custom links" content="#858585">
- <meta name="color:custom links background" content="#ffffff">
- <meta name="color:post background" content="#f6f6f6">
- <meta name="color:body text" content="#aaaaaa">
- <meta name="color:body bold" content="#8ac3ae">
- <meta name="color:body italic" content="#c8c8c8">
- <meta name="color:body links" content="#aaaaaa">
- <meta name="color:body links highlight" content="#f0f0f0">
- <meta name="color:body links hover" content="#7a7a7a">
- <meta name="color:body links highlight hover" content="#f0f0f0">
- <meta name="color:post title" content="#bbbbbb">
- <meta name="color:post title underline" content="#e9e9e9">
- <meta name="color:quote post" content="#898989">
- <meta name="color:quote post quotation marks" content="#c5eddc">
- <meta name="color:quote post source" content="#b1b1b1">
- <meta name="color:chat even name" content="#97dac5">
- <meta name="color:chat even text" content="#b8b8b8">
- <meta name="color:chat odd name" content="#9bc3a0">
- <meta name="color:chat odd text" content="#777777">
- <meta name="color:audio info background" content="#ffffff">
- <meta name="color:audio info text" content="#929292">
- <meta name="color:ask background" content="#f2f2f2">
- <meta name="color:ask text" content="#9b9b9b">
- <meta name="color:asker text" content="#5e5e5e">
- <meta name="color:asker link" content="#d4d4d4">
- <meta name="color:permalink text" content="#777777">
- <meta name="color:permalink notes" content="#aaaaaa">
- <meta name="color:permalink notes background" content="#e5e5e5">
- <meta name="color:hover permalink notes" content="#adadad">
- <meta name="color:hover permalink notes background" content="#ffffff">
- <meta name="color:permalink divider" content="#eaeaea">
- <meta name="color:tags" content="#999999">
- <meta name="color:tags background" content="#eaeaea">
- <meta name="color:hover tags" content="#aaaaaa">
- <meta name="color:hover tags background" content="#ffffff">
- <meta name="if:infinite scroll" content="0">
- <meta name="if:250px posts" content="0">
- <meta name="if:400px posts" content="0">
- <meta name="if:500px posts" content="1">
- <meta name="if:monochrome posts" content="0">
- <meta name="if:photo fading" content="0">
- <meta name="if:show captions" content="1">
- <meta name="if:show tags" content="1">
- <meta name="if:permalink sources" content="1">
- <meta name="if:custom tumblr controls" content="0">
- <meta name="image:background" content="">
- <meta name="image:sidebar" content="">
- <meta name="image:right icon 1" content="">
- <meta name="image:right icon 2" content="">
- <meta name="image:right icon 3" content="">
- <meta name="text:your url" content="if your url is yukoki just type yukoki">
- <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="">
- <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- <script language="javascript">
- $(document).ready(function() {
- $('a#clickbutton').click(function() {
- $('.t',this).toggle();
- });
- $(".relocat").css({"height": "0"})
- $("#clickbutton").toggle(
- function () {
- $(".relocat").animate({"height": "50px"}, "slow");
- },
- function () {
- $(".relocat").animate({"height": "0"}, "slow");
- });
- });
- </script>
- {block:indexpage}
- {block:ifinfinitescroll}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:ifinfinitescroll}
- {/block:indexpage}
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <style type="text/css">
- .tmblr-lightbox {background-color:rgba(255,255,255,0.9)!important;}
- .tmblr-lightbox img { opacity:0;padding: 10px;
- border: 1px solid #ddd; }
- .lightbox-image {
- opacity: 1!important;
- box-shadow: 0 0 0 transparent!important;
- border-radius: 0!important;
- -moz-border-radius: 0!important;
- -webkit-border-radius: 0!important;
- -o-border-radius: 0!important;
- padding: 10px!important;
- border: 1px solid #ddd!important;
- background-color: #fff!important;
- }
- .lightbox-caption {
- color: #aaa!important;
- font-family: calibri!important;
- font-size: 12px!important;
- margin-top: 30px!important;
- text-shadow: 0 0 0 transparent!important;
- font-weight: 400!important;
- }
- .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop { z-index:999999999!important; }
- ::-webkit-scrollbar { width: 5px; }
- ::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.5); }
- ::-webkit-scrollbar-thumb:vertical {
- width: 5px;
- background-color: {color:scrollbar};
- padding: 1px;
- }
- ::selection {background-color: {color:text selection}; color: #fff;}
- ::-moz-selection {background-color: {color:text selection}; color: #fff;}
- ::-webkit-selection {background-color: {color:text selection}; color: #fff;}
- {block:ifcustomtumblrcontrols}{block:indexpage}
- iframe#tumblr_controls {white-space:nowrap;display:none;}
- {/block:indexpage}{/block:ifcustomtumblrcontrols}
- .pagination {display: none;}
- body {
- background-color: {color:background};
- background-image: url({image:background});
- background-attachment: fixed;
- margin: 0;
- word-wrap: break-word;
- }
- a { text-decoration:none; }
- #totalhe {
- width: 200px;
- position: fixed;
- top: 100px;
- {block:if500pxposts}left: 130px;{/block:if500pxposts}
- {block:if400pxposts}left: 170px;{/block:if400pxposts}
- {block:if250pxposts}left: 300px;{/block:if250pxposts}
- }
- .totalheimg {
- width: 200px;
- display: block;
- }
- .totl {
- position: absolute;
- margin: 0 -210px;
- }
- .desc {
- font-family: calibri;
- font-size: 10px;
- padding: 20px 0;
- text-align: justify;
- width: 200px;
- color: {color:desc};
- }
- .desc b,strong {
- color: {color:desc bold};
- }
- .desc i,em {
- color: {color:desc italic};
- }
- .desc a {
- color: {color:desc links};
- text-decoration: underline;
- }
- .desc a:hover {
- color: {color:desc links hover};
- }
- #topp {
- background-color: {color:header background};
- color: {color:blog title};
- font-family: courier new;
- text-transform: uppercase;
- font-size: 9px;
- padding: 14px 30px;
- letter-spacing: 2px;
- width: 100%;
- position: fixed;
- z-index: 15;
- }
- .newctrl {
- text-transform: uppercase;
- color: {color:custom tumblr controls};
- position: fixed;
- top: 0;
- right: 0;
- padding: 14px 30px;
- }
- .newctrl a {
- margin-left: 12px;
- color: {color:custom tumblr controls};
- }
- .newctrl a:hover {
- color: {color:custom tumblr controls hover};
- text-decoration: line-through;
- }
- .backline {
- background-color: {color:nav background};
- width: 200px;
- height: 22px;
- position: absolute;
- z-index: -1;
- border-bottom: 1px solid {color:nav bottom border};
- }
- #navmain {
- width: 22px;
- height: 22px;
- background-color: {color:nav background};
- float: right;
- transition: 0.8s;
- color: {color:nav icon};
- }
- .navicon {
- text-align: center;
- line-height: 22px;
- font-size: 11px;
- float: left;
- padding-left: 6px;
- }
- .navicon a { color: {color:nav icon}; }
- .navitxt {
- position: absolute;
- margin: 0 22px;
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 4px;
- line-height: 22px;
- color: {color:nav text};
- width: 0;
- height: 22px;
- overflow: hidden;
- transition: 0.8s;
- background-color: {color:nav background};
- text-align: center;
- }
- #navmain:hover { width: 110px; }
- #navmain:hover .navitxt { padding: 0 5px; width: 80px; }
- #customs {
- position: fixed;
- top: 160px;
- width: 100px;
- {block:if500pxposts}left: 1000px;{/block:if500pxposts}
- {block:if400pxposts}left: 960px;{/block:if400pxposts}
- {block:if250pxposts}left: 930px;{/block:if250pxposts}
- {block:permalinkpage}
- {block:if500pxposts}left: 1000px;{/block:if500pxposts}
- {block:if400pxposts}left: 1000px;{/block:if400pxposts}
- {block:if250pxposts}left: 1000px;{/block:if250pxposts}
- {/block:permalinkpage}
- }
- .custi {
- width: 100px;
- height: 100px;
- display: block;
- margin-bottom: 30px;
- }
- .custxt {
- font-family: calibri;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 2px;
- width: 80px;
- height: 80px;
- position: absolute;
- margin: 10px;
- text-align: center;
- line-height: 80px;
- background-color: {color:custom links background};
- opacity: 0;
- color: {color:custom links};
- transition: 0.6s;
- }
- .custxt:hover { opacity: 0.9; }
- .relocat {
- margin-top: 30px;
- background-color: {color:searchbox border};
- height: 0;
- overflow: hidden;
- }
- #sbox input {
- width: 160px;
- border-radius: 0;
- border: 0;
- border: 15px solid {color:searchbox border};
- }
- .stext {
- background-color: {color:searchbox input background};
- color: {color:searchbox input text};
- font-family: consolas;
- padding: 4px 5px;
- font-size: 10px;\
- }
- #content {
- width: 1000px;
- float: left;
- margin-top: 80px;
- {block:if500pxposts}width: 600px;margin-left: 400px;{/block:if500pxposts}
- {block:if400pxposts}width: 500px;margin-left: 450px;{/block:if400pxposts}
- {block:if250pxposts}width: 350px;margin-left: 575px;{/block:if250pxposts}
- {block:permalinkpage}
- {block:if500pxposts}width: 600px;margin-left: 430px;{/block:if500pxposts}
- {block:if400pxposts}width: 600px;margin-left: 430px;{/block:if400pxposts}
- {block:if250pxposts}width: 600px;margin-left: 430px;{/block:if250pxposts}
- {/block:permalinkpage}
- }
- .post {
- transition: 0.6s;
- width: 250px;
- padding: 20px;
- background-color: {color:post background};
- margin-bottom: 30px;
- {block:if500pxposts}width: 500px;{/block:if500pxposts}
- {block:if400pxposts}width: 400px;{/block:if400pxposts}
- {block:if250pxposts}width: 250px;{/block:if250pxposts}
- {block:permalinkpage}
- {block:if500pxposts}width: 500px;{/block:if500pxposts}
- {block:if400pxposts}width: 500px;{/block:if400pxposts}
- {block:if250pxposts}width: 500px;{/block:if250pxposts}
- {/block:permalinkpage}
- }
- .photo {
- border-radius: 5px;
- {block:if500pxposts}width: 500px;{/block:if500pxposts}
- {block:if400pxposts}width: 400px;{/block:if400pxposts}
- {block:if250pxposts}width: 250px;{/block:if250pxposts}
- {block:permalinkpage}
- {block:if500pxposts}width: 500px;{/block:if500pxposts}
- {block:if400pxposts}width: 500px;{/block:if400pxposts}
- {block:if250pxposts}width: 500px;{/block:if250pxposts}
- {/block:permalinkpage}
- display: block;
- {block:ifphotofading}opacity: 0.6;{/block:ifphotofading}
- {block:ifmonochromeposts}
- 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(100%); /* Chrome 19+ & Safari 6+ */
- {/block:ifmonochromeposts}
- transition: 0.8s;
- -moz-transition: 0.8s;
- webkit-transition: 0.8s;
- -o-transition: 0.8s;
- }
- .post:hover .photo {
- opacity: 1;
- {block:ifmonochromeposts}
- filter: none;
- -webkit-filter: grayscale(0%);
- {/block:ifmonochromeposts}
- }
- .post img {
- {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
- {block:if400pxposts}max-width: 400px;{/block:if400pxposts}
- {block:if250pxposts}max-width: 250px;{/block:if250pxposts}
- {block:permalinkpage}
- {block:if500pxposts}max-width: 500px;{/block:if500pxposts}
- {block:if400pxposts}max-width: 500px;{/block:if400pxposts}
- {block:if250pxposts}max-width: 500px;{/block:if250pxposts}
- {/block:permalinkpage}
- }
- .post blockquote img {max-width: 100%;}
- .text {
- font-family: calibri;
- font-size: 10px;
- color: {color:body text};
- }
- .text b,strong, .permainfo b,strong {
- font-weight: 400;
- color: {color:body bold};
- }
- .text i,em, .permainfo a {
- color: {color:body italic};
- }
- .text a, .ptags a, .psrc a {
- background-color: {color:body links highlight};
- color: {color:body links};
- text-decoration: underline;
- }
- .text a:hover, .ptags a:hover, .permainfo a:hover, .psrc a:hover {
- background-color: {color:body links highlight hover};
- color: {color:body links hover};
- }
- .ptitle, .ltitle {
- font-family: courier new;
- font-size: 10px;
- border-bottom: 1px solid {color:post title underline};
- padding: 14px 5px;
- text-transform: uppercase;
- letter-spacing: 1px;
- text-align: center;
- color: {color:post title};
- }
- .quom, .quomr {
- font-family: georgia;
- font-size: 100px;
- margin: -15px 0;
- position: absolute;
- color: {color:quote post quotation marks};
- z-index: 1;
- }
- .quomr {
- {block:if500pxposts}margin: -15px 460px;{/block:if500pxposts}
- {block:if400pxposts}margin: -15px 360px;{/block:if400pxposts}
- {block:if250pxposts}margin: -15px 210px;{/block:if250pxposts}
- }
- .pquote {
- font-family: courier new;
- font-size: 14px;
- text-align: center;
- position: relative;
- z-index: 2;
- color: {color:quote post};
- }
- .psrc {
- font-family: consolas;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- margin-top: -20px;
- margin-bottom: 10px;
- color: {color:quote post source};
- }
- .tumblr_audio_player {height: 40px; width: 210px;}
- .audiopost { height: 150px; }
- .albumno {
- width: 150px;
- height: 150px;
- background-color: {color:no album art};
- position: absolute;
- z-index: 1;
- {block:indexpage}{block:if250pxposts}
- width: 250px;
- height: 250px;
- {/block:if250pxposts}{/block:indexpage}
- }
- .albumartp {
- width: 150px;
- height: 150px;
- position: relative;
- z-index: 2;
- display: block;
- {block:indexpage}{block:if250pxposts}
- width: 250px;
- height: 250px;
- {/block:if250pxposts}{/block:indexpage}
- }
- .albumart {
- width: 150px;
- height: 150px;
- display: block;
- position: relative;
- {block:indexpage}{block:if250pxposts}
- width: 250px;
- height: 250px;
- {/block:if250pxposts}{/block:indexpage}
- }
- .audioplayer {
- position: absolute;
- z-index: 11;
- margin-top: -90px;
- margin-left: 65px;
- width: 25px;
- height: 25px;
- overflow: hidden;
- opacity: 0.5;
- {block:indexpage}{block:if250pxposts}
- margin-top: -140px;
- margin-left: 115px;
- {/block:if250pxposts}{/block:indexpage}
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .audioplayer:hover {opacity: 1;}
- .audioinfo {
- position: absolute;
- margin-left: 155px;
- height: 150px;
- }
- .aline {
- {block:if500pxposts}width: 325px;{/block:if500pxposts}
- {block:if400pxposts}width: 225px;{/block:if400pxposts}
- {block:indexpage}{block:if250pxposts}margin-top: 5px;{/block:if250pxposts}{/block:indexpage}
- {block:permalinkpage}width: 325px;{/block:permalinkpage}
- font-family: consolas;
- font-size: 10px;
- padding: 11px 10px;
- margin-bottom: 5px;
- text-transform: uppercase;
- background-color: {color:audio info background};
- color: {color:audio info text};
- }
- .aline b,strong {
- font-weight: 400;
- color: {color:audio info list headings};
- }
- .askerportrait {
- max-width: 64px;
- max-height: 64px;
- position: absolute;
- border: 10px solid {color:ask background};
- }
- .a {
- margin-left: 100px;
- background-color: {color:ask background};
- min-height: 64px;
- padding: 10px;
- font-family: calibri;
- font-size: 11px;
- color: {color:ask text};
- }
- .asker {
- color: {color:asker text};
- font-family: calibri;
- font-size: 11px;
- text-transform: uppercase;
- }
- .asker a {color: {color:asker link};border-bottom: 1px solid {color:asker link};}
- .q {margin-top: 10px;}
- .tri {
- position: absolute;
- font-size: 30px;
- margin: 20px 0 0 85px;
- color: {color:ask background};
- }
- .line {
- font-family: courier new;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- .odd .line {
- padding: 10px 5px;
- color:{color:chat odd text};
- background-color: {color:post background};
- }
- .even .line {
- padding: 10px 5px;
- color:{color:chat even text};
- background-color: {color:post background};
- }
- .odd .name {
- color: {color:chat odd name};
- padding: 3px 5px;
- }
- .even .name {
- color: {color:chat even name};
- padding: 3px 5px;
- }
- #content blockquote {
- margin: 5px;
- padding: 0 10px;
- border-left: 1px solid {color:blockquote};
- }
- .perma {
- font-family: courier new;
- {block:ifnot250pxposts}
- margin-top: 20px;
- {block:ifpermalinksources}padding-bottom: 12px;{/block:ifpermalinksources}
- {block:ifshowtags}padding-bottom: 12px;{/block:ifshowtags}
- {/block:ifnot250pxposts}
- {block:if250pxposts}
- margin-top: 10px;
- {/block:if250pxposts}
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- color: {color:permalink text};
- }
- .perma a {
- color: {color:body links};
- }
- .perma a:hover {
- color: {color:body links hover};
- }
- .permano {
- padding: 3px 5px;
- background-color: {color:permalink notes background};
- color: {color:permalink notes};
- text-decoration: none;
- }
- .permano:hover {
- background-color: {color:hover permalink notes background};
- color: {color:hover permalink notes};
- text-decoration: none;
- }
- .permatags {
- text-align: right;
- margin-top: -1px;
- padding-top: 2px;
- line-height: 16px;
- border-top: 1px solid {color:permalink divider};
- }
- .permatags a {
- font-family: courier new;
- font-size: 8px;
- padding: 3px;
- background-color: {color:tags background};
- color: {color:tags};
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .permatags a:hover {
- background-color: {color:hover tags background};
- color: {color:hover tags};
- }
- .permaactions {
- border-top: 1px solid {color:permalink divider};
- {block:ifpermalinksources}{block:ifnotshowtags}
- text-align: right;
- {/block:ifnotshowtags}{/block:ifpermalinksources}
- }
- .permaactions a {
- font-family: courier new;
- font-size: 8px;
- padding: 3px;
- background-color: {color:hover tags background};
- color: {color:hover tags};
- margin-left: 5px;
- margin-top: 6px;
- {block:ifpermalinksources}{block:ifshowtags}
- float: right;
- {/block:ifshowtags}{/block:ifpermalinksources}
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .permaactions a:hover {
- background-color: {color:tags background};
- color: {color:tags};
- }
- .permainfo {
- margin-top: 10px;
- width: 480px;
- padding: 30px 30px;
- font-family: calibri;
- font-size: 11px;
- text-align: center;
- background-color: {color:post background};
- color: {color:body text};
- }
- #notecontainer {
- padding: 10px;
- text-decoration: none;
- width: 500px;
- background-color: {color:post background};
- padding: 20px;
- margin-top: 20px;
- }
- ol.notes {
- list-style-type: none;
- letter-spacing: -1px;
- font-size: 11px;
- color: {color:body text};
- font-family: consolas;
- text-decoration: none;
- margin: 0;
- width: 500px;
- padding: 5px;
- text-align: left;
- }
- ol.notes a {
- color: {color:body links};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;}
- ol.notes a:hover {color:{color:body links};}
- img.avatar {
- margin-right: 5px;
- width: 10px;
- height: 10px;
- float: left;
- }
- .pagi {
- margin-top: 5px;
- font-family: calibri;
- font-size: 10px;
- color: {color:desc};
- text-align: center;
- }
- .pagi a {
- color: {color:desc links};
- }
- .pagi a:hover {
- color: {color:desc links hover};
- }
- :focus { outline:0; }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="customs">
- <a href="{text:link 1 url}">
- <div class="custxt">{text:link 1}</div>
- <img class="custi" src="{image:right icon 1}">
- </a>
- <a href="{text:link 2 url}">
- <div class="custxt">{text:link 2}</div>
- <img class="custi" src="{image:right icon 2}">
- </a>
- <a href="{text:link 3 url}">
- <div class="custxt">{text:link 3}</div>
- <img class="custi" src="{image:right icon 3}">
- </a>
- </div><!--customs-->
- <div id="topp">
- <span class="topptitle">{Title}</span>
- {block:ifcustomtumblrcontrols}{block:indexpage}
- <div class="newctrl"><a href="http://tumblr.com/follow/{text:your url}">+follow</a> <a href="http://tumblr.com/dashboard">+dashboard</a></div>
- {/block:indexpage}{/block:ifcustomtumblrcontrols}
- </div><!--topp-->
- <div id="totalhe">
- <img class="totalheimg" src="{image:sidebar}">
- <div class="desc">{description}</div>
- <div id="basicnav">
- <div class="backline"></div>
- <a href="http://yukoki.tumblr.com"><div id="navmain">
- <span class="navitxt">credit</span>
- <span class="navicon"><i class="fa fa-pagelines"></i></span>
- </div><!--navmain--></a>
- <a id="clickbutton" class="t" style="cursor:pointer;"><div id="navmain">
- <span class="navitxt">relocate</span>
- <span class="navicon"><i class="fa fa-search"></i></span>
- </div><!--navmain--></a>
- <a href="/archive"><div id="navmain">
- <span class="navitxt">remember</span>
- <span class="navicon"><i class="fa fa-folder-open-o"></i></span>
- </div><!--navmain--></a>
- <a href="/ask"><div id="navmain">
- <span class="navitxt">reunite</span>
- <span class="navicon"><i class="fa fa-envelope-o"></i></span>
- </div><!--navmain--></a>
- <a href="/"><div id="navmain">
- <span class="navitxt">return</span>
- <span class="navicon"><i class="fa fa-home"></i></span>
- </div><!--navmain--></a>
- </div><!--basicnav-->
- <div class="relocat">
- <form action="/search" method="get" id="sbox">
- <input type="text" name="q" value="S E A R C H" class="stext"/>
- </form>
- </div><!--relocat-->
- {block:ifnotinfinitescroll}
- <div class="pagi">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}" id="next">forwards</a>{/block:NextPage}{/block:Pagination}
- </div><!--pagi-->
- {/block:ifnotinfinitescroll}
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:quote}
- <div class="quom">“</div><div class="quomr">”</div>
- <div class="pquote">{quote}</div><br>
- <div class="psrc">- {Source} -</div>
- {/block:quote}
- {block:Photo}
- {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="photo">
- {block:indexpage}
- {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
- {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
- {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
- {/block:indexpage}
- {block:permalinkpage}
- {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
- {block:if400pxposts}{Photoset-500}{/block:if400pxposts}
- {block:if250pxposts}{Photoset-500}{/block:if250pxposts}
- {/block:permalinkpage}
- </div>
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Photoset}
- {block:text}
- {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
- <div class="text">{body}</div>
- {/block:text}
- {block:Audio}
- {block:indexpage}{block:ifnot250pxposts}
- <div class="audiopost">
- <div class="audioinfo">
- {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
- {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
- {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
- {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
- </div><!--audioinfo-->
- {/block:ifnot250pxposts}{/block:indexpage}
- {block:permalinkpage}
- <div class="audioinfo">
- {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
- {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
- {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
- {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
- </div><!--audioinfo-->
- {/block:permalinkpage}
- <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <div class="audioplayer">{AudioPlayer}</div>
- {block:ifnot250pxposts}{block:indexpage}</div><!--audiopost-->{/block:indexpage}{/block:ifnot250pxposts}
- {block:indexpage}{block:if250pxposts}
- {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
- {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
- {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
- {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
- {/block:if250pxposts}{/block:indexpage}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Audio}
- {block:Video}
- {block:indexpage}
- {block:if500pxposts}{Video-500}{/block:if500pxposts}
- {block:if400pxposts}{Video-400}{/block:if400pxposts}
- {block:if250pxposts}{Video-250}{/block:if250pxposts}
- {/block:indexpage}
- {block:permalinkpage}
- {block:if500pxposts}{Video-500}{/block:if500pxposts}
- {block:if400pxposts}{Video-500}{/block:if400pxposts}
- {block:if250pxposts}{Video-500}{/block:if250pxposts}
- {/block:permalinkpage}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Video}
- {block:Answer}
- <img class="askerportrait" src="{AskerPortraitURL-64}">
- <div class="tri">◀</div>
- <div class="a">
- <span class="asker">{Asker} whispered:</span>
- <span class="q">{Question}</span>
- </div>
- <div class="text">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
- <div class="text">
- {block:Lines}<div class="{Alt}">
- <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:link}
- <a href="{URL}"><div class="ltitle">{Name} ▷</div></a>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:link}
- {block:indexpage}{block:date}
- <div class="perma">
- {block:if250pxposts}
- <a href="{Permalink}"><span class="permano">{NoteCountWithLabel}<span class="permarblg"></a> // {TimeAgo}
- {/block:if250pxposts}
- {block:ifnot250pxposts}
- <a href="{Permalink}"><span class="permano">{NoteCountWithLabel}<span class="permarblg"></a> // posted on {DayOfMonth} {ShortMonth} @ {12Hour}.{Minutes}{AmPm} [<a href="{ReblogURL}"> reblog? </a>]
- {/block:ifnot250pxposts}
- </div>
- {block:ifnot250pxposts}
- {block:ifpermalinksources}<div class="permaactions">
- {block:RebloggedFrom}
- <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">org</a>
- {/block:RebloggedFrom}
- {block:if250pxposts}<a title="reblog this post" href="{ReblogURL}">rbg</a>{/block:if250pxposts}
- </div><!--permalinksources-->{/block:ifpermalinksources}
- {block:ifshowtags}
- {block:HasTags}<div class="permatags">{block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}</div>{/block:HasTags}
- {/block:ifshowtags}
- {/block:ifnot250pxposts}
- {/block:date}{/block:indexpage}
- </div><!--posts-->
- {block:permalinkpage}{block:date}
- <div class="permainfo">
- Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
- {block:RebloggedFrom}
- Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
- {/block:RebloggedFrom}
- {block:HasTags}<div class="ptags">{block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}</div>{/block:HasTags}
- </div><!--permainfo-->
- {block:PostNotes}
- <div id="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:date}{/block:permalinkpage}
- {/block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom}-->
- </div><!--content-->
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> ·{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement