Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url('https://fonts.googleapis.com/css?family=Federant|Audiowide|Special+Elite');
- body {
- background:#660066 url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fdd3c835-906e-4079-ad78-4c1f9cc244e0/d8k5als-6ec43a89-d5ed-4a8e-b019-27bb2edfa2fa.jpg/v1/fill/w_1443,h_554,q_70,strp/elysium_field_by_zicuta_by_worldedgedesign_d8k5als-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTUzNiIsInBhdGgiOiJcL2ZcL2ZkZDNjODM1LTkwNmUtNDA3OS1hZDc4LTRjMWY5Y2MyNDRlMFwvZDhrNWFscy02ZWM0M2E4OS1kNWVkLTRhOGUtYjAxOS0yN2JiMmVkZmEyZmEuanBnIiwid2lkdGgiOiI8PTQwMDAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.BjJet9Ab3mANYoq6SmnDnaZyXoLFzMAZLKIevaUSiBM) center no-repeat fixed;
- background-size:cover;
- color:black;
- font-family: "Special Elite";
- font-size: 16px;
- }
- /*BG from Subtle Patterns*/
- #credit {
- Position: fixed; bottom: 10px; left: 10px;
- font-family: "Audiowide";
- font-size: 14px;
- z-index: 99;
- text-shadow: 2px 0 0 #4C9DCC, -2px 0 0 #4C9DCC, 0 2px 0 #4C9DCC, 0 -2px 0 #4C9DCC, 1px 1px #4C9DCC, -1px -1px 0 #4C9DCC, 1px -1px 0 #4C9DCC, -1px 1px 0 #4C9DCC;
- }
- #SquarePic{
- position: fixed; left: -925px; right: 0px; top: -310px; bottom: 0px; margin: auto;
- height: 250px;
- border: double black 10px;
- background-color: #800000;
- z-index: 5;
- }
- #RightPic1{
- position: fixed; left: 0px; right: -800px; top: -385px; bottom: 0px; margin: auto;
- height: 175px;
- border: double black 10px;
- background-color: #800000;
- z-index: 5;
- }
- #RightPic2{
- position: fixed; left: 0px; right: -900px; top: 0px; bottom: 0px; margin: auto;
- height: 175px;
- border: double black 10px;
- background-color: #800000;
- z-index: 5;
- }
- #RightPic3{
- position: fixed; left: 0px; right: -800px; top: 0px; bottom: -385px; margin: auto;
- height: 175px;
- border: double black 10px;
- background-color: #800000;
- z-index: 5;
- }
- #BGBox {
- position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto;
- height: 500px;
- width: 950px;
- border: solid black 5px;
- background-color: #b59700;
- background-image: url("https://i.imgur.com/5InWfjW.png");
- z-index: 1;
- }
- #Nav1{
- position: fixed; left: -815px; right: 0px; top: 0px; bottom: -10px; margin: auto;
- height: 15px;
- width: 100px;
- border: double black 10px;
- background-color: #8a5728;
- text-align: center;
- font-size: 15px;
- line-height: 20px;
- color: white;
- z-index: 5;
- -webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;
- }
- #Nav2{
- position: fixed; left: -815px; right: 0px; top: 0px; bottom: -98px; margin: auto;
- height: 15px;
- width: 100px;
- border: double black 10px;
- background-color: #8a5728;
- text-align: center;
- font-size: 15px;
- line-height: 20px;
- color: white;
- z-index: 5;
- -webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;
- }
- #Nav3{
- position: fixed; left: -815px; right: 0px; top: 0px; bottom: -186px; margin: auto;
- height: 15px;
- width: 100px;
- border: double black 10px;
- background-color: #8a5728;
- text-align: center;
- font-size: 15px;
- line-height: 20px;
- color: white;
- z-index: 5;
- -webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;
- }
- #Nav4{
- position: fixed; left: -815px; right: 0px; top: 0px; bottom: -274px; margin: auto;
- height: 15px;
- width: 100px;
- border: double black 10px;
- background-color: #8a5728;
- text-align: center;
- font-size: 15px;
- line-height: 20px;
- color: white;
- z-index: 5;
- -webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;
- }
- #Nav5{
- position: fixed; left: -815px; right: 0px; top: 0px; bottom: -362px; margin: auto;
- height: 15px;
- width: 100px;
- border: double black 10px;
- background-color: #8a5728;
- text-align: center;
- font-size: 15px;
- line-height: 20px;
- color: white;
- z-index: 5;
- -webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;
- }
- #Nav6{
- position: fixed; left: -815px; right: 0px; top: 0px; bottom: -450px; margin: auto;
- height: 15px;
- width: 100px;
- border: double black 10px;
- background-color: #8a5728;
- text-align: center;
- font-size: 15px;
- line-height: 20px;
- color: white;
- z-index: 5;
- -webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;
- }
- #Nav1:hover, #Nav2:hover, #Nav3:hover, #Nav4:hover, #Nav5:hover, #Nav6:hover{
- background-color: #536879;
- }
- #tab{
- position: fixed; left: -90px; right: 0px; top: 0px; bottom: 0px; margin: auto;
- height: 480px;
- width: 520px;
- padding: 10px;
- background-color: #b59700;
- background-image: url("https://i.imgur.com/5InWfjW.png");
- z-index:4;
- overflow: auto;
- display: none;
- }
- #Stats #tab {
- display: block;
- }
- #Stats:target #tab, #Personality:target #tab, #History:target #tab, #Traits:target #tab, #Associates:target #tab, #OOC:target #tab {
- display: block;
- z-index: 99;
- }
- .friendpic {
- border: 5px solid black;
- width: 100px;
- height: 100px;
- margin: 5px;
- pointer-events: auto;
- -webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;
- }
- .friendpic:hover {border: 5px solid white;}
- a.credit:link {color:#f0f0f0; font-family: "Audiowide"; font-size: 16px; text-decoration:none;}
- a.credit:visited {color:#f0f0f0;}
- a.credit:hover {color:#6f52be;}
- b {color:#4c2969;}
- a:link {color:#f0f0f0; text-decoration:none;-webkit-transition: 0.5s linear;
- -moz-transition: 0.5s linear;
- -o-transition: 0.5s linear;
- transition: 0.5s linear;}
- a:visited {color:#f0f0f0;}
- a:hover {color:#536879;}
- h1, h2, h3 {
- text-align: center;
- }
- ::-webkit-scrollbar {
- width: 0px;
- height: 1px;
- }
- ::-webkit-scrollbar-track {
- border-radius: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: transparent;
- }
- </style>
- <body>
- <img id="SquarePic" src ="https://pbs.twimg.com/media/Dge4mlIVQAAGwTK.jpg" alt="Square Picture"></div>
- <img id="RightPic1" src ="https://static.zerochan.net/Pyrrha.Nikos.full.2474692.jpg" alt="Top Right Picture"></div>
- <img id="RightPic2" src ="https://i.kym-cdn.com/photos/images/facebook/000/985/984/de5.jpg" alt="Middle Right Picture"></div>
- <img id="RightPic3" src ="https://assets.change.org/photos/0/ls/xs/TjLSXshHEWANGDi-800x450-noPad.jpg?1516045306" alt="Bottom Right Picture"></div>
- <div id="BGBox"></div>
- <a href="#Stats"><div id="Nav1">Stats</div></a>
- <a href="#Personality"><div id="Nav2">Personality</div></a>
- <a href="#History"><div id="Nav3">History</div></a>
- <a href="#Traits"><div id="Nav4">Traits</div></a>
- <a href="#Associates"><div id="Nav5">Associates</div></a>
- <a href="#OOC"><div id="Nav6">O.O.C.</div></a>
- <div id="Stats">
- <div id="tab">
- <div id="header">
- <h1>Stats</h1>
- </div>
- <div id="box">
- <b>Name:</b><span style=float:right>Artemus</span><br>
- <b>Gender:</b><span style=float:right>Female</span><br>
- <b>Age:</b><span style=float:right>22</span><br>
- <b>Hair:</b><span style=float:right>Fiery Red</span><br>
- <b>Eyes:</b><span style=float:right>Shinging Emearld</span><br>
- <b>Height:</b><span style=float:right>5'6"</span><br>
- <b>Weight:</b><span style=float:right><s>Redacted</s></span><br>
- <b>Build:</b><span style=float:right>Curvy but toned</span><br>
- <b>Added:</b><span style=float:right>Come find out</span><br>
- <b>Orientation:</b><span style=float:right>Hetrosexual</span>
- </div>
- </div></div>
- <div id="Personality">
- <div id="tab">
- <h1>Personality</h1>
- Lorem ipsum dolor sit amet...
- </div></div>
- <div id="History">
- <div id="tab">
- <h1>History</h1>
- Lorem ipsum dolor sit amet...
- </div></div>
- <div id="Traits">
- <div id="tab">
- <h1>Traits</h1>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....<br>
- <b>Skill Name:</b> Skill description....
- </div></div>
- <div id="Associates">
- <div id="tab">
- <h1>Associates</h1>
- <center>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE" alt="friend"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE" alt="friend"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE" alt="friend"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE" alt="friend"></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="PICHERE" class="friendpic" title="DESCRIPTION OF FRIEND HERE" alt="friend"></a>
- </center>
- </div></div>
- <div id="OOC">
- <div id="tab">
- <h1>Out of Character</h1>
- <b>01.</b> OOC is OOC do not mix it with IC, do not bring OOC drama to me.
- <b>02.</b> Have a profile before pming me.. I at least want to sorta know who i'm going to be talking to BEFORE i get a pm from some random.<br>
- <b>03.</b> I'm very PM friendly. If I don't reply right away I might be afk or busy playing some video games. I will get back to you.<br>
- <b>04.</b> I have the right to refuse RP, as do you.<br>
- <b>05.</b> Rp is third person, talk to me about an rp before you post. I rather not just have to guess what the hell is going on.
- </div></div>
- <div id="credit"><a class="credit" href="https://roleplay.chat/profile.php?user=Spaceman+Codes">Spaceman</a></div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement