ywouww

ywouww's Latest Blog Entries [View Blog]

<!-- (c) Layout created by leo ⛧ (https://layouts.spacehey.com/layout?id=3840) --> <style> /* profile background/the image behind the profile box */ body { background: url(https://i.gifer.com/76YS.gif); } </style> <style> /* this is the color of any text that you input */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap'); .profile .blurbs .section h4{ font-family: 'Josefin Sans', sans-serif; text-transform:lowercase !important; color: white; } </style> <style> /* these are the colors for headers */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap'); p{ font-family: 'Josefin Sans', sans-serif; text-transform:lowercase !important; color:#ffedf9; } </style> <style> /* this adjusts the size/font of your name */ @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap'); h1{ font-size: 30px !important; font-family: 'Paytone One', sans-serif; text-transform:uppercase !important; padding-left: 2px !important; } </style> <style> /* this changes the color of your name */ .profile h1{ background: -webkit-linear-gradient(#8870ff, #ff70de); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> <style> /* this changes the color of your headers */ @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap'); h4{ font-size: 16px !important; font-family: 'Paytone One', sans-serif; text-transform:uppercase !important; padding-left: 2px !important; /* gradient text, you can replace existing colors with whatever ones you want */ background: -webkit-linear-gradient(#ff97c1, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> <style> /* this is what makes the text bold/look bigger */ p{ font-size: 14px !important; font-weight: bold; text-transform:none !important; } </style> <style> /* links in the navigation bar @ the top */ nav{ font-size: 13px !important; font-family: 'Paytone One', sans-serif; text-shadow: 1px 1px black; text-transform:none; padding-left:3px; text-align: center; } </style> <style> /* this centers your friend space */ .profile .friends .inner, .profile .blurbs .section h4{ text-align: center; } </style> <style> /* the color of the number of your friends */ .count { color: #ff00aa; } </style> <style> /* link colors when you hover over links */ a:hover { color: white; } a{ color: #ff9ce0; } </style> <style> /* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */ /* https://cursors-4u.net */ a:hover { cursor: url('https://cur.cursors-4u.net/games/images4/gam308.png'), auto; } * { cursor: url('https://cur.cursors-4u.net/symbols/sym-2/sym189.png'), auto; } </style> <style> /* main profile background/the box that has all your text */ /* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */ main { background: rgba(189, 124, 207, 0.4); border-radius:15px; border: 2px dotted rgba(241, 190, 255, 1) } </style> <style> /* this is the background color for the headings of your blurbs, friend space + comments */ .profile .blurbs .heading, .profile .friends .heading { color: white; background-color:rgba(171, 118, 207, 0.4); text-transform:lowercase !important; color: white; border-radius:15px; border: 3px dotted rgba(218, 165, 255, 0.65) } </style> <style> /* links to your friends' profiles */ .profile .friends .person p { color: #ff75d1; } .profile .friends .person p:hover { color: #ffd6f1; } </style> <style> /* this is the box that says "_'s latest blog entries" */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap'); DIV.blog-preview{ text-align: center; font-family: 'Josefin Sans', sans-serif; background-color:rgba(171, 118, 207, 0.4); text-transform:lowercase !important; color: white; border-radius:15px; border: 5px dotted rgba(218, 165, 255, 0.65) } </style> <style> /* this edits your friends' icons */ .profile .friends .person img:not(.icon) { border-radius:15px; box-shadow: 1px 0px 7px 2px rgba(254, 120, 180, 0.71); border: 3px dotted rgba(255, 221, 241, 1) } </style> <style> /* these are the colors for the table headings on the left */ .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color: rgba(171, 118, 207, 0.4); } </style> <style> /* contacting "_" */ .profile .contact { background-color: rgba(171, 118, 207, 0.4); } </style> <style> /* friend comments */ .profile .friends .comments-table td { background-color: rgba(171, 118, 207, 0.4); border: 1px solid rgba(255, 161, 207, 0.5); } .comments-table td*{ } </style> <style> /* colors for interest section */ .profile .table-section .details-table td { background-color:rgba(223, 162, 210, 0.58); } </style> <style> /* navigation bar at the top/the bar that has navigation links */ nav .links { background-color: transparent; } nav .links a:hover { color: rgba(255, 199, 226, 1); } </style> <style> nav .top{ /* navigation bar at the top/the bar that has the search and spacehey logo */ background-color: transparent; } </style> <style> @keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 5px); } 100% { transform: translate(0, -0px); } } /* gif profile picture */ .profile-pic > img { display:none; } .profile-pic:after { background-image: url("https://i.pinimg.com/originals/61/ee/e5/61eee57480a9223ef1c5f40e47cd2b03.gif"); display: inline-block; content:"" } .general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } .profile-pic:after{ border: 2px dashed rgba(255, 161, 207, 1); box-shadow: 1px 0px 10px 2px rgba(254, 120, 180, 0.46); } </style> <style> /* floating animations */ .profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; margin-left: 0px; margin-top: 0px; } </style> <style> /* pink dashed borders */ .profile .url-info { border: 2px dashed rgba(255, 161, 207, 1); } .profile .contact { border: 2px dashed rgba(255, 161, 207, 1); } .profile .table-section { border: 2px dashed rgba(255, 161, 207, 1); } </style> <style> /* border inside of comments */ table.comments-table { border: 2px dashed rgba(255, 161, 207, 1); } </style> <style> /* spacehey logo */ nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;} </style> <style> /* contact icons */ .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* add to friends */ content: "⭐" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorite */ content: "🌟" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* send a message */ content: "🌠" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* foward to friend*/ content: "💫" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: "✨" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: "👾" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add 2 group */ content: "🌙" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report */ content: "🛰️" } </style> <style> footer { color: white !important; text-decoration: underline !important; text-decoration-style: dotted !important; background-color: rgba(0, 0, 0, 0.82); } </style> (view more)

<!-- (c) Layout created by leo ⛧ (https://layouts.spacehey.com/layout?id=3840) --> <style> /* profile background/the image behind the profile box */ body { background: url(https://i.gifer.com/76YS.gif); } </style> <style> /* this is the color of any text that you input */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap'); .profile .blurbs .section h4{ font-family: 'Josefin Sans', sans-serif; text-transform:lowercase !important; color: white; } </style> <style> /* these are the colors for headers */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap'); p{ font-family: 'Josefin Sans', sans-serif; text-transform:lowercase !important; color:#ffedf9; } </style> <style> /* this adjusts the size/font of your name */ @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap'); h1{ font-size: 30px !important; font-family: 'Paytone One', sans-serif; text-transform:uppercase !important; padding-left: 2px !important; } </style> <style> /* this changes the color of your name */ .profile h1{ background: -webkit-linear-gradient(#8870ff, #ff70de); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> <style> /* this changes the color of your headers */ @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Paytone+One&display=swap'); h4{ font-size: 16px !important; font-family: 'Paytone One', sans-serif; text-transform:uppercase !important; padding-left: 2px !important; /* gradient text, you can replace existing colors with whatever ones you want */ background: -webkit-linear-gradient(#ff97c1, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> <style> /* this is what makes the text bold/look bigger */ p{ font-size: 14px !important; font-weight: bold; text-transform:none !important; } </style> <style> /* links in the navigation bar @ the top */ nav{ font-size: 13px !important; font-family: 'Paytone One', sans-serif; text-shadow: 1px 1px black; text-transform:none; padding-left:3px; text-align: center; } </style> <style> /* this centers your friend space */ .profile .friends .inner, .profile .blurbs .section h4{ text-align: center; } </style> <style> /* the color of the number of your friends */ .count { color: #ff00aa; } </style> <style> /* link colors when you hover over links */ a:hover { color: white; } a{ color: #ff9ce0; } </style> <style> /* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */ /* https://cursors-4u.net */ a:hover { cursor: url('https://cur.cursors-4u.net/games/images4/gam308.png'), auto; } * { cursor: url('https://cur.cursors-4u.net/symbols/sym-2/sym189.png'), auto; } </style> <style> /* main profile background/the box that has all your text */ /* use https://rgbacolorpicker.com/ to pick a different color and adjust it's opacity */ main { background: rgba(189, 124, 207, 0.4); border-radius:15px; border: 2px dotted rgba(241, 190, 255, 1) } </style> <style> /* this is the background color for the headings of your blurbs, friend space + comments */ .profile .blurbs .heading, .profile .friends .heading { color: white; background-color:rgba(171, 118, 207, 0.4); text-transform:lowercase !important; color: white; border-radius:15px; border: 3px dotted rgba(218, 165, 255, 0.65) } </style> <style> /* links to your friends' profiles */ .profile .friends .person p { color: #ff75d1; } .profile .friends .person p:hover { color: #ffd6f1; } </style> <style> /* this is the box that says "_'s latest blog entries" */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Roboto:wght@700&display=swap'); DIV.blog-preview{ text-align: center; font-family: 'Josefin Sans', sans-serif; background-color:rgba(171, 118, 207, 0.4); text-transform:lowercase !important; color: white; border-radius:15px; border: 5px dotted rgba(218, 165, 255, 0.65) } </style> <style> /* this edits your friends' icons */ .profile .friends .person img:not(.icon) { border-radius:15px; box-shadow: 1px 0px 7px 2px rgba(254, 120, 180, 0.71); border: 3px dotted rgba(255, 221, 241, 1) } </style> <style> /* these are the colors for the table headings on the left */ .profile .contact .heading, .profile .table-section .heading, .home-actions .heading { background-color: rgba(171, 118, 207, 0.4); } </style> <style> /* contacting "_" */ .profile .contact { background-color: rgba(171, 118, 207, 0.4); } </style> <style> /* friend comments */ .profile .friends .comments-table td { background-color: rgba(171, 118, 207, 0.4); border: 1px solid rgba(255, 161, 207, 0.5); } .comments-table td*{ } </style> <style> /* colors for interest section */ .profile .table-section .details-table td { background-color:rgba(223, 162, 210, 0.58); } </style> <style> /* navigation bar at the top/the bar that has navigation links */ nav .links { background-color: transparent; } nav .links a:hover { color: rgba(255, 199, 226, 1); } </style> <style> nav .top{ /* navigation bar at the top/the bar that has the search and spacehey logo */ background-color: transparent; } </style> <style> @keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 5px); } 100% { transform: translate(0, -0px); } } /* gif profile picture */ .profile-pic > img { display:none; } .profile-pic:after { background-image: url("https://i.pinimg.com/originals/61/ee/e5/61eee57480a9223ef1c5f40e47cd2b03.gif"); display: inline-block; content:"" } .general-about .profile-pic:after { background-size: cover; width: 160px; height: 150px; } .profile-pic:after{ border: 2px dashed rgba(255, 161, 207, 1); box-shadow: 1px 0px 10px 2px rgba(254, 120, 180, 0.46); } </style> <style> /* floating animations */ .profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p, .profile h1{ animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; margin-left: 0px; margin-top: 0px; } </style> <style> /* pink dashed borders */ .profile .url-info { border: 2px dashed rgba(255, 161, 207, 1); } .profile .contact { border: 2px dashed rgba(255, 161, 207, 1); } .profile .table-section { border: 2px dashed rgba(255, 161, 207, 1); } </style> <style> /* border inside of comments */ table.comments-table { border: 2px dashed rgba(255, 161, 207, 1); } </style> <style> /* spacehey logo */ nav img.logo{filter: brightness(0) saturate(100%) invert(99%) sepia(73%) saturate(7472%) hue-rotate(280deg) brightness(101%) contrast(100%); !important;} </style> <style> /* contact icons */ .contact .inner a img { font-size: 0; } .contact .inner a img:before { font-size: 1em; display: block } .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { /* add to friends */ content: "⭐" } .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { /* add to favorite */ content: "🌟" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { /* send a message */ content: "🌠" } .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before { /* foward to friend*/ content: "💫" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before { /* instant message */ content: "✨" } .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before { /* block user */ content: "👾" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before { /* add 2 group */ content: "🌙" } .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before { /* report */ content: "🛰️" } </style> <style> footer { color: white !important; text-decoration: underline !important; text-decoration-style: dotted !important; background-color: rgba(0, 0, 0, 0.82); } </style> (view more)