Kelsey

About me:

body { background-image: var(--background_image) !important; background-color: black ; background-repeat: repeat; background-size: contain; } /*=== navigation ===*/ /*=== change logo color at https://codepen.io/sosuke/pen/Pjoqqp = nav{ background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg'); background-size: cover; border: var(--borders); border-radius: var(--curve); } nav .top { background: rgba(0,0,0,0.0); } nav .top a{ color: var(--links)!important; } nav .links { background: transparent!important; background-size: 100%100%!important; text-align: center; font-size: 14px; } nav img.logo{ filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(96%) contrast(89%); !important;} nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{ content: " ⋮ "; color: var(--text); } /*=== color the search bar and button ===*/ .search-wrapper input[type=text] { background-color: rgba(0, 0, 0, 0.0) !important; border: 2px solid var(--links) !important; color:DarkGray !important; border-radius: 10px !important; } button{ border-radius: 10px !important; border: 0px solid DarkGray!important; font-family: var(--font-family) !important; background-color:rgba(0, 0, 0, 0.0) !important; color:var(--links)!important; } /*=== online icon and color ===*/ .online{color: var(--links) !important;} .online img { filter: brightness(0) saturate(100%) invert(42%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(96%) contrast(89%); !important; } /*=== profile name ===*/ h1{ padding-left: 30px !important; font-family: "IMFeDPsc28P"; font-size:30px !important; margin-top: -10px!important; color: DarkGray!important; } /*=== profile info ===*/ .profile-info{ background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg'); background-size: cover; border: var(--borders)!important; display: flex; align-items: center; justify-content: center; padding: 15px 5px; margin-top: 30px; } .profile-info .inner{ font-weight: bold; text-align: center; } /*=== contact ===*/ .contact { background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg'); background-size: cover; border-radius: var(--curve) !important; padding: 2px !important; border: var(--borders) !important; } .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: "✢" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorites */ content: "⇢" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "☏" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* forward to friend */ content: "⤇" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: "✎" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: "⌧" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add to group */ content: "⇔" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report user */ content: "⊗" } /*=== images ===*/ main{ background: transparent; padding: 6px 0px; background-size: 100%; background-position: center; } .profile-pic img{ outline:none !important; border: var(--borders)!important; filter:drop-shadow(0px 0px 0px black)!important; } .profile .friends .person img{ border-radius: 10px; border: var(--borders) !important; filter:drop-shadow(0px 0px 0px black) !important; } .friends-grid{ text-align: center; } .friends-grid img{ outline:none !important; filter: opacity(90%) !important; border-radius: var(--curve) !important; } .inner img{ outline:none !important; filter: drop-shadow(0px 0px 0px black) !important; border-radius: var(--curve) !important; } /*=== interest table background color. replace transparent with any color to see the change ===*/ td { background-color: transparent!important; } hr{ border: 2px inset #221F1F; background: #221F1F; } /*=== boxes ===*/ .heading, .url-info, .blurbs, .friends, .table, .table-section, footer{ border-radius: var(--curve) !important; padding: 2px !important; border: var(--borders) !important; } .friends, .blurbs{ background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg'); background-size: cover; } .mood, .blog-preview{ border-radius: var(--curve) !important; padding: 2px !important; border: var(--borders) !important; } .mood, .blog-preview { text-align: center; background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg'); background-size: cover; border: var(--borders) !important; } .table-section{ border:var(--borders) !important; background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg'); background-size: cover; border-radius: var(--curve) !important; } .heading{ background:transparent!important; padding-bottom: 4px !important; background-size:100%100%!important; text-align: center; border:none!important; } .comments-table td { background-image: url('') !important; background-size: cover; } .comments-table td:first-child{ background: url('')!important; background-size: 50%!important; } .comments-table td:first-child img { border: var(--borders); /* you can clip images at https://bennettfeely.com/clippy and add the code here */ } /*=== footer ===*/ footer{ color:red; text-align: center; font-size: 60%; margin: 10px 0 10px; padding: 10px 5px; background: url('https://cdn.wallpapersafari.com/80/17/TZxt1s.jpg'); background-size: cover; }

Who I'd like to meet: