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="#e5dbc2" />
- <meta name="color:BlockquoteBorder" content="#5c5363" />
- <meta name="color:BlockquoteLink" content="#1aa38e" />
- <meta name="color:BlockquoteText" content="#5c5363" />
- <meta name="color:BlogTitle" content="#797762" />
- <meta name="color:Bold" content="#86649b" />
- <meta name="color:CustomBackground" content="#c1bfa4"/>
- <meta name="color:CustomText" content="#ffffff"/>
- <meta name="color:DescBold" content="#86649b" />
- <meta name="color:DescItalic" content="#b997ce" />
- <meta name="color:DescLink" content="#738965" />
- <meta name="color:DescText" content="#5c5363" />
- <meta name="color:EntryBackground" content="#f2f2f2" />
- <meta name="color:Italic" content="#5d7979" />
- <meta name="color:Link" content="#1ba38e" />
- <meta name="color:LinkHover" content="#b8d6bd" />
- <meta name="color:MusicPlayer" content="#c1bfa4" />
- <meta name="color:NaviBackground" content="#c1bfa4" />
- <meta name="color:NaviText" content="#ffffff" />
- <meta name="color:NavigateBackground" content="#c1bfa4" />
- <meta name="color:NavigateText" content="#5c5363" />
- <meta name="color:PermaLink" content="#797762" />
- <meta name="color:PermaLinkBackground" content="#ffffe7" />
- <meta name="color:PermaLinkHover" content="#5c5363" />
- <meta name="color:PostTitle" content="#797762" />
- <meta name="color:PostTitleBackground" content="#c1bfa4" />
- <meta name="color:QuoteSourceItalic" content="#999999" />
- <meta name="color:QuoteSourceLink" content="#f1f1f1" />
- <meta name="color:RightFlowerColor" content="#797762" />
- <meta name="color:SidebarBackground" content="#f2f2f2" />
- <meta name="color:Text" content="#5c5363" />
- <meta name="if:InfiniteScrolling" content="0" />
- <meta name="if:ShowTags" content="1" />
- <meta name="if:ShowCaptions" content="1">
- <meta name="if:MusicPlayer" content="1">
- <meta name="if:FadingPhoto" content="0" />
- <meta name="if:CustomLinkHideEffect" content="1" />
- <meta name="if:CustomLinks" content="1" />
- <meta name="if:RightFlowers" content="1" />
- <meta name="if:Big Posts" content="0" />
- <meta name="if:Monochrome" content="0" />
- <meta name="image:SidebarImg" content="https://40.media.tumblr.com/fbf12261fa09cfd9be8a9983cedb0108/tumblr_o3y21qvxGI1rd6t1go1_r3_250.png"/>
- <meta name="image:BackgroundImage" content="https://static.tumblr.com/965c5a51ece171e7b6a865b89e91a96e/7fjp0ap/5FMn4zytg/tumblr_static_8e2e2eoui50c0sgccg8ogos0c.png"/>
- <meta name="image:CornerImage" content="" />
- <meta name="text:Background Repeat" content="repeat"/>
- <meta name="text:NavigateText" content="Navigate"/>
- <meta name="text:Subtitle" content=""/>
- <meta name="text:MusicCode" content=""/>
- <meta name="text:Link1" content="" />
- <meta name="text:URL1" content="/"/>
- <meta name="text:Link2" content="" />
- <meta name="text:URL2" content="/"/>
- <meta name="text:Link3" content="" />
- <meta name="text:URL3" content="/"/>
- <meta name="text:Link4" content="" />
- <meta name="text:URL4" content="/"/>
- <meta name="text:Link5" content="" />
- <meta name="text:URL5" content="/"/>
- <meta name="text:Link6" content="" />
- <meta name="text:URL6" content="/"/>
- <head>
- <link href='https://static.tumblr.com/7fjp0ap/DJQn504b1/stylesheet.css' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
- <link href='https://static.tumblr.com/7fjp0ap/Pbtn502c2/stylesheet.css' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Satisfy' 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">
- <link rel="shortcut icon" href="{Favicon}">
- <title>{Title}</title>
- <script src="https://static.tumblr.com/n82fyzo/XjQmg8058/cufon-yui.js" type="text/javascript"></script>
- <script src="https://static.tumblr.com/7fjp0ap/W5tn44wot/pixel_millennium_400.font.js" type="text/javascript"></script>
- <script type="text/javascript">
- Cufon.replace('#desc');
- </script>
- <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;
- }
- @font-face {
- font-family: "heather";
- src: url('https://static.tumblr.com/7fjp0ap/yh5mcyonf/heather_.ttf');}
- @font-face {
- font-family: "tommaso";
- src: url('https://static.tumblr.com/7fjp0ap/L63mbsxdh/tommaso.otf');}
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:entrybackground};
- height: 30px;
- }
- ::-webkit-scrollbar {
- height: 30px;
- width: 3px;
- background-color: {color:text};
- }
- 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};
- }
- .side{
- top:-20px;
- right:-20px;
- bottom:0px;
- width:80px;
- line-height:25px;
- position:fixed;
- font-size:53px;
- color:{color:RightFlowerColor};
- font-family: 'menina_graciosa_ornaments_tRg';
- word-wrap:break-word;
- white-space: pre-wrap;
- word-break:break-all;
- }
- #sidebar{
- width: 250px;
- top: 0px;
- bottom: 0px;
- right: 60px;
- text-align: center;
- background-color: {color:sidebarbackground};
- position: fixed;
- z-index: 2;
- padding:2px;
- display:inline-block;
- }
- #sidebarx img{
- margin-top: 5px;
- width: 250px;
- border-top: 1px solid {color:custombackground};
- border-bottom: 1px solid {color:custombackground};
- }
- #desc{
- padding: 5px;
- width: 230px;
- display: inline-block;
- margin-top: 5px;
- margin-bottom: 10px;
- color:{color:desctext};
- font-size: 8px;
- text-transform:uppercase;
- }
- #desc a{
- color: {color:desclink};
- border-bottom: 1px solid {color:desclink};
- -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 a:hover{
- border-bottom: 1px solid {color:desctext};
- }
- #desc b,strong{
- color: {color:descbold};
- }
- #desc i,em{
- color: {color:descitalic};
- }
- #sidetitle{
- width: 240px;
- line-height:15px;
- display: inline-block;
- padding:5px 0px 5px 0px;
- font-size: 22px;
- text-align: center;
- letter-spacing: 1px;
- margin-top: 35px;
- text-transform: none;
- position:relative;
- font-family: 'before_the_rainregular';
- color: {color:blogtitle};
- border-bottom:1px dashed {color:blogtitle};
- }
- .subtitle{
- margin-top:5px;
- line-height:10px;
- font-family:consolas;
- font-size:10px;
- color:{color:desctext};
- text-align:left;
- width: 240px;
- padding:5px 0px 0px 0px;
- }
- #navibox{
- margin-top: 5px;
- width: 250px;
- display: inline-block;
- text-align: center;
- }
- .navs img{
- position:relative;
- z-index:999;
- width:55px;
- height:55px;
- display:inline-block;
- -moz-border-radius: 70px 70px 70px 70px;
- -webkit-border-radius: 70px 70px 70px 70px;
- border-radius: 70px 70px 70px 70px;
- border:3px solid {color:sidebarbackground};
- }
- .navi{
- margin-top:10px;
- display: block;
- position:absolute;
- width: 250px;
- }
- .navi a{
- display: block;
- float:left;
- font-family: calibri;
- font-size: 10px;
- width: 50%;
- height: 20px;
- line-height: 20px;
- margin-bottom:2px;
- text-align: center;
- color: {color:navitext};
- background-color: {color:navibackground};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- .navi a:hover{
- color: {color:navibackground};
- background-color: {color:navitext};
- }
- #custombox{
- width: 243px;
- display: inline-block;
- text-align: center;
- }
- #custombox a{
- display: inline-block;
- width: 110px;
- padding: 5px;
- font-size: 9px;
- margin-bottom: 2px;
- text-align: center;
- font-family: calibri;
- color: {color:customtext};
- background-color: {color:custombackground};
- text-transform: uppercase;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #custombox a:hover{
- color: {color:custombackground};
- background-color:{color:customtext};
- letter-spacing: 2px;
- text-align: center;
- }
- #pagi{
- position: fixed;
- {block:ifBigPosts}right: 980px;{/block:ifBigPosts}
- {block:ifNotBigPosts}right: 880px;{/block:ifNotBigPosts}
- bottom: 20px;
- width:90px;
- line-height: 10px;
- color:{color:text};
- }
- #pagi a{
- display:block;
- margin-bottom:3px;
- text-align:center;
- width:90px;
- height:20px;
- font-family: cambria;
- font-size:18px;
- line-height:20px;
- color: {color:text};
- background-color:{color:entrybackground};
- }
- #pagi h{
- display:block;
- margin-bottom:3px;
- text-align:center;
- width:90px;
- height:20px;
- font-family: cambria;
- font-size:11px;
- line-height:20px;
- color: {color:text};
- background-color:{color:entrybackground};
- }
- #posts{
- {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
- margin-right: 370px;
- margin-bottom:40px;
- float: right;
- position:relative;
- z-index:998;
- }
- img.center {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- .entry{
- {block:ifBigPosts}width: 500px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width: 400px;{/block:ifNotBigPosts}
- padding: 10px;
- margin-top: 40px;
- font-family: calibri;
- font-size: 11px;
- text-align:justify;
- overflow: hidden;
- background-color: {color:EntryBackground};
- border-bottom:1px dotted {color:text};
- border-top:1px dotted {color:text};
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- .entry:hover{
- border-bottom:1px solid {color:text};
- border-top:1px solid {color:text};
- }
- .entry img{
- {block:ifBigPosts}max-width: 500px;{/block:ifBigPosts}
- {block:ifNotBigPosts}max-width: 400px;{/block:ifNotBigPosts}
- {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};
- }
- .entry i, em{
- color: {color:Italic};
- }
- .entry a{
- color: {color:Link};
- text-decoration: none;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- .entry a:hover{
- color: {color:LinkHover};
- text-decoration: none;
- }
- .entry h1{
- font-family: consolas;
- text-transform: uppercase;
- font-size: 15px;
- font-weight: 20px;
- letter-spacing: 1px;
- }
- .entry h1 a{
- color: {color:NormalLink};
- }
- .entry blockquote{
- border-left: 3px solid {color:blockquoteborder};
- background-color:{color:blockquotebackground};
- color:{color:blockquotetext};
- font-size: 11px;
- padding:1px 4px 1px 10px;
- margin:5px;
- text-align:justify;
- }
- .entry blockquote a{
- color:{color:BlockquoteLink};
- }
- .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:93%;
- 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};
- }
- b,strong{
- color:{color:bold};
- background-color:{color:boldbackground};
- }
- i,em{
- color:{color:italic};
- }
- /* NEW PERMA START */
- .entry:hover #permanew{
- opacity: 1;
- margin-left: -30px;
- }
- #permanew{
- z-index: 999;
- {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
- display: block;
- margin-top: 3px;
- margin-left:-10px;
- float:left;
- text-align: right;
- padding: 0px;
- opacity: 0;
- position: absolute;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #permanew a{
- font-style: none;
- display:block;
- margin-right:5px;
- float:right;
- padding:0px 1px 0px 1px;
- color: {color:PermaLink};
- background-color:{color:PermaLinkBackground};
- border:1px solid {color:permalink};
- font-family: calibri;
- font-size: 10px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #perma a:hover {
- color: {color:PermaLinkHover};
- font-style: none;
- }
- /* NEW PERMA END */
- .tags{
- z-index: 999;
- {block:ifBigPosts}width: 520px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width: 420px;{/block:ifNotBigPosts}
- display: block;
- margin-top: -18px;
- margin-left:-10px;
- float:left;
- text-align: left;
- padding: 0px;
- opacity: 0;
- position: absolute;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- .tags a{
- font-style: none;
- display:block;
- margin-left:5px;
- float:left;
- padding:0px 1px 0px 1px;
- color: {color:PermaLink};
- background-color:{color:PermaLinkBackground};
- border:1px solid {color:permalink};
- font-family: calibri;
- font-size: 10px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- .tags a:hover {
- color: {color:PermaLinkHover};
- font-style: none;
- }
- .entry:hover .tags {
- opacity: 1;
- margin-left: 10px;
- }
- .permalink {
- font-family: cambria;
- font-size: 10px;
- color: {color:Text};
- text-transform: uppercase;
- text-align: center;
- {block:ifBigPosts}width: 494px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width: 394px;{/block:ifNotBigPosts}
- padding:10px;
- margin-top: 20px;
- margin-bottom: 10px;
- margin-left: -10px;
- float: left;
- background-color: {color:entrybackground};
- }
- .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-top: 5px;
- padding-bottom: 5px;
- font-size: 30px;
- margin-bottom:10px;
- font-family: tommaso;
- line-height: 100%;
- letter-spacing: 2px;
- text-transform: uppercase;
- text-align: center;
- border-left: 10px solid {color:posttitle};
- border-right: 10px solid {color:posttitle};
- background-color: {color:posttitlebackground};
- }
- .title2{
- color: {color:PostTitle};
- padding:20px;
- font-size: 24px;
- margin-bottom:10px;
- display:block;
- text-transform: none;
- text-align: center;
- font-family: elephant,calibri;
- background-color: {color:posttitlebackground};
- border:1px solid {color:posttitle};
- -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-color:{color:EntryBackground};
- font-family:tahoma;
- font-size:10px;
- padding-top:10px;
- border: 0px;
- padding-left:15px;
- margin-top:10px;
- {block:ifBigPosts}width:476px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width:376px;{/block:ifNotBigPosts}
- margin-left: 0px;
- list-style-type: none;}
- ol.notes li.note {
- background: ;
- padding:5px;
- {block:ifBigPosts}width:480px;{/block:ifBigPosts}
- {block:ifNotBigPosts}width:380px;{/block:ifNotBigPosts}
- 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{
- height: 216px;
- margin-bottom:10px;
- display:inline-block;
- text-align: left;
- {block:indexpage}
- {block:ifbigposts}width: 494px;{/block:ifbigposts}
- {block:ifnotbigposts}width: 394px;{/block:ifnotbigposts}
- {/block:indexpage}
- {block:permalinkpage}
- width: 494px;
- {/block:permalinkpage}
- border-bottom: 2px solid {color:text};
- }
- .cover {
- width:200px;
- height: 200px;
- display: block;
- position:absolute;
- z-index:2;
- }
- .cover img{
- width:200px;
- height: 200px;
- opacity:1;
- border:3px solid {color:text};
- }
- .coverx{
- width:200px;
- height: 200px;
- display: block;
- position:absolute;
- z-index:1;
- }
- .coverx img{
- width:200px;
- height: 200px;
- border:3px solid {color:text};
- }
- .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;
- margin-top:85px;
- }
- .playbox {
- opacity: 0.8;
- background-color: #000000;
- position: absolute;
- z-index: 1000;
- margin-left:3px;
- margin-top:3px;
- width:30px;
- height: 200px;
- 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{
- width:200px;
- }
- .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;
- }
- .infomusic {
- font-size:10px;
- text-align:left;
- padding-left:10px;
- {block:indexpage}
- {block:ifbigposts}width: 284px;{/block:ifbigposts}
- {block:ifnotbigposts}width: 184px;{/block:ifnotbigposts}
- {/block:indexpage}
- {block:permalinkpage}
- width: 284px;
- {/block:permalinkpage}
- margin-left:0px;
- margin-bottom:10px;
- background-color:{color:text};
- color:{color:entrybackground};
- padding-bottom:2px;
- }
- .audiotitle{
- font-style:italic;
- font-size:11px;
- font-family:calibri;
- text-transform:uppercase;
- }
- .odd .line {
- padding: 3px;
- margin-bottom:3px;
- border-bottom: 2px solid {color:text};
- }
- .even .line {
- padding:3px;
- margin-bottom:3px;
- border-bottom: 2px solid {color:text};
- }
- .odd .name {
- padding: 3px;
- }
- .even .name {
- padding: 3px;
- }
- #hide{
- display:block;
- margin-bottom:10px;
- width: 250px;
- background-color:{color:navigatebackground};
- color:{color:navigatetext};
- line-height:12px;
- font-size:20px;
- font-family: 'Satisfy', cursive;
- }
- #hide h{
- background-color:{color:navigatebackground};
- color:{color:navigatetext};
- }
- #musicboxx
- {position:fixed;
- bottom:0px;
- left:0px;
- width:95px;
- height:12px;
- background-color:{color:musicplayer};
- text-align:center;
- padding:3px;
- overflow:hidden;
- opacity:0.3;
- z-index:9999999;
- -webkit-transition: opacity 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #musicboxx:hover
- {opacity:1;
- }
- #insidebox
- {height:11px;
- -webkit-transition: opacity 0.5s ease-in-out;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #playerbox
- {margin-top:5px;
- }
- #musicboxx:hover #insidebox
- {margin-top:-15px;
- }
- .tmblr-iframe {
- right:850px !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>
- {block:IfCustomLinkHideEffect}
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery("#custombox").hide();
- //toggle the componenet with class msg_body
- jQuery("#hide").click(function()
- {
- jQuery(this).next("#custombox").slideToggle(500);
- });});
- </script>
- {/block:IfCustomLinkHideEffect}
- </head>
- {block:IfInfiniteScrolling}
- <script type="text/javascript" src="https://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:IfInfiniteScrolling}
- <body>
- {block:ifmusicplayer}
- <div id="musicboxx">
- <div id="insidebox">
- <div id="musicpic"><img src="https://static.tumblr.com/rltvkjt/jwflmr3vh/marcadores71.gif"></div>
- <div id="playerbox">
- {text:musiccode}
- </div>
- </div><!-- insidebox -->
- </div><!-- musicbox -->
- {/block:ifmusicplayer}
- {block:IfNotInfiniteScrolling}
- <div id="pagi">
- {block:Pagination}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- <h>
- {CurrentPage}/{TotalPages}
- </h>
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {/block:Pagination}
- </div>
- {/block:IfNotInfiniteScrolling}
- {block:ifrightflowers}
- <div class="side">
- abcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdefabcdef
- </div>
- {/block:ifrightflowers}
- <div id="sidebar">
- <div id="sidetitle">
- {Title}
- </div>
- <div class="subtitle">
- {text:subtitle}
- </div>
- <div id="sidebarx">
- <img src="{image:sidebarimg}">
- </div>
- <div id="navibox">
- <div class="navi">
- <a href="/" >Home</a>
- <a href="/ask" >Ask</a>
- <a href="/archive" >Archive</a>
- <a href="https://dianthus-s.tumblr.com/" >Theme</a>
- </div>
- <div class="navs">
- <img src="{PortraitURL-96}">
- </div>
- </div>
- <center>
- <div id="desc">
- {Description}
- </div>
- </center>
- {block:ifCustomLinks}
- <a id="hide" style="cursor:pointer;">{text:NavigateText}</a>
- <div id="custombox">
- {block:ifLink1}<a href="{text:URL1}" >{text:Link1}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:URL2}" >{text:Link2}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:URL3}" >{text:Link3}</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:URL4}" >{text:Link4}</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:URL5}" >{text:Link5}</a>{/block:ifLink5}
- {block:ifLink6}<a href="{text:URL6}" >{text:Link6}</a>{/block:ifLink6}
- </div>
- {/block:ifCustomLinks}
- </div>
- <div id="posts">
- {block:Posts}
- <div class="entry" >
- {block:indexpage}
- {block:IfShowTags}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="/tagged/{Tag}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IfShowTags}
- {block:indexpage}
- {block:Text}
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <div class="mono">
- <img src="{PhotoURL-500}" class="center">
- </div>
- {LinkCloseTag}
- {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:IfBigPosts}
- <div class="mono">
- <div class="photosetfade">
- {Photoset-500}
- </div>
- </div>
- {/block:IfBigPosts}
- {block:IfNotBigPosts}
- <div class="mono">
- <div class="photosetfade">
- {Photoset-400}
- </div>
- </div>
- {/block:IfNotBigPosts}
- {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:IfBigPosts}{Video-500}{/block:IfBigPosts}
- {block:IfNotBigPosts}{Video-400}{/block:IfNotBigPosts}
- {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:IndexPage}
- <div id="permanew">
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}">Ori</a>
- <a href="{ReblogParentURL}">Via</a>
- {/block:RebloggedFrom}
- {block:Date}
- <a href="{Permalink}">{TimeAgo}</a>
- {/block:Date}
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- <a href="{ReblogURL}">REBLOG</a>
- </div>
- {block:IndexPage}
- </div>
- {/block:Posts}
- </div>
- <div>
- <img src="{image:cornerimage}" style="position:fixed;
- max-height: 100%;
- max-width: 500px;
- left:-20px;
- bottom:-5px;
- z-index:-9;
- ">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment