Loniii

About me:

/*=== layout details ===*/ :root{ --headers: black; --text: black; --names: black; --links: black; --hover: whitesmoke; --borders: 4px inset #DAA520 !important; --background_image: url('https://i.imgur.com/7jOQg8L.jpg'); --font-family: 'Oswald', sans-serif; --mynamesize: 30px; --transparency: .55; --curve: 0px; --hue: 0deg; --simple_bg: #ffffff; } main .left{ padding-right: 20px; } .url-info{display:none !important;} /* to hide the url */ .blurbs .heading{display:none !important;} /* to hide the blurbs heading */ h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/ a{color: var(--links) !important;} /* color of links */ a:hover{color: var(--hover) !important;} /* color of links on hover */ p, h2{color: var(--text) !important;} /* color of text */ h1, .friends a p{color: var(--names) !important;} /* color of names, and friends counter */ h1, .friends a:hover p{color: var(--hover) !important;} /* color of names on hover */ nav label{color: var(--links) !important;} /* color of search */ .section h4 {color: var(--headers) !important;text-align:center;} /* aboutme & want2meet headings */ .section{color: var(--text) !important;} /* sometimes

is broken by embeds maybe. */ .comment-reply:not(:first-child){border-top: 3px double var(--links);} /* line in bewtween comment replies*/ .count{color:Gainsboro;} /*=== text decoration ===*/ a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active{ text-decoration: underline; text-decoration-style: wavy; } .logout-btn:hover, .logout-btn:active{ text-decoration: underline; text-decoration-style: wavy; } nav .top a:hover{ text-decoration: underline; text-decoration-style: wavy; } nav .links a:hover{ text-decoration: underline; text-decoration-style: wavy; } /*=== font family ===*/ a, p, nav label, .section{ font-family: var(--font-family) !important; text-shadow: 0px 0px 0px black !important; font-size: 14px; } h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B{ font-family: 'Libre Baskerville', serif; text-shadow: 0px 0px 0px black !important; letter-spacing: .3px; font-size: 16px; } /*=== padding and margin ===*/ .icon{border:none !important;} .blurbs{margin-top:10px !important;margin-bottom:30px !important} .friends{margin-top:-10px !important;margin-bottom:30px !important} .profile-info{border-radius: var(--curve) !important;} .comment-replies{border:5px inset var(--links);} .comments-table{border-radius: var(--curve) !important;border:none !important;} .table-section{padding-bottom:7px !important;margin-top:30px!important} #comments{margin-top:5px !important;padding-bottom:5px !important} .details p:last-child{color:var(--links) !important; filter: brightness(95%);} .mood{margin-top:20px;} .blog-preview{margin-top:30px;} .mood, .blog-preview{margin-bottom: 30px;} .table-section, .blurbs, .friends{margin-bottom: 30px !important;} .friends{margin-top: 10px!important;} /*=== background image ===*/ 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://i.imgur.com/C9HSunL.png'); 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: 'Libre Baskerville', serif; font-size:30px !important; margin-top: -10px!important; color: black !important; } /*=== profile info ===*/ .profile-info{ background: url('https://i.imgur.com/C9HSunL.png'); 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://i.imgur.com/C9HSunL.png'); 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: "\2795" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorites */ content: "\2b50" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* Send Message */ content: "\1F4ac" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* forward to friend */ content: "\23e9" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: "\1F4f1" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: "\274c" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add to group */ content: "\1F465" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report user */ content: "\1f5e3" } /*=== images ===*/ main{ background: transparent; padding: 6px 0px; background-size: 100%; background-position: center; } .profile-pic img{ outline:none !important; border: var(--borders)!important; filter:hue-rotate(var(--hue)) drop-shadow(0px 0px 0px black)!important; } .profile .friends .person img{ transform: skew(0deg, 0deg); border-radius: 10px; border: var(--borders) !important; filter:hue-rotate(var(--hue)) 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: hue-rotate(var(--hue)) drop-shadow(0px 0px 0px black) !important; border-radius: var(--curve) !important; } /*=== box color for interests and social media. change 0.0 to 0.5 to see a difference ===*/ :root{--box_color_and_seethru: rgba(0, 0, 0, 0.0);} /*=== 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://i.imgur.com/C9HSunL.png'); 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://i.imgur.com/C9HSunL.png'); background-size: cover; border: var(--borders) !important; } .table-section{ border:var(--borders) !important; background: url('https://i.imgur.com/C9HSunL.png'); 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('https://i.imgur.com/C9HSunL.png') !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://i.imgur.com/C9HSunL.png'); background-size: cover; }

https://share.icloud.com/photos/0-wmaztw0xtLBCMk67T7eectA

Who I'd like to meet: