Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- #image3 {position:fixed; right:0; bottom:0;}
- ::-webkit-scrollbar {width: 3px;}
- ::-webkit-scrollbar-track { background-color:transparent; }
- ::-webkit-scrollbar-thumb { background-color:9933cc; border-radius: 3px 3px 3px 3px; }
- </style>
- <style type="text/css">
- @import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);
- #profile { border: hidden; background-color: transparent; }
- .pfor {display:none;}
- body{
- background:#e3c3c4;
- background-image:url(http://s18.postimg.org/xp3givzvd/Untitled3.png);
- background-size:35%;
- background-position: right;
- background-repeat:no-repeat;
- background-attachment:fixed;
- }
- #bubble1{
- position:absolute;
- top:150px;
- left:0px;
- width:800px;
- height:200px;
- border-radius: 0px 500px 500px 0px;
- background:url('http://www.designbolts.com/wp-content/uploads/2012/12/Classic-45-degree-seamless-pattern-for-website-background.jpg');
- background-size: 100%;
- overflow: hidden;
- border: 0px inset black;
- z index:2;
- }
- #boxlin{
- background color: #ffffff;
- text-align:center;
- opacity:1;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- height: 20px;
- width: 200px;
- position: absolute;
- top: 15px;
- left: 0px;
- border: 0px solid #32CC1B;
- z-index:3;
- }
- #boxlin a{
- margin-bottom:7px;
- width:300px;
- height:25px;
- font-family: 'Gloria Hallelujah', cursive;
- text-align:center;
- font-size:12px;
- letter-spacing:1px;
- color:#000;
- border-radius: 0px 50px 50px 0px;
- -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;
- background-color: white;
- text-decoration: none;
- display: inline-block;
- }
- #boxlin a:hover{
- color: #92606B;
- background-color:#FFFFFF;
- text-transform:Uppercase;
- letter-spacing:1px;
- border-radius: 0px 50px 50px 0px;
- opacity:.6;
- text-align:center;
- text-decoration: none;
- font-family: 'Gloria Hallelujah', cursive;
- font-size: 12px;
- }
- .poke{
- color:#505050;
- font-size:10px;
- text-align:left;
- margin: 2px;
- padding: 10px
- }
- b {
- color: #000000;
- font-family: 'Gloria Hallelujah', cursive;
- font-weight:bold;
- font-size:10px;
- letter-spacing: 1px;
- }
- i{
- color:#ba9bba;
- font-family: 'Gloria Hallelujah', cursive;
- font-weight:light;
- letter-spacing: 1px;
- font-size:10px;
- font-style:italic;
- }
- u{
- text-decoration:none;
- border-bottom:1px dotted #9188a7;
- }
- .column-left{ float: left; width: 25%; }
- .column-right{ float: right; width: 49%; }
- .column-center{ display: inline-block; width: 25%; }
- </style>
- <div id="boxlin">
- <a href="#01" class="boxlin">About</a>
- <a href="#02" class="boxlin">History</a>
- <a href="#03" class="boxlin">Gallery</a>
- <a href="#04" class="boxlin">ooc</a>
- </div>
- <div id="bubble1">
- <div style="height: 200px; overflow-y: hidden;">
- <a name="01"></a>
- <div style=" height: 200px; overflow: auto;" align="left">
- <center>
- <div class="column-center">
- <br><b>Orientation:</b><i> Funsexual | </i>
- <br><b>Kinks:</b><i> <a href="" target="_blank"><i>Coming soon maybe?</i></a> | </i>
- <br><b>Measurements:</b><i> 34 - 23 - 36 | </i>
- <br><b>Eye Color:</b><i> Crimson | </i>
- <br><b>Hair Color:</b><i> Cherry blossom | </i>
- <br><b>Ink:</b><i> Left hip | </i>
- <br><b>Piercings:</b><i> Ears, <span title="Nips!">other...</span>. | </i>
- </div>
- <div class="column-left">
- <br><b>Name:</b><i> Allison | </i>
- <br><b>Gender:</b><i> Female | </i>
- <br><b>Species:</b><i> Human | </i>
- <br><b>Occupation:</b><i> Student | </i>
- <br><b>Age:</b><i> 19 | </i>
- <br><b>Height:</b><i> 5'2 | </i>
- <br><b>Weight:</b><i> 116 lbs. | </i>
- </div>
- <div class="column-right">
- <b>Placeholder</b>
- </center>
- </div></div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="02"></a>
- <div style=" height: 200px; overflow: auto;" align="center">
- <center>
- <br><b>Background</b><br><br>
- </center>
- </div></div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="03"></a>
- <div style=" height: 200px; overflow: auto;" align="center">
- <center>
- <br><b>Gallery</b><br><br>
- <style>
- div.img {
- margin: 5px;
- padding: 5px;
- border: 3px solid #666666;
- height: auto;
- width: auto;
- float: left;
- text-align: center;
- }
- div.img img {
- display: inline;
- margin: 5px;
- border: 1px solid #ffffff;
- }
- div.img a:hover img {
- border:1px solid #330066;
- }
- div.desc {
- text-align: center;
- font-weight: normal;
- width: 200px;
- margin: 5px;
- }
- </style>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/lWB5w3W9.jpg">
- <img src="http://i.imgbox.com/lWB5w3W9.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">Portrait.</div>
- </div>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/cYsPWY90.jpg">
- <img src="http://i.imgbox.com/cYsPWY90.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">Oh this? It's just jelly!</div>
- </div>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/i5yLFdgA.jpg">
- <img src="http://i.imgbox.com/i5yLFdgA.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">Two sides.</div>
- </div>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/imN3YA1j.jpg">
- <img src="http://i.imgbox.com/imN3YA1j.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">I'll be watching you.</div>
- </div>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/zM3mzBTq.png">
- <img src="http://i.imgbox.com/zM3mzBTq.png" alt="text" width="220" height="150">
- </a>
- <div class="desc">Profile image.</div>
- </div>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/srzHZycq.jpg">
- <img src="http://i.imgbox.com/srzHZycq.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">Put it down... why?</div>
- </div>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/1MBVaSjT.jpg">
- <img src="http://i.imgbox.com/1MBVaSjT.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">I can be adorable too!</div>
- </div>
- <div class="img">
- <a target="_self" href=" http://i.imgbox.com/r0We3lEY.jpg">
- <img src="http://i.imgbox.com/r0We3lEY.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">Captain Allison.</div>
- </div>
- <div class="img">
- <a target="_self" href="http://i.imgbox.com/u77WZcSp.jpg">
- <img src="http://i.imgbox.com/u77WZcSp.jpg" alt="text" width="220" height="150">
- </a>
- <div class="desc">Hmm.</div>
- </div>
- </center>
- </div></div>
- <div style="height: 200px; overflow-y: hidden;">
- <a name="04"></a>
- <div style=" height: 200px; overflow: auto;" align="center">
- <br>
- <center><b>OOC</b></center><br>
- <i><center>
- Mostly PM friendly, but I'm super picky about who I RP with.<br>
- Generally in character unless otherwise specified.<br>
- If I don't respond I'm either busy or away so....shoo.<br>
- Will RP from Semi Para to Multi, all depending on partner/mood.<br>
- <br>
- </i></center>
- </center>
- </div></div>
- </div></div>
- </div></center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement