ames - they/them, pansexual, non binary, 16. dni if you're gonna be online a lot, I'm always busy and have an avoidant attachment style so you'll just overwhelm me to the point that talking feels like a chore. that being said, don't let that put you off adding me if you'll respect that. also dni if you're a proshipper, radqueer, racist, right wing, all the basics in a dni list.
I like higurashi when they cry, axis powers hetalia, ace attorney and many other things.
I yume with phoenix wright from ace attorney, but I'm sharing.
insta: amesasaurusrex
I'd like to add; I really don't care if you notice anything wrong or glitched about my page, as I can't be bothered fixing it right now.
Who I'd like to meet:
no one, unless they'll leave me alone and only occasionally pop in to chat.
emphasis- DON'T expect me to talk a lot. I have people on instagram I haven't replied to in months. if you really want to contact me I'll honestly probably see your message sooner on soundcloud, but don't spam me or I'll block you. I'm not very active on here. you can add me if you want, just for the sake of having more friends, but I can't guarantee I'll talk or take a liking to you.
');
--font-family: "Courier New", cursive;
--curve: 0px;
--borders: 2px solid gray;
}
/* this is where the colors for specific things are located */
h3, h4, h5{color: var(--headers)!important;} /* headings*/
a{color: var(--links) !important;} /* color of links */
p, h2, .count {color: var(--text);} /* color of text */
.friends a p{color: var(--names);} /* color of names, and friends counter */
nav label{color: var(--links);} /* color of search */
.section h4 {color: var(--headers);} /* aboutme & want2meet headings */
.blurbs .heading {display:none;} /* hides the blurbs title */
.details p:last-child{color: var(--text);} /* where the last login and status appears */
/* this is where your background image ends up being styled */
body{
background-image: var(--background_image);
background-size: contain;
background-position: center;
background-color: dimgray;
}
/* this is where your name appears */
h1{
color: white;
font-family: var(--font-family);
font-size:30px !important;
font-weight: 1;
border: var(--borders);
background-color: black;
padding:5px;
text-align: center;
}
/* the navigation is adjusted here */
nav{
background-color: black;
border: var(--borders);
border-radius: var(--curve);
text-align: center;
}
nav .top, nav .links {
background-color: transparent;
border-radius: var(--curve);
}
nav .links a{
text-shadow:none;
}
/* this is the line that appears between links in the header and footer.
you can add an emoji or symbol instead of the default line it has */
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: "|";
color: white;
}
nav img.logo{
filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%) !important;
}
/* the search wrapper and button */
.search-wrapper input[type=text] {
background-color: transparent !important;
border: 2px solid var(--links) !important;
color:var(--links) !important;
border-radius: var(--curve) !important;
}
button{
border-radius: var(--curve) !important;
border: 0px solid var(--links) !important;
font-family: var(--font-family) !important;
background-color: transparent !important;
color:var(--links) !important;
}
/* the online symbol and text */
.online{
color: var(--links) !important;
text-transform: lowercase;
text-align: right;
}
.online img{
filter: brightness(0) saturate(100%) invert(50%) sepia(5%) saturate(326%) hue-rotate(174deg) brightness(92%) contrast(82%); !important;
}
/* font family for the headers, navigtion links, links, body text */
a, p, b, nav label, .section{
font-family: var(--font-family);
font-size: 12px;
font-weight: 1;
text-shadow: 0px 0px 0px black;
}
h2, h3, h4, h5{
font-family: var(--font-family);
font-size: 16px;
text-align: center;
font-weight: 1;
text-shadow: 0px 0px 0px black;
}
/* the hr code.
the hr is the horizontal line when you want to
separate important info or add a break in your paragraphs*/
hr{
height:2px;
background: gray;
border: none;
}
/* this is where you adjust the borders and background */
.blurbs, .mood, .friends, .contact, .profile .table, .blog-preview, .profile .table-section{
border-radius: var(--curve);
border: var(--borders)!important;
background-color: black!important;
}
.comment-replies{border:4px groove gray;} /* this is the border around the replies */
.comment-reply:not(:first-child){border-top: 2px solid var(--links);} /* line in between comment replies*/
/* your interest and comments table row background color */
td{
background-color: transparent!important;
}
/* the middle section of your profile background color*/
main{
background: transparent;
border-radius: var(--curve);
border: transparent;
outline: none;
}
/* the interest table */
.table-section{
border:none !important;
border-radius: var(--curve) !important;
}
/* the header section of the boxes */
.heading{
background: none !important;
}
/* this is the box that says "Edit Info" when you're logged in,
and to your friends it says "Profile Name is your friend". */
.profile-info {
background-color: black !important;
border: var(--borders) !important;
border-radius: var(--curve) !important;
}
/* adjusting images borders and adding styling if you want to */
.profile-pic{
padding: 10px;
}
/* you can add text-align:center; if you want your friends to be centered */
.friends-grid{
text-align: center;
}
/* margin and padding */
h2, h3, h4, h5, p{padding-left:5px !important;} /* this is important when you have rounded corners */
.contact .heading, .profile .table-section .heading, .blog-preview .heading, .profile .friends .heading, .mood{padding: 5px!important;text-align: center;}
.mood, .friends{margin-bottom: 10px;}
.url-info{display: none;}
.general-about .details{
background: black;
border: var(--borders);
padding-bottom: 70px;
margin-bottom: 10px;
}
.contact{
padding: 5px
}
.contact .f-col{
padding: 0px 0px 7px;
}
.f-row{
margin:0px!important;
}
/* this is the comments table scroll code.
you can delete this if you don't want a scroll box */
.comments-table {
display: block;
height: 500px!important;
overflow-y: scroll;
outline: none !important;
border-radius: 3px;
border-spacing: 6px;
border: transparent;
}
.comments-table td{
border: 2px solid gray;
}
footer{
background: black;
border: var(--borders);
padding:10px;
margin-top: 10px;
}
/* .details-table td:first-child{display:none;} this hides the movies,books,heroes titles*/
Add to Friends
Add to Favorites
Send Message
Forward to Friend
Instant Message
Block User
Add to Group
Report User
Instagram
Pinterest
SoundCloud
💫
