made by Kyle at Sugargutz
about me goes here!!
body { cursor: url(https://64.media.tumblr.com/fe082abff21bf41304362d80dc8e45c6/20b182df6ac70227-1f/s75x75_c1/457d763043f3df45b4580fa9a57e8ec169e37ecc.gifv), auto; }
.profile-info{
background: url(https://i.pinimg.com/564x/51/f6/03/51f6037d81ea88f7b944d31b3289f76a.jpg);
no-repeat fixed;
background-size: cover;
height: 155px;
border: none;
font-size: 0;
background-size: cover;
height: 152px;
border: none;
font-size: 0;
background-position-y: top;
}
.profile {
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview {
border-style:Double;
border-width:6px;
border-color:#00C9BC;
background:#161616;
}
/* 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: "☆"
}
footer {
border-radius: 15px;
background-image:
url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);
color:White;
}
nav .top {
background: url(https://i.pinimg.com/originals/0f/37/c8/0f37c8e9aa6101b14e91a875ea6366d8.gif);
}
nav { background: black url(""); }
:root {
--logo-blue:#FFFFFF;
--darker-blue: #FFFFFF;
--lighter-blue: #91FF28;
--even-lighter-blue: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);
--lightest-blue:#C445EA;
--dark-orange:#BC22F2;
--light-orange: url(https://i.pinimg.com/564x/2a/eb/7c/2aeb7cb4fa6cec9bc1907248cd20399f.jpg);
--even-lighter-orange:#67EE18;
--green: #FFFFFF;
}
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "fellow qweenz "; font-size:.8rem; font-weight:bold;
color:black; }
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments !!"; font-size:.8rem; font-weight:bold;
color:White; }
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "i don't bite!! (mostly)"; font-size:.8rem; font-weight:bold;
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }
<style>
h1{
animation: type 3s steps(27);
color: transparent;
font-size: 7px;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}
/* this is the online img*/
.online {content:url(âhttp://dl.glitter-graphics.net/pub/3058/3058251t4udpjlpsc.gif
'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2;
}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url(https://media.discordapp.net/attachments/1115051011871096897/1178505670232916039/IMG_2172.gif?ex=657663ef&is=6563eeef&hm=54e573c6de09bc039bbed53b64cd05e488ae6d25c268a9578103f6572291af4d&);
background-size: cover;
background-repeat: no-repeat;
background-position:center;
pointer-events: none;}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url(https://media.discordapp.net/attachments/1115051011871096897/1178505670232916039/IMG_2172.gif?ex=657663ef&is=6563eeef&hm=54e573c6de09bc039bbed53b64cd05e488ae6d25c268a9578103f6572291af4d&);
background-size: cover;
background-repeat: no-repeat;
background-position:center;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
.general-about img {-webkit-mask-image: url(https://images.emojiterra.com/google/noto-emoji/unicode-15/animated/1fac0.gif);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
this layout was made by frankie ☆ iero
about me goes here!!
My Music X3:
.logo {
content:url("https://i.ibb.co/gPtk9xm/Shace-Hey-ancom.png")
}
p.online {font-size: 0px;}
p.online::after{content:url(https://64.media.tumblr.com/e533e5c22a256c39a6958440fb8db055/3ab37b35962881fb-6c/s75x75_c1/bcd7685c7eb252ab4e6d0c9a0d0f8c3e115716b4.gifv)
color: black;
font-size: 10px;}
body {
background-image:url(https://i.pinimg.com/originals/1a/1c/cb/1a1ccbabe137e9819ea69373049cfc36.gif)
}
body { cursor: url(https://64.media.tumblr.com/cd5ffe270ea9fcebf52df5b591167ff1/3ab37b35962881fb-ac/s75x75_c1/4c32f222107c63f9e3efb5f64aae2d34951283b5.gifv), auto; }
.profile-info{
background: url(https://i.pinimg.com/originals/89/44/14/894414bd82d63e1c127f07559e8adeff.gif);
no-repeat fixed;
background-size: cover;
height: 155px;
border: none;
font-size: 0;
background-size: cover;
height: 152px;
border: none;
font-size: 0;
background-position-y: top;
}
.profile {
background:url(https://i.pinimg.com/originals/23/6b/fd/236bfd8261c1e866d4555cd004c8e2f2.gif);
color:white;
text-shadow: 0 0 9px red;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview {
border-style:Double;
border-width:6px;
border-color:#A50000;
background:#161616;
}
/* 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: "☆"
}
footer {
border-radius: 15px;
background-image:
url(https://i.pinimg.com/564x/08/d4/08/08d408c2694917eaaa48179f54351ab2.jpg);
color:White;
}
nav .top {
background: url(https://i.pinimg.com/564x/08/d4/08/08d408c2694917eaaa48179f54351ab2.jpg);
}
nav { background: black url(""); }
:root {
--logo-blue:#FFFFFF;
--darker-blue: #FFFFFF;
--lighter-blue: #A3291B;
--even-lighter-blue: url(https://i.pinimg.com/564x/7b/ca/e1/7bcae1c78868dfadd44164c555a0596a.jpg);
--lightest-blue:#C19090;
--dark-orange:#000000;
--light-orange: url(https://i.pinimg.com/564x/7b/ca/e1/7bcae1c78868dfadd44164c555a0596a.jpg);
--even-lighter-orange:#C19090;
--green: #FFFFFF;
}
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "fellow qweenz "; font-size:.8rem; font-weight:bold;
color:black; }
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments !!"; font-size:.8rem; font-weight:bold;
color:White; }
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "more!!"; font-size:.8rem; font-weight:bold;
color:White; }
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "i don't bite!! (mostly)"; font-size:.8rem; font-weight:bold;
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }
<style>
h1{
animation: type 3s steps(27);
color: transparent;
font-size: 7px;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
p{
font-family: 'Architects Daughter', cursive;
font-size: 18px;
color: rgb(0, 255, 162);
}
body{
background: url(https://i.ibb.co/G5cHtFW/tumblr-43c8c7a8aeafc8759e584ffba91c4660-f314c69a-400.gif);
}
.profile{
background: url(https://i.ibb.co/Vw2ZtBw/colorfulstars.gif);
}
:root {
--logo-blue: url(https://i.ibb.co/jgqDX2h/tumblr-3c9a0b44a33840be01ff29e9ea46e857-375893c5-400.gif);
--darker-blue: rgb(0, 187, 255) ;
--lighter-blue: rgb(255, 0, 195);
--lightest-blue: black;
--dark-orange: rgb(0, 153, 255);
--light-orange: rgb(212, 255, 0) ;
--even-lighter-orange: white;
--green:;
}
h1,h2,h3,h4,h5{
@import url('https://fonts.googleapis.com/css2?family=Caveat&family=Permanent+Marker&display=swap');
font-family: 'Caveat', cursive;
font-family: 'Permanent Marker', cursive;
font-size: 150%;
color: rgb(0, 21, 255);
}
footer {
boarder-radius: 15px;
background-image: url(https://i.ibb.co/YWyzs3S/tumblr-03e738e8d03007ab5bf76114c20abcc7-7266edb2-400.gif);
color: black;
background-color: black
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
.profile .table-section .details-table td {
background-color: black ;
color: black;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: " ⁑";
color: turquoise;
}
.profile .blurbs .section :nth-child(2) {
background-image: url(https://i.ibb.co/VLWSLPS/tumblr-c663acddb9292fea0820d5938f5a8483-1f21e250-540.gif);
/* margin-top: -5px; */
padding: 18px;
box-shadow: 4px 4px 0 #000;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add me */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* faves? */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* chit chat */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forwardd */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant chat */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* group me */
content: url(https://img.icons8.com/officexs/16/000000/skull-heart.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "☠"
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.online {
margin:auto;
padding-bottom: 5px;
content: url(http://dl10.glitter-graphics.net/pub/464/464320vjaoqli7q9.gif);
}
VIDEO
VIDEO