Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body><style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Aguafina+Script|Hind);
- @import 'https://fonts.googleapis.com/css?family=Raleway';
- @import 'https://fonts.googleapis.com/css?family=Quicksand';
- @import 'https://fonts.googleapis.com/css?family=Dosis';
- @import 'https://fonts.googleapis.com/css?family=Play';
- @import url('https://fonts.googleapis.com/css?family=Lobster');
- }
- .pfor {display: none;}
- #profile {background-color: transparent; border: 0px;}
- body{
- background-color: #3C0202;
- background-image: url('');
- background-size: 100px;
- background-repeat: repeat;
- background-position: right bottom;
- margin: 0;
- }
- body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color:#575757;
- height:100px;
- padding:5px;
- border: 2px solid #000000;
- Border-radius: 10px;
- }
- ::-webkit-scrollbar {
- height:10px;
- width:0px;
- background:#000;
- }
- #text{
- height: 100px;
- width: 191px;
- padding: 5px;
- color: #fff;
- font-family: 'Raleway', sans-serif;
- font-size: 10px;
- text-align: left;
- overflow: scroll;
- }
- #exit{
- position: fixed;
- top: 90px;
- left: 10px;
- width: 100px;
- font-family: 'Aguafina Script', cursive;
- font-size: 55px;
- color: #575757;
- z-index: 200;
- text-shadow: 1px 0px 0px #000,
- 0px 1px 0px #000,
- -1px 0px 0px #000,
- 0px -1px 0px #000;
- }
- #exit a{
- display: inline-block;
- height: 200px;
- width: 800px;
- margin-top: 3px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
- border: 2px solid #575757;
- -webkit-transition:all .4s ease-in-out;
- -moz-transition:all .4s ease-in-out;
- -o-transition:all .4s ease-in-out;
- -ms-transition:all .4s ease-in-out;
- transition:all .4s ease-in-out;
- }
- #exit a:hover{
- background-color: #00000f;
- -webkit-transition:all .4s ease-in-out;
- -moz-transition:all .4s ease-in-out;
- -o-transition:all .4s ease-in-out;
- -ms-transition:all .4s ease-in-out;
- transition:all .4s ease-in-out;
- }
- #Rubeus {
- position:fixed;
- left: 875; top: 0;
- width:655px; height:955px;
- background-image: url('http://i.picpar.com/EFMc.png');
- background-size:655px;
- background-attachment:absolute;
- background-repeat:no-repeat;
- }
- #Hyje{
- position: fixed;
- top: 200px;
- left: 200px;
- height: 100px;
- width: 200px;
- overflow: hidden;
- background-image: url('http://i.picpar.com/8FMc.gif');
- background-size: 250px;
- background-position: -50 -20;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 2px;
- border-color: 000;
- border-radius: ;
- }
- #Hyje a{
- display: inline-block;
- height: 200px;
- width: 200px;
- margin-top: 8px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
- -webkit-transition:all .6s ease-in-out;
- -moz-transition:all .6s ease-in-out;
- -o-transition:all .6s ease-in-out;
- -ms-transition:all .6s ease-in-out;
- transition:all .6s ease-in-out;
- }
- #Hyje2{
- position: fixed;
- top: 320px;
- left: 420px;
- height: 100px;
- width: 200px;
- overflow: hidden;
- background-image: url('http://i.picpar.com/CFMc.jpg');
- background-size: 200px;
- background-position: -0 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 2px;
- border-color: 000;
- border-radius: ;
- }
- #Hyje2 a{
- display: inline-block;
- height: 100px;
- width: 200px;
- margin-top: 8px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
- -webkit-transition:all .6s ease-in-out;
- -moz-transition:all .6s ease-in-out;
- -o-transition:all .6s ease-in-out;
- -ms-transition:all .6s ease-in-out;
- transition:all .6s ease-in-out;
- }
- #Hyje3{
- position: fixed;
- top: 440px;
- left: 200px;
- height: 100px;
- width: 200px;
- overflow: hidden;
- background-image: url('http://i.picpar.com/JFMc.gif');
- background-size: 200px;
- background-position: 0 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 2px;
- border-color: 000;
- border-radius: ;
- }
- #Hyje3 a{
- display: inline-block;
- height: 100px;
- width: 200px;
- margin-top: 8px;
- margin-bottom: 0px;
- margin-left: 0px;
- margin-right: 0px;
- -webkit-transition:all .6s ease-in-out;
- -moz-transition:all .6s ease-in-out;
- -o-transition:all .6s ease-in-out;
- -ms-transition:all .6s ease-in-out;
- transition:all .6s ease-in-out;
- }
- .HyjeBox{
- position: fixed;
- top: 200px;
- left: 400px;
- height: 100px;
- width: 200px;
- background-color: 161616;
- background-size:350px;
- background-attachment:absolute;
- background-repeat: repeat;
- overflow: hidden;
- opacity: 0;
- border-style: solid;
- border-width: 2px;
- border-color: 585858;
- transition: all 0.5s ease-in-out;
- -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;
- }
- .HyjeBox:target {
- position: fixed;
- top: 200px;
- left: 420px;
- height: 100px;
- width: 200px;
- opacity: 0.9;
- z-index: 2;
- transition: all 0.5s ease-in-out;
- -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;
- }
- .HyjeBox2{
- position: fixed;
- top: 320px;
- left: 220px;
- height: 100px;
- width: 200px;
- background-color: 161616;
- background-size:350px;
- background-attachment:absolute;
- background-repeat: repeat;
- overflow: hidden;
- opacity: 0;
- border-style: solid;
- border-width: 2px;
- border-color: 585858;
- transition: all 0.5s ease-in-out;
- -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;
- }
- .HyjeBox2:target {
- position: fixed;
- top: 320px;
- left: 200px;
- height: 100px;
- width: 200px;
- opacity: 0.9;
- z-index: 2;
- transition: all 0.5s ease-in-out;
- -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;
- }
- .HyjeBox3{
- position: fixed;
- top: 440px;
- left: 400px;
- height: 100px;
- width: 200px;
- background-color: 161616;
- background-size:350px;
- background-attachment:absolute;
- background-repeat: repeat;
- overflow: hidden;
- opacity: 0;
- border-style: solid;
- border-width: 2px;
- border-color: 585858;
- transition: all 0.5s ease-in-out;
- -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;
- }
- .HyjeBox3:target {
- position: fixed;
- top: 440px;
- left: 420px;
- height: 100px;
- width: 200px;
- opacity: 0.9;
- z-index: 2;
- transition: all 0.5s ease-in-out;
- -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;
- }
- #Title{
- position: fixed;
- top: 155px;
- left: 206px;
- width: 200px;
- font-family: 'Lobster', cursive;
- font-size: 40px;
- color: #4E011A;
- z-index: 200;
- opacity: 0.8;
- letter-spacing: 9;
- text-shadow: 1px 0px 0px #000,
- 0px 1px 0px #000,
- -1px 0px 0px #000,
- 0px -1px 0px #000;
- -webkit-transition:opacity 2s linear;
- -webkit-transition:all 2s ease-in-out;
- -moz-transition:all 2s ease-in-out;
- transition:all 2s ease-in-out;
- }
- body:hover #Title{
- color: #881047;
- -webkit-transition:opacity 1s linear;
- -webkit-transition:all 1s ease-in-out;
- -moz-transition:all 1s ease-in-out;
- transition:all 1s ease-in-out;
- }
- h1{
- font-family: 'Dosis', sans-serif;
- font-size: 11px;
- color: #fff;
- border-bottom: 1px solid #000;
- text-align: right;
- letter-spacing: 15;
- text-shadow: 1px 0px 0px #000,
- 0px 1px 0px #000,
- -1px 0px 0px #000,
- 0px -1px 0px #000;
- }
- h2{
- font-family: 'Dosis', sans-serif;
- font-size: 17px;
- color: #4B0F02;
- border-bottom: 1px solid #000;
- text-align: right;
- letter-spacing: 8;
- background-attachment:absolute;
- background-repeat:no-repeat;
- background-position: -0 -78;
- background-size: 200px;
- }
- h3{
- font-family: 'PT Sans Narrow', sans-serif;
- font-size: 10px;
- color: #5D5D5D;
- text-align: left;
- letter-spacing: 6.8;
- background-attachment:absolute;
- background-repeat:no-repeat;
- background-position: 0 -33;
- background-size: 200px;
- }
- b,strong{
- color: #9D8D81;
- }
- f,strong{
- color: #766D46;
- }
- i{
- font-family: 'Galada', cursive;
- color: #492545;
- font-size: 11px;
- }
- u{
- font-family: 'Inconsolata', monospace;
- }
- strike{
- color: #686767;
- }
- a:link{
- color:#fff;
- }
- a:visited{
- color:#fff;
- }
- a:hover{
- color: #fff;
- text-shadow: 1px 0px 0px #000,
- 0px 1px 0px #000,
- -1px 0px 0px #000,
- 0px -1px 0px #000;
- -webkit-transition:all 1.9s ease-in-out;
- -moz-transition:all 1.9s ease-in-out;
- -o-transition:all 1.9s ease-in-out;
- -ms-transition:all .5s ease-in-out;
- transition:all 1.9s ease-in-out;
- }
- a:active{
- color:#fff;
- }
- #Li{
- position: fixed;
- top: 252px;
- left: 370;
- width: 5px;
- height: 200px;
- background-color: #000;
- }
- #Line{
- position: fixed;
- top: 252px;
- left: 400;
- width: 5px;
- height: 100px;
- background-color: #000;
- -webkit-transform: rotate(-45deg);
- }
- #Line2{
- position: fixed;
- top: 392px;
- left: 400;
- width: 5px;
- height: 100px;
- background-color: #000;
- -webkit-transform: rotate(45deg);
- }
- #Line3{
- position: fixed;
- top: 337px;
- left: 624;
- width: 96px;
- height: 3px;
- background-color: #000;
- }
- #Line4{
- position: fixed;
- top: 370px;
- left: 624;
- width: 96px;
- height: 3px;
- background-color: #000;
- }
- #Line5{
- position: fixed;
- top: 403px;
- left: 624;
- width: 96px;
- height: 3px;
- background-color: #000;
- }
- .con{
- }
- #F-One{
- position: fixed;
- top: 330px;
- left: 635px;
- }
- #F-One a{
- display: block;
- height: 15px;
- width: 70px;
- background-image: url('');
- background-size: 100px;
- background-position: 0 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 575757;
- border-radius: ;
- opacity: 0.3;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #F-One a:hover{
- background-size: 100px;
- background-position: 0 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 666666;
- border-radius: ;
- opacity: 1.0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .Name1{
- position: fixed;
- top: 326px;
- left: 650px;
- text-decoration: none;
- font-family: 'Quicksand', sans-serif;
- font-size: 11px;
- width: 70px;
- height: 10px;
- text-align: left;
- letter-spacing: 5;
- color: #fff;
- opacity: 0;
- -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;
- transition: all 0.9s ease-in-out;
- }
- .con:hover .Name1{
- position: fixed;
- top: 317px;
- left: 650px;
- opacity: 1;
- -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;
- transition: all 0.9s ease-in-out;
- }
- #F-Two{
- position: fixed;
- top: 363px;
- left: 635px;
- }
- #F-Two a{
- display: block;
- height: 15px;
- width: 70px;
- background-image: url('');
- background-size: 100px;
- background-position: 0 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 575757;
- border-radius: ;
- opacity: 0.3;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #F-Two a:hover{
- background-size: 100px;
- background-position: 0 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 666666;
- border-radius: ;
- opacity: 1.0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .Name2{
- position: fixed;
- top: 363px;
- left: 650px;
- text-decoration: none;
- font-family: 'Quicksand', sans-serif;
- font-size: 11px;
- width: 70px;
- height: 10px;
- text-align: left;
- letter-spacing: 5;
- color: #fff;
- opacity: 0;
- -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;
- transition: all 0.9s ease-in-out;
- }
- .con:hover .Name2{
- position: fixed;
- top: 350px;
- left: 650px;
- opacity: 1;
- -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;
- transition: all 0.9s ease-in-out;
- }
- #F-Three{
- position: fixed;
- top: 396px;
- left: 635px;
- }
- #F-Three a{
- display: block;
- height: 15px;
- width: 70px;
- background-image: url('');
- background-size: 100px;
- background-position: 0 -20;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 575757;
- border-radius: ;
- opacity: 0.3;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #F-Three a:hover{
- background-size: 100px;
- background-position: 0 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 666666;
- border-radius: ;
- opacity: 1.0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .Name3{
- position: fixed;
- top: 396px;
- left: 650px;
- text-decoration: none;
- font-family: 'Quicksand', sans-serif;
- font-size: 11px;
- width: 70px;
- height: 10px;
- text-align: left;
- letter-spacing: 5;
- color: #fff;
- opacity: 0;
- -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;
- transition: all 0.9s ease-in-out;
- }
- .con:hover .Name3{
- position: fixed;
- top: 383px;
- left: 650px;
- opacity: 1;
- -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;
- transition: all 0.9s ease-in-out;
- }
- #F-Four{
- position: fixed;
- top: 330px;
- left: 720px;
- }
- #F-Four a{
- display: block;
- height: 15px;
- width: 70px;
- background-image: url('');
- background-size: 70px;
- background-position: 0 -15;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 575757;
- border-radius: ;
- opacity: 0.3;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #F-Four a:hover{
- background-size: 70px;
- background-position: 0 -15;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 666666;
- border-radius: ;
- opacity: 1.0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .Name4{
- position: fixed;
- top: 326px;
- left: 735px;
- text-decoration: none;
- font-family: 'Quicksand', sans-serif;
- font-size: 11px;
- width: 70px;
- height: 10px;
- text-align: left;
- letter-spacing: 5;
- color: #fff;
- opacity: 0;
- -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;
- transition: all 0.9s ease-in-out;
- }
- .con:hover .Name4{
- position: fixed;
- top: 317px;
- left: 735px;
- opacity: 1;
- -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;
- transition: all 0.9s ease-in-out;
- }
- #F-Five{
- position: fixed;
- top: 363px;
- left: 720px;
- }
- #F-Five a{
- display: block;
- height: 15px;
- width: 70px;
- background-image: url('');
- background-size: 100px;
- background-position: -30 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 575757;
- border-radius: ;
- opacity: 0.3;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #F-Five a:hover{
- background-size: 100px;
- background-position: -30 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 666666;
- border-radius: ;
- opacity: 1.0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .Name5{
- position: fixed;
- top: 363px;
- left: 735px;
- text-decoration: none;
- font-family: 'Quicksand', sans-serif;
- font-size: 11px;
- width: 70px;
- height: 10px;
- text-align: left;
- letter-spacing: 3;
- color: #fff;
- opacity: 0;
- -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;
- transition: all 0.9s ease-in-out;
- }
- .con:hover .Name5{
- position: fixed;
- top: 350px;
- left: 735px;
- opacity: 1;
- -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;
- transition: all 0.9s ease-in-out;
- }
- #F-Six{
- position: fixed;
- top: 396px;
- left: 720px;
- }
- #F-Six a{
- display: block;
- height: 15px;
- width: 70px;
- background-image: url('');
- background-size: 100px;
- background-position: -30 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 575757;
- border-radius: ;
- opacity: 0.3;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- #F-Six a:hover{
- background-size: 100px;
- background-position: -30 -30;
- background-repeat: no-repeat;
- border-style: solid;
- border-width: 1px;
- border-color: 666666;
- border-radius: ;
- opacity: 1.0;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- .Name6{
- position: fixed;
- top: 396px;
- left: 735px;
- text-decoration: none;
- font-family: 'Quicksand', sans-serif;
- font-size: 11px;
- width: 70px;
- height: 10px;
- text-align: left;
- letter-spacing: 3;
- color: #fff;
- opacity: 0;
- -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;
- transition: all 0.9s ease-in-out;
- }
- .con:hover .Name6{
- position: fixed;
- top: 383px;
- left: 735px;
- opacity: 1;
- -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;
- transition: all 0.9s ease-in-out;
- }
- .Circ1{
- position: fixed;
- width: 3px;
- height: 3px;
- background-color: #fff;
- animation-duration: 2s;
- animation-name: ichi;
- animation-fill-mode: forwards;
- animation-iteration-count: infinite;
- animation-direction: reverse;
- opacity: 1.0;
- }
- @keyframes ichi {
- from {
- position: fixed;
- top: 337px;
- left: 720;
- opacity: 1.0;
- }
- to {
- position: fixed;
- top: 337px;
- left: 530;
- opacity: 1.0;
- }
- }
- .Circ1-{
- position: fixed;
- width: 3px;
- height: 3px;
- background-color: #fff;
- animation-duration: 2s;
- animation-name: ichi1;
- animation-fill-mode: forwards;
- animation-iteration-count: infinite;
- animation-direction: reverse;
- opacity: 1.0;
- }
- @keyframes ichi1 {
- from {
- position: fixed;
- top: 370px;
- left: 720;
- opacity: 1.0;
- }
- to {
- position: fixed;
- top: 370px;
- left: 530;
- opacity: 1.0;
- }
- }
- .Circ1--{
- position: fixed;
- width: 3px;
- height: 3px;
- background-color: #fff;
- animation-duration: 2s;
- animation-name: ichi2;
- animation-fill-mode: forwards;
- animation-iteration-count: infinite;
- animation-direction: reverse;
- opacity: 1.0;
- }
- @keyframes ichi2 {
- from {
- position: fixed;
- top: 403px;
- left: 720;
- opacity: 1.0;
- }
- to {
- position: fixed;
- top: 403px;
- left: 530;
- opacity: 1.0;
- }
- }
- .Circ2{
- position: fixed;
- width: 5px;
- height: 5px;
- background-color: #fff;
- -webkit-transform: rotate(-45deg);
- animation-duration: 2s;
- animation-name: ni;
- animation-fill-mode: forwards;
- animation-iteration-count: infinite;
- animation-direction: reverse;
- opacity: 1.0;
- }
- @keyframes ni {
- from {
- position: fixed;
- top: 415px;
- left: 515;
- opacity: 1.0;
- }
- to {
- position: fixed;
- top: 265px;
- left: 365;
- opacity: 1.0;
- }
- }
- .Circ3{
- position: fixed;
- width: 5px;
- height: 5px;
- background-color: #fff;
- -webkit-transform: rotate(45deg);
- animation-duration: 2s;
- animation-name: san;
- animation-fill-mode: forwards;
- animation-iteration-count: infinite;
- animation-direction: reverse;
- opacity: 1.0;
- }
- @keyframes san {
- from {
- position: fixed;
- top: 340px;
- left: 500;
- opacity: 1.0;
- }
- to {
- position: fixed;
- top: 473px;
- left: 367;
- opacity: 1.0;
- }
- }
- #BackG{
- position: fixed;
- top: 330px;
- left: 635px;
- display: block;
- height: 17px;
- width: 72px;
- background-size: 100px;
- background-color: #161616;
- opacity: 1.0;
- }
- #BackG1{
- position: fixed;
- top: 363px;
- left: 635px;
- display: block;
- height: 17px;
- width: 72px;
- background-size: 100px;
- background-color: #161616;
- opacity: 1.0;
- }
- #BackG2{
- position: fixed;
- top: 396px;
- left: 635px;
- display: block;
- height: 17px;
- width: 72px;
- background-size: 100px;
- background-color: #161616;
- opacity: 1.0;
- }
- #BackG3{
- position: fixed;
- top: 330px;
- left: 720px;
- display: block;
- height: 17px;
- width: 72px;
- background-size: 100px;
- background-color: #161616;
- opacity: 1.0;
- }
- #BackG4{
- position: fixed;
- top: 363px;
- left: 720px;
- display: block;
- height: 17px;
- width: 72px;
- background-size: 100px;
- background-color: #161616;
- opacity: 1.0;
- }
- #BackG5{
- position: fixed;
- top: 396px;
- left: 720px;
- display: block;
- height: 17px;
- width: 72px;
- background-size: 100px;
- background-color: #161616;
- opacity: 1.0;
- }
- #Jam{
- position:fixed;
- left: 380;
- top: 360;
- height: 20px;
- width: 20px;
- z-index: 550;
- overflow: hidden;
- overflow-x: hidden;
- background-image: url('http://i.picpar.com/CbUb.gif');
- background-position: center;
- background-repeat: no-repeat;
- }
- </style>
- <div id="Rubeus"></div>
- <div id="Li"></div>
- <div id="Line"></div>
- <div id="Line2"></div>
- <div id="Line3"></div>
- <div id="Line4"></div>
- <div id="Line5"></div>
- <div id="NaviLine"></div>
- <div class="Circ1">
- </div>
- <div class="Circ1-">
- </div>
- <div class="Circ1--">
- </div>
- <div class="Circ2">
- </div>
- <div class="Circ3">
- </div>
- </style>
- <div id="Jam">
- <audio controls style="opacity: 0; padding: 0px;">
- <source src="http://k003.kiwi6.com/hotlink/y8dbw171je/Sailor_Moon_R_OST_-_Rubeus_2.mp3">
- </audio>
- <div id="Dos" class="HyjeBox">
- <div id="text">
- STAT NAME <font style=float:right> STAT HERE </font>
- <br>
- STAT NAME <font style=float:right> STAT HERE </font>
- <br>
- STAT NAME <font style=float:right> STAT HERE </font>
- <br>
- STAT NAME <font style=float:right> STAT HERE </font>
- <br>
- STAT NAME <font style=float:right> STAT HERE </font>
- <br>
- STAT NAME <font style=float:right> STAT HERE </font>
- <br>
- STAT NAME <font style=float:right> STAT HERE </font>
- <br>
- STAT NAME <font style=float:right> STAT HERE </font>
- </div>
- </div>
- </div>
- <div id="Bio" class="HyjeBox2">
- <div id="text">
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis.
- </div>
- </div>
- </div>
- <div id="OOC" class="HyjeBox3">
- <div id="text">
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi neque, aliquet vel, dapibus id, mattis vel, nisi. Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc tortor eu nibh. Nullam mollis.
- </div>
- </div>
- </div>
- </div>
- <div id="Hyje">
- <a href="#Dos"></a>
- </div>
- <div id="Hyje2">
- <a href="#Bio"></a>
- </div>
- <div id="Hyje3">
- <a href="#OOC"></a>
- </div>
- <a href="#">
- <div id="title">RUBEUS</div>
- </a>
- </div>
- <div class="con">
- <div id="BackG">
- </div>
- <div id="F-One">
- <a href="/profile.php?user="></a>
- </div>
- <div class="name1"> NAME </div>
- </div>
- <div class="con">
- <div id="BackG1">
- </div>
- <div id="F-Two">
- <a href="/profile.php?user="></a>
- </div>
- <div class="name2"> NAME </div>
- </div>
- <div class="con">
- <div id="BackG2">
- </div>
- <div id="F-Three">
- <a href="/profile.php?user="></a>
- </div>
- <div class="name3"> NAME </div>
- </div>
- <div class="con">
- <div id="BackG3">
- </div>
- <div id="F-Four">
- <a href="/profile.php?user="></a>
- </div>
- <div class="name4"> NAME </div>
- </div>
- <div class="con">
- <div id="BackG4">
- </div>
- <div id="F-Five">
- <a href="/profile.php?user="></a>
- </div>
- <div class="name5"> NAME </div>
- </div>
- <div class="con">
- <div id="BackG5">
- </div>
- <div id="F-Six">
- <a href="/profile.php?user="></a>
- </div>
- <div class="name6"> NAME </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement