Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor { display: none; }
- #profile { background-color: transparent; border: none; }
- </style>
- <style type="text/css">
- body {
- font-family: verdana;
- font-size: 10px;
- background-color: #2F315E;
- background-image: url('http://media.tumblr.com/tumblr_m15d8o8LUS1qe92a9.png');
- background-attachment: fixed;
- background-position: fixed;
- background-repeat: repeat;
- text-align: justify;
- color: #888888;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-6/cur567.cur');
- }
- b, strong {font-family:'verdana'; font-variant: small-caps; font-size:10px; color:#BC242D; font-weight:normal; margin-left: 10px; letter-spacing: -1px;}
- i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:10pt; letter-spacing:0px}
- 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;}
- 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: #303646; font-size: 15px; font-weight: light; letter-spacing: 0px; font-family:Century Gothic; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #DED6AA 0px 0px 1px;}
- small {color: #555555; 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;}
- ::-webkit-scrollbar-button:vertical:{background-color: #000;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:20px;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:20px !important;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar { height:20px;width:3px; background-color:transparent;}
- @import url(http://fonts.googleapis.com/css?family=Nexalight);
- @import url(http://fonts.googleapis.com/css?family=Lavanderia sturdy);
- h2{
- font-size: 23px;
- font-variant: small-caps;
- color: #FF9999;
- text-transform: lowercase;
- letter-spacing: -1px;
- text-align: right;
- background-color: none;
- line-height: 2px;
- text-align: justified;
- font-family: century gothic;
- text-shadow: #212121 2px 3px 4px;
- margin-top: 5px;
- margin-bottom: 8px;
- display: block;
- background-color: #EDEDEE;
- border-right: 1px solid #4B4330;
- padding: 0px;
- font-weight: normal;
- }
- #Img1{
- position: fixed;
- background-image:url("http://25.media.tumblr.com/8918851aec75351722036454587c441c/tumblr_mqfe7qko3g1qg0g6po1_400.jpg");
- background-repeat: no-repeat;
- background-size: 300px 300px;
- bottom: 200px;
- left: 70px;
- width: 200px;
- height: 300px;
- background-color: #EDEDEE;
- border: #FDD0CA 4px solid;
- z-index: 500;
- }
- #Img2{
- position: fixed;
- background-image:url("https://24.media.tumblr.com/2d2bca7daac5672de86f9330cb525f80/tumblr_mxhwzhi7aK1sl2wvco1_500.jpg");
- background-repeat: no-repeat;
- background-size: 500px 300px;
- background-position: -100px -150px;
- bottom: 200px;
- left: 275px;
- width: 300px;
- height: 150px;
- background-color: #EDEDEE;
- border: #FDD0CA 4px solid;
- z-index: 500;
- }
- #info{
- position: fixed;
- bottom: 358px;
- left: 275px;
- width: 300px;
- height: 142px;
- overflow: hidden;
- text-align: justify;
- line-height: 13px;
- font-size: 10px;
- background-color: #EDEDEE;
- font-face: verdana;
- font-variant: small-caps;
- color: #212121;
- overflow: auto;
- border: 4px #FDD0CA Solid;
- z-index:300;}
- #ooc {
- position: fixed;
- width: 513px;
- height: 175px;
- left: 70px;
- bottom: 190px;
- background-color: transparent;
- border-bottom: 10px solid;
- border-color: #FF9999;
- overflow: auto;
- transition: all 0.7s ease-in-out;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- border-radius: 24px 24px;
- }
- #ooc:hover {
- position: fixed;
- bottom: 10px;
- border-color: transparent;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- border-radius: 10px 10px;
- }
- #title{
- position: fixed;
- bottom: 490px;
- left: 70px;
- z-index: 550;
- color: #FEFEFE;
- font-size: 55px;
- line-height: 80px;
- letter-spacing: 3px;
- font-family: lavanderia delicate;
- text-shadow: #FF9999 2px 3px 4px;
- z-index: 600;}
- .box {
- position: fixed;
- margin-top: 10px;
- margin-left: 7px;
- width: 495px;
- height: 120px;
- text-align: justify;
- line-height: 13px;
- font-size: 10px;
- background-color: #EDEDEE;
- font-face: verdana;
- font-variant: small-caps;
- color: #212121;
- overflow: auto;
- border: 4px #414A4C Solid;
- }
- .image {
- opacity: 0;
- width: autopx;
- height: 300px;
- background-color: #EDEDEE;
- text-align: justify;
- overflow: auto;
- -ms-transition: opacity .3s linear;
- -moz-transition: opacity .3s linear;
- -o-transition: opacity .3s linear;
- -webkit-transition: opacity .3s linear; }
- .image:hover {
- opacity: 1; }
- .text {
- line-height: 1.5;
- padding-top: 2px;
- font-family: verdana;
- font-size: 10;
- font-variant: small-caps;
- color: #070707;
- text-align: justify; }
- a.saku:link, a.saku:active, a.saku:visited{
- background-color: #222;
- display: inline-block;
- margin: 5px;
- width: 87px;
- height: 20px;
- font-family: consolas;
- font-size: 9px;
- color: #CCC;
- text-decoration: none;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- line-height: 21px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- a.saku:hover{
- background-color: #EDEDED;
- color: #222;}
- #blossom{
- margin-top: 10px;
- margin-left: -15px;
- width: autopx;
- text-align:center; }
- .about{
- opacity: 1;
- -webkit-transition: opacity 0.9s linear;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- text-align:justify;
- color:#a7b2d1;
- height: autopx;}
- .ing:hover .about{
- opacity:1;
- background-color: transparent;
- }
- .ing:hover{
- background-color: transparent;
- }
- a {
- color: #E3DDF0;
- text-decoration: none;
- }
- a:hover {
- color: #888888;
- text-decoration: none;
- cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur');
- }
- #credit{
- position:fixed;
- bottom:0px;
- right:0px;
- z-index:450;}
- </style>
- <div id="Img1">
- <div class="image"><div class="text">
- <h2>Out of Chakra!</h2>
- |:
- </div></div></div>
- <div id="Img2"></div>
- <div id="ooc">
- <div class="ing">
- <div class="about" border="0" cellpadding="0" cellspacing="0">
- <div id="blossom">
- <a href="/profile.php?user=Tayuya" class="saku">Tayuya!</a>
- <a href="/profile.php?user=Anbu%20no%20Sai" class="saku">Sai!</a>
- <a href="/profile.php?user=Darui" class="saku">Darui!</a>
- <a href="/profile.php?user=Neji Hyuga" class="saku">Neji!</a>
- <a href="/profile.php?user=Hinata Hyuuga" class="saku">Hinata!</a>
- <a href="/profile.php?user=Nagato" class="saku">Nagato!</a>
- <a href="/profile.php?user=Shikamaru Nara" class="saku">Shikamaru!</a>
- <a href="/profile.php?user=" class="saku">Friend!</a>
- </div></div></div></div>
- <div id="info">
- <h2>Shannarou!</h2>
- <font style=float:left>Name</font> <font style=float:right>Haruno, Sakura</font><br>
- <font style=float:left>Moniker(s)</font> <font style=float:right>Too many to count.</font><br>
- <font style=float:left>Date of Birth</font> <font style=float:right>March 28th</font><br>
- <font style=float:left>Hair Colour/Eye Hue</font> <font style=float:right>Cherry Blossom Pink/ Emerald Green</font><br>
- <font style=float:left>Age</font> <font style=float:right>Sixteen</font><br>
- <font style=float:left>Rank</font> <font style=float:right>Chunin</font><br>
- <font style=float:left>Village</font> <font style=float:right>Konohagakure</font><br>
- <font style=float:left>Orientation</font> <font style=float:right>Heterosexual</font><br>
- <font style=float:left>Marital Status</font> <font style=float:right>Uninterested</font><br>
- </div>
- <div id="title">
- Konoha's Cherry Blossom
- </div>
- <div id="credit"><a href="http://devilrose.webstarts.com/" title="Copyright"><img src="http://i1267.photobucket.com/albums/jj547/xdevilrose/Photoshop/--devilrose2.png"></img></a></div>
Advertisement
Add Comment
Please, Sign In to add comment