StarSuni

About me:

principal .left{ nombre-animación: flotante; duración de la animación: 3s; animación-iteración-recuento: infinito; función-timing-de-animación: facilidad de entrada y salida; margin-left: 30px; margin-top: 5px; } @keyframes flotant { 0% {transformar: traducir(0, 0px); } 50% {transformar: traducir(0, 7px); } 100% {transformar: traducir(0, -0px); } } } principal .right{ nombre-animación: flotante; duración de la animación: 3s; animación-iteración-recuento: infinito; función-timing-de-animación: facilidad de entrada y salida; margin-left: 30px; margin-top: 5px; } @keyframes flotant { 0% {transformar: traducir(0, 0px); } 50% {transformar: traducir(0, 7px); } 100% {transformar: traducir(0, -0px); } } } .general-about{ posición: relativa; margin-top: 30px; } .general-acerca de .profile-pic::before{ content: ''; fondo: url('https://cdn.pixabay.com/animation/2022/10/19/02/45/02-45-03-592_512.gif') no-repeat; background-size: cover; display: block; width: 90px; altura: 90px; índice Z: 999; posición: absoluta; top: -60px; stânga: 39px; .logo { content:url("https://64.media.tumblr.com/636e5f2e6511ece9da79befa3e2f03ab/be1128c5c16cdf09-1d/s540x810/05bd8e87265ea8e4fcabd3e5ce489666439bf79c.pnj"); width: auto; } /* Configuración del cuerpo de generación */ .container { borde: 1px azul claro sólido; } principal { fondo: url(https://i.pinimg.com/564x/3a/de/2f/3ade2f3f58a94cdaccc27413227ad1bc.jpg); background-size: 100%; } corpul { fondo: url(https://i.pinimg.com/736x/aa/51/1a/aa511a90855cf8a098314c0b6af5ad76.jpg); background-size: 50%; filtro de fondo: desenfoque (0,8px)} footer { altura: 130px; imagen de fondo: url(https://i.pinimg.com/564x/b9/8b/c0/b98bc04d3b90734dedf969772ef20027.jpg); posición de fondo: centro !importante; tamaño del fondo: portada;} .icon { altura: 1em; width: 1em; } /* Ajustes del perfil */ .details-table td { background-color: transparente; color: #2f748a; } .details-table td p { font-size: 11px; familia de fuentes: "Segoe UI", Arial, sans-serif; color: #2f748a; } .details-table td:first-child { fondo: gradiente lineal (azul claro, blanco 20px); text-align: center; text-shadow: blanco 0px 1px 2px; width: 30%; box-shadow: #ffffffab 0px 1px 2px 2px recuadro; color: #ff0076; familia de fuentes: "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: normal; } .profile .contact .heading h4, .profile .table-section h4 { font-weight: normal; } .profile .contact, .profile .table-section, .profile .url-info { borde: 0; } .profile .contact .inner, .profile .table-section .inner { fondo: url(https://i.pinimg.com/736x/af/eb/b6/afebb655369668445f242cd4bccc7c42.jpg); background-size: 100%; borde: azul claro 1px sólido; } .profile-info { borde: 0; margin: 0; acolchado: 0; } .profile-info h3 { font-weight: normal; font-size: 11px; color: #83a2ab; margin: 0; } .profile h1 { letter-spacing: 0,3px; font-size: 14px; margin: 0; } .general-about .profile-pic { altura: 100px; borde: 1px sólido #2f748a; box-shadow: #a1c2cc 0px 2px 2px; } .mood p, .profile .url-info { font-size: 13px; familia de fuentes: "Segoe UI", Arial, sans-serif; } .mood b, .profile .url-info b{ font-weight: normal; familia de fuentes: "Segoe UI", Arial, sans-serif; font-size: 0,875em; } .general-about .profile-pic img { altura: 100px; width: 100px; } /* Ajustes del enlace */ .mood a, .inner a, .friends a { color: #2f748a; font-weight: normal; font-size: 13px; familia de fuentes: "Segoe UI", Arial, sans-serif; } .blog-preview a { color: #2f748a; font-weight: normal; font-size: 12px; familia de fuentes: "Segoe UI", Arial, sans-serif; } /* Barra de navegación */ nav .links { fondo: gradiente lineal (#eefbee 15%, #91cfe3, #d0eff9); box-shadow: blanco 0 1px 1px 1px recuadro; acolchado: 0; text-align: center; } nav .links a { color: #2f748a; text-shadow: blanco 0px 2px 4px; acolchado: 1px } nav .links a:hover { color: #2f748a; fondo: gradiente lineal (blanco, verde claro); text-decoration: none; padding-top: 0; } nav .links li.active a { color: #1a586c; font-weight: normal; } nav .links li:not(:last-child)::after { color: alb; text-shadow: azul claro 1px 0px 1px; } /* Nav Top */ nav .top { fondo: gradiente lineal (#bddde8, #1d94ba 40%, azul claro); box-shadow: #fff6 0px 0px 2px 3px recuadro; } /* Configuración de borros y encabezados */ /*PERFIL PIC*/ .profile-pic img{border-radius: 15px !importante; sombra de caja: 0 0 7px 5px #ccffff} .profile-pic{ radio de borde: ¡18px!importante; posición: relativa; filtrar: drop-shadow(0 0 0,25rem gris); } .profile-pic:after { content: ""; fondo: url('https://i.ibb.co/Vm2fYv3/ezgif-5-7f325ec84d-removebg-preview-1.png'), linear-gradient(150deg, rgba(255,255.255,0,4), rgba(255.255.255,0,2), 40%, rgba(255.255.255,0,1) 0%, rgba(255.255.255,0,6)); background-size: contiene, cubre; posición: absoluta; top: 0; stânga: 0; width: 85%; altura: 100%; acolchado: 5px } .profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading { fondo: url(https://i.pinimg.com/736x/af/eb/b6/afebb655369668445f242cd4bccc7c42.jpg); background-size: 100%; borde: 1px azul claro sólido; border-bottom: 0; } .profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading { fondo: gradiente lineal (#eefbee 15%, #91cfe3, #d0eff9); box-shadow: blanco 0 1px 1px 1px recuadro; color: #2f748a; font-size: 11px; font-weight: normal; text-shadow: blanco 0px 2px 5px; borde: 1px sólido #91cfe3; border-bottom: 0; border-radius: 2px; } .profile .friends .heading h4, .blurbs .heading h4{ font-weight: normal; } .profile .blurbs .section h4 { color: #89AFDB; font-weight: normal; font-size: 13px; familia de fuentes: "Segoe UI", Arial, sans-serif; } .profile .blurbs .section { font-size: 11px; familia de fuentes: "Segoe UI", Arial, sans-serif; color: #2f748a; } /* Amigos */ .profile .friends .person img:not(.icon){ width: 50px; altura: 50px; } .profile .inner b { font-size: 11px; font-family: 'ms ui gótico'; color: #2f748a; } .profile .inner span.count { color: roz; } .profile .friends .persona p { font-size: 11px; familia de fuentes: "Segoe UI", Arial, sans-serif; color: #4983ce; } .profile .url-info{ padding: 2px; background-image:url(https://i.pinimg.com/736x/af/eb/b6/afebb655369668445f242cd4bccc7c42.jpg); tamaño de fondo: 100% !importante; } .comments-table td:first-child { fondo: gradiente lineal (#bddde8, #1d94ba 40%, azul claro); text-align: center; text-shadow: blanco 0px 1px 2px; width: 30%; box-shadow: #ffffffab 0px 1px 2px 2px recuadro; } .comments-table img:not(.icon){ borde: 1px blanco sólido; sombra de caja: 0px 1px 2px #fff; } .comments-table td { background-color: transparente; } button:not(.logout-btn) { fondo: gradiente lineal (#eefbee 15%, #91cfe3, #d0eff9); box-shadow: blanco 0 1px 1px 1px recuadro; color: #2f748a; font-size: 11px; font-weight: normal; text-shadow: blanco 0px 2px 5px; borde: 1px sólido #91cfe3; border-radius: 2px; padding: 2px; } button:not(.logout-btn):hover { fondo: gradiente lineal (blanco, verde claro); box-shadow: blanco 0 1px 1px 1px recuadro; color: #2f748a; font-size: 11px; font-weight: normal; text-shadow: blanco 0px 2px 5px; borde: 1px sólido #91cfe3; border-radius: 2px; padding: 2px; } .friends-grid::before { .friends-grid::before { width: 1000px; altura: 80px; object-fit: cover; margen inferior: ¡10px!importante; } .friends-grid::before{ width: 1000px; altura: 80px; object-fit: cover; margen inferior: ¡10px!importante; /* iconos de contacto */ .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; pantalla: bloque } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* agregar a amigos */ contenido: "🌺" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* añadir al favorito */ contenido: "🌺" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* enviar un mensaje */ contenido: "🌺" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* hacia el amigo*/ contenido: "🌺" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* mesaj instant */ contenido: "🌺" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* bloquear usuario */ contenido: "🌺" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* agregar 2 grupos */ contenido: "🌺" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* raport */ contenido: "🌺" } HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/peacesignblueglitter.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/peacesignblueglitter.gif"), auto;}

Who I'd like to meet: