Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url('//fonts.googleapis.com/css?family=Zhi Mang Xing');
- @import url('//fonts.googleapis.com/css?family=Uncial Antiqua');
- @import url('//fonts.googleapis.com/css?family=Teko');
- ::-webkit-scrollbar {width: .3vw; height: 1vw; background: #000; border-radius:5vw;}
- ::-webkit-scrollbar-thumb { background-image: linear-gradient(#000, #740000, #fff); border-radius:5vw;}
- a:link, a:visited, a:active{color: #361145;text-shadow: 2px 0 0 #D0B8EE, -2px 0 0 #D0B8EE, 0 2px 0 #D0B8EE, 0 -2px 0 #D0B8EE, 1px 1px #D0B8EE, -1px -1px 0 #D0B8EE, 1px -1px 0 #D0B8EE, -1px 1px 0 #D0B8EE; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
- a:hover { color: #000000; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; }
- h1 {color: #7D80CE;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;text-align: center;font-family:'vt323', sans-serif;font-size: 2vw;line-height:.5vw;}
- i {color: #3A134D;font-style: italic;text-shadow: 1px 1px 0px #ffffff;}
- b {color: #7D80CE;font-weight: bold;text-shadow: 1px 1px 0px #ffffff;}
- ib {color: #7D80CE;font-style:italic;font-weight: bold;text-shadow: 1px 1px 0px #ffffff;}
- body{background:url(https://i.imgur.com/hTlzNCp.jpg);background-size:30%;background-color:#666666;overflow:hidden;}
- #content {position: fixed;left: 0px;top: 0px; right: 0px; bottom: 0px;}
- #switch{position:absolute;left:-100%;top:-100%;}
- #switch + label {position: absolute;z-index: 3;height:2vw;width:2vw;left:37.5vw;bottom:6.8vw;background: url(http://i.picpar.com/UOZd.gif);background-size: 100%;background-repeat:no-repeat;position: absolute;margin: 0;opacity: 1;
- transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
- #switch + label:hover {position: absolute;z-index: 3;height:2vw;width:2vw;left:37.5vw;bottom:6.8vw;background: url(http://i.picpar.com/VOZd.gif);background-size: 100%;background-repeat:no-repeat;position: absolute;margin: 0;opacity: 1;
- transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
- #switch:checked + label {position:absolute;height:2vw;width:2vw;left:47.2vw;bottom:6.5vw;background: url(http://i.picpar.com/UOZd.gif);background-size: 100%;background-repeat:no-repeat;opacity:1;z-index: 3;transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
- #content2 {position: fixed;left: 0px;top: 0px; right: 0px; bottom: 0px; opacity:0;}
- #switch2{position:absolute;left:-100%;top:-100%;}
- #switch2 + label {position: absolute;z-index: 100;height:3vw;width:6vw;left:22vw;bottom:21vw;font-family:'Uncial Antiqua';font-size:3vw;color:#5F3B43;text-shadow:.1vw .1vw .1vw #000000;text-align:center;position: absolute;display:fixed;opacity: 1;
- transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
- #switch2:checked + label {position:absolute;height:3vw;width:6vw;color:#E4D8DD;font-family:'Uncial Antiqua';font-size:3vw;text-align:center;opacity:1;z-index: 100;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
- #switch:checked ~ .wings{position: absolute;z-index:-1;left:50vw;opacity: 1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch2:checked ~ .wings2{position: absolute;z-index:-1;left:50vw;opacity: 1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .ooc{position: absolute;z-index:-1;left:-10vw;opacity: 0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .ooc2{position: absolute;z-index:-1;left:-10vw;opacity: 0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .ooctext{position: absolute;z-index:-1;left:-10vw;opacity: 0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .gif{position: absolute;z-index:-1;left:-10vw;opacity: 0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .divider{position: absolute;z-index:-1;left:-10vw;opacity: 0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .title{position: absolute;z-index:-1;left:-10vw;opacity: 0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}#switch:checked ~ .title2{position: absolute;z-index:-1;left:-10vw;opacity: 0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .mainp{position: absolute;z-index:1;opacity: 1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .main{position: absolute;z-index:1;opacity: 1;left:21.5vw;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .main2{position: absolute;z-index:1;opacity: 1;left:21.5vw;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .mainb{position: absolute;z-index:2;opacity: 1;left:22vw;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .mainb2{position: absolute;z-index:2;opacity: 1;left:22vw;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .nbox {
- position:absolute;opacity:.8;left:21.5vw;z-index:1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .title3 {
- position:absolute;opacity:1;z-index:1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ .title4 {
- position:absolute;opacity:1;z-index:1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch2:checked ~ .navbar {
- position:absolute;opacity:1;z-index:10;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch2:checked ~ .mainp2{position: absolute;z-index:2;opacity: 1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch2:checked ~ .subholder{position: absolute;z-index:5;opacity: 1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch2:checked ~ .subholder2{position: absolute;z-index:5;opacity: 1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- #switch:checked ~ #content2 {
- position:absolute;opacity:1;z-index:2;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .wings{background: url(http://i.picpar.com/jKLd.jpg);background-size:100%;position:absolute;z-index:1;bottom:6.5vw;left:1vw;height:31.4vw;width:20vw;opacity:1;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .wings2{background: url(http://i.picpar.com/pKLd.jpg);background-size:cover;background-position:50% 100%;position:absolute;z-index:1;bottom:6.5vw;left:50vw;height:31.4vw;width:20vw;opacity:0;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .gif{background: url(http://i.picpar.com/FOZd.gif);background-size:100%;position:absolute;z-index:-1;bottom:27.9vw;left:21vw;height:10vw;width:20vw;opacity:1;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .border{background: url(https://www.transparenttextures.com/patterns/dark-mosaic.png);background-color:#853F44;position:absolute;z-index:-1;bottom:20vw;left:-2vw;height:40vw;width:5vw;opacity:1;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transform: rotate(40deg);transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .border2{background: url(https://www.transparenttextures.com/patterns/dark-mosaic.png);background-color:#853F44;position:absolute;z-index:-1;bottom:5vw;left:-2vw;height:50vw;width:5vw;opacity:1;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transform: rotate(40deg);transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .border3{background: url(https://www.transparenttextures.com/patterns/dark-mosaic.png);background-color:#853F44;position:absolute;z-index:-1;bottom:-20vw;left:-2vw;height:80vw;width:5vw;opacity:1;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transform: rotate(40deg);transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .border4{background: url(https://www.transparenttextures.com/patterns/dark-mosaic.png);background-color:#853F44;position:absolute;z-index:-2;bottom:-40vw;left:-2vw;height:100vw;width:5vw;opacity:1;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transform: rotate(40deg);transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .divider{background: url(http://i.picpar.com/jPZd.png);background-size:100%;position:absolute;z-index:1;bottom:23.4vw;left:22.3vw;height:.8vw;width:18vw;opacity:1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .ooc{background-color:#924C48;position:absolute;z-index:-1;bottom:6.5vw;left:21vw;height:25vw;width:20vw;opacity:1;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .ooc2{background-color:#A27C79;position:absolute;z-index:-1;bottom:7.2vw;left:22vw;height:15.8vw;width:18.5vw;opacity:.5;border-radius:1vw;box-shadow:0vw 0vw .8vw #A27C79;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .ooctext{position:absolute;z-index:2;bottom:7.6vw;left:22.5vw;height:15vw;width:17.5vw;opacity:1;font-family:'teko';font-size:1.2vw;line-height:1.2vw;overflow-y:scroll;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .mainp{background: url(http://i.picpar.com/mKLd.jpg);background-size:cover;background-position:50% 50%;position:absolute;z-index:1;bottom:6.5vw;left:1vw;height:31.4vw;width:20vw;opacity:0;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .mainp2{background: url(https://i.imgur.com/FWnpFTK.jpg);background-size:cover;background-position:50% 50%;position:absolute;z-index:1;bottom:6.5vw;left:1vw;height:31.4vw;width:20vw;opacity:0;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .main{background: url(https://www.transparenttextures.com/patterns/white-diamond-dark.png);background-color:#924C48;position:absolute;z-index:1;bottom:6.5vw;left:-10vw;height:13vw;width:28vw;opacity:0;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .main2{background: url(https://www.transparenttextures.com/patterns/white-diamond-dark.png);background-color:#924C48;position:absolute;z-index:1;bottom:24.9vw;left:-10vw;height:13vw;width:28vw;opacity:0;border:.1vw solid #64292A;box-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .title{background-image:url(https://thumbs.gfycat.com/UnkemptFlatAfricanpiedkingfisher-size_restricted.gif);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent; background-position:50% 100%;position:absolute;color: #EFF7FD;opacity:1;text-align: center;font-family:'Zhi Mang Xing', sans-serif;font-size:3.8vw;height:5vw;left:21.5vw;bottom:23vw;z-index:1;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .title2{position:absolute;color: #000000;opacity:1;text-align: center;font-family:'Zhi Mang Xing', sans-serif;font-size:3.8vw;height:5vw;left:21.4vw;bottom:22.9vw;z-index:1;text-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .title3{background-image:url(https://thumbs.gfycat.com/UnkemptFlatAfricanpiedkingfisher-size_restricted.gif);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent; background-position:50% 100%;position:absolute;color: #000000;opacity:0;text-align: center;font-family:'Zhi Mang Xing', sans-serif;font-size:3.8vw;height:5vw;left:1.1vw;bottom:36.5vw;z-index:1;text-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .title4{position:absolute;color: #000000;opacity:0;text-align: center;font-family:'Zhi Mang Xing', sans-serif;font-size:3.8vw;height:5vw;left:1.2vw;bottom:36.4vw;z-index:1;text-shadow:0px 0px 3px 2px #000000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .nbox{background-color:#A7807E;position:absolute;z-index:-1;bottom:20.1vw;left:-10vw;height:4vw;width:28.2vw;opacity:0;border-bottom: .2vw solid #000;border-top: .2vw solid #000;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .mainb{background-color:#AC8381;box-shadow:0vw 0vw .2vw #AC8381;opacity:.5;position:absolute;z-index:-1;bottom:25.3vw;left:-10vw;height:12.3vw;width:27.2vw;opacity:0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .mainb2{background-color:#AC8381;box-shadow:0vw 0vw .2vw #AC8381;opacity:.5;position:absolute;z-index:-1;bottom:7vw;left:-10vw;height:12.3vw;width:27.2vw;opacity:0;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
- .subholder{overflow:hidden;width:27.2vw;height:40vw;left:22vw;bottom:7vw;z-index:10;position: fixed;opacity: 0;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
- .subholder2{overflow:hidden;width:27.2vw;height:40vw;left:22vw;bottom:7vw;z-index:10;position: fixed;opacity: 0;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
- .maintext {overflow-y:scroll;height:12.3vw;width:27.2vw;z-index:10;left:22vw;bottom:7vw;position: fixed;opacity: 1;text-align:center;font-family:'Teko', sans-serif;font-size: 1.3vw;-webkit-transition: opacity 1s ease-in-out;}
- .maintext:target {transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;z-index:11;opacity:1;}
- .maintext2 {bakoverflow-y:scroll;height:12.3vw;width:27.2vw;z-index:50;color:#000;left:22vw;bottom:25.3vw;position: fixed;opacity: 1;text-align:center;font-family:'Teko', sans-serif;font-size: 1.3vw;-webkit-transition: opacity 1s ease-in-out;}
- .maintext2:target {transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;z-index:11;opacity:1;}
- .navbar {Position: absolute;left:31.5vw;bottom:20.5vw;opacity:0;z-index: -10;width:18vw; height:3.6vw;}
- .nav1 {background-image:url(http://i.picpar.com/gWZd.png);background-size:250%;background-color:#854945;box-shadow: 4px 4px 0px 1px #000000;height:3vw;width:3vw;border: .1vw solid #000000;z-index:10;border-radius:1vw;display: inline-grid;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
- .nav1:hover {background-color:#E4D8DD;height:3vw;width:3vw;border: .1vw solid #000000;display: inline-grid;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
- .nav2 {background-image:url(http://i.picpar.com/gWZd.png);background-size:250%;position:absolute;left:3.6vw;background-color:#854945;box-shadow: 4px 4px 0px 1px #000000;height:3vw;width:3vw;border: .1vw solid #000000;z-index:10;border-radius:1vw;display: inline-grid;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
- .nav2:hover {background-color:#E4D8DD;height:3vw;width:3vw;border: .1vw solid #000000;display: inline-grid;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
- .nav3 {background-image:url(http://i.picpar.com/gWZd.png);background-size:250%;background-color:#854945;box-shadow: 4px 4px 0px 1px #000000;height:3vw;width:3vw;position:absolute;left:7.1vw;border: .1vw solid #000000;z-index:10;border-radius:1vw;display: inline-grid;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
- .nav3:hover {background-color:#E4D8DD;height:3vw;width:3vw;border: .1vw solid #000000;display: inline-grid;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
- .nav4 {background-image:url(http://i.picpar.com/gWZd.png);background-size:250%;background-color:#854945;box-shadow: 4px 4px 0px 1px #000000;height:3vw;position:absolute; left: 10.6vw;bottom:.3vw;width:3vw;border: .1vw solid #000000;z-index:10;border-radius:1vw;display: inline-grid;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
- .nav4:hover {background-color:#E4D8DD;height:3vw;width:3vw;border: .1vw solid #000000;display: inline-grid;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
- .nav5 {background-image:url(http://i.picpar.com/gWZd.png);background-size:250%;position:absolute; left: 14.1vw;bottom:.3vw;background-color:#854945;box-shadow: 4px 4px 0px 1px #000000;height:3vw;width:3vw;border: .1vw solid #000000;z-index:10;border-radius:1vw;display: inline-grid;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
- .nav5:hover {background-color:#E4D8DD;height:3vw;width:3vw;border: .1vw solid #000000;display: inline-grid;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
- #player{position: absolute;z-index:7;bottom: 0vw;left:23vw;overflow:hidden;opacity:0;width:15.9vw;height:4vw;}
- .button{position:absolute;background: url(https://www.status-kw.com/images/icons/big_play.png); background-size:100%;width:2vw; height: 2vw; z-index:6;bottom: 0vw;left:24vw}
- .playback{position:absolute;background-color:#ffffff;width:15.9vw;height:2vw;bottom:0vw;left:23vw;z-index:5;opacity:1;border-radius:0vw 0vw 10vw 10vw;}
- .playtitle{position:absolute;width:11vw;height:1.8vw;bottom:0vw;left:26.5vw;z-index:5;opacity:1;font-family:'Teko';font-size:1vw;text-align:center;}
- .credit{bottom:0vw;left:0vw;width: 5vw;height: 6vw;opacity: 1;overflow: hidden;position: fixed;}
- </style>
- <div id="content" oncontextmenu="return false;">
- <input type="checkbox" name="toggle" id="switch" /><label for="switch"></label>
- <div class="wings"></div><div class="ooc"></div><div class="ooc2"></div><div class="gif"></div><div class="border"></div><div class="border2"></div><div class="border3"></div><div class="border4"></div><div class="divider"></div><div class="mainp"></div><div class="main"></div><div class="main2"></div><div class="nbox"></div><div class="mainb"></div><div class="mainb2"></div>
- <div class="ooctext">
- ○ text goes here<br>
- ○ text goes here<br>
- ○ text goes here<br>
- ○ text goes here<br>
- ○ text goes here<br>
- </div>
- <div class="title2">Out of Character</div><div class="title">Out of Character</div><div class="title4">If I get a little prettier</div>
- <div class="title3">If I get a little prettier</div>
- <div id="content2" oncontextmenu="return false;">
- <input type="checkbox" name="toggle" id="switch2" /><label for="switch2">N.A.V</label>
- <div class="mainp2"></div><div class="wings2"></div>
- <div id="001" class="subholder">
- <div class="maintext">
- text goes here
- </div>
- <div class="maintext2">
- text goes here
- </div></div>
- <div id="002" class="subholder2">
- <div class="maintext">
- text goes here 2
- </div>
- <div class="maintext2">
- text goes here 2
- </div></div>
- <div class="navbar">
- <a class="nav1" href="#001"></a><a class="nav2" href="#002"></a><a class="nav3" href="#003"></a><BR><a class="nav4" href="#004"></a><a class="nav5" href="#005"></a><a class="nav6" href="#006"></a></div>
- <div id="player">
- <audio controls loop="1" id="myaudio"><source src="http://codeskulptor-demos.commondatastorage.googleapis.com/pang/paza-moduless.mp3" type="audio/mpeg"></audio>
- </div>
- <div class="button"></div><div class="playback"></div><div class="playtitle"><Strike>MP3 friendly links</div>
- <div class="credit"><a target="_blank" href="https://roleplay.chat/profile.php?user=ReverieStyles" target="_blank"><img src="https://i.imgur.com/fgKTyd3.png" width="100%"></a></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement