Advertisement
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: Pacifico; src: url(https://dl.dropboxusercontent.com/s/odbr5p8xk1ylhdw/Pacifico.ttf); }
- @font-face { font-family: Caviar Dreams; src: url(https://dl.dropboxusercontent.com/s/q50589lvhm47jq8/CaviarDreams.ttf); }
- @font-face { font-family: Red Velvet; src: url(https://dl.dropboxusercontent.com/s/bz8dlq1dbxu7gol/Red%20Velvet%20-%20Demo.ttf); }
- body {
- font-family: verdana;
- font-size: 10px;
- background-color: #1F1F27;
- background-image: url('');
- background-attachment: fixed;
- background-position: bottom right;
- background-repeat: no-repeat;
- text-align: justify;
- color: #888888;
- cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default;
- }
- b, strong {font-family:'verdana'; font-variant: small-caps; font-size:15px; color: #685431; font-weight:normal; letter-spacing: -1px;}
- i {color: #ad7777; font-family: 'calibri'; font-variant: small-caps; font-size:11pt; 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: #4F344C; font-size: 14px; font-weight: light; letter-spacing: 0px; font-family: caviar dreams; text-transform: normal; text-decoration: none; font-weight: normal; text-align: center; Text-shadow: #666 0px 0px 1px;}
- ::-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;}
- ::selection{
- background: #6f607a;
- color: black;
- }
- ::-moz-selection{
- background: #6f607a;
- color: black;
- }
- h1 {
- font-family: caviar dreams;
- color: #4F344C;
- font-size: 20px;
- line-height: 5px;
- text-transform: uppercase;
- text-align: right;
- letter-spacing: 1px;
- border-top: 1px solid #4F344C;
- }
- #name {
- position: fixed;
- left: 570px;
- top: 575px;
- font-family: 'Red Velvet';
- font-size: 80px;
- color: #fefefe;
- opacity: 0.6;
- z-index: 730;
- }
- #container {
- position: fixed;
- top: 100px;
- left: 110px;
- width: 735px;
- height: 590px;
- border: 10px Solid #693340;
- background-color: #3D3D47;
- color: #444;
- z-index: 5;
- font-variant: small-caps;
- overflow: auto;
- }
- #ooc {
- position: fixed;
- top: 374px;
- left: 520px;
- width: 295px;
- height: 200px;
- background-color: #908F9D;
- border: 10px Solid #693340;
- color: #fff;
- z-index: 1400;
- font-variant: small-caps;
- overflow: auto;
- }
- #dossier {
- position: fixed;
- top: 138px;
- left: 520px;
- width: 295px;
- height: 215px;
- background-color: #908F9D;
- border: 10px Solid #693340;
- color: #fff;
- z-index: 1400;
- font-variant: small-caps;
- overflow: auto;
- }
- #sl {
- position: fixed;
- left: 520px;
- top: 400px;
- z-index: 200;
- }
- #l1 {
- position: fixed;
- top: 630px;
- left: 520px;
- width: 340px;
- height: 50px;
- border: #693340 1px solid;
- background-color: #693340;
- overflow: auto;
- z-index: 105;
- }
- #img1 {
- position: fixed;
- top: 138px;
- left: 130px;
- width: 350px;
- height: 524px;
- background: url('https://i.imgur.com/LDex1N8.jpg?1');
- background-repeat: no-repeat;
- background-color: #423748;
- background-size: 470px;
- background-position: -80px -10px;
- border: 10px Solid #693340;
- color: #666;
- z-index: 50;
- font-variant: small-caps;
- overflow: auto;
- }
- #navi {
- position: fixed;
- top: 645px;
- left: 520px;
- width: 900px;
- height: 30px;
- background-color: transparent;
- z-index: 6000;
- }
- .box {
- position: fixed;
- left: 520px;
- top: 138px;
- width: 285px;
- height: 430px;
- padding: 5px;
- font-family: verdana;
- text-align: justify;
- font-size: 10px;
- line-height: 13px;
- overflow: auto;
- border: 10px Solid #693340;
- background-color: #908F9D;
- opacity: 0;
- color: #ededee;
- font-variant: small-caps;
- transition: all 1s ease-in-out;
- z-index: 1300;
- }
- .box:target {
- top: 138px;
- left: 520px;
- opacity: 1;
- z-index: 1600;
- }
- a.nav:link, a.nav:active, a.nav:visited{
- letter-spacing: 1px;
- text-transform: lowercase;
- display: inline-block;
- width: 40px;
- height: 20px;
- color: #99;
- font-family: 'Abel', sans-serif;
- margin: 5px;
- background-color: transparent;
- text-align: center;
- line-height: 13px;
- font-size: 10px;
- 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;
- }
- a.nav:hover{
- background-color: transparent;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- }
- a {
- color: #402E42;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- }
- a:hover {
- color: #61505b;
- text-decoration: none;
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur819.cur), default;
- }
- .cocoons {
- height: 50px;
- width: 50px;
- margin-left: 4px;
- border: #693340 2px solid;
- opacity: 0.7;
- }
- p {
- margin: 10px;
- padding: 5px;
- font-family: verdana;
- font-variant: small-caps;
- color: #ededee;
- text-align: justify;
- font-size: 10px;
- background-color: transparent;
- }
- </style>
- <div id="container"></div> <div id="mainimg"></div>
- <div id="img1"></div>
- <div id="name">Araneae</div>
- <div id="l1"></div>
- <div id="ooc">
- <h1>Out of Charisma</h1>
- <big>Note</big>: Code was made for Araneae only. Leave <a href="/profile.php?user=Bee">Bee</a> a PM/RPCmail for inquires for a profile.<p>
- <br><big>O1</big>. Hello, I'm Star. I like cookies. Gimmie.
- <br><big>O2</big>. Do not just start.
- <br><big>O3</big>. Quality over quantity.
- <br><big>O4</big>. I'm not interested in OOC romance.
- <br><big>O5</big>.
- </div>
- <div id="dossier">
- <h1>All tangled up</h1>
- <p>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Melinda" target="_blank" title="Melinda - one of the few that understands my loneliness and torment."><img src="https://i.imgur.com/IJkA0ku.jpg" class="cocoons"></a>
- <a href="link to profile" target="_blank" title="description"><img src="image link" class="cocoons"></a>
- <a href="link to profile" target="_blank" title="description"><img src="image link" class="cocoons"></a>
- <a href="link to profile" target="_blank" title="description"><img src="image link" class="cocoons"></a><p>
- <a href="link to profile" target="_blank" title="description"><img src="image link" class="cocoons"></a>
- <a href="link to profile" target="_blank" title="description"><img src="image link" class="cocoons"></a>
- <a href="link to profile" target="_blank" title="description"><img src="image link" class="cocoons"></a>
- <a href="link to profile" target="_blank" title="description"><img src="image link" class="cocoons"></a>
- </div>
- <div id="navi">
- <a class="nav" href="#one">i</a>
- <a class="nav" href="#two">ii</a>
- <a class="nav" href="#three">iii</a>
- <a class="nav" href="#four">iv</a>
- <a class="nav" href="#five">v</a>
- </div>
- <div id="one" class="box">
- <h1>Queen of Spiders</h1>
- <big>Name:</big> <font style=float:right><a title="One's true name has been lost or cursed to never be spoken.">Araneae</a></font>
- <br><big>Alias:</big> <font style=float:right>Ananasa, Eryn, Jeyne, Alys</font>
- <br><big>Title(s):</big> <font style=float:right>the Dark Spinner, the Web Weaver</font><br>
- <br><big>Sex:</big> <font style=float:right>Female</font>
- <br><big>Age:</big> <font style=float:right>800+</font>
- <br><big>Race:</big> <font style=float:right><a title="The first Damhàn, or so she has been lead to believe..">Ananasi</a></font><br>
- <br><big>Hometown:</big> <font style=float:right>the Rune Isles, Lysithea</font>
- <br><big>Current Location:</big> <font style=float:right>---</font><br>
- <br><big>Occupation:</big> <font style=float:right>Sorceress</font>
- <br><big>Special:</big> <font style=float:right>--</font><br>
- <br><big>Alignment:</big> <font style=float:right>Chaotic Neutral</font>
- <br><big>Orientation:</big> <font style=float:right>Pansexual</font>
- <br><big>Marital Status:</big> <font style=float:right> I really need <a target="_blank" href="https://www.youtube.com/watch?v=lcOxhH8N3Bo">you</a> tonight</font><br>
- <br><big>Height:</big> <font style=float:right>6'11"</font>
- <br><big>Weight:</big> <font style=float:right>It's not polite to ask a lady</font>
- <br><big>Build:</big> <font style=float:right>Mesomorph</font>
- <br><big>Hair Colour:</big> <font style=float:right>Strawberry Blonde</font>
- <br><big>Eye Hue:</big> <font style=float:right>Crimson</font>
- <br><big>Features:</big> <font style=float:right>Chitin Armor, Eight Legs, Spinnerets, Etc</font>
- <br><big>Voices:</big> <font style=float:right> <a target="_blank" href="https://www.youtube.com/watch?v=qATgKMHy5HU">Araneae</a> | <a target="_blank" href="https://youtu.be/gEYgyWC_BpM?t=10s">Eryn</a> | <a target="_blank" href="https://www.youtube.com/watch?v=aQnJ4mIfT0c">Jeyne</a> | <a target="_blank" href="https://www.youtube.com/watch?v=Oxi3uPgPpLo">Alys</a></font>
- <br><big>Glamours:</big> <font style=float:right><a target="_blank" href="https://i.imgur.com/21eleBf.jpg">Eryn</a> | <a target="_blank" href="https://i.imgur.com/RmRZcrg.jpg">Jeyne</a> | <a target="_blank" href="https://i.imgur.com/wZwlZSa.jpg">Alys</a></font>
- </div>
- <div id="two" class="box">
- </div>
- <div id="three" class="box">
- </div>
- <div id="four" class="box">
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement