𝙈arii✮丰

height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/tumblr_mdjirwQ1mg1ql5yr7o3_r14_250.gifv'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 3s ease 1s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } @import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap'); body { background: url(https://i.pinimg.com/564x/58/05/14/5805148718ef13071cb73f038010e131.jpg); } .profile { background: insert color of main profile ; } h1 { color: h1 { color: white; //text-shadow: 1px 1px #de007a; }; text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black; } h1, h2, h3, h4,h5,a, p, nav label, .section { main, top, links, nav .top, nav .links, details-table { background: !important; background-image: !important; background-size: cover !important; padding: 0 !important; /*font-size: small;*/ color: #de007a; { .mood text-transform:uppercase !important; } table, td } /* border: 1px solid var(--url-pink-bg)!important; */ border-spacing: 2px; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions { width: 100%; border: 2px solid var(--#de007a); } table, th, td } border: 1px solid #de007a; border-spacing: 2px; } .blog } border: 10px solid #de007a; } .profile .contact, .profile .url-info, .profile .table-section, .home-actions } width: 100%; border: 4px outset #de007a; margin 10px 2; } .online { color: gold!important; //text-shadow: 1px 1px white; } :root { --logo-blue: ; --darker-blue: ; --lighter-blue: #de007a; --even-lighter-blue: ; --lightest-blue: ; --dark-orange: ; --light-orange: ; --even-lighter-orange: ; --turquoise: ; --table-header: white; --table-color: white; --link-text: white; --main-text: white; } main { /* changes made to stuff outside of columns */ background: black; padding: 0; font-size: small; color: #de007a; text color: white; text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; } footer { background: white!important; } .comments-table{ display: block; height: 500px; overflow-y: scroll; Border-radius: 8px; color: #fe7ec0; text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; } .contact { border-radius: 8px; background-image: url(https://th.bing.com/th/id/R.75b7633177977a276cd781b0e0520a92?rik=EpfN3HQQ7%2fOhcw&riu=http%3a%2f%2fwww.solidbackgrounds.com%2fimages%2f5120x2880%2f5120x2880-black-solid-color-background.jpg&ehk=AqB9SoEXUPu7BGaVH7M32l2%2b1UZ%2foIlkcd8MnplO62E%3d&risl=&pid=ImgRaw&r=0); background-position: right top; background-repeat: repeat; background-attachment: scroll; Width: 310px; Height:180px; color: #fe7ec0; text-shadow: 1px 1px 2px #de007a, 0 0 25px #de007a, 0 0 3px #fe7ec0; } .friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section, .url-info, .mood, .blurbs, .blog-preview, .details, { border: 1px curve none !important; outline: none !important; } img { border-radius: 12px; } main { background: black; border-radius: 14px; padding: 0; font-size: 85%; color: #000000; } nav, footer, .profile .contact { display: inherit !important; opacity: 1 !important; border-radius: 12px; } main { background: ; border-radius: 12px; border: 12px solid #000000; padding: 0; font-size: 90%; color: #fe7ec0; } nav .top { background: transparent; } nav .links { background: rgba(0, 0, 0, 0.3); } nav { background-image: url(https://wallpapercave.com/wp/wp11777139.jpg) } /*customising interests box*/ .profile .table-section{ border:2px solid #de007a; border-radius: 15px; } .profile .table-section .heading{ background:#000000; border: 1px solid #fe7ec0; border-radius: 15px 15px 0px 0px; text-align: center; } .profile .table-section .heading h4{ color: #fe7ec0; text-shadow: 1px 1px 2px black; } .profile .table-section .details-table td{ background: rgba(0, 0, 0, 0); padding-right: 10%; } .profile .friends .heading{ background: #de007a; color: #fe7ec0; text-shadow: 1px 1px 2px black; text-align: center; } .profile .friends .heading h4{ text-align: center; color: #fe7ec0; text-shadow: 1px 1px 2px black } .general-about { background-image: url(https://i.pinimg.com/originals/cc/f5/fe/ccf5fe8c626aa07f982b80993f0c0d39.gif); padding: 20px; border-radius: 10px; box-shadow: 4px 4px 0 #aa1b66; text-align: center; animation: nineties2 2s ease 0s infinite normal none; animation-delay: .46s; } /* margin-top: -5px; */ padding: 18px; box-shadow: 4px 4px 0 #000; } .profile .profile-info .inner h3 { filter: drop-shadow(3px 3px 0 #000000); margin: 0!important; color:#FFF; } .profile .profile-info .inner h3 a { color: #FFFFFF; } .profile .profile-info { background-image: url(https://i.pinimg.com/originals/3d/2b/64/3d2b645558f1874f363945ddc3bfd305.gif); padding: 20px; border: none; border-radius: 10px; box-shadow: 4px 4px 0 #aa1b66; text-align: center; animation: nineties2 2s ease 0s infinite normal none; animation-delay: .15s; border: none; } .pimp_my_profile { Generated at Pimp My Profile www.pimp-my-profile.com } table, tr, td { background-color:transparent; } table, tr, td { background-color:transparent; border:none; border-width:0px; } table table table { width:100%; max-width: 600px; } table table table table { width:100%;; } body, .bodyContent { background-image:url(https://i.pinimg.com/originals/26/56/24/265624f163c680a3abc69a609070987e.gif); background-position:Center Center; background-attachment:fixed; background-repeat:repeat; border-width:0px; border-style:Solid; } table table { border:0px; } table table table table { border:0px; background-image:none; background-color:transparent; } table table table { border-style:Dashed; border-width:2px; border-color:FF22FF; background-attachment:fixed; } table table table td { background-color:000000; } table, tr, td, li, p, div { color:FF22FF; } .btext { color:FF22FF; } .blacktext10 { color:FF22FF; } .blacktext12 { color:22FF22; } .lightbluetext8 { color:FF22FF; } .orangetext15 { color:FF22FF; } .redtext { color:FF22FF; } .redbtext { color:FF22FF; } .text { color:FF22FF; } .whitetext12 { color:FF22FF; } a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link { color:FF22FF; } a:hover, a.searchlinksmall:hover { color:FF22FF; } a.navbar:active, a.navbar:visited, a.navbar:link { color:FF22FF; } a.navbar:hover { color:FF22FF; } a.redlink:active, a.redlink:visited, a.redlink:link { color:FF22FF; } a.redlink:hover { color:FF22FF; } .nametext { color:22FF22; } .contactTable { width:300px!important; height:150px!important; padding:0px!important; background-image:url(https://lh3.googleusercontent.com/proxy/ZV9J4x8E_xWJur4TJth9BZMjXBCOxFBpsyKwcbYXLc7GU5eS_6qvKllgpJ1uyf5z1ccN_Oqz3iIriieW61-x4sw18-It2F2yULTwfuEO-69B4hcYThyDH7ZnCqc); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}.contactTable a img {visibility:hidden; border:0px!important;}.contactTable a {display:block; height:28px; width:115px;background-color:transparent!important;}.contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;background-color:none!important;} .contactTable .whitetext12 {display:none;; } .general-about{ position: relative; margin-top: 30px; } .online { content: url(https://i6.glitter-graphics.org/pub/2277/2277046yzckjx4eis.gif); } #vinyl-gallery * { all: unset; } #vinyl-gallery { all: initial!important; width: 100%!important; height: 230px!important; margin: 30px 0!important; display: flex!important; flex-direction: row!important; position: relative!important; margin-left: -6px!important; } #vinyl-gallery .vinyl { all:unset!important; perspective: 500px !important; width: 18px!important; transition: width 0.5s!important; } #vinyl-gallery .vinyl:hover { width: 148px!important; } #vinyl-gallery img { all:unset!important; transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important; width: 180px!important; height: 180px!important; transform: rotateX(0deg) rotateY(25deg)!important; transform-style: preserve-3d!important; border-radius: 4px!important; border: 2px solid rgba(0, 0, 0, 0.1)!important; object-fit: cover!important; } #vinyl-gallery .vinyl:hover img { transform: rotateX(0deg) rotateY(10deg)!important; width: 188px!important; height: 188px!important; margin-top: -2px!important; } #vinyl-gallery .title { color: #FFFFFF; display: block; visibility: hidden; position: absolute; bottom: 0px; text-align: center; width: 100%; padding-left: 6px; } #vinyl-gallery .vinyl:nth-child(n):hover + .title { visibility: visible; } @keyframes spin { 100% { transform: rotate(360deg); } } .recordPlayer { display: flex; justify-content: center; align-items: center; padding-bottom: 20px; position: relative; } .vinyl { height: 150px; margin-left: 55px; padding: 10px; animation: spin 1.88s linear infinite; position: absolute; } .vinylCover { height: 150px; position: relative; z-index: 1; margin-right: 55px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); } .title { color: #fff; font-family: 'Arial', sans-serif; font-size: 24px; position: absolute; top: 30px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); } .playPauseBtn { background-color: #ff6f61; color: white; border: none; padding: 10px 20px; font-size: 16px; cursor: pointer; position: absolute; top: 200px; z-index: 10; } .playPauseBtn:hover { background-color: #ff8e7f; } body { background-color: #2c3e50; color: #ecf0f1; font-family: 'Arial', sans-serif; } body { /* CSS di base per il layout */ body { background-color: #f0f0f0; font-family: Arial, sans-serif; margin: 0; padding: 0; } /* Posiziona l'immagine in alto a sinistra */ .image-container { position: absolute; top: 10px; /* Distanza dal bordo superiore */ left: 10px; /* Distanza dal bordo sinistro */ width: 150px; /* Larghezza più grande dell'immagine */ height: auto; /* Altezza automatica per mantenere le proporzioni */ } /* Aggiungi un'area per il contenuto del profilo */ .profile-content { margin-top: 170px; /* Spazio per non sovrapporre l'immagine */ padding: 20px; background-color: white; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } h1 { color: #333; }