Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!-------------------------------
- MEDUSA VIRUS VERSION 1 BY NINPEN.TUMBLR.COM
- DO NOT REMOVE THE CREDIT.
- HOW TO INSTALL
- 1. Click on customize theme then click on edit HTML
- 2. delete the entire code, and replace it with the code for this theme
- 3. Click on update preview then click on appearance.
- 4. Click save. Now refresh the screen. Now you can customize the appearance
- ___________________________________________________________________________
- If there's a problem with the theme, or you need help, just ask me.
- --------------------------------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta name="if:normalposts" content=""/>
- <meta name="if:grayscale" content="0"/>
- <meta name="if:mediumposts" content=""/>
- <meta name="if:smallposts" content="1"/>
- <meta name="if:EndlessScroll" content=""/>
- <meta name="color:navigation text" content="#fff"/>
- <meta name="color:navigation text hover" content="#fff72b"/>
- <meta name="color:info text" content="#fff"/>
- <meta name="color:info BG" content="#1f1d1d"/>
- <meta name="color:Link" content="#1f1d1d"/>
- <meta name="color:Link-hover" content="#555555"/>
- <meta name="color:Background" content ="#fcfcfc"/>
- <meta name="color:navigation BG" content="#000"/>
- <meta name="color:posts" content ="#ffffff"/>
- <meta name="color:description BG" content ="#ffffff"/>
- <meta name="color:description text" content ="#313131"/>
- <meta name="color:Text" content="#4e4e4e"/>
- <meta name="color:H1 text" content ="#666"/>
- <meta name="color:H2 text" content ="#1F1D1D"/>
- <meta name="color:H2 BG" content ="#fff"/>
- <meta name="color:H1 BG" content ="#fff"/>
- <meta name="color:navigation bottom BG" content ="#000"/>
- <meta name="image:background image" content=""/>
- <meta name="image:portrait" content="http://static.tumblr.com/1f1tzta/BfLm7kqvy/untitled-2.png"/>
- <meta name="text:Custom Link One" content=""/>
- <meta name="text:Custom Link One URL" content=""/>
- <meta name="text:Custom Link Two" content=""/>
- <meta name="text:Custom Link Two URL" content=""/>
- <meta name="text:Custom Link Three" content=""/>
- <meta name="text:Custom Link Three URL" content=""/>
- <meta name="text:Custom Link Four" content=""/>
- <meta name="text:Custom Link Four URL" content=""/>
- {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
- <script type="text/javascript" src="http://static.tumblr.com/1f1tzta/8D5m7he1x/scripted.js"></script>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'>
- <style type="text/css">
- #scrollToTop:link,#scrollToTop:visited {
- color: transparent;
- background-color: transparent;
- display: none;
- position: fixed;
- top: 25px;
- right: 5px;
- }
- ::-webkit-scrollbar {width: 7px; height: 4px; background: #ffffff; }
- ::-webkit-scrollbar-thumb { background-color: #FBE9F2;}
- body {
- background-color: {color:Background};
- background-attachment: fixed;
- background-repeat: repeat;
- background-image: url({image:background image});
- }
- body, div, p, textarea, submit, input{
- font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
- color: {color:text};
- font-size: 10px;
- line-height: 13px;
- margin: 0px;
- }
- a:link, a:active, a:visited{
- color: {color:Link};
- text-decoration: none;
- }
- a:hover {
- color:{color:Link-hover};
- }
- h1{
- border-bottom: 1pt solid #eee;
- line-height: 15pt;
- font-family: courier new;
- text-transform: uppercase;
- font-size: 9px;
- letter-spacing: 2px;
- margin-bottom: 7px;
- text-align: center;
- background-color:{color:h1 BG};
- color:{color:h1 text};
- }
- h1 a{
- color:{color:h1 text};
- }
- h2 {
- font-size: 8pt;
- font-weight:100;
- font-family: 'Lora', serif;
- font-style: italic;
- text-align:center;
- text-transform: none;
- letter-spacing: 1px;
- background-color:{color:h2 BG};
- color: {color:h2 text};
- }
- .side {
- background-color:;
- padding: 5px;
- float: right;
- width: 160px;
- position:fixed;
- left: -600;
- bottom:350px;
- {block:IndexPage}
- {block:Ifnormalposts}margin-left:280px;{/block:Ifnormalposts}
- {block:Ifmediumposts}margin-left:230px;{/block:Ifmediumposts}
- {block:Ifsmallposts}margin-left:155px;{/block:Ifsmallposts}
- {/block:IndexPage}
- {block:PermalinkPage}margin-left:280px;{/block:PermalinkPage}
- }
- {block:ifshowdesconhover}#image:hover #desc {
- margin-left:15px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }{/block:ifshowdesconhover}
- .portrait img{
- margin-bottom:5px;
- max-width:160px;
- background: hsl(0, 0%, 100%);
- border: 5px solid hsl(0, 0%, 97%);
- padding: 5px;
- outline: 5px solid hsl(330, 70%, 97%);
- box-shadow:0 0 0 10px hsl(0, 0%, 94%)),
- 0 0 0 15px hsl(0, 0%, 97%);
- }
- #description{
- left:-5px;
- position:absolute;
- padding:7px;
- margin-top:10px;
- text-align:center;
- border-bottom:1px dotted #eee;
- background-color:{color:description BG};
- color:{color:description text};
- width:183px;
- opacity:1;
- {block:ifshowdesconhover}margin-left:-180px;{/block:ifshowdesconhover}
- {block:ifnotshowdesconhover}margin-left:15px;{/block:ifnotshowdesconhover}
- -webkit-transition: opacity 0.6s linear;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #prev{
- position:fixed;
- left:-15px;
- width:50px;
- height:100px;
- bottom:350px;
- background-color:#000;
- border-top-right-radius:100px;
- border-bottom-right-radius:100px;
- }
- .prev, .prev a{
- text-align:center;
- font-family: 'Quicksand', sans-serif;
- font-weight:100;
- text-transform:uppercase;
- font-size:30px;
- color:{color:navigation text};
- margin-top:45px;
- margin-left:0px;
- }
- #next{
- position:fixed;
- right:-15px;
- width:50px;
- height:100px;
- bottom:350px;
- background-color:#000;
- border-top-left-radius:100px;
- border-bottom-left-radius:100px;
- }
- .next, .next a{
- text-align:center;
- font-family: 'Quicksand', sans-serif;
- font-weight:100;
- text-transform:uppercase;
- font-size:30px;
- color:{color:navigation text};
- margin-top:45px;
- margin-left:0px;
- }
- .blog {
- position: absolute;
- top:0px;
- left: 0px;
- width: 100%;
- height: 230px;
- overflow: visible;
- }
- img{
- {block:Ifgrayscale}
- filter: grayscale(100%);
- -webkit-filter: grayscale(100%);
- -moz-filter: grayscale(100%);
- -ms-filter: grayscale(100%);
- -o-filter: grayscale(100%);
- {/block:Ifgrayscale}
- }
- div#content{
- position: absolute;
- top: 10px;/***height / 2 ***/
- left: 50%;
- {block:IndexPage}
- {block:Ifnormalposts}margin-left:-280px;width:521px;{/block:Ifnormalposts}
- {block:Ifmediumposts}margin-left:-230px;width:421px;{/block:Ifmediumposts}
- {block:Ifsmallposts}margin-left:-155px;width:271px;{/block:Ifsmallposts}
- {/block:IndexPage}
- {block:PermalinkPage}margin-left:-280px;width:500px;{/block:PermalinkPage}
- }
- div#entry{
- padding: 20px 20px 19px 20px;
- border: 1px solid #eee;
- margin-bottom: 35px;
- {block:IndexPage}
- {block:Ifnormalposts}width:500px;{/block:Ifnormalposts}
- {block:Ifmediumposts}width:400px;{/block:Ifmediumposts}
- {block:Ifsmallposts}width:250px;{/block:Ifsmallposts}
- {/block:IndexPage}
- {block:PermalinkPage}width:500px;{/block:PermalinkPage}
- background-color:{color:posts};
- }
- .notes {
- color: black;
- padding: 5px;
- margin: 10px;
- }
- .notes img a {
- border: 0px;
- }
- .notes li {
- list-style-type: none;
- }
- .postinfo {
- }
- .perma{
- text-align:center;
- font-family: 'Quicksand', sans-serif;
- text-transform:uppercase;
- font-size:14px;
- position:absolute;
- display: inline-block;
- padding:8px 10px 10px 10px;
- height:10px;
- width: 10px;
- background-color:#000;
- color:#fff;
- opacity:0;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .postinfo a{
- color:#fff;
- }
- #entry:hover .perma{
- opacity: 1.0;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .askcontain {
- align: right;
- background: #trans;
- margin:0px 0px 5px 70px;
- position: relative;
- border-bottom: 1pt dotted #eee;
- padding-bottom: 3px;
- }
- askborder {
- float: left;
- margin: 1px 4px 0 0;
- padding: 2px;
- background: #fafafa;
- }
- .askingimage{
- position: relative;
- margin: 10px;
- margin-left: 0px;
- margin-top: 0px;
- padding: 5px;
- border: 1pt solid #eee;
- }
- .audiotext {
- padding: 10px;
- text-align: justify;
- position: relative;
- }
- .audioplayer {
- opacity: 0.96;
- filter:alpha(opacity=0.96);
- width: 500px;
- position: relative;
- overflow: hidden;
- padding: 2px 0;
- background-color: {color:Background};
- }
- .audiocont{
- position: absolute;
- left: 47px;
- top: 47px;
- padding:5px;
- width:25px;
- }
- .audiocirc {
- width: 20px;
- overflow: hidden;
- height: 25px;
- }
- .albumart {
- position: relative;
- width: 100px !important;
- height: 100px !important;
- margin: 0 !important;
- }
- #albumart {
- width: 125px;
- height: 125px;
- }
- blockquote{
- border-left:1px solid #a5a5a5;
- padding:3px;
- background-color:#fbfbfb;
- }
- ul.chat {
- margin: 0;
- padding: 0;
- }
- .chat li {
- list-style-type: none;
- margin-left: 0px;
- padding: 3px;
- }
- .chat li.odd {
- background-color: #FBFBFB;
- margin-bottom: 3px;
- color: #1F1F1F;
- }
- .chat li.even {
- background-color: #fff;
- margin-bottom: 3px;
- color: #1F1F1F;
- }
- iframe#tumblr_controls{
- position:fixed !important;
- opacity:.4;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- iframe#tumblr_controls:hover{
- opacity:.9;
- transition: all 0.6s ease-in-out 0s;
- -moz-transition: all 0.6s ease-in-out 0s;
- -webkit-transition: all 0.6s ease-in-out 0s;
- -o-transition: all 0.6s ease-in-out 0s;
- }
- .install_button{
- display:none;
- }
- #editthis{
- /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
- position:fixed;
- top:20px; /* YOU CAN CHANGE THIS TO BOTTOM */
- left:20px; /* YOU CAN CHANGE THIS TO RIGHT */
- z-index:99;}
- /* I DON'T RECOMMEND TOUCHING THIS STUFF */
- #music1{
- position:fixed;
- padding:2px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #music1:hover #music2{
- opacity:0;
- margin-top:-25px;
- z-index:-1;}
- #music1:hover #music3{
- opacity:1;
- margin-top:-5px;
- z-index:99;}
- #music1:hover #musiclist{
- opacity:1;}
- #music2{
- /* THIS IS THE GIF DIV */
- opacity:1;
- background-color:#fff;
- border:1px dotted #ccc;
- padding:6px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #music3{
- /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
- opacity:0;
- position:fixed;
- background-color:#fff;
- border:1px dashed #ccc;
- width:55px;
- height:20px;
- z-index:99;
- margin-left:-5px;
- overflow:hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #musiclist{
- /* THIS IS THE PLAYLIST DIV */
- opacity:0;
- position:fixed;
- padding:6px;
- border:1px dashed #ccc;
- margin-left:10px;
- margin-top:10px;
- font-family:consolas;
- font-size:8px;
- background-color:#fff;
- width:120px;
- color:#999;
- 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;}
- #musiclist h1{
- /*THIS IS THE PLAYLIST TITLE SETTINGS*/
- font-family:consolas;
- font-size:11px;
- margin-top:0px;
- margin-bottom:2px;
- font-style:normal;
- font-weight:normal;
- color:#424242; /*THIS IS THE PLAYLIST TITLE COLOR*/
- border-bottom:1px dotted #ccc;
- text-align:left;
- text-transform:uppercase;}
- </style>
- {block:IfEndlessScroll}
- <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src=" " border="0"></a>{/block:IfEndlessScroll}
- </head>
- <body>
- <div id="editthis">
- <div id="music1">
- <div id="music2">
- <!-- YOU CAN CHANGE THE MUSIC GIF BELOW. -->
- <img src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"></div>
- <div id="music3">
- <Div style="margin-top:4px;">
- <!-- YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. -->
- <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://dl.dropbox.com/u/30975005/02.%20U-KISS%20-%20COINCIDENCE.mp3&t0=Coincidence&f1= https://dl.dropbox.com/u/30975005/04%20Let%27s%20Get.mp3&t1=Let\'s Get&f2=https://dl.dropbox.com/u/30975005/okay%20We%20Set%20off%21%21.mp3&t2=We Set Off&f3=https://dl.dropbox.com/u/30975005/Doradora.mp3&t3=Doradora&f4= https://dl.dropbox.com/u/30975005/hoon.mp3&t4=나란사람&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
- </div>
- </div>
- <div id="musiclist">
- <h1>Playlist</h1>
- <!-- PUT YOUR MUSIC TITLES HERE. BE SURE TO ADD A BREAK AFTER EACH ONE. -->
- 01. Coincidence <br>
- 02. Let's Get <br>
- 03. We Set Off <br>
- 04. Doradora <br>
- 05. 나란사람<br>
- </div>
- </div>
- </div>
- <div class="blog">
- <div class="side">
- <div class="portrait"><center><a href="/"><img src="{image:portrait}"></a></center></div>
- <div id="description">{Description}</div>
- </div>
- {block:IfNotEndlessScroll}
- {block:PreviousPage}
- <div id="prev">
- <div class="prev"><a href="{PreviousPage}"><</a>
- </div>
- </div>
- {/block:PreviousPage}
- {block:NextPage}
- <div id="next">
- <div class="next"><a href="{NextPage}">></a>
- </div>
- </div>
- {/block:NextPage}
- {/block:IfNotEndlessScroll}
- <div id="content">
- {block:Posts}
- <div id="entry">
- {block:Text}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- <a href="{URL}" class="title"><h1>{Name}</h1></a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Photo}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- {block:IndexPage}<a href="{Permalink}"><img class="postimg" src="{PhotoURL-500}"
- {block:Ifnormalposts}width="500px"{/block:Ifnormalposts}
- {block:Ifmediumposts}width="400px"{/block:Ifmediumposts}
- {block:Ifsmallposts}width="250px"{/block:Ifsmallposts}alt="{PhotoAlt}"></a>{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}
- <img class="photo" src="{PhotoURL-500}" width="500px"
- alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
- {/block:photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- {block:IndexPage}{block:Ifnormalposts}{Photoset-500}{/block:Ifnormalposts}
- {block:Ifmediumposts}{Photoset-400}{/block:Ifmediumposts}
- {block:Ifsmallposts}{Photoset-250}{/block:Ifsmallposts}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- <h2>"{Quote}"</h2>
- {block:Source}
- <div style="text-align:right;">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Answer}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- <a href="{Permalink}"><img src="{AskerPortraitURL-30}" align="left" class="askingimage">
- <div class="askcontain">{Asker} <i>asked:</i> {Question}</div>
- <div style="margin-left:72px;">{Answer}</div>
- {/block:answer}
- {block:Chat}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label"><b>{Label}</b>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- <h1>{block:TrackName}<span><span>{TrackName}</span></span>{/block:TrackName}</h1>
- <div class="audiotext" style="margin-bottom: -8px !important;">
- <table><tr><td>
- <div class="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" id="albumart" style="margin: 0;">
- {/block:AlbumArt}
- <div class="audiocont" style="-webkit-border-radius: 100px;border-radius: 100px;-moz-border-radius: 100px;background-color: #fdfdfd;overflow: hidden;">
- <div class="audiocirc">
- {AudioPlayerWhite}
- </div></div>
- </div>
- </td>
- <td>
- <table style="width: 330px; position: absolute; top: 50px;right:-90px;">
- {block:Artist}<tr><td><b>ARTIST:</b> {Artist}</td></tr>{/block:Artist}
- {block:Album}<tr><td><b>ALBUM:</b> {Album}</tr>{/block:Album}
- </table>
- </td></tr></table>
- </div>
- <div style="margin-bottom:20px;"></div>
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- <div class="postinfo">
- <div class="perma"><a href="{Permalink}">♔</a></div>
- </div>
- {/block:IndexPage}
- {block:IndexPage}{block:Ifnormalposts}{Video-500}{/block:Ifnormalposts}
- {block:Ifmediumposts}{Video-400}{/block:Ifmediumposts}
- {block:Ifsmallposts}{Video-250}{/block:Ifsmallposts}
- {/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {/block:Video}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:PermalinkPage}
- </div>
- {block:PostNotes}
- <div style="width:500px;overflow:hidden; margin-bottom:40px;">{PostNotes}</div>
- {/block:PostNotes}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:Posts}
- </div></div>
- <div id="navbot">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment