- * {
- cursor: url(https://cur.cursors-4u.net/cursors/cur-10/cur918.cur), auto !important;
- }
- h2#name:after {
- content: "Sailor moon";
- font-size: 40px;
- }
- h2#name {
- font-family: Courier New;
- color: white;
- font-size: 0px;
- }
- .avatar {
- border: 10px solid;
- border-image: url(http://gph.is/1a5MPWp) 30 stretch;
- box-sizing: border-box;
- display: block;
- color: #fff;
- }
- #name {
- animation-duration: 2.0s;
- animation-iteration-count: infinite;
- font-family: Courier New;
- font-size: 25px;
- margin: 0;
- padding-bottom: 15px;
- padding-left: 5px;
- }
- body {
- background-attachment: fixed;
- background-image: url(https://i.gifer.com/PAq.gif);
- background-position: center;
- color: #fff;
- font-family: Courier New;
- font-weight: 500;
- }
- .player::before {
- content: "";
- display: block;
- position: relative;
- width: calc(40% -20px);
- height: 390px;
- max-width: 390px;
- background-position: 0 0;
- background-size: 100% 100%;
- background-image: url(https://media.tenor.com/images/7cf82b47d076700da60db7f9b8d81990/tenor.gif);
- }
- .topLeft {
- background-position: center;
- background-size: cover;
- border-radius: 25px;
- box-sizing: border-box;
- overflow: auto;
- position: relative;
- text-shadow: 0 0 4px black;
- top: 60px;
- background-color: rgb( 242,164,164,0.4);
- border: 3px solid #F2A4A4;
- padding: 10px;
- border-radius: 4px;
- box-shadow: 0 0 10px 2px #F2A4A4;
- }
- .boxInfo {
- background: #ffd1dc;
- border: 2px dashed #fff;
- border: 2px solid #000;
- margin-bottom: 1px;
- }
- div.songName {
- color: #FFFFFF;
- }
- .songName span {
- display: inline-block;
- animation: marquee 15s linear infinite;
- }
- .player {
- background: #FFD1DC;
- border: 3px double #F2A4A4;
- box-shadow: 0 0 10px 2px #F2A4A4;
- padding: 0;
- }
- a:link {
- color: #f2a4a4;
- text-shadow: #000 0 0 5px;
- }
- #header, #hSub {
- padding: 5px !important;
- background-color: #593359 !important;
- background-repeat: no-repeat!important;
- background-size: cover!important;
- text-align: center!important;
- position: absolute!important;
- font-family: Courier New!important;
- }
- .extended {
- color: #fff;
- font-size: 10px;
- text-shadow: 0 0 3px rgba(69,0,112,0.5);
- text-shadow: #fff 0 0 7px;
- }
- * {
- color: white;
- }
- div.box.blurbs {
- background-color: rgb( 242,164,164,0.4);
- border: 3px solid #f2a4a4;
- border-radius: 4px;
- padding: 10px;
- box-shadow: 0 0 10px 2px #f2a4a4;
- }
- .rightHead {
- background: rgb( 242,164,164);
- color: white;
- padding-left: 4px;
- }
- div.box.fwiends {
- background-color: rgb( 242,164,164,0.4);
- border: 3px solid #f2a4a4;
- padding: 10px;
- border-radius: 4px;
- box-shadow: 0 0 10px 2px #f2a4a4;
- margin-bottom: 25px;
- }
- .boxButton {
- color: #fff;
- }
- .boxHead {
- background: transparent;
- color: #fff;
- border: 3px solid #f2a4a4;
- }
- div.url.box {
- font-size: 0;
- text-align: center;
- }
- div.url.box::after {
- color: #fff;
- content: "Fighting evil by moonlight Winning love by daylight";
- font-size: 20px;
- font-weight: 700;
- }
- .url {
- border: solid 0px #69c;
- padding: 0px;
- }
- .boxHead {
- background: #f2a4a4;
- color: #fff;
- border: 3px solid #f2a4a4;
- }
- #commentInput {
- width: calc( 100% - 6px );
- margin: 0;
- margin-top: 10px;
- height: 100px;
- border: 3px solid #f2a4a4;
- box-shadow: 0 0 10px 2px #f2a4a4;
- }
- h4 {
- color: #f1f1f1;
- margin-bottom: 0px;
- }
- .fwiendCount {
- color: pink;
- }
- .fwiendFace {
- background-image: url();
- border: 5px solid #fff;
- border-radius: 50%;
- font-size: 0;
- height: 100px;
- margin-bottom: 5px;
- margin-right: 5px;
- max-width: 100vw;
- width: 100px;
- }
- .fwiendFace img {
- border-radius: 50%;
- background-position: center;
- display: absolute;
- object-fit: cover;
- height: 100px;
- width: 100px;
- }
- div.box.comments {
- background-color: rgb( 242,164,164,0.4);
- border: 3px solid #f2a4a4;
- padding: 10px;
- border-radius: 4px;
- box-shadow: 0 0 10px 2px #f2a4a4;
- margin-bottom: 25px;
- }
- .tableRight {
- width: 75%;
- background-color: rgb( 242,164,164,0.4);
- padding: 10px;
- vertical-align: top;
- overflow-wrap: anywhere;
- }
- .tableLeft {
- background-color: rgb( 242,164,164,0.4);
- }
- .topLeft:after {
- margin: 4px 236px 36px -240px;
- content: " ";
- display: block;
- white-space: pre-wrap;
- padding: 0px 69px 0px 0px;
- height: 1800px;
- width: 852px;
- background-image: url(https://data.whicdn.com/images/219989000/original.gif), url(https://i.pinimg.com/originals/30/7e/0b/307e0b7f506c185ce514b438c8e1f28b.gif);
- background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
- background-size: 385px;
- background-position: 243px 0px, 243px 237px;
- }
- div#header>span#hUp::before {
- content: "SHE IS THE ONE NAMED SAILOR MOON!";
- animation: blinkingTextPurple 0.7s infinite;
- body {: ;
- background: url(https://pin.it/TjRhDlW);
- background-size: 100%;
- background-repeat: no-repeat;
- background-attachment: fixed;
- font-family: Cursive;
- padding-top: 45px;
- font-size: 20px;
- }: ;
- }
- .blog {
- background-color: rgb( 242,164,164,0.4);
- box-shadow: 0 0 10px 2px #f2a4a4;
- padding: 10px;
- border: 3px solid #F2A4A4;
- }