Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!-----------------------------------------------------------------------
- Theme 35 Tragedy
- 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.
- 5. Do not redistribute.
- --------------------------------------------------- UPDATE VER 070216 -->
- <meta name="image:header" content="https://31.media.tumblr.com/d929b46f9009ffccadb35ebff69edd9f/tumblr_inline_nfnrajHxCK1rshr70.png">
- <meta name="image:background" content="">
- <meta name="color:background" content="#ffffff">
- <meta name="color:scrollbar" content="#222222">
- <meta name="color:scrollbar background" content="#777777">
- <meta name="color:text selection" content="#444444">
- <meta name="color:tooltips background" content="#212121">
- <meta name="color:tooltips text" content="#ffffff">
- <meta name="color:tooltips border" content="#ffffff">
- <meta name="color:scroll to top background" content="#333333">
- <meta name="color:scroll to top arrow" content="#ffffff">
- <meta name="color:hover scroll to top background" content="#111111">
- <meta name="color:hover scroll to top arrow" content="#eeeeee">
- <meta name="color:decorative square 1" content="#333333">
- <meta name="color:decorative square 2" content="#999999">
- <meta name="color:decorative square 3" content="#ffffff">
- <meta name="color:blog title" content="#ffffff">
- <meta name="color:navigation bar background" content="#111111">
- <meta name="color:navigation bar links background" content="#111111">
- <meta name="color:navigation bar links text" content="#ffffff">
- <meta name="color:navigation bar links border" content="#333333">
- <meta name="color:hover navigation bar links background" content="#111111">
- <meta name="color:hover navigation bar links text" content="#ffffff">
- <meta name="color:hover navigation bar links border" content="#ffffff">
- <meta name="color:left column boxes background" content="#212121">
- <meta name="color:left column boxes title background" content="#111111">
- <meta name="color:left column boxes title text" content="#ffffff">
- <meta name="color:desc background" content="#ffffff">
- <meta name="color:desc text" content="#666666">
- <meta name="color:desc bold" content="#aaaaaa">
- <meta name="color:desc italic" content="#999999">
- <meta name="color:desc links" content="#aaaaaa">
- <meta name="color:desc links hover" content="#ffffff">
- <meta name="color:directory links" content="#666666">
- <meta name="color:directory links line" content="#aaaaaa">
- <meta name="color:hover directory links" content="#aaaaaa">
- <meta name="color:hover directory links line" content="#aaaaaa">
- <meta name="color:searchbox border" content="444444#">
- <meta name="color:searchbox input background" content="#212121">
- <meta name="color:searchbox input text" content="#777777">
- <meta name="color:searchbox button background" content="#111111">
- <meta name="color:searchbox button text" content="#ffffff">
- <meta name="color:pagination links background" content="#111111">
- <meta name="color:pagination links text" content="#bbbbbb">
- <meta name="color:hover pagination links background" content="#000000">
- <meta name="color:hover pagination links text" content="#ffffff">
- <meta name="color:pagination current background" content="#444444">
- <meta name="color:pagination current text" content="#ffffff">
- <meta name="color:post background" content="#212121" />
- <meta name="color:body text" content="#737373">
- <meta name="color:body links" content="#bbbbbb">
- <meta name="color:body links hover" content="#f8f8f8">
- <meta name="color:body bold" content="#b6b6b6">
- <meta name="color:body italic" content="#8c8c8c">
- <meta name="color:blockquote" content="#f8f8f8">
- <meta name="color:post title background" content="#212121">
- <meta name="color:post title text" content="#aaaaaa">
- <meta name="color:link post background" content="#212121">
- <meta name="color:link post text" content="#aaaaaa">
- <meta name="color:hover link post background" content="#212121">
- <meta name="color:hover link post text" content="#ffffff">
- <meta name="color:audio info background" content="#1f1f1f">
- <meta name="color:audio info text" content="#9d9d9d">
- <meta name="color:quote" content="#929292">
- <meta name="color:quote source" content="#575757">
- <meta name="color:ask background" content="#212121">
- <meta name="color:ask text" content="#898989">
- <meta name="color:asker text" content="#aeaeae">
- <meta name="color:asker link" content="#d1d1d1">
- <meta name="color:chat even name" content="#e5e5e5" />
- <meta name="color:chat even text" content="#b8b8b8" />
- <meta name="color:chat odd name" content="#8c8c8c" />
- <meta name="color:chat odd text" content="#919191" />
- <meta name="color:permalink background" content="#111111">
- <meta name="color:permalink text" content="#818181">
- <meta name="color:permalink border" content="#0c0c0c">
- <meta name="color:permalink posted text" content="#111111">
- <meta name="color:permalink posted highlight" content="#111111">
- <meta name="color:permalink button text colour" content="#adadad">
- <meta name="color:permalink button 1 border" content="#333333">
- <meta name="color:permalink button 1 background" content="#111111">
- <meta name="color:permalink button 2 border" content="#777777">
- <meta name="color:permalink button 2 background" content="#111111">
- <meta name="color:permalink button 3 border" content="#bbbbbb">
- <meta name="color:permalink button 3 background" content="#111111">
- <meta name="color:permalink button 4 border" content="#ffffff">
- <meta name="color:permalink button 4 background" content="#111111">
- <meta name="color:hover permalink button background" content="#111111">
- <meta name="color:hover permalink button border" content="#ffffff">
- <meta name="color:hover permalink button text colour" content="#ffffff">
- <meta name="color:post tags" content="#848484">
- <meta name="color:post tags border" content="#2b2b2b">
- <meta name="color:hover post tags border" content="#9d9d9d">
- <meta name="if:post type 1" content="1">
- <meta name="if:post type 2" content="0">
- <meta name="if:post type 3" content="0">
- <meta name="if:always show tags" content="0">
- <meta name="if:show captions" content="1">
- <meta name="if:fading photos" content="0">
- <meta name="if:monochrome posts" content="1">
- <meta name="if:header image" content="1">
- <meta name="if:scroll description" content="1">
- <meta name="if:biography icon" content="1">
- <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="">
- <meta name="text:link 9" content="">
- <meta name="text:link 9 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}" />
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough").click(function()
- {
- jQuery(this).next(".sub").slideToggle(500); return false;
- });});
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script>
- $(document).ready(function() {
- var stickyNavTop = $('.nav').offset().top;
- var stickyNav = function(){
- var scrollTop = $(window).scrollTop();
- if (scrollTop > stickyNavTop) {
- $('.nav').addClass('sticky');
- } else {
- $('.nav').removeClass('sticky');
- }
- };
- stickyNav();
- $(window).scroll(function() {
- stickyNav();
- });
- });
- </script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
- {block:indexpage}
- {block:ifposttype3}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.posts',
- });
- });
- $container.infinitescroll({
- itemSelector : ".posts",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- {/block:ifposttype3}
- {/block:indexpage}
- <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 {z-index:999999999!important;}
- ::-webkit-scrollbar { width: 3px; }
- ::-webkit-scrollbar-track-piece { background-color: {color:scrollbar background}; }
- ::-webkit-scrollbar-thumb:vertical {
- width: 3px;
- background-color: {color:scrollbar};
- }
- ::selection {color: #fff;background-color: {color:text selection};}
- ::-moz-selection {color: #fff;background-color: {color:text selection};}
- ::-webkit-selection {color: #fff;background-color: {color:text selection};}
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
- #s-m-t-tooltip {
- padding: 3px 5px;
- margin: 20px 14px 7px 10px;
- background-color: {color:tooltips background}; /* change the background color */
- font-family: consolas; /* change the font */
- font-size: 8px; /* change the font size */
- letter-spacing: 1px; /* change the letter spacing */
- text-transform: uppercase; /* can be uppercase, lowercase, none*/
- color: {color:tooltips text}; /* change the text color */
- z-index: 999;
- border: 1px solid {color:tooltips border};
- }
- body {
- background-color: {color:background};
- background-image: url({image:background});
- background-attachment: fixed;
- margin: 0;
- word-wrap: break-word;
- }
- a { text-decoration:none; }
- #headercon {
- {block:ifposttype1}
- width: 800px;
- {/block:ifposttype1}
- {block:ifposttype2}
- width: 700px;
- {/block:ifposttype2}
- {block:ifposttype3}
- width: 790px;
- {/block:ifposttype3}
- }
- #header {
- overflow: hidden;
- z-index: 100;
- position: relative;
- {block:ifposttype1}
- width: 800px;
- {/block:ifposttype1}
- {block:ifposttype2}
- width: 700px;
- {/block:ifposttype2}
- {block:ifposttype3}
- width: 790px;
- {/block:ifposttype3}
- }
- .headerimg {
- display: block;
- {block:ifposttype1}
- width: 800px;
- {/block:ifposttype1}
- {block:ifposttype2}
- width: 700px;
- {/block:ifposttype2}
- {block:ifposttype3}
- width: 790px;
- {/block:ifposttype3}
- }
- .sticky {
- position: fixed;
- width: 100%;
- top: 0;
- z-index: 90;
- border-top: 0;
- }
- .nav {
- {block:ifposttype1}
- width: 790px;
- {/block:ifposttype1}
- {block:ifposttype2}
- width: 690px;
- {/block:ifposttype2}
- {block:ifposttype3}
- width: 780px;
- {/block:ifposttype3}
- background-color: {color:navigation bar background};
- height: 40px;
- z-index: 90;
- position: top;
- padding-right: 10px;
- text-align: right;
- }
- .navlink {
- line-height: 40px;
- font-family: consolas;
- background-color: {color:navigation bar links background};
- border: 1px solid {color:navigation bar links border};
- color: {color:navigation bar links text};
- padding: 3px 6px;
- margin: 0 0 0 4px;
- font-style: italic;
- letter-spacing: 2px;
- font-size: 8px;
- overflow: hidden;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .navlink:hover {
- background-color: {color:hover navigation bar links background};
- border: 1px solid {color:hover navigation bar links border};
- color: {color:hover navigation bar links text};
- }
- .navtitle {
- font-style: italic;
- font-size: 10px;
- line-height: 40px;
- font-family: courier new;
- text-transform: uppercase;
- letter-spacing: 1px;
- float: left;
- margin-left: 60px;
- color: {color:blog title};
- }
- #content {
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 400px;{/block:ifposttype2}
- margin-top: 20px;
- margin-left: 300px;
- margin-bottom: 70px;
- {block:ifposttype3}
- width: 820px;
- margin-left: 30px;
- {/block:ifposttype3}
- }
- .posts {
- {block:indexpage}
- {block:ifposttype1}
- width:500px;
- margin-bottom: 30px;
- {/block:ifposttype1}
- {block:ifposttype2}
- width:400px;
- margin-bottom:20px;
- {/block:ifposttype2}
- {block:ifposttype3}
- width: 250px;
- float: left;
- display: block;
- overflow: hidden;
- margin: 0 20px 20px 0;
- {/block:ifposttype3}
- {/block:indexpage}
- {block:permalinkpage}
- {block:ifposttype1}
- width: 500px;
- margin-bottom: 0;
- {/block:ifposttype1}
- {block:ifposttype2}
- width: 400px;
- margin-bottom: 0;
- {/block:ifposttype2}
- {block:ifposttype3}
- width: 500px;
- float: right;
- display: block;
- margin: 0 30px 20px 0;
- {/block:ifposttype3}
- {/block:permalinkpage}
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .photo {
- {block:indexpage}
- {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
- {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
- {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
- {/block:indexpage}
- {block:permalinkpage}{block:ifposttype3}max-width: 500px;{/block:ifposttype3}{/block:permalinkpage}
- {block:iffadingphotos}
- opacity: 0.7;
- {/block:iffadingphotos}
- {block:ifmonochromeposts}
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
- {/block:ifmonochromeposts}
- {block:permalinkpage}
- {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
- {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
- {block:ifposttype3}max-width: 500px;{/block:ifposttype3}
- {/block:permalinkpage}
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .photo:hover {
- opacity: 1;
- {block:ifmonochromeposts}
- filter: none;
- -webkit-filter: grayscale(0%);
- {/block:ifmonochromeposts}
- }
- .photo img {
- {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
- {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
- {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
- }
- .text img {
- {block:ifposttype1}max-width: 470px;{/block:ifposttype1}
- {block:ifposttype2}max-width: 370px;{/block:ifposttype2}
- {block:ifposttype3}max-width: 220px;{/block:ifposttype3}
- }
- .posts blockquote img {max-width: 100%;}
- .qpost {
- background-color: {color:post background};
- padding: 10px;
- }
- .text, .ctext, .atext {
- background-color: {color:post background};
- padding: 5px 15px;
- font-family: consolas;
- line-height: 11px;
- font-size: 10px;
- color: {color:body text};
- text-align: justify;
- }
- .ctext { background-color: transparent; padding: 0; }
- .atext { margin-top: 5px; }
- blockquote {
- border-left: 1px solid {color:blockquote};
- padding: 0 10px;
- margin: 5px;
- }
- .line {
- text-align: left;
- margin: 3px 0;
- background-color: {color:post background};
- }
- .odd .line {padding: 10px;color:{color:chat odd text};}
- .even .line {padding: 10px;color:{color:chat even text};}
- .odd .name {color: {color:chat odd name};}
- .even .name {color: {color:chat even name};}
- .ptdecp {
- margin: 3px -50px;
- position: absolute;
- }
- .ptdecp .spd1, .ptdecp .spd2, .ptdecp .spd3 {
- background-color: {color:post title background};
- }
- .ptitle, .ltitle {
- background-color: {color:post title background};
- color: {color:post title text};
- text-align: left;
- font-style: italic;
- font-family: courier new;
- font-size: 10px;
- letter-spacing: 1px;
- padding: 16px 20px 15px 60px;
- margin: 5px 0;
- text-transform: uppercase;
- }
- .ltitle {
- background-color: {color:link post background};
- color: {color:link post text};
- transition: 1s;
- -moz-transition: 1s;
- -webkit-transition: 1s;
- -o-transition: 1s;
- }
- .ltitle:hover {
- background-color: {color:hover link post background};
- color: {color:hover link post text};
- }
- .audiopost { height: 150px;margin-bottom: 5px; }
- .albumno {
- width: 150px;
- height: 150px;
- background-color: #888;
- position: absolute;
- z-index: 1;
- {block:indexpage}{block:ifposttype3}
- width: 250px;
- height: 250px;
- {/block:ifposttype3}{/block:indexpage}
- }
- .albumartp {
- z-index: 10;
- width: 150px;
- height: 150px;
- position: relative;
- z-index: 2;
- {block:indexpage}{block:ifposttype3}
- min-width: 250px;
- min-height: 250px;
- {/block:ifposttype3}{/block:indexpage}
- }
- .albumart {
- {block:ifposttype1}margin-left: -350px;{/block:ifposttype1}
- {block:ifposttype2}margin-left: -250px;{/block:ifposttype2}
- {block:ifposttype3}margin-left: 0;{/block:ifposttype3}
- width: 150px;
- height: 150px;
- display: block;
- position: relative;
- {block:indexpage}{block:ifposttype3}
- width: 250px;
- height: 250px;
- {/block:ifposttype3}{/block:indexpage}
- }
- .audioplayer {
- position: absolute;
- z-index: 11;
- margin-top: -90px;
- margin-left: 65px;
- width: 25px;
- height: 25px;
- overflow: hidden;
- opacity: 0.5;
- z-index: 10;
- {block:indexpage}{block:ifposttype3}
- margin-top: -140px;
- margin-left: 115px;
- {/block:ifposttype3}{/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:ifposttype1}width: 325px;{/block:ifposttype1}
- {block:ifposttype2}width: 225px;{/block:ifposttype2}
- {block:indexpage}{block:ifposttype3}margin-top: 5px;{/block:ifposttype3}{/block:indexpage}
- font-family: consolas;
- font-size: 10px;
- padding: 11px 10px;
- margin-bottom: 5px;
- text-transform: uppercase;
- height: 12px;
- overflow:hidden;
- background-color: {color:post background};
- color: {color:audio info text};
- }
- .aline b,strong { color: {color:body bold};}
- .quote {
- font-family: courier new;
- text-align: center;
- font-size: 14px;
- color: {color:quote};
- }
- .qsrc {color:{color:quote source};text-align:center;font-family:consolas;font-size:10px;}
- .askerportrait {
- max-width: 64px;
- max-height: 64px;
- position: absolute;
- border: 10px solid {color:ask background};
- float: left;
- {block:ifposttype3}
- {block:indexpage}margin-left: -120px;{/block:indexpage}
- {block:permalinkpage}margin-left: -260px;{/block:permalinkpage}
- {/block:ifposttype3}
- {block:ifposttype2}
- margin-left: -200px;
- {/block:ifposttype2}
- {block:ifposttype1}
- margin-left: -250px;
- {/block:ifposttype1}
- }
- .a {
- margin-left: 100px;
- background-color: {color:ask background};
- min-height: 64px;
- padding: 10px;
- font-family: consolas;
- font-size: 10px;
- color: {color:ask text};
- text-align: justify;
- }
- .asker {
- color: {color:asker text};
- font-family: consolas;
- font-size: 11px;
- text-transform: uppercase;
- }
- .asker a {color: {color:asker link};}
- .q {margin-top: 10px;}
- .tri {
- position: absolute;
- font-size: 30px;
- margin: 20px 0 0 85px;
- color: {color:ask background};
- }
- #leftcolpi {
- position: absolute;
- float: left;
- }
- .permainfo {
- margin-top: 10px;
- {block:ifposttype1}width: 460px;{/block:ifposttype1}
- {block:ifposttype2}width: 360px;{/block:ifposttype2}
- padding: 20px;
- font-family: consolas;
- font-size: 10px;
- text-align: center;
- background-color: {color:post background};
- color: {color:body text};
- }
- .permainfo3 {
- width: 250px;
- padding: 10px;
- margin-top: 0;
- background-color: {color:post background};
- color: {color:body text};
- text-align: left;
- font-family: consolas;
- font-size: 10px;
- }
- .permainfo3icon {padding-right: 10px;}
- .permainfo3list {
- padding: 6px 10px;
- border-bottom: 1px solid #333;
- }
- .permainfo3lista { padding: 6px 10px; }
- #notecon {
- padding: 10px;
- {block:ifposttype1}width: 480px;{/block:ifposttype1}
- {block:ifposttype2}width: 380px;{/block:ifposttype2}
- text-align: left;
- background-color: {color:post background};
- color: {color:body text};
- font-family: consolas;
- font-size: 10px;
- margin-top: 10px;
- }
- #notecon3 {
- width: 250px;
- text-align: left;
- color: {color:body text};
- background-color: {color:post background};
- padding: 6px 10px 10px 10px;
- font-family: consolas;
- font-size: 10px;
- margin-top: 10px;
- }
- #notecon ol.notes {
- list-style-type: none;
- font-size: 10px;
- color: {color:body text};
- font-family: consolas;
- text-decoration: none;
- margin: 0;
- width: 500px;
- padding: 10px;
- text-align: left;
- }
- #notecon3 ol.notes {
- list-style-type: none;
- font-size: 10px;
- color: {color:body text};
- font-family: consolas;
- text-decoration: none;
- text-align: left;
- width: 250px;
- padding: 0 5px;
- }
- #notecon ol.notes a, #notecon3 ol.notes a {
- color: {color:body links};
- text-decoration: underline;
- -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;
- }
- #notecon ol.notes a:hover, #notecon3 ol.notes a:hover {
- color:{color:body links};
- }
- #notecon img.avatar, #notecon3 img.avatar {
- margin-right: 5px;
- width: 10px;
- height: 10px;
- float: left;
- }
- #spc1, #spc2, #blognav, #spc0 {
- width: 250px;
- background-color: {color:left column boxes background};
- padding: 10px;
- text-align: left;
- font-family: consolas;
- font-size: 11px;
- margin: 50px 0 55px 0;
- letter-spacing: 5px;
- }
- .spcst {
- margin-top: -40px;
- margin-left: -10px;
- position: absolute;
- font-family: courier new;
- text-transform: uppercase;
- font-size: 10px;
- background-color: {color:left column boxes title background};
- color: {color:left column boxes title text};
- width: 242px;
- padding: 9px 14px;
- text-align: left;
- }
- .spcstdecp {
- position: absolute;
- float: right;
- margin: 3px 210px;
- width: 50px;
- }
- .spd1, .spd2, .spd3 {
- background-color: {color:left column boxes title background};
- width: 4px;
- height: 4px;
- float: left;
- margin-left: 5px;
- }
- .spd1 { border: 1px solid {color:decorative square 1}; }
- .spd2 { border: 1px solid {color:decorative square 2}; }
- .spd3 { border: 1px solid {color:decorative square 3}; }
- .navtp {
- position: absolute;
- margin-top: 16px;
- margin-left: 14px;
- }
- .navtp .spd1, .navtp .spd2, .navtp .spd3 {
- background-color: {color:navigation bar background};
- }
- .desc {
- {block:ifscrolldescription}max-height: 105px;{/block:ifscrolldescription}
- overflow: auto;
- letter-spacing: 0;
- padding: 0 10px;
- color: {color:desc text};
- }
- .descimg {
- width: 56px;
- height: 56px;
- float: left;
- padding-right: 12px;
- }
- .desc a, #poppydesc a {
- color: {color:desc links};
- text-decoration: underline;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;}
- .desc a:hover, #poppydesc a:hover {color: {color:desc links hover};}
- .desc b,strong, #poppydesc b,strong { color: {color:desc bold}; }
- .desc i,em, #poppydesc i,em {color: {color:desc italic}; }
- .stra {
- background-color: {color:directory links line};
- width: 40px;
- height: 1px;
- margin-top: 6px;
- margin-right: 10px;
- float: left;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .clink {margin-bottom: 6px;}
- .linkt {
- font-family: consolas;
- font-size: 10px;
- text-transform: uppercase;
- letter-spacing: 1px;
- margin-top: -2px;
- margin-left: 40px;
- color: {color:directory links};
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .clink:hover .stra {
- width: 60px;
- background-color: {color:hover directory links line};
- }
- .clink:hover .linkt {
- color: {color:hover directory links};
- }
- #scrollToTop:link, #scrollToTop:visited {
- color: {color:scroll to top arrow};
- background-color: {color:scroll to top background};
- display: none;
- position: fixed;
- bottom: 15px;
- right: 15px;
- width: 30px;
- height: 30px;
- line-height: 30px;
- text-align: center;
- font-size: 20px;
- transition: 0.8s;
- -moz-transition: 0.8s;
- -webkit-transition: 0.8s;
- -o-transition: 0.8s;
- }
- #scrollToTop:link:hover {
- color: {color:hover scroll to top arrow};
- background-color: {color:hover scroll to top background};
- }
- #sbox input {
- width: 168px;
- border-radius: 0;
- border: 0;
- }
- .stext {
- background-color: {color:searchbox input background};
- color: {color:searchbox input text};
- font-family: consolas;
- padding: 5px 7px;
- font-size: 11px;
- }
- .ssearch {
- background-color: {color:searchbox button background};
- color: {color:searchbox button text};
- font-family: calibri;
- font-size: 9px;
- text-transform: uppercase;
- letter-spacing: 1px;
- vertical-align: top;
- margin-top: 2px;
- padding: 6px 8px;
- margin-top: -1px;
- max-width: 54px;
- }
- .pagination { display: none; }
- .pagi {
- margin: 16px 0 5px 0;
- width: 250px;
- letter-spacing: 0;
- text-align: right;
- }
- .paginationss {
- width: 250px;
- padding: 0 10px;
- text-align: center;
- font-family: calibri;
- font-size: 10px;
- }
- .pagi a {
- background-color: {color:pagination links background};
- color: {color:pagination links text};
- padding: 2px 5px;
- margin: 0 1px;
- -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;
- }
- .pagi a:hover {
- background-color: {color:hover pagination links background};
- color: {color:hover pagination links text};
- }
- .current_page {
- background-color: {color:pagination current background};
- color: {color:pagination current text};
- padding: 2px 5px;
- margin: 0 1px;
- }
- .perma {
- background-color: {color:permalink background};
- padding: 10px;
- font-family: courier new;
- font-size: 10px;
- text-transform: uppercase;
- color: {color:permalink text};
- text-align: left;
- border-bottom: 1px solid {color:permalink border};
- }
- .perma b,strong {
- padding: 0 4px;
- background-color: {color:permalink posted highlight};
- color: {color:permalink posted text};
- }
- .perma a {color: {color:permalink text};}
- .perma a:hover {color: {color:permalink text};}
- .permarvs, .permarvst, .permarvstreb {
- font-family: courier new;
- font-size: 8px;
- padding: 1px 3px;
- color: {color:permalink button text colour};
- text-align: right;
- margin: 0 -2px 0 0;
- }
- .permarvstreb {
- position: absolute;
- float: right;
- margin-top: -11px;
- {block:ifposttype1}margin-left: 469px;{/block:ifposttype1}
- {block:ifposttype2}margin-left: 369px;{/block:ifposttype2}
- {block:ifposttype3}margin-left: 219px;{/block:ifposttype3}
- }
- .permarvst {
- {block:ifposttype1}margin-left: 469px;{/block:ifposttype1}
- {block:ifposttype2}margin-left: 369px;{/block:ifposttype2}
- {block:ifposttype3}margin-left: 219px;{/block:ifposttype3}
- float: right;
- margin-top: -11px;
- position: absolute;
- }
- .permarvs a {color: {color:permalink button text colour};}
- #rvsv { background-color: {color:permalink button 1 background}; border: 1px solid {color:permalink button 1 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
- #rvss { background-color: {color:permalink button 2 background}; border: 1px solid {color:permalink button 2 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
- #rvsr { background-color: {color:permalink button 3 background}; border: 1px solid {color:permalink button 3 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
- #rvst { background-color: {color:permalink button 4 background}; border: 1px solid {color:permalink button 4 border}; transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s; }
- #rvsv:hover, #rvss:hover, #rvsr:hover, #rvst:hover {
- color: {color:hover permalink button text colour};
- background-color: {color:hover permalink button background};
- border: 1px solid {color:hover permalink button border};
- }
- .permarvs:hover, .permarvst:hover, .permarvstreb:hover, .permarvs a:hover {color: {color:hover permalink button text colour};}
- .prvs {
- text-align: right;
- {block:ifposttype1}margin-left: 413px;{/block:ifposttype1}
- {block:ifposttype2}margin-left: 313px;{/block:ifposttype2}
- {block:ifposttype3}margin-left: 176px;{/block:ifposttype3}
- {block:ifalwaysshowtags}
- {block:ifposttype1}margin-left: 423px;{/block:ifposttype1}
- {block:ifposttype2}margin-left: 323px;{/block:ifposttype2}
- {block:ifposttype3}margin-left: 186px;{/block:ifposttype3}
- {/block:ifalwaysshowtags}
- float: right;
- width: 50px;
- position: absolute;
- }
- .text b,strong, .permainfo b,strong, .ctext b,strong, .atext b,strong, blockquote b,strong {
- color: {color:body bold};
- background-color: {color:post background};
- font-weight: 400;
- padding: 0 3px;
- }
- .text i,em, .permainfo a, .ctext i,em, .atext i,em {
- color: {color:body italic};
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .text a, #notecon a, .qsrc a, .ctext a, .atext a, .permainfo3 a {
- color: {color:body links};
- text-decoration: underline;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .text a:hover, .permainfo a:hover, #notecon a:hover, .qsrc a:hover, .ctext a:hover, .atext a:hover, .permainfo3 a:hover {
- color: {color:body links hover};
- }
- .ptags {margin-top: 8px;text-align:center;}
- .ptags a {
- margin: 0 2px 0 0;
- background-color: {color:permalink background};
- color: {color:post tags};
- padding: 3px 5px;
- font-family: consolas;
- font-size: 9px;
- font-style: italic;
- border: 1px solid {color:post tags border};
- text-transform: none;
- letter-spacing: 1px;
- line-height: 24px;
- text-decoration: none;
- {block:permalinkpage}
- background-color: {color:post background};
- margin-right: 5px;
- border: 1px solid {color:post tags border};
- {/block:permalinkpage}
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .ptags a:hover {
- border: 1px solid {color:hover post tags border};
- }
- .hidden {display: none;}
- .unhidden {display: block;}
- #poppy {
- width: 790px;
- font-family: consolas;
- font-size: 10px;
- height: 0;
- overflow: hidden;
- margin-top: 0;
- }
- #poppydesc {
- float: right;
- width: 420px;
- padding: 20px;
- background-color: {color:desc background};
- color: {color:desc text};
- text-align: left;
- height: 56px;
- overflow: auto;
- }
- #poppylinks {
- width: 330px;
- float: left;
- margin-right: -10px;
- }
- .poppycl {
- width: 100px;
- padding: 9px 1px;
- float: left;
- background-color: {color:directory links line};
- color: {color:directory links};
- margin-bottom: 4px;
- margin-left: 4px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .poppycl:hover {
- background-color: {color:hover directory links line};
- color: {color:hover directory links};
- }
- #warnin {
- top: 0;
- left: 0;
- background-color: rgba(255,255,255,0.9);
- width: 100%;
- height: 100%;
- z-index: -1000000000000;
- opacity: 0;
- position: fixed;
- text-align: center;
- padding-top: 260px;
- font-family: consolas;
- font-size: 20px;
- {block:ifposttype1}
- {block:ifposttype2}
- opacity: 1;
- z-index: 1000000000;
- {/block:ifposttype2}
- {block:ifposttype3}
- opacity: 1;
- z-index: 1000000000;
- {/block:ifposttype3}
- {block:ifposttype2}
- {block:ifposttype3}
- opacity: 1;
- z-index: 1000000000;
- {/block:ifposttype3}
- {/block:ifposttype2}
- {/block:ifposttype1}
- {block:ifposttype2}
- {block:ifposttype3}
- opacity: 1;
- z-index: 1000000000;
- {/block:ifposttype3}
- {/block:ifposttype2}
- {block:ifnotposttype1}
- {block:ifnotposttype2}
- {block:ifnotposttype3}
- opacity: 1;
- z-index: 1000000000;
- {/block:ifnotposttype3}
- {/block:ifnotposttype2}
- {/block:ifnotposttype1}
- }
- #music {
- position: fixed;
- width: 25px;
- height: 25px;
- overflow: hidden;
- background-color: rgba(255,255,255,0.5);
- z-index: 100000000;
- top: 8px;
- margin-left: -34px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- .musicgif {
- margin: 5px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #music:hover .musicgif {margin-top: -26px;}
- #music:hover {
- width: 200px;
- background-color: rgba(255,255,255,0.9);
- margin-left: -210px;
- }
- #musicpl {
- width: 20px;
- height: 20px;
- padding: 2px 20px 10px 0;
- }
- :focus { outline:0; }
- {CustomCSS}
- </style>
- <script language="javascript">
- $(document).ready(function() {
- $('a#clickbutton').click(function() {
- $('.t',this).toggle();
- });
- $("#poppy").css({"height": "0", "margin-top": "0"})
- $("#clickbutton").toggle(
- function () {
- $("#poppy").animate({"height": "96px", "margin-top": "20px"}, "slow");
- },
- function () {
- $("#poppy").animate({"height": "0", "margin-top": "0"}, "slow");
- });
- });
- </script>
- </head>
- <body>
- <div id="warnin">Please pick only one post type!</div>
- <a href="javascript:;" id="scrollToTop"><i class="fa fa-angle-double-up"></i></a>
- <center>
- <div id="headercon">
- <div id="header">
- {block:ifheaderimage}<img class="headerimg" src="{image:header}">{/block:ifheaderimage}
- </div><!--header-->
- <div class="nav">
- <div class="navtp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>
- <span class="navtitle">{title}</span>
- <a href="/"><span class="navlink">index</span></a>
- <a href="/ask"><span class="navlink">contact</span></a>
- <a href="/archive"><span class="navlink">archive</span></a>
- {block:ifnotposttype3}
- {block:IfLink1}<a href="{text:Link 1 URL}"><span class="navlink">{text:Link 1}</span></a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}"><span class="navlink">{text:Link 2}</span></a>{/block:IfLink2}
- {/block:ifnotposttype3}
- {block:ifposttype3}
- <a id="clickbutton" class="navlink" style="cursor:pointer;"><span class="t">+more</span><span class="t" style="display:none">-less</span></a>
- {/block:ifposttype3}
- <a href="http://yukoki.tumblr.com"><span class="navlink">theme</span></a>
- {block:ifnotposttype3}
- <div id="spc1">
- <div class="spcst"><div class="spcstdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>// biography</div>
- <div class="desc">
- {block:ifbiographyicon}<img class="descimg" src="{PortraitURL-96}">{/block:ifbiographyicon}
- {description}
- </div>
- </div><!--biography-->
- {block:iflink3}
- <div id="spc2">
- <div class="spcst"><div class="spcstdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>// directory</div>
- <div class="ekusu">
- <a href="{text:link 3 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 3}</div></div></a>
- {block:IfLink4}<a href="{text:link 4 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 4}</div></div></a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:link 5 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 5}</div></div></a>{/block:IfLink5}
- {block:IfLink6}<a href="{text:link 6 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 6}</div></div></a>{/block:IfLink6}
- {block:IfLink7}<a href="{text:link 7 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 7}</div></div></a>{/block:IfLink7}
- {block:IfLink8}<a href="{text:link 8 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 8}</div></div></a>{/block:IfLink8}
- {block:IfLink9}<a href="{text:link 9 url}"><div class="clink"><div class="stra"></div><div class="linkt">{text:link 9}</div></div></a>{/block:IfLink9}
- </div><!--ekusu-->
- </div><!--spc2-->
- {/block:iflink3}
- <div id="blognav">
- <div class="spcst"><div class="spcstdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>// navigation</div>
- <div class="blogn">
- <form action="/search" method="get" id="sbox">
- <input type="text" name="q" value="{SearchQuery}" class="stext"/>
- <input type="submit" value="locate" class="ssearch"/>
- </form>
- {block:indexpage}
- <div class="pagi">
- {block:Pagination}<div class="paginationss">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {block:JumpPagination length="7"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- </div><!--pagination-->{/block:Pagination}
- </div>
- {/block:indexpage}
- </div><!--blogn-->
- </div><!--blognav-->
- {/block:ifnotposttype3}
- </div><!--header-->
- </div><!--headercon-->
- </center>
- <center>
- <div id="poppy">
- <div id="poppydesc">{description}</div>
- <div id="poppylinks">
- {block:IfLink1}<a href="{text:Link 1 URL}"><div class="poppycl">{text:Link 1}</div></a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}"><div class="poppycl">{text:Link 2}</div></a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:Link 3 URL}"><div class="poppycl">{text:Link 3}</div></a>{/block:IfLink3}
- {block:IfLink4}<a href="{text:Link 4 URL}"><div class="poppycl">{text:Link 4}</div></a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:Link 5 URL}"><div class="poppycl">{text:Link 5}</div></a>{/block:IfLink5}
- {block:IfLink6}<a href="{text:Link 6 URL}"><div class="poppycl">{text:Link 6}</div></a>{/block:IfLink6}
- {block:IfLink7}<a href="{text:Link 7 URL}"><div class="poppycl">{text:Link 7}</div></a>{/block:IfLink7}
- {block:IfLink8}<a href="{text:Link 8 URL}"><div class="poppycl">{text:Link 8}</div></a>{/block:IfLink8}
- {block:IfLink9}<a href="{text:Link 9 URL}"><div class="poppycl">{text:Link 9}</div></a>{/block:IfLink9}
- </div>
- </div>
- <div id="content">
- {block:Posts}
- {block:permalinkpage}{block:ifposttype3}
- {block:date}<div id="leftcolpi">
- <div class="permainfo3">
- <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-clock-o"></i></span>posted on: {DayOfMonthWithZero} {Month} {Year}, {12Hour}.{Minutes}{AmPm}</div>
- <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-heart-o"></i></span>notes: {NoteCountWithLabel}</div>
- {block:RebloggedFrom}
- <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-code-fork"></i></span>via: <a href="{ReblogParentURL}">{ReblogParentName}</a></div>
- <div class="permainfo3list"><span class="permainfo3icon"><i class="fa fa-random"></i></span>original: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
- {/block:RebloggedFrom}
- {block:HasTags}
- <div class="permainfo3lista"><span class="permainfo3icon"><i class="fa fa-tag"></i></span>tags: <span class="ptags">{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</span></div>
- {/block:HasTags}
- </div><!--permainfo3-->
- {block:NoteCount}
- <div id="notecon3">
- {PostNotes-16}
- </div><!--notecon-->
- {/block:NoteCount}
- </div><!--leftcolpi-->{/block:date}
- {/block:ifposttype3}{/block:permalinkpage}
- <div class="posts">
- {block:Quote}
- <div class="qpost">
- <div class="quote">"{Quote}"</div> <div class="qsrc">- {Source} -</div>
- </div>
- {/block:Quote}
- {block:Link}
- <a href="{URL}"><div class="ltitle">
- <div class="ptdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>{Name} ></div></a>
- {block:Description}<div class="text">{Description}</div>{block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <div class="ptitle">
- <div class="ptdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>{Title}</div>
- {/block:Title}
- <div class="ctext">
- {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: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}
- {block:indexpage}
- {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
- {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
- {block:ifposttype3}<div class="photo">{Photoset-250}</div>{/block:ifposttype3}
- {/block:indexpage}
- {block:permalinkpage}
- {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
- {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
- {block:ifposttype3}<div class="photo">{Photoset-500}</div>{/block:ifposttype3}
- {/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:Photoset}
- {block:Text}
- {block:Title}
- <div class="ptitle">
- <div class="ptdecp"><div class="spd1"></div><div class="spd2"></div><div class="spd3"></div></div>{Title}</div>
- {/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Audio}
- {block:indexpage}
- {block:ifnotposttype3}
- <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:ifnotposttype3}
- {/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:indexpage}{block:ifnotposttype3}</div><!--audiopost-->{/block:ifnotposttype3}{/block:indexpage}
- {block:indexpage}{block:ifposttype3}
- {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:ifposttype3}{/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:ifposttype1}{Video-500}{/block:ifposttype1}
- {block:ifposttype2}{Video-400}{/block:ifposttype2}
- {block:ifposttype3}{Video-250}{/block:ifposttype3}
- {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="atext">{Answer}</div>
- {/block:Answer}
- {block:indexpage}{block:date}
- <div class="perma">
- <div class="prvs">
- {block:RebloggedFrom} <a title="via {ReblogParentName}" href="{ReblogParentURL}"><span class="permarvs" id="rvsv">v</span></a> <a title="source {ReblogRootName}" href="{ReblogRootURL}"><span class="permarvs" id="rvss">s</span></a>{/block:RebloggedFrom} <a title="reblog this?" href="{ReblogURL}"><span class="permarvs" id="rvsr">r</span></a>
- </div><!--prvs-->
- {block:ifnotposttype3}
- <div style="width: 400px;"><a title="{DayOfMonthWithZero} {ShortMonth} {Year} @ {12Hour}.{Minutes}{AmPm}" href="{permalink}"><b>Posted</b> {timeago} with {NoteCountWithLabel}.</a></div>
- {/block:ifnotposttype3}
- {block:ifposttype3}
- <div style="width: 400px;"><a title="{TimeAgo}" href="{permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} + {NoteCount}</a></div>
- {/block:ifposttype3}
- {block:ifnotposttype3}
- {block:ifnotalwaysshowtags}
- <a title="view tags" href="#" class="cthrough"><span class="permarvst{block:rebloggedfrom}reb{block:rebloggedfrom}" id="rvst">t</span></a>
- <div class="sub">
- {/block:ifnotalwaysshowtags}
- {block:HasTags}<div class="ptags">{block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}</div>{/block:HasTags}
- {block:ifnotalwaysshowtags}</div><!--sub-->{/block:ifnotalwaysshowtags}
- {/block:ifnotposttype3}
- </div><!--perma-->
- {/block:date}{/block:indexpage}
- </div><!--posts-->
- {block:permalinkpage}{block:ifnotposttype3}
- {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="pitags">{block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}</div>{/block:HasTags}
- </div>{/block:date}
- {block:date}{block:NoteCount}<div id="notecon">
- {PostNotes-16}
- </div><!--notecon-->{/block:NoteCount}{/block:date}
- {/block:ifnotposttype3}{/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-->
- </center>
- <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