Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(//fonts.googleapis.com/css?family=Pinyon+Script);
- @import url(//fonts.googleapis.com/css?family=Crete+Round);
- @import url(//fonts.googleapis.com/css?family=Josefin+Sans);
- @import url(//fonts.googleapis.com/css?family=Lobster);
- .pfor { display: none; }
- #profile { background-color: transparent; border: none; overflow: auto;}
- /*body*/
- body {
- background-color: #171717;}
- b, strong { font-family: Lobster; font-size: 13px;line-height: 15px; font-weight: bold;
- color: #808080;}
- i, em {color:#ffffff; font-family: Crete Round; font-size:13px;}
- /*scroll*/
- ::-webkit-scrollbar {
- width: 5px;
- height: 0px;
- background:;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #c6c6c6;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- /*aesthetics*/
- #tag{
- position:fixed;
- width: 250px;
- height:10px;
- top: 210px;
- left: 442px;
- font-family: 'pinyon script', cursive;
- font-size: 40px;
- color: #000000;
- text-shadow: 1px 0px 0px #c6c6c6,
- 0px 1px 0px #c6c6c6,
- -1px 0px 0px #c6c6c6,
- 0px -1px 0px #c6c6c6,
- 0px 0px 20px #c6c6c6;
- opacity: 1;
- z-index: 4;
- }
- #ken img{
- position: fixed;
- max-width: 400px;
- border: 1px #c6c6c6 solid;
- height:auto;
- top:100px;
- left: 300px;
- z-index: 3;
- }
- /*navigation*/
- #nav {
- position: fixed;
- left:385px;
- top:220px;
- text-align:center;
- color: white;
- width: 250px;
- height: 8px;
- padding:10px;
- line-height:7px;
- z-index: 7;
- float: left;
- }
- #nav a:link, #nav a:visited {
- font-size:10px !important;
- letter-spacing: 1px;
- text-decoration:none;
- font-weight:normal !important;
- padding:10px;
- margin-top: 7px;
- margin-left: 7px;
- width: 10px;
- font-family: Tahoma;
- color: #ffffff;
- height: 10px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- float: left;
- }
- #nav a:hover {
- color:#666666;
- text-decoration:none;
- opacity: 1;
- float: left;
- }
- /*content*/
- .box {
- position: fixed;
- top:100px;
- left: 300px;
- width: 393px;
- height: 392px;
- padding: 5px;
- font-size: 13px;
- line-height: 13px;
- text-align: center;
- font-family: josefin sans;
- color: #c6c6c6;
- overflow: hidden;
- opacity: 0;
- background-color: transparent;
- transition: all 0.7s ease-in-out;
- -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;
- z-index:2;
- }
- .box:target {
- top: 100px;
- left: 715px;
- overflow: auto;
- border: 1px #c6c6c6 solid;
- border-top: none;
- border-bottom: none;
- border-left: none;
- background-color: transparent;
- opacity: 1;
- transition: all 0.7s ease-in-out;
- -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;
- z-index:2;
- }
- /*tables*/
- td.one{
- width: 261px;
- font-family: Lobster;
- font-size: 13px;
- text-align: left;
- word-spacing: 1px;
- letter-spacing: 0px;
- line-height: 9px;
- font-weight: bold;
- color: #808080;
- }
- td.two{
- width: 261px;
- font-family: Josefin Sans;
- font-size: 13px;
- text-align: right;
- word-spacing: 1px;
- letter-spacing: 0px;
- line-height: 9px;
- color: #c6c6c6;
- }
- /*link*/
- a:link,a:active,a:visited {
- color: #656565;
- font-family: Josefin Sans;
- font-size: 14px;
- line-height: 10px;
- letter-spacing: 0px;
- display: ;
- font-weight: bold;
- margin-bottom: px;
- word-spacing: 0px;
- text-transform: none;
- text-align: center;
- text-decoration: none;
- transition: all .3s ease-in-out;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- z-index: 7;
- }
- a:hover {
- color: #656565;
- text-shadow: 1px 0px 0px #ffffff,
- 0px 1px 0px #ffffff,
- -1px 0px 0px #ffffff,
- 0px -1px 0px #ffffff,
- 0px 0px 20px #ffffff;
- font-family: Josefin Sans;
- font-size: 14px;
- line-height: 10px;
- letter-spacing: 0px;
- display: ;
- font-weight: bold;
- margin-bottom: px;
- word-spacing: 0px;
- text-align: center;
- text-decoration: none;
- transition: all .3s ease-in-out;
- -webkit-transition: all .3s ease-in-out;
- -moz-transition: all .3s ease-in-out;
- -o-transition: all .3s ease-in-out;
- -ms-transition: all .3s ease-in-out;
- }
- /*disable*/
- #no{position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;}
- </style>
- <div id="no" oncontextmenu="return false;">
- <div id="ken">
- <img src="http://68.media.tumblr.com/aef0ed94d7522f0bdf8b8dcb9fb6e069/tumblr_n8z55jwZCn1t2g1fco1_500.gif">
- </div>
- <div id="tag">
- Kenshin
- </div>
- <div id="nav">
- <a href="#one">000.</a>
- <a href="#two">001.</a>
- <a href="#three">002.</a>
- <a href="#four">003.</a>
- <a href="#five">004.</a>
- </div>
- <div id="one" class="box">
- <table>
- <tr><td class="one">
- Name
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Nickname
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Alias
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Meaning
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Rank
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Age
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Gender
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Height
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Weight
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Hair
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Eyes
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Affiliation
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- Elemental Affinity
- </td><td class="two">
- ----
- </td></tr><tr>
- <tr><td class="one">
- God
- </td><td class="two">
- ----
- </td></tr><tr>
- </table>
- </div>
- <div id="two" class="box">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis eget quam sagittis tristique. Etiam quis sagittis lectus. Donec efficitur ac nisl at viverra. Nunc ut consequat felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris est diam, imperdiet sit amet posuere at, molestie eget libero. Cras quam lectus, maximus eu eleifend ut, volutpat rutrum purus. Duis a sodales mi, quis lacinia sapien. Phasellus eget suscipit tellus. Donec rutrum vitae eros feugiat ultrices. In sollicitudin pulvinar ultrices. Fusce pharetra ultricies sapien in vehicula. Sed turpis dolor, facilisis quis justo eu, aliquet porttitor metus. Fusce euismod nibh at velit tempus laoreet.
- </div>
- <div id="three" class="box">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis eget quam sagittis tristique. Etiam quis sagittis lectus. Donec efficitur ac nisl at viverra. Nunc ut consequat felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris est diam, imperdiet sit amet posuere at, molestie eget libero. Cras quam lectus, maximus eu eleifend ut, volutpat rutrum purus. Duis a sodales mi, quis lacinia sapien. Phasellus eget suscipit tellus. Donec rutrum vitae eros feugiat ultrices. In sollicitudin pulvinar ultrices. Fusce pharetra ultricies sapien in vehicula. Sed turpis dolor, facilisis quis justo eu, aliquet porttitor metus. Fusce euismod nibh at velit tempus laoreet.
- </div>
- <div id="four" class="box">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sagittis eget quam sagittis tristique. Etiam quis sagittis lectus. Donec efficitur ac nisl at viverra. Nunc ut consequat felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris est diam, imperdiet sit amet posuere at, molestie eget libero. Cras quam lectus, maximus eu eleifend ut, volutpat rutrum purus. Duis a sodales mi, quis lacinia sapien. Phasellus eget suscipit tellus. Donec rutrum vitae eros feugiat ultrices. In sollicitudin pulvinar ultrices. Fusce pharetra ultricies sapien in vehicula. Sed turpis dolor, facilisis quis justo eu, aliquet porttitor metus. Fusce euismod nibh at velit tempus laoreet.
- </div>
- <div id="five" class="box">
- reg<b>bold</b><i>italics</i><a href="">link</a><br><br>
- <b>One.</b> Layout was created by <a href="https://roleplay.chat/profile.php?user=Otohime">Otohime</a> for the use of <i>Kenshin only</i> do not take pieces or modify. If you would like a profile, please send me a private message/RPC mail and we can discuss something.<br>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement