Angelcore Layout

@font-face {

  font-family: "Evangelic";

  src: url("https://db.onlinewebfonts.com/t/232089c76782d6fa58fc4f321e35be8a.eot");

  src: url("https://db.onlinewebfonts.com/t/232089c76782d6fa58fc4f321e35be8a.eot?#iefix")format("embedded-opentype"),

  url("https://db.onlinewebfonts.com/t/232089c76782d6fa58fc4f321e35be8a.woff2")format("woff2"),

  url("https://db.onlinewebfonts.com/t/232089c76782d6fa58fc4f321e35be8a.woff")format("woff"),

  url("https://db.onlinewebfonts.com/t/232089c76782d6fa58fc4f321e35be8a.ttf")format("truetype"),

  url("https://db.onlinewebfonts.com/t/232089c76782d6fa58fc4f321e35be8a.svg#Evangelic")format("svg");

}

h1, h2, h3, h4, h5, p, body, .mood p,.top, .top a, a, .friends, .table-section td, .links, .logout-btn {

font-family: 'Evangelic';

}

:root {

  --logo-blue:#705047;

  --darker-blue: #705047;

  --lighter-blue: #ddd2c8;

  --even-lighter-blue: transparent;

  --lightest-blue: transparent;

  --dark-orange: #705047;

  --light-orange: #ddd2c8;

  --even-lighter-orange: transparent;

  --green: #f4a5ca;

}

.logo {

content:url("https://i.ibb.co/dGpyzLf/logo.png");

}  

.online {content:

  url('https://i9.glitter-graphics.org/pub/392/392519yhn4wvbkny.gif'); 

  background-repeat: no-repeat; 

  background-position: -15% 75%; z-index: 2; 

}

* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol70.ani), url(https://cur.cursors-4u.net/holidays/hol-1/hol70.png), auto !important;}

main:before {

width: 100%;

height: 300px;

display: block;

content: "";

background-image: url('https://cdn.wallpapersafari.com/34/71/5UJCPg.jpg');

background-position: center;

background-size: cover;

background-repeat: no-repeat;

}

@media only screen and (max-width: 600px) {

  main:before{display:none;}

}

main{

  background: rgba(255, 255, 255, 0.75);

  color: #705047;

  border: 3px solid #ddd2c8; 

  overflow-x: hidden;

  overflow-y: scroll; 

  height: 1000px;

}

body{

  background-image: url('https://64.media.tumblr.com/33c3b5c7c518cdb91192cfc48d4f457a/663a163514fc427e-04/s2048x3072/45a9acfa6b81aad1dd5ce2627b299e2b0a5e62eb.jpg'); 

  background-repeat: no-repeat;

  background-attachment: fixed;

  background-size: cover;

}

.heading h4{

  color: white;

}

.profile .url-info{

  background: url('https://img1.picmix.com/output/stamp/normal/9/6/8/8/1638869_cea84.gif');

  background-position: center;

  background-size: 100%;

  background-repeat: no-repeat;

  border: var(--borders)!important;

  border-radius: 2px;

  height: 100px;

} 

.url-info p{ opacity: 0.0; }

.profile .friends .person img {

  border-radius: 50%; 

  width: 100px; 

  height: 100px;

}

.profile .friends .person img:not(.icon) { 

  -webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);

  -webkit-mask-size: 100%;

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center;

}

.profile .friends .person img:not(.icon):hover, .comments-table td:first-child img:hover {

  animation: 1s desaturate;

  animation-iteration-count: infinite;

}

@keyframes desaturate{

  from{filter:saturate(100%);}

  to{filter:saturate(0%);}

}

.profile-pic{

  width: 160px;

  height: 160px;

  -webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);

  -webkit-mask-size: 95%;

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center;

}

/*INTERESTS AND LINKS*/

.profile .left .table-section {

  position: relative;

  background: transparent;

  display: block;

}

.profile .left .table-section:after{

  content: "";

  background: url('https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv') no-repeat;

  background-size: 50% 50%;

  position: absolute;

  top: -15px;

  right: -58px;

  width: 75px;

  height: 75px;

  pointer-events: none;

}

.profile .blurbs{

  background: transparent;

  display: block;

  position: relative;

}

/*ABOUT ME*/

.profile .blurbs:after{

  content: "";

  background: url('https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv') no-repeat;

  background-size: 50% 50%;

  position: absolute;

  top: -15px;

  right: -58px;

  width: 75px;

  height: 75px;

  pointer-events: none;

}

.profile .friends{

  text-align: center;

}

.count {

  color: #bd7824;

} 

.profile .friends .person p{

  color: #633d24 !important;

  display: none; /*HIDES FRIEND NAMES*/

}

.friends{

  color: #705047;

  background: transparent;

  position: relative;

  display: block;

}

.friends:after{

  content: "";

  background: url('https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv') no-repeat;

  background-size: 50% 50%;

  position: absolute;

  top: -15px;

  right: -58px;

  width: 75px;

  height: 75px;

  pointer-events: none;

}

/*COMMENTS*/

.comments-table td{

  background-color: color!important;

  background-image: url('https://media.freestocktextures.com/cache/df/0d/df0dce04cdccf652ea7647f059997ab9.jpg')!important;

  background-repeat: no-repeat!important;

  background-position: center!important;

  background-size: cover!important;

  border: dotted 2.5px;

  border-color:#b38d3b; 

}

.comments-table td:first-child img:not(.icon) { 

  border-radius: 50%; 

  width: 100px; 

  height: 100px;

  -webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);

  -webkit-mask-size: 100%;

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center;

}

.comments-table td:first-child {

  background: transparent;

}

.comments-table tbody td:first-child {

  background-color: color!important;

  background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/1200px-HD_transparent_picture.png') !important;

  background-size: cover !important;

  border-width: 12px;

  border-style: dotted;

  border-image: url('https://gallery.yopriceville.com/var/resizes/Free-Clipart-Pictures/Decorative-Elements-PNG/Gold_Border_Frame_Transparent_Clip_Art_Image.png?m=1629830989') 15 fill round;

}

.comment-replies{

  border-radius: 15px;

  padding: 5px;

  border: 0px;}

a:hover{

  color: #ddd2c8;

}

a{

  color: #705047;

}

nav .top{

  background: rgba(128, 92, 52, 0.65);

}

nav .links{

  background: rgb(128, 92, 52, 0.65);

}

.nav .top , nav .links{

text-align: center;

}

nav .links a:hover {

color: white;

}

nav .links li:not(:last-child)::after {

content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

nav .links a, nav .links li .special a{

text-shadow: none;

}

.person p, .count {

color: #ddd2c8 !important;

}

.profile-info {

 border: transparent;

}

.search-wrapper input[type=text] {

  background-color: white !important;

  border: 1px solid grey !important;

  font-family: var(--font-family) !important;

  color: #705047 !important;

  border-radius: 0px !important;

}

footer{

  background: transparent;

  color: #705047;

}

::-webkit-scrollbar {

  width: 10px;

}

::-webkit-scrollbar-track {

  background: transparent;

}

::-webkit-scrollbar-thumb {

  background: #ddd2c8;

}

::-webkit-scrollbar-thumb:hover {

  background: #ddd2c8;

}

/* contact icons */

.contact {

  position: relative;

  background: transparent;

  display: block;

}

.contact:after{

  content: "";

  background: url('https://64.media.tumblr.com/0018ac2053c69abb00c067f033f75593/d5f3956d46975a7f-95/s75x75_c1/3c78e3fd5c12f82e1b8d0b217caa9c6491fc4904.gifv') no-repeat;

  background-size: 50% 50%;

  position: absolute;

  top: -15px;

  right: -58px;

  width: 75px;

  height: 75px;

  pointer-events: none;

}

.contact .inner a img {

  font-size: 0;

}

.contact .inner a img:before {

  font-size: 1em;

  display: block

}

/* add to friends */

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

/* add to favorite */

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

/* send a message */

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

/* foward to friend*/

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

/* instant message */

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

/* block user */

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

/* add to group  */

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

/* report */

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

  content: url("https://64.media.tumblr.com/0cf46e923cba2293c7c96e0514c53ecf/5d758e6be7ba86e3-78/s1280x1920/6b7c5b58bd9faf776e6a33e607b3f1442a040e44.gifv");

}

</style>

<style>

/*BORDERS*/

.profile .contact {

  border: 7px solid transparent; 

  border-image: url("https://solaria.neocities.org/bits/lightgreylace2.png") 30 round; 

}

.profile .table-section {

  border: 7px solid transparent; 

  border-image: url("https://solaria.neocities.org/bits/lightgreylace2.png") 30 round; 

}

.profile .blurbs {

  border: 7px solid transparent; 

  border-image: url("https://solaria.neocities.org/bits/lightgreylace2.png") 30 round; 

}

.profile .friends {

  border: 7px solid transparent; 

  border-image: url("https://solaria.neocities.org/bits/lightgreylace2.png") 30 round; 

}

@media (min-width: 600px) {

nav{

  border: 10px solid transparent; 

  border-image: url("https://solaria.neocities.org/bits/whitelace2.png") 30 round; 

  background-clip: padding-box;

}

main{

  border: 10px solid transparent; 

  border-image: url("https://solaria.neocities.org/bits/whitelace2.png") 30 round; 

  background-clip: padding-box;

}

/*NAVIGATION HEADER*/

nav .top{

  background-image: url('https://64.media.tumblr.com/4b8d7ac610825525615fbccf8d265281/d5f3956d46975a7f-76/s75x75_c1/1fc9d283fd21bad940339e3943fb18cde12cf1ca.gifv');

  background-size: 2.5%;

  background-position: bottom;

  background-repeat: repeat no-repeat;

}

/*NAVIGATION BAR LACE*/

 nav .links{

  position: relative;  

  display: block;

}

 nav .links:after{

  background-image: url('https://i.ibb.co/FzVTkJK/navcurtain.png');

  background-repeat: no-repeat;

  background-size: 100%;

  content: "";

  height: 420px;

  width: 907px;

  position: absolute;

  top: 45px; 

  left: -54.5px;

  pointer-events: none;

  z-index: 1;

}

}

/*CONTACT BOX BACKGROUND IMAGE*/

.profile .contact {

  background-image: url('https://64.media.tumblr.com/1e2fa7a106c2b955816efdd5dd8ffbf2/74a4c79d4f0f2896-0d/s400x600/9dde0661d40c449cec588d13acba02e15f65d959.gif');

  background-size: 55%;

  background-repeat: no-repeat;

  background-position: bottom left;

  background-attachment: scroll;

  background-clip: padding-box;

}

/*FRIEND SPACE BACKGROUND IMAGE*/

.profile .friends .friends-grid {

  background-image: url('https://img1.picmix.com/output/stamp/normal/4/2/3/9/1639324_910ec.gif');

  background-size: 200px 100px;

  background-repeat: no-repeat;

  background-position: top;

  background-attachment: local;

  background-clip: padding-box;

  padding-top: 125px;

}

/*REPLACE BLOG PREVIEW WITH IMAGE*/

@media (min-width: 600px) {

.blog-preview {

  background: url('https://i6.glitter-graphics.org/pub/1944/1944446id95xpi3pv.gif');

  background-position: center;

  background-size: 100% 100%;

  width: 400px;

  height: 300px;

} 

.blog-preview h4{

  opacity: 0;

}

.blog-preview p{ 

  opacity: 0;

}

}

@media (max-width: 600px) {

.blog-preview {display: none;} 

}

/*NOTIFICATION BELL ICON*/

nav .links li .icon {

  content: url('https://i.ibb.co/jgNKBYh/bell.png');

}

/*PROFILE PICTURE GIF*/

.profile-pic img{

  content: url('https://media.tenor.com/hBfwsvii3YcAAAAM/healingpurrspawty.gif');

}

/*BLOG AUTHOR BORDER*/

.edit-info{

  border: 7px solid transparent; 

  border-image: url("https://solaria.neocities.org/bits/lightgreylace2.png") 30 round; 

}

/*BLOG PROFILE PICTURE GIF*/

.edit-info .profile-pic {   

  -webkit-mask-image: url(https://64.media.tumblr.com/21537f823a9682455940164951cd4f70/a13f6b3efb69d983-60/s250x400/4513c30e7c3d485e14827bda68c9750d7b2d80e4.pnj);

  -webkit-mask-size: 95%;

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center; 

  width: 110px;

  height: 110px;

} 

</style>