Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- #profile { border: hidden; background-color: transparent; }
- .pfor {display:none;}
- body{
- background-color:#fff;
- background-image:url(http://i.picpar.com/dm1.gif);
- background-size:24%;
- background-attachment:fixed;
- }
- #let{
- position:relative;
- margin:0px auto;
- top:250px;
- height:300px;
- width:650px;
- background: #f6f6f6;
- border:2px solid #e5e5e5;
- }
- .go{
- position:absolute;
- bottom:0px;
- right:0px;
- height:300px;
- width:300px;
- background-image:url('http://i.picpar.com/Gm1.jpg');
- background-size:160%;
- background-position: 1% 0%;
- }
- #me{
- position:absolute;
- top:6px;
- left:6px;
- height:260px;
- width:52%;
- overflow:hidden;
- }
- #out{
- position:absolute;
- bottom:0px;
- left:0px;
- right:0px;
- height:25px;
- border-top:1px solid #bfbfbf;
- }
- #i, #beg, #of, #you{
- height:100%;
- width:100%;
- overflow:auto;
- }
- .hide{
- color:#aaa;
- font-size:10px;
- line-height:11px;
- font-family:arial;
- text-align:justify;
- margin: 3px 8px 3px 3px;
- }
- .and{
- position:absolute;
- top:179px;
- right:140px;
- color:#767676;
- font-size:26px;
- line-height:11px;
- font-family:georgia;
- font-style:italic;
- text-shadow: 1px 1px 3px #eee;
- }
- .seek{
- position:absolute;
- top:200px;
- right:85px;
- color:#666;
- font-size:26px;
- line-height:11px;
- font-family:georgia;
- font-style:italic;
- text-shadow: 1px 0px 6px #aaa;
- }
- .find{
- position:absolute;
- top:190px;
- right:135px;
- color:#c1c1c1;
- font-size:10px;
- line-height:11px;
- font-family:georgia;
- font-style:italic;
- letter-spacing: 1px;
- text-shadow: 1px 0px 1px #777;
- }
- .me{
- position:absolute;
- top:200px;
- right:185px;
- color:#dedede;
- font-size:10px;
- line-height:10px;
- font-family:georgia;
- font-style:italic;
- text-shadow: 1px 0px 1px #777;
- }
- a.please:link, a.please:active, a.please:visited{
- display: block;
- float: left;
- width: 114px;
- margin: 0px;
- font-family: consolas;
- text-decoration: none;
- font-size: 8px!important;
- letter-spacing: 3px;
- background-color: cdcdcd;
- color: fefefe;
- padding: 8px;
- text-align: center!important;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a.please:hover{background-color:afafaf;
- text-decoration: none;}
- big{
- font-size:30px;
- float:left;
- margin-top:5px;
- margin-right:5px;
- margin-left:-2px;
- color:#e0e0e0;
- text-shadow: 2px 2px 2px #cecece;
- }
- b {
- color: #999;
- font-weight:bold;
- letter-spacing: 1px;
- }
- i{
- color:#A2B2B2;
- font-family:cambria;
- font-weight:light;
- letter-spacing: 1px;
- font-style:italic;
- }
- u{
- text-decoration:none;
- text-shadow: 0px 1px 2px #95AFAF;
- }
- .question{
- font-family: lucinda console;
- font-variant: small-caps;
- text-align:left;
- font-size: 10px;
- color: #555;
- letter-spacing: 2px;}
- a:active, a:link, a:visited{
- color:#666;
- text-decoration:none;
- }
- a:hover{
- cursor:help;
- color:#95AFAF;
- text-decoration:line-through;
- }
- h1 {
- font: normal 14px 'calibri';
- border-bottom: 1px solid #e5ecee;}
- ::-webkit-scrollbar {width: 3px;}
- ::-webkit-scrollbar-thumb:vertical {
- height: 10px;background-color: #c3d4d7;}
- ::-webkit-scrollbar-thumb:horizontal {
- height: 10px;background-color: #c3d4d7;border: 0px ;width: 15px;}
- </style>
- <div id="let">
- <div class="go"></div>
- <div class="find">
- Oh wait, I already
- </div>
- <div class="me">
- Am
- </div>
- <div class="and">
- If I was
- </div>
- <div class="seek">
- Invisible
- </div>
- <div id="me">
- <div id="i">
- <div class="hide">
- <big>❝</big> <b>Bold</b> <i>Italics</i> <u>Underline</u> <a href="">Link</a> Regular<br>
- <h1>Header</h1>
- <span class="question">Question</span>
- </div>
- </div>
- <div id="beg">
- <div class="hide">
- Sentient
- </div>
- </div>
- <div id="of">
- <div class="hide">
- Nebula
- </div>
- </div>
- <div id="you">
- <div class="hide">
- Hysteria
- </div>
- </div>
- </div>
- <div id="out">
- <a href="#i" class="please">Run</a>
- <a href="#beg" class="please">Away</a>
- <a href="#of" class="please">From</a>
- <a href="#you" class="please">Me</a>
- <a href="http://youtu.be/NIz4QU39QyM" class="please">♫</a>
- </div>
- </div>
Add Comment
Please, Sign In to add comment