Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- body {
- margin: 0;
- padding: 0;
- background-color:#292d4b; /*change your background here*/
- -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: 200px;
- 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:#1b1e2f;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>
- </a>
- <div id="url">
- <a href="#1">
- <img src="http://i.picpar.com/VTDc.jpg" alt="" width="450" /> </a>
- </div>
- <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:#2a3547;
- 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: #FFF;
- background: #820000;
- 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: #8e0000;
- 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;
- }
- body, a, a:hover{
- cursor: url('http://i.picpar.com/QTDc.png'), progress;}
- .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;
- }
- .star {
- position: absolute;
- left:80px;
- top: 460px;
- text-align: justify;
- overflow: auto;
- z-index: 99;
- height: 200px;
- width: 30%;
- font-family: Poiret One;
- font-size: 2vh;
- color: #ddd;
- }
- .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;
- }
- .circle {
- position: absolute;
- background: rgba(217, 248, 251, 0.8);
- width: 1px;
- height: 1px;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- box-shadow: 0px 0px 5px 2px #5995c7;
- animation: glow 2s infinite alternate;
- }
- .circle-big .circle {
- width: 2px;
- height: 2px;
- }
- @keyframes glow {
- from {
- box-shadow: 0px 0px 6px 1px #5995c7;
- }
- to {
- box-shadow: 0px 0px 8px 4px #5995c7;
- }
- }
- @keyframes spin {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- .circle-small .circle:nth-child(1) {
- top: 104%;
- left: 113%;
- animation-delay: 1s;
- }
- .circle-big .circle:nth-child(1) {
- top: 25%;
- left: 115%;
- animation-delay: 1s;
- }
- .circle-small .circle:nth-child(2) {
- top: -99%;
- left: -94%;
- animation-delay: 2s;
- }
- .circle-big .circle:nth-child(2) {
- top: 14%;
- left: -58%;
- animation-delay: 2s;
- }
- .circle-small .circle:nth-child(3) {
- top: -84%;
- left: -77%;
- animation-delay: 3s;
- }
- .circle-big .circle:nth-child(3) {
- top: 86%;
- left: 184%;
- animation-delay: 3s;
- }
- .circle-small .circle:nth-child(4) {
- top: -82%;
- left: 149%;
- animation-delay: 4s;
- }
- .circle-big .circle:nth-child(4) {
- top: 123%;
- left: -34%;
- animation-delay: 4s;
- }
- .circle-small .circle:nth-child(5) {
- top: 141%;
- left: 200%;
- animation-delay: 5s;
- }
- .circle-big .circle:nth-child(5) {
- top: 142%;
- left: -53%;
- animation-delay: 5s;
- }
- .circle-small .circle:nth-child(6) {
- top: 93%;
- left: -21%;
- animation-delay: 6s;
- }
- .circle-big .circle:nth-child(6) {
- top: 25%;
- left: 149%;
- animation-delay: 6s;
- }
- .circle-small .circle:nth-child(7) {
- top: 64%;
- left: -96%;
- animation-delay: 7s;
- }
- .circle-big .circle:nth-child(7) {
- top: -65%;
- left: 75%;
- animation-delay: 7s;
- }
- .circle-small .circle:nth-child(8) {
- top: 132%;
- left: 54%;
- animation-delay: 8s;
- }
- .circle-big .circle:nth-child(8) {
- top: -2%;
- left: 21%;
- animation-delay: 8s;
- }
- .circle-small .circle:nth-child(9) {
- top: 199%;
- left: -27%;
- animation-delay: 9s;
- }
- .circle-big .circle:nth-child(9) {
- top: 28%;
- left: -86%;
- animation-delay: 9s;
- }
- .circle-small .circle:nth-child(10) {
- top: 167%;
- left: 79%;
- animation-delay: 10s;
- }
- .circle-big .circle:nth-child(10) {
- top: -25%;
- left: 4%;
- animation-delay: 10s;
- }
- .circle-small .circle:nth-child(11) {
- top: 113%;
- left: 31%;
- animation-delay: 11s;
- }
- .circle-big .circle:nth-child(11) {
- top: 10%;
- left: 137%;
- animation-delay: 11s;
- }
- .circle-small .circle:nth-child(12) {
- top: -15%;
- left: 20%;
- animation-delay: 12s;
- }
- .circle-big .circle:nth-child(12) {
- top: 58%;
- left: -59%;
- animation-delay: 12s;
- }
- .circle-small .circle:nth-child(13) {
- top: 36%;
- left: 73%;
- animation-delay: 13s;
- }
- .circle-big .circle:nth-child(13) {
- top: -85%;
- left: 11%;
- animation-delay: 13s;
- }
- .circle-small .circle:nth-child(14) {
- top: 56%;
- left: -39%;
- animation-delay: 14s;
- }
- .circle-big .circle:nth-child(14) {
- top: -47%;
- left: -83%;
- animation-delay: 14s;
- }
- .circle-small .circle:nth-child(15) {
- top: -9%;
- left: -55%;
- animation-delay: 15s;
- }
- .circle-big .circle:nth-child(15) {
- top: 94%;
- left: 80%;
- animation-delay: 15s;
- }
- .circle-small .circle:nth-child(16) {
- top: 48%;
- left: -81%;
- animation-delay: 16s;
- }
- .circle-big .circle:nth-child(16) {
- top: -85%;
- left: 90%;
- animation-delay: 16s;
- }
- .circle-small .circle:nth-child(17) {
- top: 11%;
- left: -99%;
- animation-delay: 17s;
- }
- .circle-big .circle:nth-child(17) {
- top: 138%;
- left: 168%;
- animation-delay: 17s;
- }
- .circle-small .circle:nth-child(18) {
- top: 46%;
- left: 96%;
- animation-delay: 18s;
- }
- .circle-big .circle:nth-child(18) {
- top: -26%;
- left: 196%;
- animation-delay: 18s;
- }
- .circle-small .circle:nth-child(19) {
- top: 200%;
- left: 30%;
- animation-delay: 19s;
- }
- .circle-big .circle:nth-child(19) {
- top: 163%;
- left: -3%;
- animation-delay: 19s;
- }
- .circle-small .circle:nth-child(20) {
- top: 102%;
- left: 94%;
- animation-delay: 20s;
- }
- .circle-big .circle:nth-child(20) {
- top: 66%;
- left: -72%;
- animation-delay: 20s;
- }
- .circle-small .circle:nth-child(21) {
- top: 129%;
- left: 103%;
- animation-delay: 21s;
- }
- .circle-big .circle:nth-child(21) {
- top: 105%;
- left: 114%;
- animation-delay: 21s;
- }
- .circle-small .circle:nth-child(22) {
- top: 119%;
- left: 109%;
- animation-delay: 22s;
- }
- .circle-big .circle:nth-child(22) {
- top: 99%;
- left: 13%;
- animation-delay: 22s;
- }
- .circle-small .circle:nth-child(23) {
- top: 67%;
- left: -12%;
- animation-delay: 23s;
- }
- .circle-big .circle:nth-child(23) {
- top: -33%;
- left: -61%;
- animation-delay: 23s;
- }
- .circle-small .circle:nth-child(24) {
- top: 56%;
- left: 6%;
- animation-delay: 24s;
- }
- .circle-big .circle:nth-child(24) {
- top: 146%;
- left: 57%;
- animation-delay: 24s;
- }
- .circle-small .circle:nth-child(25) {
- top: 66%;
- left: 158%;
- animation-delay: 25s;
- }
- .circle-big .circle:nth-child(25) {
- top: -14%;
- left: 118%;
- animation-delay: 25s;
- }
- .circle-small .circle:nth-child(26) {
- top: -91%;
- left: 48%;
- animation-delay: 26s;
- }
- .circle-big .circle:nth-child(26) {
- top: 16%;
- left: 108%;
- animation-delay: 26s;
- }
- .circle-small .circle:nth-child(27) {
- top: -30%;
- left: 87%;
- animation-delay: 27s;
- }
- .circle-big .circle:nth-child(27) {
- top: 78%;
- left: -96%;
- animation-delay: 27s;
- }
- .circle-small .circle:nth-child(28) {
- top: -43%;
- left: 5%;
- animation-delay: 28s;
- }
- .circle-big .circle:nth-child(28) {
- top: 4%;
- left: 191%;
- animation-delay: 28s;
- }
- .circle-small .circle:nth-child(29) {
- top: 19%;
- left: -37%;
- animation-delay: 29s;
- }
- .circle-big .circle:nth-child(29) {
- top: 128%;
- left: 101%;
- animation-delay: 29s;
- }
- .circle-small .circle:nth-child(30) {
- top: 49%;
- left: 133%;
- animation-delay: 30s;
- }
- .circle-big .circle:nth-child(30) {
- top: 68%;
- left: -52%;
- animation-delay: 30s;
- }
- .circle-small .circle:nth-child(31) {
- top: 19%;
- left: -48%;
- animation-delay: 31s;
- }
- .circle-big .circle:nth-child(31) {
- top: -81%;
- left: -36%;
- animation-delay: 31s;
- }
- .circle-small .circle:nth-child(32) {
- top: 199%;
- left: -85%;
- animation-delay: 32s;
- }
- .circle-big .circle:nth-child(32) {
- top: 108%;
- left: 152%;
- animation-delay: 32s;
- }
- .circle-small .circle:nth-child(33) {
- top: 166%;
- left: -64%;
- animation-delay: 33s;
- }
- .circle-big .circle:nth-child(33) {
- top: 131%;
- left: -88%;
- animation-delay: 33s;
- }
- .circle-small .circle:nth-child(34) {
- top: -99%;
- left: 48%;
- animation-delay: 34s;
- }
- .circle-big .circle:nth-child(34) {
- top: 171%;
- left: -27%;
- animation-delay: 34s;
- }
- .circle-small .circle:nth-child(35) {
- top: 66%;
- left: -35%;
- animation-delay: 35s;
- }
- .circle-big .circle:nth-child(35) {
- top: 119%;
- left: -36%;
- animation-delay: 35s;
- }
- .circle-small .circle:nth-child(36) {
- top: -91%;
- left: 33%;
- animation-delay: 36s;
- }
- .circle-big .circle:nth-child(36) {
- top: 16%;
- left: 144%;
- animation-delay: 36s;
- }
- .circle-small .circle:nth-child(37) {
- top: -62%;
- left: -62%;
- animation-delay: 37s;
- }
- .circle-big .circle:nth-child(37) {
- top: -47%;
- left: 194%;
- animation-delay: 37s;
- }
- .circle-small .circle:nth-child(38) {
- top: -68%;
- left: -81%;
- animation-delay: 38s;
- }
- .circle-big .circle:nth-child(38) {
- top: 85%;
- left: -41%;
- animation-delay: 38s;
- }
- .circle-small .circle:nth-child(39) {
- top: 40%;
- left: -91%;
- animation-delay: 39s;
- }
- .circle-big .circle:nth-child(39) {
- top: -29%;
- left: 62%;
- animation-delay: 39s;
- }
- .circle-small .circle:nth-child(40) {
- top: -38%;
- left: 164%;
- animation-delay: 40s;
- }
- .circle-big .circle:nth-child(40) {
- top: 88%;
- left: 28%;
- animation-delay: 40s;
- }
- .circle-small .circle:nth-child(41) {
- top: 143%;
- left: -48%;
- animation-delay: 41s;
- }
- .circle-big .circle:nth-child(41) {
- top: -26%;
- left: 132%;
- animation-delay: 41s;
- }
- .circle-small .circle:nth-child(42) {
- top: 4%;
- left: 189%;
- animation-delay: 42s;
- }
- .circle-big .circle:nth-child(42) {
- top: 60%;
- left: 178%;
- animation-delay: 42s;
- }
- .circle-small .circle:nth-child(43) {
- top: -22%;
- left: -98%;
- animation-delay: 43s;
- }
- .circle-big .circle:nth-child(43) {
- top: 182%;
- left: -1%;
- animation-delay: 43s;
- }
- .circle-small .circle:nth-child(44) {
- top: 160%;
- left: 109%;
- animation-delay: 44s;
- }
- .circle-big .circle:nth-child(44) {
- top: -59%;
- left: 53%;
- animation-delay: 44s;
- }
- .circle-small .circle:nth-child(45) {
- top: 153%;
- left: 73%;
- animation-delay: 45s;
- }
- .circle-big .circle:nth-child(45) {
- top: 28%;
- left: 42%;
- animation-delay: 45s;
- }
- .circle-small .circle:nth-child(46) {
- top: -39%;
- left: 11%;
- animation-delay: 46s;
- }
- .circle-big .circle:nth-child(46) {
- top: 34%;
- left: 77%;
- animation-delay: 46s;
- }
- .circle-small .circle:nth-child(47) {
- top: 151%;
- left: 110%;
- animation-delay: 47s;
- }
- .circle-big .circle:nth-child(47) {
- top: 108%;
- left: -18%;
- animation-delay: 47s;
- }
- .circle-small .circle:nth-child(48) {
- top: 193%;
- left: -38%;
- animation-delay: 48s;
- }
- .circle-big .circle:nth-child(48) {
- top: 176%;
- left: -98%;
- animation-delay: 48s;
- }
- .circle-small .circle:nth-child(49) {
- top: 6%;
- left: -92%;
- animation-delay: 49s;
- }
- .circle-big .circle:nth-child(49) {
- top: 87%;
- left: 25%;
- animation-delay: 49s;
- }
- .circle-small .circle:nth-child(50) {
- top: -97%;
- left: -98%;
- animation-delay: 50s;
- }
- .circle-big .circle:nth-child(50) {
- top: -51%;
- left: 105%;
- animation-delay: 50s;
- }
- .circle-small .circle:nth-child(51) {
- top: -92%;
- left: 98%;
- animation-delay: 51s;
- }
- .circle-big .circle:nth-child(51) {
- top: 132%;
- left: 11%;
- animation-delay: 51s;
- }
- .circle-small .circle:nth-child(52) {
- top: 24%;
- left: -30%;
- animation-delay: 52s;
- }
- .circle-big .circle:nth-child(52) {
- top: 123%;
- left: 150%;
- animation-delay: 52s;
- }
- .circle-small .circle:nth-child(53) {
- top: 108%;
- left: -29%;
- animation-delay: 53s;
- }
- .circle-big .circle:nth-child(53) {
- top: -54%;
- left: 96%;
- animation-delay: 53s;
- }
- .circle-small .circle:nth-child(54) {
- top: 0%;
- left: -91%;
- animation-delay: 54s;
- }
- .circle-big .circle:nth-child(54) {
- top: 149%;
- left: -31%;
- animation-delay: 54s;
- }
- .circle-small .circle:nth-child(55) {
- top: -1%;
- left: 40%;
- animation-delay: 55s;
- }
- .circle-big .circle:nth-child(55) {
- top: -96%;
- left: -82%;
- animation-delay: 55s;
- }
- .circle-small .circle:nth-child(56) {
- top: 118%;
- left: 180%;
- animation-delay: 56s;
- }
- .circle-big .circle:nth-child(56) {
- top: 85%;
- left: 169%;
- animation-delay: 56s;
- }
- .circle-small .circle:nth-child(57) {
- top: -97%;
- left: -6%;
- animation-delay: 57s;
- }
- .circle-big .circle:nth-child(57) {
- top: -25%;
- left: 72%;
- animation-delay: 57s;
- }
- .circle-small .circle:nth-child(58) {
- top: 35%;
- left: -3%;
- animation-delay: 58s;
- }
- .circle-big .circle:nth-child(58) {
- top: 40%;
- left: 23%;
- animation-delay: 58s;
- }
- .circle-small .circle:nth-child(59) {
- top: 52%;
- left: 99%;
- animation-delay: 59s;
- }
- .circle-big .circle:nth-child(59) {
- top: 170%;
- left: 27%;
- animation-delay: 59s;
- }
- .circle-small .circle:nth-child(60) {
- top: 46%;
- left: 122%;
- animation-delay: 60s;
- }
- .circle-big .circle:nth-child(60) {
- top: -66%;
- left: -69%;
- animation-delay: 60s;
- }
- .circle-small .circle:nth-child(61) {
- top: 16%;
- left: 40%;
- animation-delay: 61s;
- }
- .circle-big .circle:nth-child(61) {
- top: 119%;
- left: -83%;
- animation-delay: 61s;
- }
- .circle-small .circle:nth-child(62) {
- top: 98%;
- left: 149%;
- animation-delay: 62s;
- }
- .circle-big .circle:nth-child(62) {
- top: 139%;
- left: 68%;
- animation-delay: 62s;
- }
- .circle-small .circle:nth-child(63) {
- top: 92%;
- left: 133%;
- animation-delay: 63s;
- }
- .circle-big .circle:nth-child(63) {
- top: 143%;
- left: 52%;
- animation-delay: 63s;
- }
- .circle-small .circle:nth-child(64) {
- top: 36%;
- left: -7%;
- animation-delay: 64s;
- }
- .circle-big .circle:nth-child(64) {
- top: -16%;
- left: 188%;
- animation-delay: 64s;
- }
- .circle-small .circle:nth-child(65) {
- top: 49%;
- left: -77%;
- animation-delay: 65s;
- }
- .circle-big .circle:nth-child(65) {
- top: -85%;
- left: 126%;
- animation-delay: 65s;
- }
- .circle-small .circle:nth-child(66) {
- top: -52%;
- left: 114%;
- animation-delay: 66s;
- }
- .circle-big .circle:nth-child(66) {
- top: 15%;
- left: -97%;
- animation-delay: 66s;
- }
- .circle-small .circle:nth-child(67) {
- top: 179%;
- left: 32%;
- animation-delay: 67s;
- }
- .circle-big .circle:nth-child(67) {
- top: 89%;
- left: 137%;
- animation-delay: 67s;
- }
- .circle-small .circle:nth-child(68) {
- top: 93%;
- left: 139%;
- animation-delay: 68s;
- }
- .circle-big .circle:nth-child(68) {
- top: 154%;
- left: 142%;
- animation-delay: 68s;
- }
- .circle-small .circle:nth-child(69) {
- top: 124%;
- left: 87%;
- animation-delay: 69s;
- }
- .circle-big .circle:nth-child(69) {
- top: 153%;
- left: -51%;
- animation-delay: 69s;
- }
- .circle-small .circle:nth-child(70) {
- top: 11%;
- left: 117%;
- animation-delay: 70s;
- }
- .circle-big .circle:nth-child(70) {
- top: -52%;
- left: -93%;
- animation-delay: 70s;
- }
- .circle-small .circle:nth-child(71) {
- top: 54%;
- left: 20%;
- animation-delay: 71s;
- }
- .circle-big .circle:nth-child(71) {
- top: 192%;
- left: 198%;
- animation-delay: 71s;
- }
- .circle-small .circle:nth-child(72) {
- top: -13%;
- left: 62%;
- animation-delay: 72s;
- }
- .circle-big .circle:nth-child(72) {
- top: 180%;
- left: 132%;
- animation-delay: 72s;
- }
- .circle-small .circle:nth-child(73) {
- top: 132%;
- left: 0%;
- animation-delay: 73s;
- }
- .circle-big .circle:nth-child(73) {
- top: -96%;
- left: 83%;
- animation-delay: 73s;
- }
- .circle-small .circle:nth-child(74) {
- top: 64%;
- left: -30%;
- animation-delay: 74s;
- }
- .circle-big .circle:nth-child(74) {
- top: 131%;
- left: -38%;
- animation-delay: 74s;
- }
- .circle-small .circle:nth-child(75) {
- top: -85%;
- left: -14%;
- animation-delay: 75s;
- }
- .circle-big .circle:nth-child(75) {
- top: 113%;
- left: 45%;
- animation-delay: 75s;
- }
- .circle-small .circle:nth-child(76) {
- top: -84%;
- left: -2%;
- animation-delay: 76s;
- }
- .circle-big .circle:nth-child(76) {
- top: -68%;
- left: 74%;
- animation-delay: 76s;
- }
- .circle-small .circle:nth-child(77) {
- top: 134%;
- left: 172%;
- animation-delay: 77s;
- }
- .circle-big .circle:nth-child(77) {
- top: -74%;
- left: 98%;
- animation-delay: 77s;
- }
- .circle-small .circle:nth-child(78) {
- top: 154%;
- left: 104%;
- animation-delay: 78s;
- }
- .circle-big .circle:nth-child(78) {
- top: -21%;
- left: 170%;
- animation-delay: 78s;
- }
- .circle-small .circle:nth-child(79) {
- top: 74%;
- left: 4%;
- animation-delay: 79s;
- }
- .circle-big .circle:nth-child(79) {
- top: 165%;
- left: 78%;
- animation-delay: 79s;
- }
- .circle-small .circle:nth-child(80) {
- top: -64%;
- left: 54%;
- animation-delay: 80s;
- }
- .circle-big .circle:nth-child(80) {
- top: 168%;
- left: -95%;
- animation-delay: 80s;
- }
- .circle-small .circle:nth-child(81) {
- top: -67%;
- left: 53%;
- animation-delay: 81s;
- }
- .circle-big .circle:nth-child(81) {
- top: 153%;
- left: 113%;
- animation-delay: 81s;
- }
- .circle-small .circle:nth-child(82) {
- top: -50%;
- left: 171%;
- animation-delay: 82s;
- }
- .circle-big .circle:nth-child(82) {
- top: 18%;
- left: 21%;
- animation-delay: 82s;
- }
- .circle-small .circle:nth-child(83) {
- top: 134%;
- left: 112%;
- animation-delay: 83s;
- }
- .circle-big .circle:nth-child(83) {
- top: 98%;
- left: 5%;
- animation-delay: 83s;
- }
- .circle-small .circle:nth-child(84) {
- top: 59%;
- left: -16%;
- animation-delay: 84s;
- }
- .circle-big .circle:nth-child(84) {
- top: -21%;
- left: 32%;
- animation-delay: 84s;
- }
- .circle-small .circle:nth-child(85) {
- top: 143%;
- left: 131%;
- animation-delay: 85s;
- }
- .circle-big .circle:nth-child(85) {
- top: 103%;
- left: -44%;
- animation-delay: 85s;
- }
- .circle-small .circle:nth-child(86) {
- top: 11%;
- left: 145%;
- animation-delay: 86s;
- }
- .circle-big .circle:nth-child(86) {
- top: 144%;
- left: 132%;
- animation-delay: 86s;
- }
- .circle-small .circle:nth-child(87) {
- top: 169%;
- left: 196%;
- animation-delay: 87s;
- }
- .circle-big .circle:nth-child(87) {
- top: -15%;
- left: 55%;
- animation-delay: 87s;
- }
- .circle-small .circle:nth-child(88) {
- top: -8%;
- left: 31%;
- animation-delay: 88s;
- }
- .circle-big .circle:nth-child(88) {
- top: 199%;
- left: -5%;
- animation-delay: 88s;
- }
- .circle-small .circle:nth-child(89) {
- top: 65%;
- left: 74%;
- animation-delay: 89s;
- }
- .circle-big .circle:nth-child(89) {
- top: 117%;
- left: 88%;
- animation-delay: 89s;
- }
- .circle-small .circle:nth-child(90) {
- top: -49%;
- left: -4%;
- animation-delay: 90s;
- }
- .circle-big .circle:nth-child(90) {
- top: -26%;
- left: 15%;
- animation-delay: 90s;
- }
- .circle-small .circle:nth-child(91) {
- top: 84%;
- left: -63%;
- animation-delay: 91s;
- }
- .circle-big .circle:nth-child(91) {
- top: -76%;
- left: 180%;
- animation-delay: 91s;
- }
- .circle-small .circle:nth-child(92) {
- top: 102%;
- left: 157%;
- animation-delay: 92s;
- }
- .circle-big .circle:nth-child(92) {
- top: 159%;
- left: 159%;
- animation-delay: 92s;
- }
- .circle-small .circle:nth-child(93) {
- top: 76%;
- left: 33%;
- animation-delay: 93s;
- }
- .circle-big .circle:nth-child(93) {
- top: 187%;
- left: -50%;
- animation-delay: 93s;
- }
- .circle-small .circle:nth-child(94) {
- top: 178%;
- left: 187%;
- animation-delay: 94s;
- }
- .circle-big .circle:nth-child(94) {
- top: 174%;
- left: 15%;
- animation-delay: 94s;
- }
- .circle-small .circle:nth-child(95) {
- top: 166%;
- left: 17%;
- animation-delay: 95s;
- }
- .circle-big .circle:nth-child(95) {
- top: 123%;
- left: 42%;
- animation-delay: 95s;
- }
- .circle-small .circle:nth-child(96) {
- top: 129%;
- left: 64%;
- animation-delay: 96s;
- }
- .circle-big .circle:nth-child(96) {
- top: 68%;
- left: 48%;
- animation-delay: 96s;
- }
- .circle-small .circle:nth-child(97) {
- top: 17%;
- left: -87%;
- animation-delay: 97s;
- }
- .circle-big .circle:nth-child(97) {
- top: 17%;
- left: -80%;
- animation-delay: 97s;
- }
- .circle-small .circle:nth-child(98) {
- top: 75%;
- left: 48%;
- animation-delay: 98s;
- }
- .circle-big .circle:nth-child(98) {
- top: -11%;
- left: -23%;
- animation-delay: 98s;
- }
- .circle-small .circle:nth-child(99) {
- top: 162%;
- left: 57%;
- animation-delay: 99s;
- }
- .circle-big .circle:nth-child(99) {
- top: 156%;
- left: 167%;
- animation-delay: 99s;
- }
- .circle-small .circle:nth-child(100) {
- top: 93%;
- left: 52%;
- animation-delay: 100s;
- }
- .circle-big .circle:nth-child(100) {
- top: -49%;
- left: 153%;
- animation-delay: 100s;
- }
- #meelaud { z-index: 10000; position: fixed; left:152px; top:392px; 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/1046ae5f9a312353e0e3fb7db09358d2/tumblr_o1kh9kmU4F1tpqbioo1_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:150px; top:390px; 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;
- }
- </style>
- <div class="stars-bg">
- <div class="circle-small">
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- </div>
- <div class="circle-big">
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- <div class="circle"></div>
- </div>
- </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: 10px; left: 500px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- <img src="http://i.picpar.com/DTDc.png" alt="" width="255" />
- </span></div>
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em;border-radius: ; opacity: 0.8; width: px; height: px; background-color: ; position: absolute; top: 255px; left: 600px; overflow: auto; text-align: left; border: px solid #fff;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;">
- <img src="http://i.picpar.com/0TDc.png" alt="" width="455" />
- </span></div>
- <div class="ophi"></div>
- <div class="star">
- <center><div style="font-size: 3vh;">N a v i</div></center>
- <hr color="#858CD7">
- <center><i><span style="color:#fff"> "I'm Navi the fairy! The Great Deku Tree asked me to be your partner from now on! Nice to meet you!"</i>
- </center>
- <br><br>
- <font style=float:left>- ♀ / feminine.</font> <font style=float:right>Fairy -</font><br>
- <font style=float:left>- Ageless</font> <font style=float:right>Small! / 4'7" (other form) -</font><br>
- <font style=float:left>- Kokiri Forest</font> <font style=float:right>Hyrule -</font><br>
- <font style=float:left>- Traveling</font> <font style=float:right>Heterosexual -</font><br>
- <font style=float:left>- <a title="Link (seeking one)" href=""><span style="color:#1b1e2f"> Interested</a></font> <font style=float:right>Singular -</font><br>
- </div>
- <div id="mee"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 75px;"> hey! listen!</div>
- <div id="meelaud"><span style="font-family: brush script mt, cursive; letter-spacing: 0px; font-size: 75px;"> hey! listen!</div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement