†

.profile .friends .person:first-child img:not(.icon){ content:url(https://i.pinimg.com/736x/70/17/32/7017321a900ceaf0e4288ad7c6bfc4e9.jpg); } .profile .friends .person:nth-child(2) img:not(.icon){ content:url(https://i.pinimg.com/736x/5f/ec/20/5fec206d0e4126815ca593176159b329.jpg); } .profile .friends .person:nth-child(3) img:not(.icon){ content:url(https://i.pinimg.com/736x/5f/ec/20/5fec206d0e4126815ca593176159b329.jpg); } .profile .friends .person:nth-child(4) img:not(.icon){ content:url(https://i.pinimg.com/736x/c5/6f/ae/c56fae4d25f5959672740da9d140fb00.jpg); } .profile .friends .person:nth-child(5) img:not(.icon){ content:url(https://i.pinimg.com/736x/70/17/32/7017321a900ceaf0e4288ad7c6bfc4e9.jpg); } .profile .friends .person:nth-child(5) img:not(.icon){ content:url(https://i.pinimg.com/736x/a9/ba/38/a9ba38bb579a5d3564c151c59adb5d29.jpg); } .profile .friends .person:nth-child(5) img:not(.icon){ content:url(https://i.pinimg.com/736x/5f/ec/20/5fec206d0e4126815ca593176159b329.jpg); } .profile .friends .person:nth-child(6) img:not(.icon){ content:url(https://i.pinimg.com/736x/c5/6f/ae/c56fae4d25f5959672740da9d140fb00.jpg); } .profile .friends .person:nth-child(7) img:not(.icon){ content:url(https://i.pinimg.com/736x/70/17/32/7017321a900ceaf0e4288ad7c6bfc4e9.jpg); } .profile .friends .person:nth-child(8) img:not(.icon){ content:url(https://i.pinimg.com/736x/a9/ba/38/a9ba38bb579a5d3564c151c59adb5d29.jpg); body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url(' https://i.pinimg.com/originals/61/06/6c/61066ccd52ce0876d1feb7e1795920e2.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 1.3s ease 0s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } * {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani969.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani969.png), auto !important;} body { --lighter-blue: none; --lightest-blue: none; } .general-about{ position: relative; margin-top: 30px; } .general-about .profile-pic::before{ content: ''; background: url('https://i.postimg.cc/ZRyQvTJD/giphy.gif') no-repeat; background-size: 70px; display: block; width: 200px; height: 100px; z-index: 999; position: absolute; top: -22px; left: 108px; } .comments-table td:first-child img {-webkit-mask-image: url(https://www.freepnglogos.com/uploads/hello-kitty-png/hello-kitty-template-doliquid-15.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}); /* banner */ main:before { width: 100%; height: 270px; display: block; content: ""; background-image: url(' https://i.pinimg.com/564x/f8/ae/d1/f8aed128b37066cd049e7352543b5633.jpg'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; body { background: url( https://i.pinimg.com/564x/d0/51/e8/d051e80d4cca1aac739c6a08e30ee642.jpg ) fixed; background-size:cover; :root{ --gray: #6b6b6b; --darkpink: #d97c90; --pink: #f2b8c4; --yellow: #fff9e7; } *{ font-family: ms gothic; color: var(--gray); } ::-webkit-scrollbar{ width: 0; height: 0; } /*the whole box*/ .container{ height: fit-content; overflow-y:visible; margin-top: 40px; } .container::-webkit-scrollbar{ width: 0px; height: 0px; } a{ color: var(--darkpink); display:inline-block; transition: 300ms ease all; } a:hover{ color: var(--pink); text-decoration: none; transform: translateY(-3px); } .more{ color: #fff !important; } button{ background-color: var(--yellow)!important; padding: 2px 6px !important; border: 2px dashed var(--pink); } /*top nav bar*/ nav .top{ background-color: #ffffff00; margin-bottom: 12px; animation-name: floating; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; filter: drop-shadow(0px 0px 4px #c95971); color: #fff !important; font-weight: 800; } nav.top a{ color: white !important; } @keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 15px); } 100% { transform: translate(0, -0px);} } /*middle nav bar with all the links*/ nav .links{ border-width:7px; border-style:solid; border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 5 fill round; background-color: #ffffff00; padding: 10px 18px; text-align: center; margin-bottom: 12px; } .right, form { color: #fff!important; } nav .links a{ color: #737373; transition: 200ms ease all; font-size: 14px; text-shadow:none; } nav .links a:hover{ color: #737373; text-decoration: none; letter-spacing: 2px; } nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: "" !important; color: inherit; } /*main body*/ main{ background-color: #ffffff00; } .row.profile .col.w-40.left{ background-color: #fff; border: 3px dashed #f2b8c4; border-right: none; border-radius: 18px 0px 0px 18px; padding: 20px 16px; } .row.profile .col.right{ background-color: #fff; border: 3px dashed #f2b8c4; border-radius: 0 18px 18px 0; padding: 20px 16px; margin-left: 10px } /*left column*/ .col.w-40.left h1{ font-size: 30px; text-shadow: -1px 0 var(--gray), 0 1px var(--gray), 1px 0 var(--gray), 0 -1px var(--gray); color: #fff; } /*contact box*/ .contact .heading{ border-width:7px; border-style:solid; border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 5 fill round; padding: 6px 12px !important; background:transparent !important; font-style: italic; } .contact{ background: transparent; border: none !important; } .col.w-40.left .url-info{ border: none; } /*interests and links boxes*/ .table-section{ border: 3px dashed var(--pink) !important; border-radius: 16px 16px 0 16px; overflow: hidden; padding: 0px; } .table-section .heading{ background-color: var(--yellow)!important; border-bottom: 3px dashed var(--pink); padding: 8px 0 4px 12px !important; } /*the labels like "general" and "music" under interests*/ .table-section td { background-color: #ffffff00 !important; padding: 2px 0px 0 6px; } .table-section td a .icon{ display: none; } /*right column*/ /*the "name is your friend" box*/ .col.right .profile-info{ background-image: url(https://64.media.tumblr.com/ad0eeac231ab4ace8d964436ebd04ffc/tumblr_inline_ml9b4h0tBR1qz4rgp.gif); background-size: 40px; border: 3px dashed var(--pink); width: fit-content; padding: 12px 20px; margin: auto; margin-bottom: 16px; } /*the about me and want to meet box*/ .blurbs{ border: 1px solid var(--pink); border-radius: 0px 20px 20px 20px; overflow: hidden; padding: 10px; } .blurbs .heading{ display:none; background-color: var(--yellow) !important; border-bottom: 1px solid var(--pink); padding: 6px 0 4px 10px !important; } .profile .blurbs .section h4{ color: var(--darkpink); } /*friends and comments headers*/ .friends .heading { text-shadow: -1px 0 var(--gray), 0 1px var(--gray), 1px 0 var(--gray), 0 -1px var(--gray); font-size: 17px; color: var(--yellow) !important; background-color: transparent !important; } .friends-grid{ border-width:7px; border-style:solid; border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 5 fill round; padding: 10px; margin-bottom: 15px; height: 300px; overflow-y: scroll; } .friends-grid a{ display: inline-block; font-size: 10px; } .friends-grid img{ border: var(--pink) 1px solid; border-radius: 14px; } b .count{ color: var(--darkpink); } /*comments grid*/ .comments-table{ border-width:7px; border-style:solid; border-image: url("https://static.tumblr.com/yn7vk7p/DfHmp40xm/bo-ha26.gif") 5 fill round; padding: 4px; } .comments-table td{ background-color:white !important; padding: 8px; } .comments-table td:first-child{ width: 80px; font-size: 10px; } .comments-table td:first-child img:not(.icon) { background-color: white !important; border-radius: 12px; border: 1px solid var(--pink); } .profile .right .comments-table td:nth-child(2) { border: none !important; } .profile .right .comments-table td:nth-child(1) { background-color: white !important; border: none !important; } table.comments-table{display: block;height: 270px!important;overflow-y: scroll;} .comment-replies{ border: 0 !important; } footer{ background:transparent; }