Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- code by fotnsmutual
- credit me and @ me if u use this theme id love 2 see how it turns out
- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:favicon}">
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="image:favicon" content=""/>
- <meta name="image:render" content=""/>
- <meta name="color:background" content="#fff"/>
- <meta name="color:text" content="#d3d3d3"/>
- <meta name="color:link" content="#ADD8E6"/>
- <meta name="color:link hover" content="#72bcd4"/>
- <meta name="color:post bg" content="#fff"/>
- <meta name="color:border" content="#d3d3d3"/>
- <meta name="color:ask bg" content="#fbfbfb"/>
- <meta name="if:title" content="1"/>
- <meta name="if:sidebar img" content="1"/>
- <meta name="if:description" content="1"/>
- <meta name="if:full bg" content="0"/>
- <meta name="select:post size" content="250px"/>
- <meta name="select:post size" content="300px"/>
- <meta name="select:post size" content="350px"/>
- <meta name="select:post size" content="400px"/>
- <meta name="select:border" content="solid"/>
- <meta name="select:border" content="dotted"/>
- <meta name="select:border" content="dashed"/>
- <meta name="select:border" content="outset"/>
- <meta name="select:font" content="arial"/>
- <meta name="select:font" content="ms gothic"/>
- <meta name="select:font" content="consolas"/>
- <meta name="text:link divider" content="+"/>
- <meta name="text:link 1" content=""/>
- <meta name="text:link 1 url" content="/"/>
- <meta name="text:link 2" content=""/>
- <meta name="text:link 2 url" content="/"/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content=""/>
- <meta name="text:link 4 url" content="/"/>
- <style>
- body {
- font-size: 14px;
- color: {color:text};
- background-image: url('{image:background}');
- {block:ifnotfullbg}
- background-repeat: repeat;
- background-attachment: fixed;
- {/block:ifnotfullbg}
- {block:iffullbg}
- background-size: cover;
- background-attachment: fixed;
- {/block:iffullbg}
- background-color: {color:background};
- font-family: {select:font};
- }
- ul {
- list-style-type: hiragana;
- }
- a, a:visited {
- border-bottom: 1px dotted {color:Border};
- text-decoration: none;
- color:{color:link};
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- }
- a:hover {
- color:{color:link hover};
- transition-duration: .3s;
- -webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -o-transition-duration: .3s;
- }
- #entries {
- position: relative;
- padding: 15px;
- border: 1px {select:border} {color:border};
- width: {select:post size};
- margin: 30px 5px 20px 400px;
- background: {color:post bg};
- }
- #entries blockquote {
- color: {color:text};
- border-left: 1px {select:border}{color:border};
- padding: 0px 0px 0px 5px;
- }
- #sidebar {
- position:fixed;
- margin-left: 200px;
- margin-top: 100px;
- width: 150px;
- }
- #sidebar img {
- width: 120px;
- height: 120px;
- border: 1px {select:border} {color:border};
- #sidebar .title {
- font-size: 13px;
- margin-bottom: 5px;
- }
- #sidebar .clicky {
- margin-top: 10px;
- }
- #sidebar .desc {
- margin-top: 20px;
- }
- }
- .ask {
- background: {color:ask bg};
- border: 1px {select:border}{color:border};
- padding: 5px;
- }
- #credit {
- position: fixed;
- padding: 7px;
- border: 1px {select:border}{color:border};
- width: 10px;
- height: 7;
- line-height: 90%;
- bottom: 5px;
- left: 5px;
- }
- #portrait {
- #musicplayer {
- position: fixed;
- top: 20px;
- left: 20px;}
- #musicplayer:hover .up{
- width:200px; /** change the width if not enough space for the song here **/
- opacity:1;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- transition:all 0.7s;}
- .shut {
- border: 1px solid #000; /** change the border colour here **/
- background-color:#fff;
- padding-top:2px;
- padding-right:1px;
- position: fixed;
- width: 20px;
- height:20px;
- margin: 4px 5px 0px 0px;
- overflow: hidden;
- z-index: 9999;}
- .up {
- position: fixed;
- background-color:#fff;
- top: 20px;
- left: 42px;
- font: 11px consolas;
- text-align:center;
- border: 1px solid #000;
- padding-top:6px;
- padding-right:1px;
- position: fixed;
- width: 0px;
- height:16px;
- margin: 4px 5px 0px 0px;
- overflow: hidden;
- z-index: 9999;
- opacity:0;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- transition:all 0.7s;}
- #musicplayer {
- position: fixed;
- top: 80px;
- left: 20px;}
- #musicplayer:hover .up{
- width:200px;
- opacity:1;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- transition:all 0.7s;}
- .shut {
- border: 1px solid #000;
- background-color:#fff;
- padding-top:2px;
- padding-right:1px;
- position: fixed;
- width: 20px;
- height:20px;
- margin: 4px 5px 0px 0px;
- overflow: hidden;
- z-index: 9999;}
- .up {
- position: fixed;
- background-color:#fff;
- top: 80px;
- left: 42px;
- font: 11px consolas;
- text-align:center;
- border: 1px solid #000;
- padding-top:6px;
- padding-right:1px;
- position: fixed;
- width: 200px;
- height:16px;
- margin: 4px 5px 0px 0px;
- overflow: hidden;
- z-index: 9999;
- opacity:0;
- -webkit-transition:all 0.7s;
- -moz-transition:all 0.7s;
- -ms-transition:all 0.7s;
- -o-transition:all 0.7s;
- transition:all 0.7s;}
- #musicicon {
- position: fixed;
- top: 20px;
- left: 20px;
- width: 26px;
- height: 26px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .micon {
- z-index: 1;
- width: 15px;
- background: #5EC6CB;
- padding: 2px;
- width: 26px;
- height: 26px;
- border-radius: 4px;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .micon:hover{
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
- }
- .micon img { width: 15px; margin: 5px; }
- .musicplayer {
- z-index: -1;
- position: absolute;
- margin-top: -30px;
- background: #fff;
- border: 1px solid #5EC6CB;
- margin-left: 5px;
- border-radius: 4px;
- width: 0px;
- padding: 9px;
- overflow: hidden;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- transition: all .7s ease;
- }
- .mplayer { margin-left: -27px; }
- #musicicon:hover .musicplayer {
- margin-left: 29px;
- width: 120px;
- border-top-left-radius: 0px;
- border-bottom-left-radius: 0px;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- }
- #musicicon:hover .micon {
- border-top-left-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top-right-radius: 0px;
- border-bottom-right-radius: 0px;
- }
- </style>
- <head>
- </head>
- <body>
- </div>
- <div class="musicplayer">
- <div class="mplayer">
- <embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://kiwi6.com/artists/Pooka/tainted-love&t0=tainted love&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
- </div>
- </div>
- </div>
- <div id="sidebar">
- <center>
- {block:iftitle}
- <div class="title">
- {Title}
- </div>
- {/block:iftitle}
- {block:ifsidebarimg}
- <img src="{image:sidebar}">
- {/block:ifsidebarimg}
- <div class="clicky">
- {block:iflink1}
- <a href="{text:link 1 url}">{text:link 1}</a> {text:link divider}
- {/block:iflink1}
- {block:iflink2}
- <a href="{text:link 2 url}">{text:link 2}</a> {text:link divider}
- {/block:iflink2}
- {block:iflink3}
- <a href="{text:link 3 url}">{text:link 3}</a> {text:link divider}
- {/block:iflink3}
- {block:iflink4}
- <a href="{text:link 4 url}">{text:link 4}</a>
- {/block:iflink4}
- </div>
- {block:ifdescription}
- <div class="desc">
- {Description}
- </div>
- {/block:ifdescription}
- <div id="pages">
- {block:PreviousPage}
- <a href="{PreviousPage}">previous</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next</a>
- {/block:NextPage}
- </div>
- </center>
- </div>
- <!-- POSTS -->
- <div id="content">
- {block:Posts}
- <div id="entries">
- {block:NoRebloggedFrom}
- {block:RebloggedFrom}
- {ReblogParentName}
- {/block:RebloggedFrom}
- {/block:NoRebloggedFrom}
- {block:ContentSource}
- <!-- {SourceURL}
- {block:SourceLogo}
- <img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:Text}
- {block:Title}
- <b>{Title}</b>
- {block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}" style="width: {select:post size};">
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {LinkOpenTag}
- {Photoset}
- {LinkCloseTag}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- {Quote}
- {block:Source}
- {Source}
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" target="_blank">{Name}</a>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <b>{Title}</b>
- {/block:Title}
- {block:Lines}
- <div class="line {Alt}">
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}
- </div>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}
- {AudioPlayer}
- {block:AudioPlayer}
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- {block:Artist}
- {Artist}
- {/block:Artist}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- <div style="overflow:hidden;">
- {Video-400}
- </div>
- {block:Caption}
- {Caption}
- {block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="ask">
- {Asker} said:
- {Question}
- </div>
- {Answer}
- {block:Answerer}
- {Answerer}
- {/block:Answerer}
- {/block:Answer}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- <!-- PERMALINK -->
- {block:Date}
- <div class="permalink" style="margin-top:5px;">
- <a href="{Permalink}">
- {TimeAgo}
- +{NoteCount};
- {block:HasTags}
- {block:Tags}
- {Tag}
- {/block:Tags}
- {/block:HasTags}
- </a>
- </div>
- {/block:Date}
- <div id="credit">
- <a href="http://fotnsmutual.tumblr.com"> <3 </a>
- </div>
- <img src={image:render} height=400 style='position:fixed;bottom:0px;left:700px;z-index:999’/>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment