lawliet 𓋹

5 } @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } body:after { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgb(100 30 35 / 50%) 5%, rgb(0 0 0 / 0%) 50%); z-index: 0; background-size: 100% 2px, 3px 100%; pointer-events: none; } @keyframes float { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, -0px); } } body { background-color: #f9dae9; background-image: url('https://i.pinimg.com/236x/72/04/e4/7204e48cf081beec5fb7a49af3c74dfb.jpg'); background-attachment: fixed; background-size: cover; font-family: 'courier new'; } .container{ padding-top: 30px; width: 850px; text-align: center; } main { background-color: rgb(150 75 75 / 50%); box-shadow: 0 0 7px black; padding: 15px; } ::-webkit-scrollbar { width: 15px; } ::-webkit-scrollbar-track { background: rgb( 0 0 0 / 0% ); } ::-webkit-scrollbar-thumb { background-color: #212121; border-radius: 10px; border: 3px groove #ffffff; } ::-webkit-scrollbar-thumb:hover { background: gray; box-shadow: 1px 1px 9px white; } img:hover , .online:hover { animation: shake 1s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } nav .top { background-color: transparent; background-image: url('https://i.pinimg.com/236x/a4/71/54/a471545cdcff4cec26daca7232205f14.jpg'); background-size: cover; background-position: center; box-shadow: 0 0 10px black; border: 1px solid black; height: 145px; padding: 53px; } .logo { content: url("https://media.discordapp.net/attachments/1052022367913779341/1239386204265250837/8a8b09b43f3feda5682154e9a7450809dbf877dc.png?ex=664c9f19&is=664b4d99&hm=dbd86532706c5e05f589858cdbbf71821971f95aac9424c1be3ba01197f85db4&=&format=webp&quality=lossless"); } .top label, .top button { color: white !important; } .top input { color: white !important; background-color: black !important; } button, input { font-family: 'courier new'; overflow: visible; background: black; border: 1px solid pink; box-shadow: 0 0 10px pink; } .logout-btn, .logout-form { color: white; display: inline-block; font-size: 100%; font-family: 'courier new'; box-shadow: none; } .top a { color: white !important; font-weight: bold; } .top a:hover { color: red !important; text-decoration: none !important; text-shadow: 1px 1px 3px red, 0px 0px 5px black; } nav .links li .icon {content: url('https://gifcity.carrd.co/assets/images/gallery83/03c9df6b.gif?v=ef10e8f3'); } nav .links { background-color: transparent; background-image: url('https://gifcity.carrd.co/assets/images/gallery47/e75194b9.png?v=d55ea43d'); background-size: cover; text-align: center; margin-bottom: 1em; } .links a { color: white !important; font-weight: bolder !important; } .links a:hover { color: black !important; text-decoration: none !important; font-weight: bolder !important; text-shadow: 1px 1px 2px black, 1px 0px 5px white; } .contact .heading, .table-section .heading , .blurbs .heading , .friends .heading { font-family: Sant Joan; font-size: 15px; font-weight: bolder; background: linear-gradient(#300809, #5f0c0e, #b41010) !important; box-shadow: 0px 0px 5px 1px white; margin-bottom: 15px; text-align: center; } .heading h4 { color: black !important; text-shadow: 0px 0px 3px white, 1px 1px 5px white; } .general-about { color: white !important; padding: 10px 10px 14px 10px; } .online { padding-top: 5px; margin: auto; content:url('https://i2.glitter-graphics.org/pub/341/341842q4vbfz1x40.gif'); } h1{ color: white; font-family: Sant Joan; font-size: 30px! important; text-shadow: 1px 1px 3px black; } .profile-pic { position: relative; width: 180px; } .profile-pic img { max-width: inherit; box-shadow: 0px 0px 10px black; } .contact { background-image: url('https://i.pinimg.com/236x/17/5a/29/175a29d8591f9d1c4ef35780c025e5d3.jpg'); background-position: center; background-size: cover; box-shadow: 0px 0px 10px black; border: 1px solid black !important; font-weight: bold; text-align: left; text-decoration: none; text-shadow: 1px 1px 5px black; margin: 10px auto; } .contact a { color: black !important; text-decoration: none; } .contact a:hover { color: pink !important; text-shadow: 1px 1px 2px black, 1px 0px 5px white; } .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* Add to Friends */ content:url("https://gifcity.carrd.co/assets/images/gallery10/e278d799.gif?v=d55ea43d")} .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* Add to Favorites */ content:url("https://gifcity.carrd.co/assets/images/gallery10/61e05e18.gif?v=d55ea43d")} .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content:url("https://gifcity.carrd.co/assets/images/gallery10/ff337a89.gif?v=d55ea43d)} .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* Forward to Friend */ content:url("https://gifcity.carrd.co/assets/images/gallery10/465b0a59.gif?v=d55ea43d")} .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* Instant Message */ content:url("https://gifcity.carrd.co/assets/images/gallery10/2da30f5f.gif?v=d55ea43d")} .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* Block User */ content:url("https://gifcity.carrd.co/assets/images/gallery10/c3489a5e.gif?v=d55ea43d")} .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* Add to Group */ content:url("https://gifcity.carrd.co/assets/images/gallery10/2e99527a.gif?v=d55ea43d")} .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* Report Profile */ content:url("https://gifcity.carrd.co/assets/images/gallery90/2052e252.gif?v=d55ea43d")} .url-info { border: 0px !important; background-image: url(https://gifcity.carrd.co/assets/images/gallery47/e75194b9.png?v=d55ea43d); background-position: 20% 0; background-size: cover; margin: 1px auto !important; font-size: 0px; height: 60px; } .profile .table-section { border: 0px baby pink; box-shadow: 0px 0px 10px white; background-color: rgb( 0 0 0 / 50% ) !important; } .profile .details-table td { color: white !important; font-weight: bold !important; background-color: transparent !important; } a { color: white !important; text-decoration: none; } a:hover { color: grey !important; text-decoration: none; font-weight: bolder !important; text-shadow: 1px 1px 2px red, 1px 0px 5px red; } .profile-info { color: grey !important; background-image: url('https://i.pinimg.com/236x/01/ad/4b/01ad4b66b6b36a1a560dacdfade68e0f.jpg'); background-size: cover; background-position: center; border: 0px solid white; box-shadow: 0px 0px 10px black; height: 100px } .blog-preview { color: white !important; font-weight: bold !important; padding: 5px; } .blog-preview a { color: white !important; font-weight: bold !important; } .blog-preview a:hover { color: grey !important; font-weight: bold !important; text-shadow: 1px 1px 2px red, 1px 0px 5px red; } .blurbs { color: white !important; background-color: rgb( 0 0 0 / 50% ) !important; box-shadow: 0px 0px 10px black; } .blurbs .section h4{ color: white !important; font-weight: bold !important; } .friends { color: white !important; background-color: rgb( 0 0 0 / 50% ); box-shadow: 0px 0px 10px black; font-weight: bold !important; } .friends:not(#comments) { background: url('https://i.pinimg.com/236x/af/37/71/af3771504ae4ac9f7e84a1a9e722a0f1.jpg'); background-position: center; background-size: cover; margin-bottom: 20px; } .friends a { color: white !important; font-weight: bold !important; } .friends a:hover { color: white !important; text-decoration: none !important; font-weight: bolder !important; text-shadow: 1px 1px 3px #FC6C85, 1px 0px 5px white; } .friends .person p{ color: white!important; font-weight: bolder !important; } .profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) { box-shadow: 1px 1px 5px black; opacity: 0.8; max-width: 100%; max-height: 200%; display: block; margin: 0 auto; } .profile .friends .person img:not(.icon):hover, .comments-table td:first-child img:not(.icon):hover { opacity: 1; box-shadow: 1px 1px 5px white, 0 0 10px white; } .count { color: red !important; font-weight: bold !important; } .more { color: white !important; font-weight: bold !important; } .comments-table { background-color: rgb( 0 0 0 / 75% ) !important; box-shadow: 0px 0px 10px white !important; } } footer { color: white !important; text-decoration: none !important; font-weight: bolder !important; font-size: 12px; background: url('https://i.pinimg.com/236x/a4/cd/22/a4cd22c06bcb4f7742f211275deb5fe8.jpg'); background-position: center; background-size: cover; box-shadow: 0px 0px 10px black; border: 1px solid white; height: 140px; margin-top: 2em; margin-bottom: 3em; } footer a { color: black !important; font-weight: bold !important; } footer a:hover { color: white !important; font-weight: bold !important; text-shadow: 1px 1px 2px white, 0px 0px 5px white; } footer .links { color: white !important; } footer .links a { color: white !important; } footer .links a:hover { color: pink !important; font-weight: bolder !important; text-shadow: 1px 1px 2px black, 0px 0px 5px white; }