Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!---
- don't remove the credit
- leave the credit if you want to use parts of the theme
- ____________________________________
- --->
- <meta name="color:Background" content="#ffffff" />
- <meta name="color:BlockquoteBorder" content="#55552f" />
- <meta name="color:BlogTitle" content="#f3847b" />
- <meta name="color:Bold" content="#5f81d0" />
- <meta name="color:CustomText" content="#888888" />
- <meta name="color:CustomTextHover" content="#74445c" />
- <meta name="color:DescBackground" content="#e4e4e4" />
- <meta name="color:DescBold" content="#5f81d0" />
- <meta name="color:DescItalic" content="#979730" />
- <meta name="color:DescLink" content="#ad1a0c" />
- <meta name="color:DescText" content="#5f5f5f" />
- <meta name="color:EntryBackground" content="#f4f4f4" />
- <meta name="color:IconBorder" content="#f4a38e" />
- <meta name="color:Italic" content="#55552f" />
- <meta name="color:Link" content="#f3847b" />
- <meta name="color:LinkHover" content="#55552f" />
- <meta name="color:NaviText" content="#55552f"/>
- <meta name="color:NaviBackground" content="#fedbbd"/>
- <meta name="color:PermaLinkColor" content="#3e3e3e" />
- <meta name="color:PermaLinkBackground" content="#fddccb" />
- <meta name="color:PostTitle" content="#f3847b" />
- <meta name="color:QuoteSourceItalic" content="#fddccb" />
- <meta name="color:QuoteSourceLink" content="#a8a2d3" />
- <meta name="color:SidebarBackground" content="#f4f4f4" />
- <meta name="color:SidebarBorder1" content="#e0e0e0" />
- <meta name="color:SidebarBorder2" content="#888888" />
- <meta name="color:Subtitle" content="#a8a2d3" />
- <meta name="color:SubtitleShadow" content="#ffffff" />
- <meta name="color:TagsLink" content="#666666" />
- <meta name="color:TagsText" content="#666666" />
- <meta name="color:SubtitleShadow" content="#ffffff" />
- <meta name="color:Text" content="#888888" />
- <meta name="text:BlogTitleFont" content="kurayamiregular" />
- <meta name="if:InfiniteScrolling" content="0" />
- <meta name="if:ShowCaptions" content="1">
- <meta name="if:FadingPhoto" content="0" />
- <meta name="if:MultipleColumnPosts" content="0" />
- <meta name="if:Monochrome" content="0" />
- <meta name="if:ShowTags" content="1" />
- <meta name="image:SidebarImg" content="https://41.media.tumblr.com/786ce981a072360556cb24c914b67e1b/tumblr_o4avbzr00E1rd6t1go1_r2_250.png"/>
- <meta name="image:BackgroundImage" content=" "/>
- <meta name="image:CornerImage" content="" />
- <meta name="text:Background Repeat" content="repeat"/>
- <meta name="text:Subtitle" content=" "/>
- <meta name="text:Link1" content="" />
- <meta name="text:Link1URL" content="/"/>
- <meta name="text:Link2" content="" />
- <meta name="text:Link2URL" content="/"/>
- <meta name="text:Link3" content="" />
- <meta name="text:Link3URL" content="/"/>
- <meta name="text:Link4" content="" />
- <meta name="text:Link4URL" content="/"/>
- <meta name="text:Link5" content="" />
- <meta name="text:Link5URL" content="/"/>
- <meta name="text:Link6" content="" />
- <meta name="text:Link6URL" content="/"/>
- <head>
- <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic' rel='stylesheet' type='text/css'>
- <link href='https://static.tumblr.com/7fjp0ap/uQWn2jbu0/stylesheet.css' rel='stylesheet' type='text/css'>
- <link href='https://static.tumblr.com/7fjp0ap/e7Qn26log/stylesheet.css' rel='stylesheet' type='text/css'>
- <meta https-equiv="content-type" content="text/html; charset=utf-8">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <style type="text/css">
- body {
- background-image: url('{image:backgroundImage}');
- background-color: {color:background};
- background-attachment: fixed;
- background-repeat: {text:Background Repeat};
- color: {color:text};
- font-family: {font:body};
- font-size: 10px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:desctext};
- height: 5px;
- width: 8px;
- }
- ::-webkit-scrollbar {
- height: 5px;
- width: 8px;
- background-color: {color:sidebarbackground};
- }
- a{
- color: {color:link};
- text-decoration: none;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- a:hover{
- color: {color:linkhover};
- }
- #sidebar{
- position:fixed;
- width: 350px;
- top:0px;
- bottom:0px;
- left:0px;
- display: inline-block;
- text-align: center;
- border:0px;
- border-right: 5px solid {color:sidebarbackground};
- -moz-border-image:url("{image:backgroundimage}") 55 25 85 25 repeat;
- -webkit-border-image:url("{image:backgroundimage}") 55 25 85 25 repeat;
- border-image:url("{image:backgroundimage}") 55 25 85 25 repeat;
- background-color: {color:sidebarbackground} ;
- }
- .border{
- position:fixed;
- left:355px;
- background-color:{color:sidebarborder1};
- top:0px;
- bottom:0px;
- width:13px;
- border-right:2px solid {color:sidebarborder2};
- }
- .header{
- position:fixed;
- z-index:8;
- top:0px;
- display:inline-block;
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}width:416px;{/block:IndexPage}
- left: 440px;
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- left:427px;
- top:0px;
- right:55px;
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- width:416px;
- left: 440px;
- {/block:PermalinkPage}
- background: {color:background} url('{image:backgroundimage}');
- padding-top:30px;
- padding-bottom:5px;
- text-align:center;
- border-bottom:1px solid {color:CustomText};
- }
- .custom{
- margin-left:-20px;
- display:inline-block;
- {block:ifOneColumnPosts}
- {block:IndexPage}width:400px;{/block:IndexPage}
- {/block:ifOneColumnPosts}
- {block:ifTwoColumnPosts}
- {block:IndexPage}width:536px;{/block:IndexPage}
- {/block:ifTwoColumnPosts}
- {block:ifThreeColumnPosts}
- {block:IndexPage}width:812px;{/block:IndexPage}
- {/block:ifThreeColumnPosts}
- {block:PermalinkPage}width:400px;{/block:PermalinkPage}
- }
- .custom a{
- display:inline-block;
- color:{color:CustomText};
- font-family:calibri;
- font-size:10px;
- font-style:italic;
- margin-left:20px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .custom a:hover{
- display:inline-block;
- color:{color:CustomTextHover};
- text-decoration:line-through;
- }
- .subtitle{
- width: 250px;
- font-size:10px;
- margin-top:20px;
- text-align: left;
- display:inline-block;
- line-height:10px;
- color: {color:subtitle};
- text-shadow: 0.1em 0.1em 0.06em {color:subtitleshadow};
- font-family:consolas, serif;
- }
- #sidebarx{
- display: inline-block;
- width: 250px;
- margin-top:5px;
- text-align:center;
- }
- #sidebarx img{
- width:242px;
- text-align: center;
- border: 4px solid {color:desctext};
- -moz-border-image:url("{image:backgroundimage}") 55 25 85 25 repeat;
- -webkit-border-image:url("{image:backgroundimage}") 55 25 85 25 repeat;
- border-image:url("{image:backgroundimage}") 55 25 85 25 repeat;
- }
- #sidetitle{
- margin-top: 10px;
- width: 250px;
- display: inline-block;
- text-align: center;
- font-family: '{text:BlogTitleFont}';
- font-size: 30px;
- text-transform:none;
- letter-spacing: 1px;
- color: {color:blogtitle};
- }
- #desc{
- color: {color:desctext};
- font-family: consolas;
- font-size: 10px;
- width: 240px;
- padding:5px;
- display: inline-block;
- text-align: center;
- background-color: {color:descbackground};
- }
- #desc a{
- color:{color:desclink};
- }
- #desc i,em{
- color:{color:descitalic};
- }
- #desc b,strong{
- color:{color:descbold};
- }
- .arrow-down1 {
- margin-top:-5px;
- display:block;
- width:0px;
- height:0px;
- border-left:10px solid transparent;
- border-right:10px solid transparent;
- border-top:15px solid {color:descbackground};
- font-size:0px;
- line-height:0px;
- }
- #holder{
- margin-top: 10px;
- text-align: center;
- width: 250px;
- display:inline-block;
- }
- .hold{
- display:block;
- float:left;
- width:33.3%;
- text-align:center;
- }
- #icon img{
- display:inline-block;
- width:31px;
- height:31px;
- border:3px solid {color:IconBorder};
- }
- .ha{
- display:block;
- float:right;
- z-index:999;
- position:relative;
- }
- .ha a{
- display:block;
- width:93px;
- float:right;
- margin-bottom:3px;
- font-family:calibri;
- font-size:10px;
- margin-right:-20px;
- text-align:right;
- padding:2px 5px 2px 0px;
- color: {color:navitext};
- background-color: {color:navibackground};
- border-right:5px solid {color:IconBorder};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .ha a:hover{
- color: {color:navibackground};
- background-color: {color:navitext};
- border-right:10px solid {color:IconBorder};
- }
- .pt{
- display:block;
- float:left;
- }
- .pt a{
- display:block;
- width:93px;
- margin-bottom:3px;
- font-family:calibri;
- font-size:10px;
- margin-left:-21px;
- text-align:left;
- padding:2px 0px 2px 5px;
- border-left:5px solid {color:IconBorder};
- color: {color:navitext};
- background-color: {color:navibackground};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .pt a:hover{
- color: {color:navibackground};
- background-color: {color:navitext};
- border-left:10px solid {color:IconBorder};
- }
- #pagi{
- display:inline-block;
- width:180px;
- margin-top:20px;
- height:15px;
- line-height:15px;
- font-size: 11px;
- text-align:center;
- font-family: consolas;
- }
- #pagi a{
- color: {color:desctext};
- }
- .jump_page {
- padding: 2px;
- font-family:cambria;
- font-size:11px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 2px;
- color: {color:desclink};
- font-family:cambria;
- font-size:11px;
- text-decoration:none;
- }
- .holdxx{
- left:440px;
- top:50px;
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- left:370px;
- bottom:0px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermaLinkPage}
- left:440px;
- {/block:PermaLinkPage}
- right:0px;
- z-index:7;
- position:absolute;
- text-align:center;
- }
- #posts{
- margin-top:50px;
- {block:PermalinkPage}
- width: 450px;
- margin-left:0px;
- margin-bottom: 25px;
- {/block:PermalinkPage}
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}
- width:450px;
- margin-left:0px;
- {/block:IndexPage}
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- margin-bottom: 25px;
- padding-right:20px;
- position:relative;
- text-align:center;
- margin-left:auto;
- margin-right:auto;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- }
- img.center {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .entry{
- font-size: 11px;
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}
- width:400px;
- {/block:IndexPage}
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- width:250px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- position:relative;
- display:inline-block;
- padding:8px;
- font-family: calibri;
- text-align: justify;
- overflow: hidden;
- background-color: {color:EntryBackground};
- {block:PermalinkPage}
- width: 400px;
- {/block:PermalinkPage}
- }
- .entry img{
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}
- max-width:400px;
- {/block:IndexPage}
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- max-width:250px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- max-width: 400px;
- {/block:PermalinkPage}
- {block:ifFadingPhoto}
- opacity: 0.7;
- -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:ifFadingPhoto}
- }
- {block:ifFadingPhoto}
- .entry img:hover{
- opacity: 1;
- }
- {/block:ifFadingPhoto}
- {block:ifFadingPhoto}
- .photosetfade {
- opacity: 0.7;
- filter:alpha(opacity=70);
- -moz-opacity: 0.7;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- {/block:ifFadingPhoto}
- {block:ifFadingPhoto}
- .photosetfade:hover {
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 0.9;
- }
- {/block:ifFadingPhoto}
- {block:ifMonochrome}
- .mono{
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://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+ */
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .mono:hover{
- filter: none;
- -webkit-filter: grayscale(0%);
- }
- {/block:ifMonochrome}
- .entry b, strong{
- color: {color:Bold};
- background-color: {color:Boldbackground};
- }
- .entry i, em{
- color: {color:Italic};
- }
- .entry a{
- color: {color:Link};
- text-decoration: underline;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .entry a:hover{
- color:{color:linkhover};
- }
- .entry h1{
- font-family: consolas;
- text-transform: uppercase;
- font-size: 15px;
- font-weight: 20px;
- letter-spacing: 1px;
- }
- .entry h1 a{
- color: {color:NormalLink};
- }
- .entry2{
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}
- width:400px;
- margin-bottom:50px;
- {/block:IndexPage}
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- width:266px;
- margin-left:28px;
- display:block;
- float:left;
- margin-bottom: 30px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- position:relative;
- {block:PermalinkPage}
- width: 400px;
- {/block:PermalinkPage}
- }
- blockquote{
- border-left: 3px solid {color:blockquoteborder};
- font-size: 12px;
- padding-left:10px;
- padding-right: 4px;
- margin:5px;
- text-align:justify;
- }
- .entry blockquote img{
- max-width: 90%;
- margin-left: 3px;
- }
- .entry pre{
- word-wrap:break-word;
- white-space: pre-wrap;
- word-break:break-all;
- font-family:courier new;
- font-size:11px;
- padding:5px;
- letter-spacing:0px;
- background-color:#fdebc9;
- color: #252324;
- }
- .entry blockquote pre{
- background-color:#fdebc9;
- font-size:11px;
- font-family:courier new;
- padding:5px;
- width:100%;
- word-wrap:break-word;
- white-space: pre-wrap;
- word-break:break-all;
- color: #252324;
- }
- #quote{
- color: {color:text};
- padding: 15px;
- font-family: dosismedium;
- font-size:13px;
- text-align:center;
- border:2px solid {color:text};
- border-top:44px solid {color:text};
- line-height: 15px;
- display:block;
- margin-top:-44px;
- }
- .quoteor{
- font-family: 'dingleberriesregular';
- width:50px;
- height:38px;
- border:2px solid {color:text};
- line-height:40px;
- padding-top:2px;
- text-align:center;
- font-size:40px;
- color: {color:text};
- background-color:{color:entrybackground};
- display:inline-block;
- }
- #source {
- font-family: consolas;
- font-size:10px;
- display:block;
- background-color:{color:text};
- padding:3px;
- color:{color:entrybackground};
- text-align: center;
- margin-top: 10px;
- }
- #source a{
- color:{color:quotesourcelink};
- }
- #source i,em{
- color:{color:quotesourceitalic};
- }
- b,strong{
- color:{color:bold};
- background-color:{color:boldbackground};
- }
- i,em{
- color:{color:italic};
- }
- .entry2:hover #tags{
- opacity: 1;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- #tags{
- border-left:3px solid {color:tagstext};
- z-index: 999;
- font-family: calibri;
- font-size: 10px;
- letter-spacing: 1px;
- width: 150px;
- margin-top: 0px;
- display: inline-block;
- padding: 5px;
- margin-left: 425px;
- text-align: left;
- position: absolute;
- z-index: 9999;
- opacity: 0;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- font-weight:bold;
- }
- #tags a{
- color:{color:tagslink};
- font-style: none;
- }
- #tags a:hover {
- color:{color:permalinkbackground};
- font-style: none;
- }
- #tags b,strong{
- color:{color:tagslink};
- }
- /* tagx */
- .permalink {
- font-family: cambria;
- font-size: 10px;
- color: {color:Text};
- text-transform: uppercase;
- text-align: center;
- width: 416px;
- margin-top: 20px;
- padding:10px;
- margin-bottom: 10px;
- margin-left: -10px;
- float: left;
- background: ;
- }
- .permalink b,strong{
- color: {color:Bold};
- font-weight: normal;
- }
- #date {
- color: {color:text};
- }
- .permalink a {
- color: {color:Link};
- text-decoration: none;
- }
- .title{
- color: {color:PostTitle};
- padding:5px;
- font-size: 24px;
- margin-bottom:10px;
- display:block;
- text-transform: none;
- text-align: center;
- font-family: 'Playfair Display';
- border-bottom:3px double {color:PostTitle};
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- .title2{
- color: {color:PostTitle};
- padding:20px;
- font-size: 24px;
- margin-bottom:10px;
- display:block;
- text-transform: none;
- text-align: center;
- font-family: 'Playfair Display';
- border:1px solid {color:text};
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- }
- .title2 a{
- color: {color:PostTitle};
- width:100%;
- display:block;
- text-decoration:none;
- }
- .title2 z{
- color: {color:PostTitle};
- font-size:11px;
- font-family:calibri;
- width:100%;
- text-decoration:underline;
- display:block;
- }
- .title2 a:hover{
- color: {color:PostTitle};
- }
- .arrow-down {
- margin-top:-5px;
- display:block;
- margin-left:20px;
- width:0px;
- height:0px;
- border-left:10px solid transparent;
- border-right:10px solid transparent;
- border-top:15px solid {color:text};
- font-size:0px;
- line-height:0px;
- }
- .ask {
- display:block;
- padding:10px;
- background-color:{color:text};
- color:{color:entrybackground};
- text-transform: none;
- }
- .askx img {
- max-width: 30px;
- display:block;
- margin-left:15px;
- margin-top:5px;
- -moz-border-radius: 30px 30px 30px 30px;
- -webkit-border-radius: 30px 30px 30px 30px;
- border-radius: 30px 30px 30px 30px;
- }
- .asky {
- display:block;
- float:left;
- text-transform:uppercase;
- margin-top:13px;
- font-size:10px;
- margin-left:5px;
- }
- .aska{
- display:block;
- margin-top:50px;
- border-top: 1px solid {color:text};
- }
- ol.notes {
- background: ;
- font-family:tahoma;
- font-size:10px;
- padding-top:10px;
- border: 0px;
- padding-left:15px;
- margin-top:10px;
- width:376px;
- margin-left: 0px;
- list-style-type: none;
- }
- ol.notes li.note {
- background: ;
- padding:5px;
- width:380px;
- letter-spacing: 0px;
- text-align: left;
- }
- ol.notes li.note a{
- color:{color:Link};
- background: ;
- font-family:tahoma;
- text-transform:none;
- letter-spacing:0px;
- font-size:10px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 0px;
- }
- #musicbox{
- {block:IfMultipleColumnPosts}
- height: 136px;
- width: 245px;
- {/block:IfMultipleColumnPosts}
- margin-bottom:10px;
- display:inline-block;
- text-align: left;
- {block:IfNotMultipleColumnPosts}
- height: 216px;
- width: 394px;
- {/block:IfnotMultipleColumnPosts}
- {block:PermaLinkPage}
- width: 384px;
- {/block:PermaLinkPage}
- border-bottom: 2px dashed {color:boldbackground};
- }
- .cover {
- {block:IfNotMultipleColumnPosts}
- width:200px;
- height: 200px;
- {/block:IfNotMultipleColumnPosts}
- {block:IfMultipleColumnPosts}
- width:120px;
- height: 120px;
- {/block:IfMultipleColumnPosts}
- display: block;
- position:absolute;
- z-index:2;
- }
- .cover img{
- {block:IfNotMultipleColumnPosts}
- width:200px;
- height: 200px;
- {/block:IfNotMultipleColumnPosts}
- {block:IfMultipleColumnPosts}
- width:120px;
- height: 120px;
- {/block:IfMultipleColumnPosts}
- opacity:1;
- border:3px solid {color:header};
- }
- .coverx{
- {block:IfNotMultipleColumnPosts}
- width:200px;
- height: 200px;
- {/block:IfNotMultipleColumnPosts}
- {block:IfMultipleColumnPosts}
- width:120px;
- height: 120px;
- {/block:IfMultipleColumnPosts}
- display: block;
- position:absolute;
- z-index:1;
- }
- .coverx img{
- {block:IfNotMultipleColumnPosts}
- width:200px;
- height: 200px;
- {/block:IfNotMultipleColumnPosts}
- {block:IfMultipleColumnPosts}
- width:120px;
- height: 120px;
- {/block:IfMultipleColumnPosts}
- border:3px solid {color:header};
- }
- .playbutton {
- width:30px;
- height: 50px;
- line-height:50px;
- overflow: hidden;
- position:relative;
- z-index:100;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- {block:IfNotMultipleColumnPosts}
- margin-top:85px;
- {/block:IfNotMultipleColumnPosts}
- {block:IfMultipleColumnPosts}
- margin-top:50px;
- {/block:IfMultipleColumnPosts}
- }
- .playbox {
- opacity: 0.8;
- background-color: #000000;
- position: absolute;
- z-index: 1000;
- margin-left:3px;
- margin-top:3px;
- width:30px;
- {block:IfNotMultipleColumnPosts}
- height: 200px;
- {/block:IfNotMultipleColumnPosts}
- {block:IfMultipleColumnPosts}
- height: 120px;
- {/block:IfMultipleColumnPosts}
- line-height:40px;
- text-align:center;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .playbox:hover{
- {block:IfNotMultipleColumnPosts}
- width:200px;
- {/block:IfNotMultipleColumnPosts}
- {block:IfMultipleColumnPosts}
- width:120px;
- {/block:IfMultipleColumnPosts}
- }
- .playbox:hover .playbutton{
- width:100%;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .audioplayer {
- float:left;
- margin-left: 210px;
- width:100%;
- position: absolute;
- display: block;
- margin-top: 40px;
- padding-bottom:7px;
- {block:IfMultipleColumnPosts}
- margin-left: 125px;
- margin-top: 20px;
- {/block:IfMultipleColumnPosts}
- }
- .infomusic {
- font-size:9px;
- text-align:center;
- {block:IfNotMultipleColumnPosts}
- max-width: 184px;
- {/block:IfNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- max-width: 124px;
- {/block:ifMultipleColumnPosts}
- {block:PermaLinkPage}
- {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
- {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
- {/block:PermaLinkPage}
- margin-left:0px;
- margin-bottom:10px;
- border-bottom:1px dashed {color:boldbackground};
- padding-bottom:2px;
- }
- .audiotitle{
- background-color:{color:boldbackground};
- color:{color:bold};
- font-size:11px;
- font-family:calibri;
- text-transform:uppercase;
- }
- .odd .line {
- border-bottom: 1px solid {color:text};
- padding: 3px;
- margin-bottom:3px;
- }
- .even .line {
- border-bottom: 1px solid {color:text};
- padding:3px;
- margin-bottom:3px;
- }
- .odd .name {
- padding: 3px;
- }
- .even .name {
- padding: 3px;
- }
- .entry:hover .mperma{
- margin-top:-13px;
- }
- .mperma{
- display:block;
- float:left;
- margin-left:-8px;
- font-family:calibri;
- text-align:center;
- font-size:10px;
- color:{color:permalinkcolor};
- width: 266px;
- position:absolute;
- border-top:1px solid {color:permalinkcolor};
- background-color:{color:permalinkbackground};
- height:20px;
- line-height:20px;
- margin-top:28px;
- -webkit-transition: all 0.8s ease;
- -moz-transition: all 0.8s ease;
- -o-transition: all 0.8s ease;
- }
- .mperma a{
- display:inline-block;
- font-family:calibri;
- font-size:10px;
- text-decoration:none;
- color:{color:permalinkcolor};
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .mperma a:hover{
- color:{color:linkhover};
- font-style:italic;
- text-decoration:line-through;
- }
- .perma1{
- display:block;
- float:left;
- font-family:calibri;
- text-align:center;
- font-size:10px;
- margin-top:10px;
- color:{color:permalinkcolor};
- {block:ifnotMultipleColumnPosts}
- width: 416px;
- {/block:ifnotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- width: 266px;
- {/block:ifMultipleColumnPosts}
- }
- .perma1 a{
- display:inline-block;
- font-family:calibri;
- font-size:10px;
- color:{color:permalinkcolor};
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .perma1 a:hover{
- color:{color:linkhover};
- font-style:italic;
- text-decoration:line-through;
- }
- .permab{
- position:absolute;
- display:block;
- height:2px;
- z-index:-9;
- background-color:{color:permalinkcolor};
- margin-top:6px;
- {block:ifnotMultipleColumnPosts}
- width: 416px;
- {/block:ifnotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- width: 266px;
- {/block:ifMultipleColumnPosts}
- }
- .pagination {
- display:none;
- position: fixed;
- right: 20px;
- bottom: 10px;
- text-align: center;
- }
- #s-m-t-tooltip{
- display:inline-block;
- z-index:9999999 !important;
- margin:24px 14px 7px 12px;
- padding:3px;
- font-family:calibri;
- font-size:10px;
- background-color: {color:customlinkbackground};
- color: {color:customlinktext};
- }
- .tmblr-iframe {
- right:3px !important;
- position:fixed !important;
- z-index:9999999;
- opacity: 0.4;
- -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;
- }
- .tmblr-iframe:hover {
- opacity: 1;
- -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;
- }
- </style>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/7fjp0ap/8qemg20tu/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- {block:IfInfiniteScrolling}
- <script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
- {/block:IfInfiniteScrolling}
- <script>
- $(function(){
- var $container = $('#posts');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.entry2',
- columnWidth : 50,
- isFitWidth: true,
- });
- });
- $container.infinitescroll({
- itemSelector : ".entry2",
- 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:IndexPage}
- {/block:ifMultipleColumnPosts}
- </head>
- {block:ifNotMultipleColumnPosts}
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:IfInfiniteScrolling}
- {/block:ifNotMultipleColumnPosts}
- <body>
- <div class="header">
- <div class="custom">
- {block:ifLink1}<a href="{text:Link1URL}" >{text:Link1}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2URL}" >{text:Link2}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3URL}" >{text:Link3}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link4URL}" >{text:Link4}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link5URL}" >{text:Link5}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:Link6URL}" >{text:Link6}</a>{/block:ifLink6}
- </div>
- </div>
- <div class="border"></div>
- <div id="sidebar">
- <div class="subtitle">
- {text:subtitle}
- </div>
- <div id="sidebarx">
- <img src="{image:sidebarimg}">
- </div>
- <div id="sidetitle">{title}</div>
- <center><div id="desc">{Description}</div></center>
- <center><div class="arrow-down1"></div></center>
- <center>
- <div id="holder">
- <div class="hold">
- <div class="ha">
- <a href="/">Home</a>
- <a href="/ask">Ask Me</a>
- </div>
- </div>
- <div class="hold">
- <div id="icon">
- <img src="{PortraitURL-48}">
- </div>
- </div>
- <div class="hold">
- <div class="pt">
- <a href="/archive">Past</a>
- <a href="https://dianthus-s.tumblr.com/">Theme</a>
- </div>
- </div>
- </div>
- </center>
- {block:IfNotInfiniteScrolling}
- {block:indexpage}
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">←</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page">→</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:indexpage}
- {/block:IfNotInfiniteScrolling}
- </div>
- <div class="pagination">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- <div class="holdxx">
- <div id="posts">
- {block:Posts}
- <div class="entry2">
- {block:ifnotMultipleColumnPosts}
- {block:IndexPage}
- {block:IfShowTags}
- {block:HasTags}
- <div id="tags">
- <b>tags:</b><br /> {block:Tags} <b>#</b><a href="/tagged/{Tag}">{Tag}</a><br />{/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IfShowTags}
- {/block:IndexPage}
- {/block:ifnotMultipleColumnPosts}
- <div class="entry" >
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}{Body}
- {/block:Text}
- {block:Photo}
- {block:ifnotMultipleColumnPosts}
- {block:IndexPage}
- {LinkOpenTag}
- <div class="mono">
- <img src="{PhotoURL-400}" class="center">
- </div>
- {LinkCloseTag}
- {/block:IndexPage}
- {/block:ifnotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- {LinkOpenTag}
- <div class="mono">
- <img src="{PhotoURL-250}" class="center">
- </div>
- {LinkCloseTag}
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" class="center">
- {LinkCloseTag}
- {/block:PermalinkPage}
- {block:IfShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IfShowCaptions}
- {block:IfNotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaptions}
- {/block:Photo}
- {block:Photoset}
- {block:ifnotMultipleColumnPosts}
- {block:IndexPage}
- <div class="mono">
- <div class="photosetfade">
- {Photoset-400}
- </div>
- </div>
- {/block:IndexPage}
- {/block:ifnotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- <div class="mono">
- <div class="photosetfade">{Photoset-250}
- </div>
- </div>
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- {Photoset-400}
- {/block:PermalinkPage}
- {block:IfShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IfShowCaptions}
- {block:IfNotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaptions}
- {/block:Photoset}
- {block:Link}
- <div class="title2">
- <a href="{URL}" {Target}>{Name}</br>
- <z>{URL}</z>
- </a>
- </div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Quote}
- <center>
- <div class="quoteor">
- g
- </div>
- </center>
- <div id="quote">{Quote}</div>
- {block:Source}
- <div id="source"> —{Source}</div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:Source}
- {/block:Quote}
- {block:Chat}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {block:Lines}<div class="{Alt}">
- <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div id="musicbox">
- <div class="playbox">
- <div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
- </div>
- </div>
- <div class="coverx"><img src="https://media.tumblr.com/90911ce35307a2b68bb52c9794d02dd0/tumblr_inline_mgshunrUnn1r8s568.png"></div>
- {block:AlbumArt}
- <div class="cover"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="audioplayer">
- {block:Artist}
- <div class="infomusic" ><div class="audiotitle">Artist:</div> {Artist}</div>
- {/block:Artist}
- {block:TrackName}
- <div class="infomusic"><div class="audiotitle">Track:</div> {TrackName}</div>
- {/block:TrackName}
- <div class="infomusic"><div class="audiotitle">Plays:</div> {PlayCountWithLabel}</div>
- </div>
- </div>
- {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Audio}
- {block:Video}
- {block:ifnotMultipleColumnPosts}
- {block:IndexPage}
- {Video-400}
- {/block:IndexPage}
- {/block:ifnotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- {Video-400}
- {/block:PermalinkPage}
- {block:IfShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IfShowCaptions}
- {block:IfNotShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:IfNotShowCaptions}
- {/block:Video}
- {block:Answer}
- <div class="ask">{Question}</div>
- <div class="arrow-down"></div>
- <div class="askx"><img src="{AskerPortraitURL-40}" align="left"></div>
- <div class="asky">{Asker}</div>
- <div class="aska">{Answer}</div>
- {/block:Answer}
- {block:PermalinkPage}
- <div class="permalink">
- <center><div id="date">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
- {block:HasTags}<b>tags »</b> {block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</center>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- {block:ifMultipleColumnPosts}
- {block:indexpage}
- <div class="mperma">
- <a href="{ReblogURL}">Reblog</a> |
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom} |
- <a href="{ReblogRootURL}">Ori</a>.
- <a href="{ReblogParentURL}">Via</a>
- {/block:RebloggedFrom}
- </div>
- {/block:indexpage}
- {/block:ifMultipleColumnPosts}
- </div>
- {block:ifNotMultipleColumnPosts}
- {block:indexpage}
- <div class="perma1">
- <div class="permab"></div>
- <div style="background: {color:permalinkbackground};display:inline-block;padding:2px 5px 2px 5px;z-index:99999;margin-top:-2px; text-align:center;border:1px solid {color:permalinkcolor};">
- <a href="{ReblogURL}">Reblog</a> |
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom} |
- <a href="{ReblogRootURL}">Ori</a>.
- <a href="{ReblogParentURL}">Via</a>
- {/block:RebloggedFrom}
- </div>
- </div>
- {/block:indexpage}
- {/block:ifNotMultipleColumnPosts}
- </div>
- {/block:Posts}
- </div>
- </div>
- <img src="{image:CornerImage}" style="position:fixed;
- max-height: 100%;
- max-width: 500px;
- right:-20px;
- bottom:-5px;
- z-index:-9;
- ">
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment