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">
- @font-face { font-family: caviar dreams; src: url(https://dl.dropboxusercontent.com/s/q50589lvhm47jq8/CaviarDreams.ttf); }
- body {
- font-family: verdana;
- font-size: 10px;
- background-color: #3d2e4b;
- background-image: url('');
- background-attachment: fixed;
- background-position: bottom left;
- background-repeat: repeat;
- text-align: justify;
- color: #212121;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
- }
- b, strong {font-family:'verdana'; font-variant: small-caps; font-size: 10px; color: #363640; font-weight:normal; letter-spacing: -1px;}
- i {color: #666666; font-family: 'calibri'; font-variant: small-caps; font-size:9pt; 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: #820000; font-size: 11px; font-weight: light; letter-spacing: 0px; font-family:Romans; text-transform: normal; text-decoration: none; font-weight: normal; text-shadow: #212121 0px 0px 1px;}
- big {color: #7e2858; 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: #36243c 0px 0px 1px;}
- small {color: #3B2F7F; font-size: 18px; font-weight: light; letter-spacing: -1px; font-family: verdana; font-variant: small-caps; text-transform: lowercase; text-decoration: none; font-weight: normal; text-align: center;}
- ::-webkit-scrollbar-button:vertical:{background-color: transparent;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:vertical {background-color: transparent; height:20px;
- -moz-border-radius: 0px 0px 0px 0px;
- border-radius:0px 0px 0px 0px;}
- ::-webkit-scrollbar-thumb:horizontal {background-color: transparent; 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;}
- h1 {
- font-family: caviar dreams;
- color: #7e2858;
- font-size: 17px;
- line-height: 5px;
- text-transform: uppercase;
- text-align: right;
- letter-spacing: 1px;
- border-top: 1px solid #7e2858;
- }
- #rosaleen {
- position: fixed;
- left: 550px;
- top: 56px;
- z-index: 20;
- }
- #name {
- position: fixed;
- left: 260px;
- top: 201px;
- background: transparent;
- font-family: Caviar Dreams;
- font-size: 50px;
- width: 500px;
- background: url('https://i.imgur.com/f60MaCo.gif');
- background-position: -60;
- background-size: auto;
- background-repeat: repeat;
- -webkit-text-fill-color: transparent;
- -webkit-background-clip: text;
- display: block;
- text-align: center center
- text-transform: uppercase;
- letter-spacing: 0px;
- opacity: 0.6;
- z-index: 1000;
- }
- #container {
- position: fixed;
- top: 190px;
- left: 240px;
- width: 700px;
- height: 450px;
- border: 8px Solid #503082;
- background-color: #3d2e4b;
- background-image: url('http://i.picpar.com/kYzc.png');
- z-index: 10;
- }
- #ooc {
- position: fixed;
- top: 390px;
- left: 255px;
- width: 290px;
- height: 225px;
- padding: 5px;
- border: 8px Solid #503082;
- background-color: #362c2d;
- color: #666;
- z-index: 1500;
- font-variant: small-caps;
- overflow: auto;
- }
- #gif {
- position: fixed;
- top: 265px;
- left: 255px;
- width: 300px;
- height: 100px;
- border: 8px Solid #503082;
- background-color: #D4C0B5;
- background-image: url('https://i.imgur.com/niJXQ9P.gif');
- background-repeat: no-repeat;
- background-size: 350px;
- background-position: -20px -50px;
- z-index: 1500;
- }
- #l1{
- position: fixed;
- top: 205px;
- left: 255px;
- width: 480px;
- height: 40px;
- padding: 5px;
- background-color: #503082;
- z-index: 12;
- }
- #navi {
- position: fixed;
- top: 490px;
- left: 575px;
- width: 11px;
- height: 30px;
- background-color: transparent;
- z-index: 2400;
- }
- .box {
- position: fixed;
- left: 255px;
- top: 265px;
- width: 290px;
- height: 350px;
- padding: 5px;
- font-family: verdana;
- text-align: justify;
- font-size: 10px;
- line-height: 13px;
- overflow: auto;
- border: 8px Solid #503082;
- background-color: #362c2d;
- opacity: 0;
- color: #212121;
- font-variant: small-caps;
- transition: all 1s ease-in-out;
- z-index: 1300;
- }
- .box:target {
- top: 255px;
- left: 265px;
- opacity: 1;
- z-index: 3400;
- }
- a.nav:link, a.nav:active, a.nav:visited{
- letter-spacing: 1px;
- text-transform: lowercase;
- display: inline-block;
- width: 20px;
- height: 20px;
- color: #8187a4;
- margin: 5px;
- background-color: #6778cb;
- text-align: center;
- line-height: 10px;
- font-size: 20px;
- word-spacing: 1px;
- font-variant: small-caps;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- border-radius: 240px;
- }
- a.nav:hover{
- background-color: transparent;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- border-radius: 240px;
- }
- a {
- color: #7e2858;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- }
- a:hover {
- color: transparent;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- }
- p {
- margin: 10px;
- padding: 5px;
- font-family: verdana;
- font-variant: small-caps;
- color: #070707;
- text-align: justify;
- font-size: 10px;
- background-color: transparent;
- }
- </style>
- <div id="rosaleen"><img src="https://i.imgur.com/4mLkFSo.png" height="600"></img></div>
- <div id="container"></div> <div id="l1"></div>
- <div id="name">the Rose Queen</div>
- <div id="gif"></div>
- <div id="ooc">
- <h1>Out of Character</h1>
- <big>Note</big>: You see this right here? Yes, this code. It is not to be touched by anyone other than Rosaleen. If you wish to get a code like this, leave <a href="/profile.php?user=Bee">Bee</a> a PM or RPCmail and from there, we can talk about commissioning you a profile just like this. - Bee <br>
- <br><big>O1</big>.
- <br><big>O2</big>.
- <br><big>O3</big>.
- <br><big>O4</big>.
- <br><big>O5</big>.
- </div>
- <div id="navi">
- <a class="nav" href="#one"></a>
- <a class="nav" href="#two"></a>
- <a class="nav" href="#three"></a>
- <a class="nav" href="#four"></a>
- <a class="nav" href="#reset"></a>
- </div>
- <div id="one" class="box">
- <h1>Dossier</h1>
- <big>Name(s):</big> <font style=float:right>---</font>
- <br><big>Sex:</big> <font style=float:right>----</font>
- <br><big>Age:</big> <font style=float:right>---</font>
- <br><big>Height:</big> <font style=float:right>---</font>
- <br><big>Orientation:</big> <font style=float:right>----</font>
- <br><big>Marital Status:</big> <font style=float:right><a target="_blank" href="">---</a></font>
- <br><big>Hometown:</big> <font style=float:right>---</font>
- <br><big>Hair Colour:</big> <font style=float:right>---</font>
- <br><big>Eye Hue:</big> <font style=float:right>---</font><br>
- </div>
- <div id="two" class="box"></div>
- <div id="three" class="box"></div>
- <div id="four" class="box"></div>
Add Comment
Please, Sign In to add comment