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:BlockquoteBackground" content="#fdf2ee" />
- <meta name="color:BlockquoteBorder" content="#d76f5e" />
- <meta name="color:BlockquoteLink" content="#d76f5e" />
- <meta name="color:BlockquoteText" content="#ddb79b" />
- <meta name="color:BlogTitle" content="#ddb79b" />
- <meta name="color:BlogTitleAccent" content="#f3847b" />
- <meta name="color:CustomLinkBackground" content="#fdf1ee" />
- <meta name="color:CustomLinkText" content="#e94b40" />
- <meta name="color:DescBackground" content="#fdf2ee" />
- <meta name="color:DescBold" content="#e94b40" />
- <meta name="color:DescItalic" content="#d76f5e" />
- <meta name="color:DescLink" content="#ad1a0c" />
- <meta name="color:DescText" content="#d76a5a" />
- <meta name="color:EntryBackground" content="#f9f9f9" />
- <meta name="color:EntryBold" content="#972f2f" />
- <meta name="color:EntryItalic" content="#d76f5e" />
- <meta name="color:EntryLink" content="#ad1a0c" />
- <meta name="color:EntryLinkHover" content="#d76f5e" />
- <meta name="color:LeftBarColor" content="#e5c3aa" />
- <meta name="color:LikeButtonColor" content="#d76a5a" />
- <meta name="color:MusicPlayerTab" content="#ddb79b" />
- <meta name="color:MusicPlayerTabTitle" content="#d76a5a" />
- <meta name="color:NaviText" content="#d76a5a"/>
- <meta name="color:NaviTextHover" content="#ddb79b"/>
- <meta name="color:NaviBorder" content="#d76a5a"/>
- <meta name="color:PermaLink" content="#d76a5a" />
- <meta name="color:PermaLinkBackground" content="#ddb79b" />
- <meta name="color:PermaText" content="#e94b40" />
- <meta name="color:PostTitle" content="#f3847b" />
- <meta name="color:QuoteSourceItalic" content="#fddccb" />
- <meta name="color:QuoteSourceLink" content="#fdf1ee" />
- <meta name="color:Text" content="#975050" />
- <meta name="if:BigPosts" content="1" />
- <meta name="if:FadingPhoto" content="0" />
- <meta name="if:InfiniteScrolling" content="0" />
- <meta name="if:LeftBar" content="1" />
- <meta name="if:Monochrome" content="0" />
- <meta name="if:MultipleColumnPosts" content="0" />
- <meta name="if:MusicTab" content="0" />
- <meta name="if:ShowCaptions" content="1">
- <meta name="if:ShowTags" content="1" />
- <meta name="image:BackgroundImage" content=""/>
- <meta name="image:CornerImage" content="" />
- <meta name="image:LeftBarImage" content=""/>
- <meta name="image:SidebarImage" content="https://static.tumblr.com/uuxiawr/CUHnw2feu/untitled-1.png"/>
- <meta name="text:Background Repeat" content="repeat"/>
- <meta name="text:BlogTitleFont" content="PT Sans Narrow, sans-serif" />
- <meta name="text:EntryFontSize" content="11"/>
- <meta name="text:MusicTabTitle" content="musique"/>
- <meta name="text:MusicCode" content="Music Code Here"/>
- <meta name="text:Link1 Title" content=""/>
- <meta name="text:Link1 URL" content=""/>
- <meta name="text:Link2 Title" content=""/>
- <meta name="text:Link2 URL" content=""/>
- <meta name="text:Link3 Title" content=""/>
- <meta name="text:Link3 URL" content=""/>
- <meta name="text:Link4 Title" content=""/>
- <meta name="text:Link4 URL" content=""/>
- <meta name="text:Link5 Title" content=""/>
- <meta name="text:Link5 URL" content=""/>
- <meta name="text:Link6 Title" content=""/>
- <meta name="text:Link6 URL" content=""/>
- <meta name="text:Link7 Title" content=""/>
- <meta name="text:Link7 URL" content=""/>
- <meta name="text:Link8 Title" content=""/>
- <meta name="text:Link8 URL" content=""/>
- <meta name="text:Link9 Title" content=""/>
- <meta name="text:Link9 URL" content=""/>
- <head>
- <link href='https://fonts.googleapis.com/css?family=PT+Sans+Narrow' 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">
- @import url(https://weloveiconfonts.com/api/?family=fontawesome);
- /* fontawesome */
- [class*="fontawesome-"]:before {
- font-family: 'FontAwesome', sans-serif;
- }
- 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: 150px;
- top:0px;
- {block:ifLeftBar}
- bottom:20px;
- {/block:ifLeftBar}
- display:inline-block;
- left:100px;
- display: inline-block;
- text-align: center;
- z-index:99999;
- }
- .customlinkbox{
- display:block;
- width:150px;
- margin-top:10px;
- }
- .customlinkbox a{
- display:block;
- color:{color:CustomLinkText};
- background-color:{color:CustomLinkBackground};
- width:142px;
- margin-bottom:2px;
- font-family:calibri;
- font-size:9px;
- padding:0.1px 1px 0.1px 1px;
- border-left:3px solid {color:CustomLinkText};
- border-right:3px solid {color:CustomLinkText};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .customlinkbox a:hover{
- background-color:{color:CustomLinkText};
- color:{color:CustomLinkBackground};
- border-left:3px solid {color:CustomLinkBackground};
- border-right:3px solid {color:CustomLinkBackground};
- }
- .leftbg{
- background: -webkit-linear-gradient({color:background},{color:LeftBarColor},{color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor},{color:background}); /* For Safari 5.1 to 6.0 */
- background: -o-linear-gradient({color:background},{color:LeftBarColor},{color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor},{color:background}); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient({color:background},{color:LeftBarColor},{color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor},{color:background}); /* For Firefox 3.6 to 15 */
- background: linear-gradient({color:background},{color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor}, {color:LeftBarColor},{color:background}); /* Standard syntax (must be last) */
- position:fixed;
- top:10px;
- bottom:-20px;
- left:0px;
- width:75px;
- z-index:2;
- }
- .leftbg2{
- background:url('{image:LeftBarImage}') bottom center no-repeat;
- position:fixed;
- top:10px;
- bottom:-20px;
- left:0px;
- width:75px;
- z-index:3;
- }
- #sidebarx{
- display: inline-block;
- width: 150px;
- margin-top:10px;
- text-align:center;
- }
- #sidebarx img{
- width:150px;
- }
- #blogtitle{
- margin-top: 15px;
- width: 150px;
- display: inline-block;
- text-align: center;
- font-family: '{text:BlogTitleFont}';
- font-size: 15px;
- line-height:14px;
- text-transform:none;
- color: {color:blogtitle};
- }
- .t1{
- position:absolute;
- margin-left:-3px;
- margin-top:-5px;
- font-family: Donegal One,serif;
- font-size: 30px;
- text-shadow: 2px 0.8px {color:BlogTitleAccent}, -2px 0.8px {color:BlogTitleAccent};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #sidebar:hover .t1{
- text-shadow: 5px 0 .8px {color:BlogTitleAccent}, -5px 0 .8px {color:BlogTitleAccent};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #desc{
- color: {color:desctext};
- font-family: calibri;
- font-size: 10px;
- width: 140px;
- margin-top: 15px;
- padding:5px;
- display: inline-block;
- text-align: justify;
- 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;
- }
- #pagi{
- display:inline-block;
- width:150px;
- margin-top:20px;
- height:15px;
- line-height:15px;
- font-size: 11px;
- text-align:center;
- font-family: consolas;
- }
- #pagi a{
- color: {color:desctext};
- background-color:{color:descbackground};
- }
- .jump_page {
- padding: 2px;
- font-family:cambria;
- font-size:10px;
- text-decoration:none;
- }
- .current_page, .jump_page:hover {
- padding: 2px;
- color: {color:desclink};
- font-family:cambria;
- font-size:10px;
- text-decoration:none;
- }
- .naviborder{
- position:absolute;
- width:3px;
- height:100%;
- z-index:9999;
- display:block;
- margin: 10px 0px 0px -25px;
- background-color:{color:NaviBorder};
- -moz-border-radius: 100% 100% 100% 100%;
- -webkit-border-radius: 100% 100% 100% 100%;
- border-radius: 100% 100% 100% 100%;
- }
- .navibox{
- width:120px;
- height:70px;
- position:absolute;
- z-index:9999;
- text-align:right;
- margin: 30px 0px 0px -130px;
- }
- .navibox a{
- font-family:georgia;
- font-size:10px;
- color:{color:NaviText};
- width:100px;
- display:block;
- float:left;
- margin-bottom:0px;
- line-height:12px;
- text-align:right;
- font-style:italic;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- .navibox a:hover{
- color:{color:NaviTextHover};
- text-decoration:line-through;
- }
- .navilinkcircle{
- width:10px;
- font-size:20px;
- line-height:9px;
- color:{color:NaviText};
- display:block;
- float:left;
- text-align:right;
- }
- .navilinkh{
- width:120px;
- font-size:20px;
- color:{color:NaviText};
- display:block;
- float:left;
- }
- .holdxx{
- left:350px;
- top:10px;
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- left:300px;
- bottom:0px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermaLinkPage}
- left:350px;
- {/block:PermaLinkPage}
- right:50px;
- z-index:8;
- position:absolute;
- text-align:center;
- }
- #posts{
- margin-top:20px;
- position:relative;
- margin-bottom: 10px;
- {block:PermalinkPage}
- width: 520px;
- margin-left:0px;
- {/block:PermalinkPage}
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}
- {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
- margin-left:0px;
- float:left;
- display:inline-block;
- margin-bottom: 40px;
- {/block:IndexPage}
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- text-align:center;
- margin-left:auto;
- margin-right:auto;
- padding-right:30px;
- margin-bottom: 10px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- }
- img.center {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .entry{
- position:relative;
- padding:10px;
- font-family: calibri;
- text-align: justify;
- overflow: hidden;
- background-color: {color:EntryBackground};
- font-size: {text:entryfontsize}px;
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}
- {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
- margin-top: 40px;
- display:inline-block;
- {/block:IndexPage}
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- width:250px;
- display:block;
- float:left;
- margin-left:40px;
- margin-bottom: 40px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- width: 500px;
- display:inline-block;
- {/block:PermalinkPage}
- }
- .entry img{
- {block:ifNotMultipleColumnPosts}
- {block:IndexPage}
- {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
- {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
- {/block:IndexPage}
- {/block:ifNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- max-width:250px;
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- max-width: 500px;
- {/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:EntryBold};
- }
- b,strong{
- color: {color:EntryBold};
- }
- i, em{
- color: {color:EntryItalic};
- }
- .entry i, em{
- color: {color:EntryItalic};
- }
- .entry a{
- text-decoration: underline;
- color: {color:EntryLink};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .entry a:hover{
- color: {color:EntryLinkHover};
- text-decoration: none;
- text-shadow: 0.1em 0.1em 0.06em {color:text};
- }
- .entry h1{
- font-family: consolas;
- text-transform: uppercase;
- font-size: 15px;
- font-weight: 20px;
- letter-spacing: 1px;
- }
- .entry h1 a{
- color: {color:EntryLink};
- }
- blockquote{
- border-left: 4px 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:{color:blockquotebackground};
- color:{color:blockquotetext};
- }
- .entry pre a{
- color:{color:BlockquoteLink};
- }
- .entry blockquote pre{
- background-color:{color:blockquotebackground};
- color:{color:blockquotetext};
- font-size:10px;
- font-family:courier new;
- width:95%;
- margin:5px;
- display:block;
- word-wrap:break-word;
- white-space: pre-wrap;
- word-break:break-all;
- }
- .entry blockquote pre a{
- color:{color:BlockquoteLink};
- }
- #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};
- }
- /* tagx */
- .permalink {
- font-family: cambria;
- font-size: 10px;
- color: {color:Text};
- text-transform: uppercase;
- text-align: center;
- width: 500px;
- 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;
- }
- .title a{
- text-decoration:none;
- }
- .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:476px;
- margin-left: 0px;
- list-style-type: none;
- }
- ol.notes li.note {
- background: ;
- padding:5px;
- width:480px;
- 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;
- {block:indexpage}
- {block:ifbigposts}width: 494px;{/block:ifbigposts}
- {block:ifnotbigposts}width: 394px;{/block:ifnotbigposts}
- {/block:indexpage}
- {/block:IfnotMultipleColumnPosts}
- {block:PermaLinkPage}
- height: 216px;
- width: 494px;
- {/block:PermaLinkPage}
- border-bottom: 2px dashed {color:text};
- }
- .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}
- {block:indexpage}
- {block:ifbigposts}max-width: 284px;{/block:ifbigposts}
- {block:ifnotbigposts}max-width: 184px;{/block:ifnotbigposts}
- {/block:indexpage}
- {/block:IfNotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- max-width: 124px;
- {/block:ifMultipleColumnPosts}
- {block:PermaLinkPage}
- max-width: 284px;
- {/block:PermaLinkPage}
- margin-left:0px;
- margin-bottom:10px;
- border-bottom:1px dashed {color:text};
- padding-bottom:2px;
- }
- .audiotitle{
- font-style:italic;
- 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;
- }
- .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};
- }
- .permalast{
- display:block;
- width:100%;
- text-align:center;
- padding:10px 0px 10px 0px;
- font-family:calibri;
- font-size:10px;
- margin-top:10px;
- background-color:{color:permalinkbackground};
- color:{color:permatext};
- }
- .permalast a{
- color:{color:permalink};
- text-decoration:none;
- }
- .permalast a:hover{
- color:{color:permalink};
- text-decoration:line-through;
- }
- #likebuttonx{
- position:absolute;
- display:block;
- float:left;
- margin:-3px 0px 0px 10px;
- z-index:9999;
- }
- .like { /* Make a parent element */
- position: relative;
- }
- .like svg path { /* Select your color of choice */
- fill: {color:likebuttoncolor};
- }
- .like .like_button { /* Position like button above your custom one */
- position: absolute;
- top: 0;
- opacity: 0;
- }
- .like .like_button.liked { /* Keep the functionality active */
- opacity: 1;
- }
- #playertab
- {position:fixed;z-index:1;
- bottom:0px;
- {block:ifLeftBar}
- left:75px;
- {/block:ifLeftBar}
- {block:ifNotLeftBar}
- left:0px;
- {/block:ifNotLeftBar}
- height:10px;
- padding:1px 8px 3px 1px;
- letter-spacing:2px;
- background-color:{color:musicplayertab};
- -moz-border-radius:0px 10px 0px 0px;
- border-radius:0px 10px 0px 0px;
- -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
- .pt{
- margin-left:-140px;
- -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;
- }
- #mus
- {float:left;
- color:{color:musicplayertabtitle};
- padding-left:100px;
- -webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
- #playertab:hover #mus
- {padding-left:0px;
- opacity:0;}
- #playertab:hover .pt
- {margin-left:5px;}
- .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: '.entry',
- columnWidth : 40,
- isFitWidth: true,
- });
- });
- $container.infinitescroll({
- itemSelector : ".entry",
- 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>
- {block:ifMusicTab}
- <div id='playertab'>
- <div class="pt">
- <div style='float:left;width:130px;overflow:hidden;'>{text:musiccode}</div>
- <div id='mus'><img src='https://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif' style='margin-right:8px;'/> {text:musictabtitle}</div>
- </div>
- </div><!--playertab-->
- {/block:ifMusicTab}
- {block:ifLeftBar}
- <div class="leftbg"></div>
- <div class="leftbg2"></div>
- {/block:ifLeftBar}
- <div id="sidebar">
- <div class="naviborder"></div>
- <div class="navibox">
- <div class="navilinkh"><a href="/">Index</a><div class="navilinkcircle">•</div></div>
- <div class="navilinkh" ><a href="/ask">Message</a><div class="navilinkcircle">•</div></div>
- <div class="navilinkh"><a href="/archive" >Archive</a><div class="navilinkcircle">•</div></div>
- <div class="navilinkh"><a href="https://a--themes.tumblr.com/" >Theme</a><div class="navilinkcircle">•</div></div>
- {block:ifLink1Title}
- <div class="navilinkh"><a href="{text:Link1 URL}">{text:Link1 Title}</a><div class="navilinkcircle">•</div></div>
- {/block:ifLink1Title}
- {block:ifLink2Title}
- <div class="navilinkh"><a href="{text:Link2 URL}">{text:Link2 Title}</a><div class="navilinkcircle">•</div></div>
- {/block:ifLink2Title}
- {block:ifLink3Title}
- <div class="navilinkh"><a href="{text:Link3 URL}">{text:Link3 Title}</a><div class="navilinkcircle">•</div></div>
- {/block:ifLink3Title}
- {block:ifLink4Title}
- <div class="navilinkh"><a href="{text:Link4 URL}">{text:Link4 Title}</a><div class="navilinkcircle">•</div></div>
- {/block:ifLink4Title}
- {block:ifLink5Title}
- <div class="navilinkh"><a href="{text:Link5 URL}">{text:Link5 Title}</a><div class="navilinkcircle">•</div></div>
- {/block:ifLink5Title}
- {block:ifLink6Title}
- <div class="navilinkh"><a href="{text:Link6 URL}">{text:Link6 Title}</a><div class="navilinkcircle">•</div></div>
- {/block:ifLink6Title}
- </div>
- <div id="sidebarx">
- <img src="{image:SidebarImage}">
- </div>
- <div class="customlinkbox">
- {block:ifLink7Title}
- <a href="{text:Link7 URL}">{text:Link7 Title}</a>
- {/block:ifLink7Title}
- {block:ifLink8Title}
- <a href="{text:Link8 URL}">{text:Link8 Title}</a>
- {/block:ifLink8Title}
- {block:ifLink9Title}
- <a href="{text:Link9 URL}">{text:Link9 Title}</a>
- {/block:ifLink9Title}
- </div>
- <div id="blogtitle">
- <div class="t1">{</div>
- <div class="t1" style="margin-left:139px">}</div>
- <center><div style="width:120px;">{Title}</div></center>
- </div>
- <center><div id="desc">{Description}</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="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">
- {block:ifBigPosts}
- <img src="{PhotoURL-500}" class="center">
- {/block:ifBigPosts}
- {block:ifNotBigPosts}
- <img src="{PhotoURL-400}" class="center">
- {/block:ifNotBigPosts}
- </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-500}" class="center">
- {LinkCloseTag}
- {/block:PermalinkPage}
- {block:IfShowCaptions}
- {block:IndexPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IndexPage}
- {/block:IfShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:ifnotMultipleColumnPosts}
- {block:IndexPage}
- <div class="mono">
- {block:ifBigPosts}
- <div class="photosetfade"><center>{Photoset-500}</center></div>
- {/block:ifBigPosts}
- {block:ifNotBigPosts}
- <div class="photosetfade"><center>{Photoset-400}</center></div>
- {/block:ifNotBigPosts}
- </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-500}
- {/block:PermalinkPage}
- {block:IfShowCaptions}
- {block:IndexPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IndexPage}
- {/block:IfShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Link}
- <div class="title">
- <a href="{URL}" {Target}><span class="fontawesome-link"></span> {Name}</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:IndexPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IndexPage}
- {/block:IfShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- {block:ifnotMultipleColumnPosts}
- {block:IndexPage}
- {block:ifBigPosts}
- {Video-500}
- {/block:ifBigPosts}
- {block:ifNotBigPosts}
- {Video-400}
- {/block:ifNotBigPosts}
- {/block:IndexPage}
- {/block:ifnotMultipleColumnPosts}
- {block:ifMultipleColumnPosts}
- {block:IndexPage}
- {Video-250}
- {/block:IndexPage}
- {/block:ifMultipleColumnPosts}
- {block:PermalinkPage}
- {Video-500}
- {/block:PermalinkPage}
- {block:IfShowCaptions}
- {block:IndexPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:IndexPage}
- {/block:IfShowCaptions}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/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:indexpage}
- <div class="permalast">
- {block:IfNotInfiniteScrolling}
- <div id="likebuttonx" class="like">
- <svg width="14" height="14" viewBox="0 0 19 16" xmlns="https://www.w3.org/2000/svg\" xmlns:xlink="https://www.w3.org/1999/xlink" fill="#000000">
- <path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path>
- </svg>
- {LikeButton size="14"}
- </div>
- {/block:IfNotInfiniteScrolling}
- {block:IfInfiniteScrolling}
- <div id="likebuttonx">
- {LikeButton size="14" color="white"}
- </div>
- {/block:IfInfiniteScrolling}
- <a href="{Permalink}">{NoteCountWithLabel}</a> +
- <a href="{ReblogURL}"> Reblog </a>
- {block:RebloggedFrom}+
- <a href="{ReblogRootURL}" title="Origin"> Ori</a>
- <a href="{ReblogParentURL}" title="Via">.Via</a>
- {/block:RebloggedFrom}
- {block:IfShowTags}
- {block:HasTags}
- <br/>
- <center>
- <div style="width:80%;display:inline-block;">
- Tags:
- {block:Tags}
- <a href="/tagged/{Tag}">#{Tag}</a>
- {/block:Tags}
- </div>
- </center>
- {/block:HasTags}
- {/block:IfShowTags}
- </div>
- {/block:indexpage}
- </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>
Add Comment
Please, Sign In to add comment