Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Poiret+One);
- body {
- margin: 0;
- padding: 0;
- background-image:url('http://i.picpar.com/B2Gc.png');
- -webkit-background-size: ;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: ;
- }
- a {
- text-decoration: none;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover {
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #top-one {
- position: fixed;
- left: 4%;
- top: 8%;
- width: 35%;
- height: 0px;
- border-top: px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #top-two {
- position: fixed;
- right: 4%;
- top: 8%;
- width: 35%;
- height: 0px;
- border-top: px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #left {
- position: fixed;
- left: 4%;
- top: 8%;
- height: 84%;
- width: 0px;
- border-left: px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #bottom {
- position: fixed;
- width: 92%;
- height: 0px;
- margin: 0 auto;
- left: 0px;
- right: 0px;
- bottom: 8%;
- border-bottom: 0px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #right {
- position: fixed;
- right: 4%;
- top: 8%;
- height: 84%;
- width: 0px;
- border-right: 0px solid;
- border-color: #FFFFFF; /*change border color here*/
- box-shadow: 0 0 3px #FFFFFF; /*change border shadow color here*/
- }
- #title {
- margin: 0 auto;
- left: 0px;
- right: 0px;
- width: 22%;
- text-align: center;
- top: 7%;
- position: fixed;
- font-family: Montserrat;
- letter-spacing: 13px;
- color: #FFFFFF; /*change title color here*/
- font-size: 12px;
- }
- #url a {
- margin: 0 auto;
- left: 0px;
- right: 0px;
- width: 100%;
- text-align: center;
- top: 240px;
- position: fixed;
- font-size: 50px; /*change url size here*/
- letter-spacing: 20px;
- color: #760505; /*change url color here*/
- font-family: Prata;
- text-shadow:
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF; /*change url shadow color here*/
- }
- #url a:hover {
- color: #000000; /*change url hover color*/
- }
- #c {
- position: fixed;
- bottom: 13px;
- right: 15px;
- font-family: Arial;
- }
- #c a {
- color: #FFFFFF; /*change credit color here*/
- font-size: 18px;
- }
- /* Credits to http://pohroro.tumblr.com */
- /* This is the profile page content: */
- .contentpage{position:absolute;top:0%;left:0%;height:100%;width:100%;background-color:#d6dae5; opacity:0;z-index:-1;}
- .contentpage:target{opacity:1;z-index:1;transition: all 0.9s ease-in-out;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -o-transition: all 0.9s ease-in-out;
- -ms-transition: all 0.9s ease-in-out;}
- .clouds {
- position:absolute;
- left:0;
- bottom:0;
- width:100%;
- height:100%;
- display:block;
- overflow: visible;
- opacity: 0.5;
- background:transparent url('http://i.picpar.com/mMac.png') repeat top center;
- z-index:1;
- -moz-animation:move-scrolling-front 150s linear infinite;
- -ms-animation:move-scrolling-front 150s linear infinite;
- -o-animation:move-scrolling-front 150s linear infinite;
- -webkit-animation:move-scrolling-front 150s linear infinite;
- animation:move-scrolling-front 150s linear infinite;
- }
- @keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:300% 0%}
- }
- @-webkit-keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:300% 0%}
- }
- @-moz-keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:300% 0%}
- }
- @-ms-keyframes move-scrolling-front{
- from{background-position:0% 0%}
- to{background-position:200% 0%}
- }
- </style>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 600px; height: 197px; background-color:#d9d9d9; position: absolute; top: 240px; left: 380px; overflow: auto; text-align: left; border: 1px solid #b1c8e1;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- </span></div>
- </a>
- <div id="url">
- <a href="#1">
- <img src="http://i.picpar.com/h2Gc.png" alt="" width="250" />
- </div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 600px; height: 197px; background-color:#; position: absolute; top: 240px; left: 380px; overflow: auto; text-align: left; border: 1px solid #b1c8e1;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- </span></div>
- <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 230px; height: 198px; background-color:#; position: absolute; top: 290px; left: 420px; overflow: auto; text-align: left; border: px solid #c9b7ba;"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 75px;"> Hoku</div>
- <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 230px; height: 198px; background-color:#; position: absolute; top: 292px; left: 422px; overflow: auto; text-align: left; border: px solid #c9b7ba;"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 75px; color:#fff;"> Hoku</div></span>
- <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 230px; height: 198px; background-color:#; position: absolute; top: 290px; left: 810px; overflow: auto; text-align: left; border: px solid #c9b7ba;"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size:75px;"> Flame</div>
- <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 230px; height: 198px; background-color:#; position: absolute; top: 292px; left: 812px; overflow: auto; text-align: left; border: px solid #c9b7ba;"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 75px; color:#fff;"> Flame</div></span>
- </a>
- <div id="c">
- <a target="_blank" href=" " title=" "> </a>
- </div>
- <div id="1" class="contentpage">
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Poiret+One);
- ::selection {
- background: #ddd;
- color: #fff;
- }
- ::-moz-selection {
- background: #ddd;
- color: #fff;
- }
- ::-webkit-selection {
- background: #ddd;
- color: #fff;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #c6a0a8;
- height: 50px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 3px;
- background-color: #f0ebea;
- }
- body {
- color: #aaa;
- text-align:justify;
- font-family: tahoma;
- font-size: 10px;
- background-color: #fff;
- background-color:#;
- background-attachment: fixed repeat; }
- #subete{
- margin-left: -200px;
- margin-top: 130px; }
- #about { margin-top: 100px; }
- #about i { font-style: italic; color:#787878; letter-spacing: 2px; }
- #about b { font-weight: bold; color:#787878; letter-spacing: 1px; }
- #kago {
- width: 520px;
- height: 330px;
- padding: 20px;
- overflow: hidden;
- background-color:#00062a;border: 1px solid #ddd;
- margin-left: 400px;
- margin-top: -1px; }
- #shouzou {
- width: 360px;
- height: 502px;
- background-color:#00062a;border: 1px solid #ddd;
- padding: 5px;
- margin-top: -70px;
- margin-left: 400px;
- margin-right:-1px;
- float: left; }
- #shouzou img { width: 360px; height: 502px; opacity: 0.8; -webkit-filter: grayscale(1);
- }
- #daimei {
- text-align: center;
- font-family: georgia;
- color: #444;
- font-size: 16px;
- text-transform: lowercase;
- padding:0px 0px 2px 0px;
- border-bottom: 1px dotted #aaa; }
- #fukudai {
- text-align: center;
- font-family: tahoma;
- color: #aaa;
- font-size: 12px;
- text-transform: none;
- padding:0px 20px 0px 20px;
- margin-top: 3px; }
- #onaka {
- float: right;
- width: 200px;
- text-align: justify;
- height: 100px;
- padding: 5px;
- line-height: 15px;
- font-size:9px;
- position: relative; }
- .tap
- {color:#bebebe;
- border-left: solid 8px;
- letter-spacing: 1px;
- font-size:8px; }
- #nai {
- margin-top: 7px;
- margin-left: 20px; }
- #atama {
- float: left;
- width: 200px;
- height: 100px;
- padding: 5px;
- position: relative; }
- #karada { position: absolute; margin-top: -5px; }
- ul
- {
- list-style:square;
- margin-left:-10px; }
- blockquote
- {
- background-color: #f7f7f7;
- padding: 5px;
- margin-left: 10px; margin-right: 10px; }
- /* NAVIGATION */
- #navi{
- text-align:center;
- margin-left:25px;
- margin-top: 220px;
- width:200px;
- padding:12px;
- position:absolute;
- z-index: 9999; }
- #ichi {
- margin-bottom:4px;
- color:#b2b2b2;
- width: 60px;
- background-color:#2a3647;
- padding: 4px;
- opacity: 0.6;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing:1px;
- -webkit-transition: opacity 0.3s linear;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out; }
- #ichi:hover { opacity: 1; }
- /* END NAVIGATION */
- b {
- text-transform: ;
- font-size: px;
- font-weight: ;
- color: #545255;
- background: #fff;
- letter-spacing: px;
- padding: 1px 2px 1px 3px;
- margin-right: 2px;}
- u {
- text-transform: ;
- font-size: ;
- font-weight: ;
- color: #000;
- background: #;
- letter-spacing: 1px;
- padding: 1px 2px 1px 3px;
- margin-right: 2px;
- border-bottom: dotted 1px #000;}
- i {
- font-size: px;
- font-weight: ;
- color: ;
- letter-spacing: px;
- padding: ;
- margin-right: 2px;}
- #url1 a {
- margin: 0 auto;
- left: 890px;
- right: 0px;
- width: 100%;
- text-align: ;
- top: 163px;
- position: fixed;
- font-size: 38px; /*change url size here*/
- letter-spacing: 2px;
- color: #000; /*change url color here*/
- font-family: Prata;
- text-shadow:
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF, /*change url shadow color here*/
- 0 0 3px #FFFFFF; /*change url shadow color here*/
- }
- #url1 a:hover {
- color: #3b3439; /*change url hover color*/
- }
- .hoverbox1 {
- position: fixed;
- background-color: #fff;
- opacity: 0;
- width: 105px;
- height: 345px;
- padding: 5px;
- left: 1200px;
- top: 160px;
- font-family: arial;
- font-size: 9px;
- color: #;
- letter-spacing: 0px;
- -webkit-transition: all .7s ease-in-out;
- }
- .hoverbox1:hover {
- opacity: 1;
- top: 285px;
- }
- .hoverbox1 b {
- color: # ;
- font-family: calibri;
- font-size: 10px;
- line-height: 10px;
- text-transform: ;
- }
- .linkbox {
- position: fixed;
- background-color: #fff;
- width: 100px;
- height: 100px;
- left: 1140px;
- top: 330px;
- z-index: 9;
- opacity: 0;
- border: 1px solid #000;
- -webkit-transition: all .0s ease-in-out;
- }
- .linkbox:hover {
- opacity: 1;
- }
- .linkbox a {
- display: block;
- background-color: #ebf6f9;
- margin-top: 4px;
- height: 15px;
- width: 90px;
- align: center;
- line-height: 15px;
- color: #fff;
- }
- .linkbox a:hover {
- background-color: #d5e9ee;
- }
- .mainbox {
- background-color: #;
- position: fixed;
- width: 181px;
- height: 215px;
- left: 1140px;
- top: 330px;
- padding: 10px;
- border: px solid #ffffff;
- opacity: 1;
- }
- .ophi {
- position: absolute;
- left: 150px;
- top: 15%;
- z-index: 99;
- height: 75%;
- width: 30%;
- background-image:url('');
- background-size: 100% 100%;
- background-position: center;
- background-repeat: no-repeat;
- }
- .stars-bg {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background-size: 240px;
- backface-visibility: visible;
- z-index: 1;
- animation: spin 300s linear infinite;
- }
- #meelaud { z-index: 10000; position: fixed; left:542px; top:292px; width:800px; font-family: 'Great Vibes', cursive; font-size: 100px; color: #fff; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://78.media.tumblr.com/2f3600645e35f8e1e95a6469fe148588/tumblr_o0qppfgN9i1txt22yo1_500.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
- #mee { z-index: 10000; position: fixed; left:540px; top:290px; width:800px; font-family: 'Great Vibes', cursive; font-size: 100px; color: #fff; -webkit-text-fill-color: transparent; background-color:#fff; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: center left; background-size: cover;}
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- font-style: ;
- color:#1b1e2f;
- text-shadow: -1px 0 #52566d, 0 1px #52566d, 1px 0 #52566d, 0 -1px #52566d;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#463d1b;
- }
- .star {
- position: absolute;
- left:530px;
- top: 375px;
- text-align: justify;
- overflow: auto;
- z-index: 99;
- height: 200px;
- width: 30%;
- font-family: Poiret One;
- font-size: 2vh;
- color: #ddd;
- }
- .star1 {
- position: absolute;
- left:460px;
- top: 410px;
- text-align: justify;
- overflow: auto;
- z-index: 99;
- height: 200px;
- width: 30%;
- font-family: Poiret One;
- font-size: 2vh;
- color: #ddd;
- }
- .star2 {
- position: absolute;
- left:430px;
- top: 560px;
- text-align: justify;
- overflow: auto;
- z-index: 99;
- height: 50px;
- width: 220px;
- font-family: Poiret One;
- font-size: 2vh;
- color: #ddd;
- }
- </style>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 365px; left: 1005px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Hoku Flame.
- </span></div>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 388px; left: 1025px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Male ♂
- </span></div>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 411px; left: 1020px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Dragon.
- </span></div>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 434px; left: 1042px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Fire.
- </span></div>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 457px; left: 1040px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Clan.
- </span></div>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 480px; left: 1040px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Heir.
- </span></div>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 503px; left: 985px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Notyousexual.
- </span></div>
- <div style="letter-spacing: 1px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 526px; left:1032px; overflow: auto; text-align: left; border-top: 2px solid #fff; border-left: 8px solid #fff; border-bottom: 1px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- Taken.
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: px; height: px; background-color: ; position: absolute; top: 345px; left: 1105px; overflow: auto; text-align: left; border: 15px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- <img src="http://i.picpar.com/D2Gc.png" alt="" width="200" />
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 150px; height: 90px; background-color:#; position: absolute; top: 555px; left: 1010px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: poiret one; font-size: 12; color: #000000;">
- <center>
- <b>This <a href="https://roleplay.chat/profile.php?user=Hime Ono">girl</a>, this smartass right here is mine. Don't bother. Don't touch.</b>
- </center>
- </span></div>
- <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 230px; height: 198px; background-color:#; position: absolute; top: 280px; left: 1140px; overflow: auto; text-align: left; border: px solid #c9b7ba;"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 95px; color:#7f8596;"> Hoku.</div>
- <div style="letter-spacing: 0px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 1; width: 230px; height: 198px; background-color:#; position: absolute; top: 282px; left: 1140px; overflow: auto; text-align: left; border: px solid #c9b7ba;"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 95px; color:#e6e8ef;"> Hoku.</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement