𓆩Brooke𓆪
"I love my boyfriend 𑣿"
🦇119y/o🦇 she/her
Last active:
Mood:
View my: Blog | Forum Topics
Contacting 𓆩Brooke𓆪
SpaceHey URL:
https://spacehey.com/thyyvamp
𓆩Brooke𓆪's Interests
|
General |
|
|
Music |
|
|
Movies |
|
|
Television |
🥀Sons of Anarchy 🥀 supernatural |
|
Books |
🥀Haunting Adeline 🥀 Infernal Devices |
|
Heroes |
DC: Superman, and Red Hood 🥀🥀🥀 Marvel: Bucky, Wolverine, and Ghost Rider |
𓆩Brooke𓆪's Blurbs
𓆩Brooke𓆪's Friend Space
[view all]𓆩Brooke𓆪 has 99 friends.
𓆩Brooke𓆪's Friends Comments
Displaying 2 of 2 comments ( View all | Add Comment )
|
लिना⁷ 🩷🐈⬛
|
new oomf you are SO gorgeous and as is your layout. thank you so much for the add ♡♡♡ |
|
🫐 R00KIE
|
haii tysm 4 adding me !!!! you seem super cool :3 |
a:hover{
cursor: url('https://cur.cursors-4u.net/cursors/cur-1/cur5.cur'), auto!important;
}
*{
cursor: url('https://cur.cursors-4u.net/others/oth-6/oth561.cur'), auto!important;
}
/* this is the grain that appears over the profile */
html:before {
animation: grain 8s steps(10) infinite;
background-image: url("https://i.ibb.co/5YNx4Y8/QpnTsrV.jpg");
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
}
.container{
width:40%;
}
body{
background-color: black;
background-image: url('https://wallpaper.dog/large/982663.jpg'), url('https://wallpaper.dog/large/982663.jpg');
background-size: 30%;
background-attachment: fixed;
background-position: left, right;
background-repeat: no-repeat;
text-align: center;
}
/* fonts and colors */
h1{
font-family: 'Arizonia', cursive;
font-size:30px!important;
font-weight: 1;
color:#8B1618!important;
text-shadow: 4px 1px 3px darkred;
}
h2, h3, h4, .section h4{
font-family: 'Arizonia', cursive;
font-size:20px!important;
font-weight: 1;
color:crimson!important;
}
.icon{
font-size: 11px;
}
a{
color:red!important;
font-family: 'Quintessential', cursive;
font-size: 13px!important;
font-weight: 1;
letter-spacing: 1px;
text-shadow: 0px 0px 4px red;
}
nav .links a{
text-shadow: none;
font-size: 12px!important;
}
.contact a{
font-size: 10px!important;
}
p, b, .count{
font-family: 'Quintessential', cursive;
font-size: 13px!important;
color: firebrick;
font-weight: 1;
letter-spacing: 1px;
text-shadow: 0px 0px 4px red;
}
.profile .friends .person p{
color: red;
}
nav .top{
background-color: transparent;
color:crimson;
}
nav .top a{
font-size:10px!important;
}
nav label, nav button{
font-size: 12px!important;
font-family: 'Quintessential', cursive;
}
/* navigation */
nav .links{
background-color: transparent;
border-top:1px solid darkred;
border-bottom:1px solid darkred;
}
nav img.logo{
filter: brightness(0) saturate(100%) invert(19%) sepia(57%) saturate(4801%) hue-rotate(352deg) brightness(76%) contrast(84%) !important;
height:30px;
}
/* nav search and button */
.search-wrapper input[type=text] {
background-color: rgba(0, 0, 0, 0.5) !important;
border: 1px solid darkred!important;
color:darkred!important;
}
nav button{
background-color: transparent;
border:none;
color:crimson;
}
/* profile */
main{
background-color: transparent;
}
main .left{
padding: 0px;
}
/* left side */
.details p:nth-child(2){
margin-top:30px!important;
}
.profile-pic img{
padding:8px;
border-radius: 3px;
}
.profile-pic{
background-image: url('https://i.ibb.co/xhm7bY7/Red-Static.gif');
background-size: 50%;
}
.online{
margin:auto;
padding-bottom: 5px;
content: url(https://dl.glitter-graphics.com/pub/104/104607x61kd02dl0.gif);
}
.mood{
margin-top:10px;
margin-bottom: 10px;
}
/* red divider */
.blog-preview:before, .blurbs:before{
background-image: url('https://www.clipartmax.com/png/full/294-2943352_separator-1511402728-red-separator-png.png');
height:30px;
display: block;
content: "";
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-bottom: 20px;
}
.contact{
border:none!important;
border-spacing: 5px;
}
.contact .inner{
text-align: left;
}
.f-row{
margin:0px!important; /* fixes contact links */
}
.contact .heading, .table-section .heading, .friends .heading{
background-color: transparent!important;
}
/* this is the red line under the headings */
.contact .heading:after, .table-section .heading:after, .friends .heading:after{
display: block;
content:"";
height:5px;
background-image: url('https://i.ibb.co/xhm7bY7/Red-Static.gif');
background-size: 50%;
margin-bottom:5px;
margin-top:-5px;
}
/* custom contact */
.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: "-x-";
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: "-x-";
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send message */
content: "-x-";
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: "-x-";
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "-x-";
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "-x-";
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: "-x-";
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: "-x-";
}
/* the url text or image */
.url-info{
border:none!important;
margin-top:20px!important;
background-image: url(" https://i.pinimg.com/736x/18/98/6f/18986f1af48b0b9b3a75aec9a858ef92.jpg");
background-repeat: no-repeat;
background-size: 50%100%;
background-position: left, right;
height:120px;
}
.url-info p{
opacity: 0.0;
}
/* the interests table */
.table-section{
border:none!important;
}
.details-table td{
display:flex;
flex-direction:column;
background-color: transparent!important;
}
.details-table td:first-child{
width:100%;
font-variant: small-caps;
}
/* friends */
.friends-grid img:not(.icon){
border-radius: 5px;
padding:7px;
background-image: url('https://i.ibb.co/xhm7bY7/Red-Static.gif');
background-size: 60%;
}
/* this is the border around the replies */
.comment-replies{
border:1px solid darkred;
border-radius: 3px;
}
/* line in between comment replies*/
.comment-reply:not(:first-child){
border-top: 4px double darkred;
}
/* comments table */
.comments-table{
border:none;
border-spacing: 0px 10px;
}
.comments-table td{
background-color: transparent!important;
}
.comments-table td:first-child img:not(.icon){
background-image: url('https://i.ibb.co/xhm7bY7/Red-Static.gif');
background-size: 60%;
padding:5px;
border-radius: 3px;
}
.comments-table button{
border:none;
background-color: transparent;
color:crimson;
font-family: 'Quintessential', cursive;
font-size: 13px!important;
font-weight: 1;
letter-spacing: 1px;
text-shadow: 0px 0px 4px red;
}
/* footer */
footer{
background: transparent;
}
footer a{
color: firebrick;
}
footer p{
color: red;
}
/* scrollbars */
::-webkit-scrollbar {
width: 5px;
height: 12px;
}
::-webkit-scrollbar-track {
border-radius: 10px;
width: 2px;
border: 1px dotted darkred;
}
::-webkit-scrollbar-thumb {
background: darkred;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: red;
}
/* hidden things */
.blog-preview h4, .blurbs .heading{display:none;}
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 100;
background-image: url(https://i.pinimg.com/736x/2e/1a/cb/2e1acb8ae549580f59d60710139a1322.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
margin: 1em;
position: relative;
* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important;}
🥀 Three days grace-all time fav band


Oh dude TY !!! Your layout is so freaking cute !!!
by 𓆩Brooke𓆪; ; Report