Victoria Chase layout 2
Fri Mar 29 2024 17:42:12 GMT+0000 (Coordinated Universal Time)
Saved by @sunnywhateverr
<style> .container { width: 90%; max-width: 1600px; } </style> <style> main { background-color: transparent; color: #ccc; } </style> <style> body{background:url("https://i.postimg.cc/y652WhGW/vic.jpg") no-repeat fixed; background-size:cover;} </style> <style> h3 , h4, h5, .url-info b { color: white; } </style> <style> a { color: white; } </style> <style> p, h2 { color: white } </style> <style> h1, .count, .friends a p { color: white; } </style> <style> p { color: #ffffff; } </style> <style> main a { color: var(--#ffffff); } </style> <style> .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color: #a8948d; color: #bbb; } </style> <style> .profile .contact, .profile .table-section, .profile .url-info { border: 3px solid #a8948d; border-radius: 10px; } </style> <style> .profile .table-section .details-table td { background-color:#bda9a2; color: #ccc; border-radius: 10px; } </style> <style> .profile .blurbs .heading, .profile .friends .heading { background-color: #a8948d; color: #bbb; border-radius: 10px; } </style> <style> .profile .friends .comments-table td { background-color: #bda9a2; border: 3px solid #a8948d; border-radius: 10px; } </style> <style> @import url("https://robins.one/spacehey/addons/modern-comments.css"); </style> <style> footer { border-radius: 15px; background-color: #bda9a2; color: white; } </style> <style> .nav .top , nav .links{ background: transparent; text-align: center; } </style> <style> :root{ /* [background color]: #a8948d; */ --logo-blue:url(URL); } </style> <style>main:before { width: 100%; height: 150px ; display: block; content: ""; border-radius: 40px; border: 5px solid #a8948d; background-image: url('https://static1.thegamerimages.com/wordpress/wp-content/uploads/2022/02/Life-Is-Strange-Victoria-On-Steps.jpg'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } }</style> <style> @import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap"); .w-40 h1{ font-family: EB Garamond; font-size: 40px; text-align: center; background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 0px white; } </style> <style> @import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap'); p{ font-family: 'Short Stack', cursive; font-size: 100%; } h1,h2,h3,h4,h5{ font-family: 'Short Stack', cursive; font-size: 90%; </style> <style> .blurbs .section h4{display: none !important;} </style> <img src="https://i.postimg.cc/c17vQ86m/tumblr-inline-np61g3a-GPu1rxkjmy-1280-removebg-preview-1.png"/> <style> .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } </style> <style> img.logo{ content: url("https://i.postimg.cc/FKwjk1N0/slazzer-edit-image-removebg-preview1-ezgif-com-resize-1.png"); width: 55px !important; height: 55px !important; </style> <style>.online { visibility: hidden; } .online img { content: url("https://gifcity.carrd.co/assets/images/gallery01/443336b3.gif?v=26dffab5"); animation-name: none; visibility: visible; height: 25px; width: 25px; }</style> <style> li.active .icon { content:url('https://gifcity.carrd.co/assets/images/gallery75/ff14472a.png?v=26dffab5'); width: 20PX;height: 20px;} </style> <style> .col.right .profile-info {border-radius: 40px; border: 5px solid #a8948d; } </style> <style>* {cursor: url(http://www.rw-designer.com/cursor-view/42103.png), url(http://www.rw-designer.com/cursor-view/42103.png), auto !important;}</style> <style> .general-about .profile-pic { position: relative; filter: drop-shadow(0 0 0.25rem gray); transform: rotate(4deg); margin: 0 20px 8px -5px; transition: transform .5s; } .general-about .profile-pic:hover { transform: scale(1.2) rotate(-3deg); } .general-about .profile-pic:before { content: var(--polaroid-name); font-family: 'teabeer'; font-size: var(--name-size); position: absolute; z-index: 2; bottom: -30px; left: 0px; width: 100%; text-align: center; } .general-about .profile-pic:after { content: ""; background: url('https://fluorescent-lights.neocities.org/polaroid.png'); position: absolute; background-size: contain; background-repeat: no-repeat; top: -5px; left: -5px; width: 170px; height: 210px; } .mood { margin-top: 50px; } </style> <style> /* corner image. hidden on mobile */ .image { background: url('https://i.postimg.cc/qRcB8B9N/tumblr-inline-o573l9-Zt-U51qe4y2o-640-removebg-preview-1.png') no-repeat; background-size: 100%!important; position: fixed; right: 0px; bottom: 0px; height: 320px; width: 300px; z-index: 1000; opacity: 1; } @media (max-width: 600px) { .image{display:none;} } </style> <div class="image"></div> <style> .profile .friends .person img:not(.icon):hover { transform: scale(1.2); transition: 0.5s ease; } .profile .friends .person img:not(.icon) { transition: 0.5s ease } </style> <style> .friends-grid img,.comments-table img{border-radius:500px;} </style> <style> .logo { content:url("https://i.ibb.co/2PC3fQ1/Untitled903-20231024024042.png") } </style> <style> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://64.media.tumblr.com/6f9e0446ee841569d2c4b20542b74e5e/a8177aa47ca07e3c-5f/s540x810/cdd595853101e9027bfd218859e60821687d203b.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 2s ease 0s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style>
Comments