ririi
".."
musicc ...
Last active:
Mood: tiredddd..
View my: Blog | Forum Topics
Contacting ririi
Add to Friends
Add to Favorites
Send Message
Forward to Friend
Instant Message
Block User
Add to Group
Report User
SpaceHey URL:
https://spacehey.com/rirqvr
ririi's Interests
|
General |
playing gutairrr |
|
Music |
 |
|
Movies |
Komatsu Nana (Hachiko)
|
|
Television |
|
|
Books |
|
|
Heroes |
|
Osaki Nana
Ichinose Takumi
Honjou Ren
ririi's Latest Blog Entries [View Blog]
There are no Blog Entries yet.
ririi's Blurbs
About me:
I'm 13. andddd I needed frienddsss I love weird ppl!
WHO ID LIKE TO MEET
INTERESTS GENERAL
/*ANKH*/
/*TINY SKULL*/
/*GOTHIC GIRL*/
/*HEARTAGRAM*/
/*BIG SKULL*/
/*DECAGRAM*/
Who I'd like to meet:
ririi's Friend Space
[view all]ririi has 22 friends.
ririi's Friends Comments
Displaying 0 of 0 comments ( View all | Add Comment )
-8fe14e77-acb1-4d79-8ad3-18181bfa4bfc.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI5OWQwOTQ0LTdhNDEtNDU0MC05NjkxLTM5ZjVlZmQyYmIwZlwvZDNiZnUwZS04ZmUxNGU3Ny1hY2IxLTRkNzktOGFkMy0xODE4MWJmYTRiZmMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.3g0hIjsa3H-uIfaClHk3H5FGYScXoeHUQsphccuFQoQ"/>
.jpg)
.gif)
.gif)
.gif)
.gif)
.png)
.jpg)
.gif)
.gif)
.jpg)
.gif)
.png)
.png)
.png)
.png)
.gif)
.png)
.png)
.gif)
.png)
.gif)
.gif)
.gif)
{
border-style: solid;
}
p{
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
font-family: 'Permanent Marker', cursive;
color: rgb(255, 43, 244);
font-size: 150%;
.profile{
background: url(https://i.ibb.co/1fPJwDK/3682034mxl55jw25d.gif);
}
body{
background: url(https://i.ibb.co/smJQb33/original.gif);
}
:root {
--logo-blue: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
--darker-blue: rgb(255, 0, 128);
--lighter-blue: rgb(252, 93, 250);
--even-lighter-blue: black;
--lightest-blue: black;
--dark-orange: white;
--light-orange: url(https://i.ibb.co/V3FmySL/tumblr-3bce6649fd69d61e10bd2c7cc5653769-9e14d317-200.gif);
--even-lighter-orange: black;
--green: ;
}
h1{
color: pink;
font-size: 180%;
}
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: white;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
main:before{
width: auto;
margin-bottom: 1px;
border: 2px black;
height: 100px;
display: block;
content: "";
box-shadow: 2px 2px 2px 2px #00;
background-image: url(https://i.ibb.co/wd6B2jq/tumblr-4fcddd6ec904b6f8afeb6236d8f92abf-c11169f0-400.gif);
background-position: center center;
background-size: cover;
background-color: black;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: " â¡";
color: black;
}
footer {
boarder-radius: 15px;
background-image: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
color: black;
}
.online {
margin:auto;
padding-bottom: 5px;
content: url(http://dl9.glitter-graphics.net/pub/272/272679lz7b9hcea1.gif);
}
.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
}
Layout made by Xx.scene_Machine.xX
I'm 13. andddd I needed frienddsss I love weird ppl!
.profile{
background: url(https://i.ibb.co/1fPJwDK/3682034mxl55jw25d.gif);
}
body{
background: url(https://i.ibb.co/smJQb33/original.gif);
}
:root {
--logo-blue: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
--darker-blue: rgb(255, 0, 128);
--lighter-blue: rgb(252, 93, 250);
--even-lighter-blue: black;
--lightest-blue: black;
--dark-orange: white;
--light-orange: url(https://i.ibb.co/V3FmySL/tumblr-3bce6649fd69d61e10bd2c7cc5653769-9e14d317-200.gif);
--even-lighter-orange: black;
--green: ;
}
h1{
color: pink;
font-size: 180%;
}
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: white;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
main:before{
width: auto;
margin-bottom: 1px;
border: 2px black;
height: 100px;
display: block;
content: "";
box-shadow: 2px 2px 2px 2px #00;
background-image: url(https://i.ibb.co/wd6B2jq/tumblr-4fcddd6ec904b6f8afeb6236d8f92abf-c11169f0-400.gif);
background-position: center center;
background-size: cover;
background-color: black;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: " â¡";
color: black;
}
footer {
boarder-radius: 15px;
background-image: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
color: black;
}
.online {
margin:auto;
padding-bottom: 5px;
content: url(http://dl9.glitter-graphics.net/pub/272/272679lz7b9hcea1.gif);
}
.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
}
Layout made by Xx.scene_Machine.xX
li.active .icon { content:url('https://i4.glitter-graphics.org/pub/2792/2792164gm3v08vgq3.gif'); width: 20PX;height: 20px;}
/* customization. change your artist, title and album cover respectively */
:root {
--artist:"Deftones";
--title:"Be Quiet And Drive (Far Away)";
--albumcover: url(https://m.media-amazon.com/images/I/81BbQMTakEL._UF1000,1000_QL80_.jpg);
}
/* the code itself */
.status-bar,.title-bar,.title-bar-controls{display:flex}.window,p#butt{background:silver;margin:auto}p#text,p#text2{box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;margin-block:3px}p#butt,p#text,p#text2{box-sizing:border-box}p#label,p#text,p#text2{margin-block:3px}.status-bar,.title-bar-text,.toptoptop,p#butt,p#label,p#text2{user-select:none}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff2) format("woff2")}.window{text-shadow:none;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;padding:3px}.window img{filter:none!important}.window *{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial;font-size:11px;text-shadow:inherit}.title-bar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px;line-height:15px}.title-bar-controls p#butt{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls p#butt:active{padding:0}.title-bar-controls p#butt:focus{outline:0}.title-bar-controls p#butt.minimize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls p#butt.maximize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls p#butt.close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;margin:0 1px}p#butt{white-space:nowrap;}.buttontos,p#butt,p#label,p#text,p#text2{display:inline-block}.status-bar-field{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:8px}p#butt{border:none;border-radius:0;min-height:23px;min-width:75px;padding:6px 12px 0;text-shadow:0 0 #222;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;color:#000}p#butt:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;text-shadow:1px 1px #222}p#butt:focus{outline:#000 dotted 1px;outline-offset:-4px}p#butt::-moz-focus-inner{border:0}.toptoptop{text-align:left;margin-top:-3px!important;margin-bottom:5px!important;margin-inline:0px!important;}.toptoptop span{border:1px solid silver;padding:2px 4px}.toptoptop span:hover{border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid gray;border-right:1px solid gray}.toptoptop span:focus{border:1px inset #fff}.window{color:#000!important;font-family:"Pixelated MS Sans Serif"!important}p#text:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E")}p#text{background-color:#fff;padding:4px;width:85%;text-align:left;font-size:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat}p#text.artist:after{content:var(--artist)}p#text.title:after{content:var(--title)}p#text2:before{content:"";display:block;position:absolute;top:1px;left:1px;background:var(--albumcover);width:98%;height:96%;opacity:.5;background-size:cover;background-position:center;z-index:-1}p#text2{position:relative;padding:13px 4px;width:54%;font-size:20px;text-align:center;color:olive;background:#000;z-index:999}#butt,p#label{font-size:12px}p#label{width:fit-content;margin-right:5px}.ahhh{text-align:right}.title-bar{padding:2px}.title-bar-text img{vertical-align:bottom;margin-inline:2px}.buttontos{width:45%;height:54px;vertical-align:top;text-align:center}#butt{color:#000;text-shadow:1px 1px #fff;line-height:10px}#butt:not(:first-child){text-indent:-5px;font-weight:700}#butt:nth-child(3) span{display:block;transform:translate(2px,-2px) scale(1.2)}#butt:not(:first-child,:nth-child(2),:nth-child(3)){text-indent:-8px;font-weight:700;letter-spacing:-4px;font-size:10px}#butt:nth-child(8){text-indent:-8px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap;text-shadow:none;transform:translateY(1px)}#butt:nth-child(8) span{display:block;transform:rotate(-90deg) translate(2px,0) scaleY(1.4);color:#000}.title,.artist{height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px!important;vertical-align: bottom;}
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://media.discordapp.net/attachments/1129082383073824788/1137360648821538876/786b01f22de3ef61b52c17fa468fff34.gif?width=300&height=360);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain
70% { transform:translate(0%, 15%) }
}
{
border-style: solid;
}
p{
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
font-family: 'Permanent Marker', cursive;
color: rgb(255, 43, 244);
font-size: 150%;
.profile{
background: url(https://i.ibb.co/1fPJwDK/3682034mxl55jw25d.gif);
}
body{
background: url(https://i.ibb.co/smJQb33/original.gif);
}
:root {
--logo-blue: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
--darker-blue: rgb(255, 0, 128);
--lighter-blue: rgb(252, 93, 250);
--even-lighter-blue: black;
--lightest-blue: black;
--dark-orange: white;
--light-orange: url(https://i.ibb.co/V3FmySL/tumblr-3bce6649fd69d61e10bd2c7cc5653769-9e14d317-200.gif);
--even-lighter-orange: black;
--green: ;
}
h1{
color: pink;
font-size: 180%;
}
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: white;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
main:before{
width: auto;
margin-bottom: 1px;
border: 2px black;
height: 100px;
display: block;
content: "";
box-shadow: 2px 2px 2px 2px #00;
background-image: url(https://i.ibb.co/wd6B2jq/tumblr-4fcddd6ec904b6f8afeb6236d8f92abf-c11169f0-400.gif);
background-position: center center;
background-size: cover;
background-color: black;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: " â¡";
color: black;
}
footer {
boarder-radius: 15px;
background-image: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
color: black;
}
.online {
margin:auto;
padding-bottom: 5px;
content: url(http://dl9.glitter-graphics.net/pub/272/272679lz7b9hcea1.gif);
}
.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
}
Layout made by Xx.scene_Machine.xX
I'm 13. andddd I needed frienddsss I love weird ppl!
.profile{
background: url(https://i.ibb.co/1fPJwDK/3682034mxl55jw25d.gif);
}
body{
background: url(https://i.ibb.co/smJQb33/original.gif);
}
:root {
--logo-blue: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
--darker-blue: rgb(255, 0, 128);
--lighter-blue: rgb(252, 93, 250);
--even-lighter-blue: black;
--lightest-blue: black;
--dark-orange: white;
--light-orange: url(https://i.ibb.co/V3FmySL/tumblr-3bce6649fd69d61e10bd2c7cc5653769-9e14d317-200.gif);
--even-lighter-orange: black;
--green: ;
}
h1{
color: pink;
font-size: 180%;
}
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: white;
}
.profile-pic {
border-radius: 500px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
main:before{
width: auto;
margin-bottom: 1px;
border: 2px black;
height: 100px;
display: block;
content: "";
box-shadow: 2px 2px 2px 2px #00;
background-image: url(https://i.ibb.co/wd6B2jq/tumblr-4fcddd6ec904b6f8afeb6236d8f92abf-c11169f0-400.gif);
background-position: center center;
background-size: cover;
background-color: black;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
content: " â¡";
color: black;
}
footer {
boarder-radius: 15px;
background-image: url(https://i.ibb.co/MG5NCjf/496a887f7a12a774b7f5ca4a2bfe6913.gif);
color: black;
}
.online {
margin:auto;
padding-bottom: 5px;
content: url(http://dl9.glitter-graphics.net/pub/272/272679lz7b9hcea1.gif);
}
.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
}
Layout made by Xx.scene_Machine.xX
li.active .icon { content:url('https://i4.glitter-graphics.org/pub/2792/2792164gm3v08vgq3.gif'); width: 20PX;height: 20px;}
/* customization. change your artist, title and album cover respectively */
:root {
--artist:"Deftones";
--title:"Be Quiet And Drive (Far Away)";
--albumcover: url(https://m.media-amazon.com/images/I/81BbQMTakEL._UF1000,1000_QL80_.jpg);
}
/* the code itself */
.status-bar,.title-bar,.title-bar-controls{display:flex}.window,p#butt{background:silver;margin:auto}p#text,p#text2{box-shadow:inset -1px -1px #fff,inset 1px 1px grey,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;box-sizing:border-box;margin-block:3px}p#butt,p#text,p#text2{box-sizing:border-box}p#label,p#text,p#text2{margin-block:3px}.status-bar,.title-bar-text,.toptoptop,p#butt,p#label,p#text2{user-select:none}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.20/dist/ms_sans_serif_bold.woff2) format("woff2")}.window{text-shadow:none;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px grey,inset 2px 2px #fff;padding:3px}.window img{filter:none!important}.window *{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial;font-size:11px;text-shadow:inherit}.title-bar{align-items:center;background:linear-gradient(90deg,navy,#1084d0);justify-content:space-between}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px;line-height:15px}.title-bar-controls p#butt{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls p#butt:active{padding:0}.title-bar-controls p#butt:focus{outline:0}.title-bar-controls p#butt.minimize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls p#butt.maximize{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls p#butt.close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;margin:0 1px}p#butt{white-space:nowrap;}.buttontos,p#butt,p#label,p#text,p#text2{display:inline-block}.status-bar-field{box-shadow:inset -1px -1px #dfdfdf,inset 1px 1px grey;flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:8px}p#butt{border:none;border-radius:0;min-height:23px;min-width:75px;padding:6px 12px 0;text-shadow:0 0 #222;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf;color:#000}p#butt:active{box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px grey;text-shadow:1px 1px #222}p#butt:focus{outline:#000 dotted 1px;outline-offset:-4px}p#butt::-moz-focus-inner{border:0}.toptoptop{text-align:left;margin-top:-3px!important;margin-bottom:5px!important;margin-inline:0px!important;}.toptoptop span{border:1px solid silver;padding:2px 4px}.toptoptop span:hover{border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid gray;border-right:1px solid gray}.toptoptop span:focus{border:1px inset #fff}.window{color:#000!important;font-family:"Pixelated MS Sans Serif"!important}p#text:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h16v17H0V0zm1 16h14V1H1v15z' fill='gray'/%3E%3Cpath fill='silver' d='M1 1h14v15H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 7H5v1h1v1h1v1h1v1h1v-1h1V9h1V8h1V7z' fill='%23000'/%3E%3C/svg%3E")}p#text{background-color:#fff;padding:4px;width:85%;text-align:left;font-size:12px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat}p#text.artist:after{content:var(--artist)}p#text.title:after{content:var(--title)}p#text2:before{content:"";display:block;position:absolute;top:1px;left:1px;background:var(--albumcover);width:98%;height:96%;opacity:.5;background-size:cover;background-position:center;z-index:-1}p#text2{position:relative;padding:13px 4px;width:54%;font-size:20px;text-align:center;color:olive;background:#000;z-index:999}#butt,p#label{font-size:12px}p#label{width:fit-content;margin-right:5px}.ahhh{text-align:right}.title-bar{padding:2px}.title-bar-text img{vertical-align:bottom;margin-inline:2px}.buttontos{width:45%;height:54px;vertical-align:top;text-align:center}#butt{color:#000;text-shadow:1px 1px #fff;line-height:10px}#butt:not(:first-child){text-indent:-5px;font-weight:700}#butt:nth-child(3) span{display:block;transform:translate(2px,-2px) scale(1.2)}#butt:not(:first-child,:nth-child(2),:nth-child(3)){text-indent:-8px;font-weight:700;letter-spacing:-4px;font-size:10px}#butt:nth-child(8){text-indent:-8px;font-weight:700;letter-spacing:-1.5px;white-space:nowrap;text-shadow:none;transform:translateY(1px)}#butt:nth-child(8) span{display:block;transform:rotate(-90deg) translate(2px,0) scaleY(1.4);color:#000}.title,.artist{height:23px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px!important;vertical-align: bottom;}
html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://media.discordapp.net/attachments/1129082383073824788/1137360648821538876/786b01f22de3ef61b52c17fa468fff34.gif?width=300&height=360);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain
70% { transform:translate(0%, 15%) }
}