Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor {display: none;}
- body {background-color: #000;}
- #profile {width: 1000;}
- #profile {background-color: transparent;}
- #profile {border: double 0px black;}
- </style>
- <style type="text/css">
- body{
- background-color: #272727;
- background-image:url('http://25.media.tumblr.com/2337e1ea3e64bff9a970e058526c4157/tumblr_minfy6Pe2F1reevnto1_500.png');
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-position: -85px 30px;
- text-align: left;
- font-family: Georgia;
- font-size:11px;
- color:#000;
- cursor: url(http://cur.cursors-4u.net/others/oth-6/oth587.cur),default}
- body{overflow:hidden}
- page-wrap {margin: 0 auto;}
- #Title{
- position:absolute;
- top: 360px;
- left: 750px;
- z-index:600;
- color: #FFF;
- font-size: 60px;
- line-height: 12px;
- font-weight: light;
- letter-spacing: -5px;
- word-spacing: 1px;
- font-family: Mistral;
- text-transform: Uppercase;
- font-weight: normal;
- text-align: right;
- Text-shadow: #F1E2F5 0px 0px 3px;
- width:%100px;
- height:13px;
- margin-top:0px;
- margin-bottom: 5px;
- margin-left: 0px;
- padding-top: 12px;}
- #SideI
- {position:absolute;
- top:130px;
- left:935px;
- width:250px;
- height:250px;
- z-index:200;
- overflow-x: hidden;
- padding: 5px;
- background-color: #fff;
- background-image:url('http://sadpanda.us/images/1463238-ABSUVTI.png');
- background-repeat:no-repeat;
- background-position: 80% 110%;
- background-size: 600px 270px;
- border: #F1E2F5 2px solid;
- -moz-box-shadow: 0px 0px 3px #F1E2F5;
- -webkit-box-shadow: 0px 0px 3px #F1E2F5;
- box-shadow: 0px 0px 3px #F1E2F5;
- border-radius: 240px 240px 240px 240px;
- -moz-border-radius: 240px 240px 240px 240px;}
- #HoverSideI
- {position:absolute;
- top:130px;
- left:935px;
- width:250px;
- height:250px;
- z-index:200;
- overflow-x: hidden;
- padding: 5px;
- background-color: #fff;
- background-image:url('http://25.media.tumblr.com/e7069e94bbc2b8b7285ebe1a913b4e64/tumblr_mjanso73xu1r3knooo1_r2_500.gif');
- background-repeat:no-repeat;
- background-position: 0% 30%;
- background-size:270px 270px;
- border: #F1E2F5 2px solid;
- -moz-box-shadow: 0px 0px 3px #F1E2F5;
- -webkit-box-shadow: 0px 0px 3px #F1E2F5;
- box-shadow: 0px 0px 3px #F1E2F5;
- border-radius: 240px 240px 240px 240px;
- -moz-border-radius: 240px 240px 240px 240px;
- filter:alpha(opacity=0);
- moz-opacity: 0.0;
- opacity: 0.0;
- -webkit-transition: 6s;}
- #HoverSideI:hover
- {position:absolute;
- top:130px;
- left:935px;
- width:250px;
- height:250px;
- z-index:200;
- overflow-x: hidden;
- padding: 5px;
- background-color: #fff;
- background-image:url('http://25.media.tumblr.com/e7069e94bbc2b8b7285ebe1a913b4e64/tumblr_mjanso73xu1r3knooo1_r2_500.gif');
- background-repeat:no-repeat;
- background-position: 0% 30%;
- background-size:270px 270px;
- border: #F1E2F5 2px solid;
- -moz-box-shadow: 0px 0px 3px #F1E2F5;
- -webkit-box-shadow: 0px 0px 3px #F1E2F5;
- box-shadow: 0px 0px 3px #F1E2F5;
- border-radius: 240px 240px 240px 240px;
- -moz-border-radius: 240px 240px 240px 240px;
- filter:alpha(opacity=100);
- moz-opacity: 1.0;
- opacity: 1.0;
- -webkit-transition: 3s;}
- #img{
- background-color: #FAEDDF;
- border: 5px #000 solid;
- height: 100px;
- width: 100px;
- position: fixed;
- bottom: 0px;
- right: 10px;
- text-align: center;
- }
- #friends{
- background-color: transparent;
- height: 100px;
- width: 100%;
- bottom: -62px;
- left: -5px;
- position: fixed;
- font-family: verdana;
- font-style: none;
- font-size: 10px;
- color: 111;
- line-height: 20px;
- }
- #line{
- position: fixed;
- bottom: 0px;
- right: 0px;
- width: 100%;
- height: 35px;
- background-color: #000;
- }
- #navi{
- position: fixed;
- left: 320px;
- top: 170px;
- }
- #container{
- position: fixed;
- top: 199px;
- left: 312px;
- width: 620px;
- height: 140px;
- overflow: hidden;
- background-color: transparent;
- z-index: 200;
- text-align: justify;
- font-family: verdana;
- font-size: 9px;
- color: #111;
- overflow: hidden;}
- #one, #two, #three, #four, #five, #six{
- top: 195px;
- left: 312px;
- width: 620px;
- height: 140px;
- overflow: auto;
- background-color: transparent;
- }
- #Main
- {position:absolute;
- top:195px;
- left:305px;
- width:667px;
- height:140px;
- z-index:100;
- color: #666;
- font-size: 10px;
- line-height: 12px;
- font-weight: light;
- word-spacing: 1px;
- font-family: Century Gothic;
- text-transform: normal;
- font-weight: normal;
- text-align: justify;
- Text-shadow: #DED6AA 0px 0px 1px;
- overflow: hidden;
- background-color: #fff;
- background-image:url('');
- background-repeat:no-repeat;
- background-attachment:fixed;
- background-position: 0% 40%;
- border-top: #F1E2F5 3px solid;
- border-right: #F1E2F5 1px solid;
- border-left: #F1E2F5 1px solid;
- border-bottom: #F1E2F5 3px solid;
- border-radius: 10px 10px 10px 10px;
- -moz-border-radius: 10px 10px 10px 10px;}
- a.matsu:link, a.matsu:active, a.matsu:visited{
- height: 15px;
- display: block;
- float: left;
- width: 100px;
- margin: 10px;
- -moz-border-radius: 5px;
- border-radius: 2px;
- font-family: century gothic;
- text-decoration: none;
- font-size: 11px;
- letter-spacing: -1px;
- background-color: C4B6B6;
- color: 333;
- padding: 2px;
- text-align: center;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;}
- a.matsu:hover{
- background-color:#777777;
- color: CCC;
- text-decoration: none;}
- a.ran:link, a.ran:active, a.ran:visited{
- height: 15px;
- display: block;
- float: left;
- width: 80px;
- margin: 10px;
- -moz-border-radius: 230px;
- border-radius: 230px;
- font-family: century gothic;
- text-decoration: none;
- font-size: 11px;
- letter-spacing: -1px;
- background-color: FFFEFF;
- color: #333;
- padding: 2px;
- text-align: center;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;}
- a.ran:hover{
- background-color:#FFFEFF;
- color: CCC;
- text-decoration: none;}
- h1
- {z-index:-20;
- color: #CCE0FF;
- height:20px;
- width:%100px;
- font-size: 10px;
- line-height: 40px;
- font-weight: normal;
- letter-spacing:3px;
- font-family: terminal;
- text-transform: uppercase;
- text-shadow: #F1E2F5 0px 0px 2px;
- text-align: left;
- margin-top: 0px;}
- h2
- {color: #DED6AA;
- font-size: 20px;
- line-height: 12px;
- font-weight: light;
- letter-spacing: 1px;
- word-spacing: 2px;
- font-family: DaunPenh;
- text-transform: Uppercase;
- font-weight: normal;
- text-align: Center;
- text-shadow: #F5EAB9 0px 0px 1px;
- width:%100px;
- height:13px;
- margin-top:0px;
- margin-bottom: 5px;
- margin-left: 0px;
- padding-top: 12px;
- border-bottom: #DED6AA 1px dashed;}
- h2:first-letter
- {color: #F5EAB9;
- font-size: 25px;
- text-shadow: #F5EAB9 0px 1px;}
- h3
- {color: #DED6AA;
- font-size: 30px;
- line-height: 10px;
- font-weight: light;
- letter-spacing: -1px;
- word-spacing: 1px;
- font-family: DaunPenh;
- text-transform: Uppercase;
- font-weight: normal;
- text-align: right;
- Text-shadow: #DED6AA 0px 0px 1px;
- width:%100px;
- height:13px;
- margin-top:-12px;
- margin-bottom: 0px;
- margin-left: 0px;
- padding-right: 4px;
- border-bottom: #DED6AA 2px solid;}
- h4
- {z-index:-20;
- color: #DED6AA;
- height:20px;
- width:400px;
- font-size: 10px;
- line-height: 30px;
- font-weight: normal;
- letter-spacing:3px;
- font-family: terminal;
- text-transform: uppercase;
- text-shadow: #DED6AA 0px 0px 2px;
- text-align: left;
- padding-top: -2px;}
- h5
- {z-index:-20;
- color: #DED6AA;
- height:20px;
- width:400px;
- font-size: 10px;
- line-height: 0px;
- font-weight: normal;
- letter-spacing:3px;
- font-family: terminal;
- text-transform: uppercase;
- text-shadow: #000 0px 0px 1px;
- text-align: right;
- padding-top: 5px;}
- b{color: #CCE0FF;
- font-size: 15px;
- font-weight: light;
- letter-spacing: -1px;
- word-spacing: 6px;
- font-family:romans;
- text-transform: normal;
- font-weight: normal;
- text-align: center;
- Text-shadow: #CCE0FF 0px 0px 2px;}
- u{color: #666;
- font-size: 12px;
- font-weight: light;
- letter-spacing: 0px;
- word-spacing: 6px;
- font-family:Romans;
- text-transform: normal;
- font-weight: normal;
- text-align: center;
- border-bottom: 1px dotted #889e9f;}
- i{color: #999;
- font-size: 15px;
- font-weight: light;
- letter-spacing: -1px;
- word-spacing: 6px;
- font-family:Romans;
- text-transform: normal;
- font-weight: normal;
- text-align: center;
- Text-shadow: #fff 0px 0px 1px;}
- s{color: #99D6FF;
- font-size: 11px;
- font-weight: light;
- letter-spacing: 0px;
- font-family:Romans;
- text-transform: normal;
- text-decoration: none;
- font-weight: normal;
- Text-shadow: #FF99D6 0px 0px 1px;}
- big{color: #CCE0FF;
- font-size: 14px;
- font-weight: light;
- letter-spacing: 0px;
- font-family:Romans;
- text-transform: normal;
- text-decoration: none;
- font-weight: normal;
- text-align: center;
- Text-shadow: #DED6AA 0px 0px 1px;}
- small{color: #6a8386;
- font-size: 11px;
- font-weight: light;
- letter-spacing: -1px;
- font-family:Romans;
- font-variant: small-caps;
- text-transform: lowercase;
- text-decoration: none;
- font-weight: normal;
- text-align: center;}
- #credit{
- position:fixed;
- bottom: 23px;
- right: 115px;
- z-index: 450;
- }
- </style>
- <div id="Title">日向ネジ</div>
- <div id="SideI"></div><div id="HoverSideI"></div>
- <div id="SideII"></div><div id="HoverSideII"></div>
- <div id="main">
- <div id="container">
- <div id="one">
- <h1> This is h1 </h1> <h2> This is h2 </h2> <h3> This is h3 </h3> <h4> This is h4 </h4> This is h5
- <center> <b>bold</b> <i>italic</i> <u>underline</u> <strike>strike</strike> <big>big</big> <small>small</small></center>
- </div>
- <div id="two">
- bla bla bla
- </div>
- <div id="three">
- bla bla bla bla
- </div>
- <div id="four">
- bla bla bla bla
- </div>
- <div id="five">
- bla bla bla bla
- </div>
- <div id="six">
- bla bla bla bla
- </div></div>
- </div>
- <div id="navi">
- <a href="#one" class="ran" title="Out of Character">I</a>
- <a href="#two" class="ran" title="Dossier">Was</a>
- <a href="#three" class="ran" title="Personality">Once</a>
- <a href="#four" class="ran" title="Appearance">Called</a>
- <a href="#five" class="ran" title="Legacy">A</a>
- <a href="#six" class="ran" title="Memories">Genius</a>
- </div>
- <div id="line"></div>
- <div id="img"><img src="http://sadpanda.us/images/1463258-8Q34SOH.png" class="navigation" width="100"></div>
- <div id="friends">
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- <a href="/profile.php?user=" class="matsu" title="" target="_blank">NAME</a>
- </div>
- <div id="credit"><A TARGET="_blank" HREF="http://devilrose.webstarts.com" title="Copyright"><img src="http://i1276.photobucket.com/albums/y472/xbeautifulie/DevilRose/--devilrose_zps255a5d78.png"></A></div>
Advertisement
Add Comment
Please, Sign In to add comment