Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- body { background: white; }
- .p {
- position: absolute;
- bottom: 150px;
- left: 150px;
- opacity: 1;
- border-top: 50px solid #ea8863;
- border-bottom: 50px solid #ea8863;
- }
- .p:hover .bx {
- bottom: 30px;
- transition-duration: 1s;
- opacity: 1;
- }
- .p:hover .linkbx {
- bottom: 30px;
- transition-duration: 1s;
- opacity: 1;
- }
- .bx {
- position: absolute;
- bottom: 35px;
- left: 150px;
- height: 300px;
- width: 350px;
- padding: 10px;
- background: rgba(255,255,255,0.7);
- font-family: ms pgothic;
- font-size: 10px;
- letter-spacing: 2px;
- line-height: 11px;
- color: rgba(0,0,0,0.8);
- border-top: 10px solid rgba(227,117,85,0.5);
- border-bottom: 10px solid rgba(227,117,85,0.5);
- opacity: 0;
- transition-duration: 1s;
- }
- .row {
- position: absolute;
- bottom: 0px;
- left: 0px;
- height: 100%;
- width: 100%;
- background: rgba(234,136,99,0.11);
- }
- .tt {
- position: absolute;
- top: -32px;
- left: 310px;
- font-family: consolas;
- font-size: 12px;
- text-transform: uppercase;
- font-weight: bold;
- color: white;
- letter-spacing: 15px;
- }
- .tb {
- position: absolute;
- bottom: -33px;
- left: 350px;
- font-family: consolas;
- font-size: 12px;
- text-transform: uppercase;
- font-weight: bold;
- color: white;
- letter-spacing: 15px;
- }
- .linkbx {
- position: absolute;
- bottom: 25px;
- left: 550px;
- height: 320px;
- width: 100px;
- font-size: 39px;
- color: #ee9c76;
- background: rgba(255,255,255,0.55);
- border-top: 10px solid rgba(227,117,85,0.5);
- border-bottom: 10px solid rgba(227,117,85,0.5);
- opacity: 0;
- transition-duration: 1s;
- }
- a {
- margin-left: 30px;
- text-decoration: none;
- color: inherit;
- }
- h1 {
- line-height: 1px;
- font-family: verdana;
- text-transform: uppercase;
- padding-bottom: 5px;
- }
- .float {
- float: right;
- }
- .align {
- position: relative;
- top: 50%;
- transform: translateY(-50%);
- margin-top: -3px;
- }
- </style>
- <div class="p">
- <div class="tt">rochester</div>
- <div class="tb">mcbear</div>
- <div class="row"></div>
- <div class="bx"><h1>About Him</h1>
- Name:<div class="float">Rochester Mcbear</div><br>
- Age: <div class="float">26 years old</div><br>
- Gender: <div class="float">Male</div><br>
- Residence: <div class="float">Minnesota</div><br>
- Species: <div class="float">Polar bear</div><br>
- Eye Color: <div class="float">Orange</div><br>
- Hair/Fur <div class="float">Orange and beige</div><br>
- Height: <div class="float">6'7"</div><br>
- Weight: <div class="float">294 pounds</div><br><br>
- Likes: <div class="float">Eating, sleeping, being a cliche</div><br>
- Dislikes: <div class="float">Hunger, exhaustion, neediness</div><br>
- Orientation: <div class="float">Pansexual, but picky</div><br>
- Relationship: <div class="float">Single</div><br>
- Great Stuff: <div class="float">Oral, all rumps, casual stuff</div><br>
- Less Great Stuff: <div class="float">Feet, nipples, responsibility</div><br>
- Optional Stuff: <div class="float">Dessert bear (Glaze/icing lewdness)</div><br><br><br>
- Feel free to check out my <a target="_blank" href="https://www.f-list.net/c/Rochester" target="_blank" style="color: #c0674a; margin-left: 0px; text-decoration: underline;">F-List.<br></a>
- Brother to <a target="_blank" href="https://roleplay.chat/profile.php?user=Ceej" target="_blank" style="color: #c0674a; margin-left: 0px; text-decoration: underline;">Ceej</a>. Watch yourself.<br>
- Profile coded by <a target="_blank" href="https://roleplay.chat/profile.php?user=Serum" target="_blank" style="color: #c0674a; margin-left: 0px; text-decoration: underline;">Serum</a>. Hit him up if you need one!
- </div>
- <div class="linkbx">
- <div class="align">
- <a target="_blank" href="http://i.picpar.com/kENb.png" target="_blank">★</a><br>
- <a target="_blank" href="http://i.imgur.com/DzNr7hc.png" target="_blank">★</a><br>
- <a target="_blank" href="http://i.imgur.com/psAbtNN.jpg" target="_blank">★</a><br>
- <a target="_blank" href="http://i.imgur.com/K2uWH5S.png" target="_blank" style="color: #c0674a">★</font></a><br>
- <a target="_blank" href="http://i.imgur.com/wY53rzP.jpg" target="_blank" style="color: #c0674a">★</a><br>
- <a target="_blank" href="http://i.imgur.com/Dp884tL.png" target="_blank" style="color: #c0674a">★</a></div>
- </div>
- <img src="http://puu.sh/tar9O.png" width=""></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement