main {
background-color: rgba(0, 0, 0, 0.7);
}
/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-image: linear-gradient(darkgreen, greenyellow);
color: black;
}
/* edit profile / user is your friend */
.profile-info {
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border: 3.5px solid rgba(0, 0, 0, );
border-radius: 6px;
box-shadow: 0px 0px 14px black;
}
/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border: 2px solid darkgrey;
border-radius: 3px;
color: black;
}
/* friends comments - friend's name */
.comments-table td:first-child{
background-image: linear-gradient(greenyellow, darkgreen)
}
/*friends comments- comment */
.comments-table td {
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
}
table.comments-table {
border: 3px solid black;
border-radius: 6px;
}
/* interests and links */
.profile .table-section {
background-color: rgba(0, 0, 0, 0.7);
color: white;
border: 3.5px solid rgba(0, 0, 0);
border-radius: 6px;
box-shadow: 0px 0px 14px black;
}
/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
background-image: linear-gradient(darkgreen, greenyellow);
color: black;
}
/* mood and view my */
.profile .mood{
padding-top: 5px;
padding-left: 5px;
box-shadow: 0px 0px 14px black;
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border-radius: 6px;
border-style: outset;
border-width: 1px;
border: 3.5px solid rgba(0, 0, 0);
margin-bottom: 20px;
box-shadow: 0px 0px 14px black;
}
/* blog entries */
.blog-preview{
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border: 3.5px solid rgba(0, 0, 0);
border-radius: 6px;
box-shadow: 0px 0px 14px black;
padding: 8px;
}
nav .links {
background-image: linear-gradient(darkgreen, greenyellow);
color: black;
border: 3px solid rgba(0, 0, 0);
border-radius: 8px;
box-shadow: 0px 0px 14px black;
}
nav .top {
background-image: linear-gradient(darkgreen, greenyellow);
color: black;
border: 3px solid rgba(0, 0, 0);
border-radius: 8px;
box-shadow: 0px 0px 14px black;
}
footer {
background-image: linear-gradient(darkgreen, greenyellow);
color: black;
border: 3px solid rgba(0, 0, 0);
border-radius: 8px;
box-shadow: 0px 0px 14px black;
}
.blurbs {
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border: 3.5px solid rgba(0, 0, 0);
border-radius: 6px;
box-shadow: 0px 0px 14px black;
}
.profile .contact {
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border: 3.5px solid rgba(0, 0, 0);
border-radius: 6px;
box-shadow: 0px 0px 14px black;
}
.profile .friends {
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border: 3.5px solid rgba(0, 0, 0);
border-radius: 6px;
box-shadow: 0px 0px 14px black;
margin-bottom: 10px
}
/* profile pic, details, etc box*/
.general-about {
padding: 10px 10px 14px 10px;
display: flex;
height: 400px;
padding: 10px 10px 14px 10px;
display: flex;
height: 180px;
color: black;
background-color: #ff0099;
background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
border: 3.5px solid rgba(0, 0, 0);
border-radius: 6px;
box-shadow: 0px 0px 14px black;
margin-bottom: 10px;
margin-top: 0px;
}
span[itemprop="name"] h1 {
background-image: linear-gradient(darkgreen, greenyellow);
color: black;
border: 3.5px solid rgba(0, 0, 0);
border-radius: 6px;
box-shadow: 0px 0px 14px black;
margin: 0px 0px 0px 0px;
padding: 2px;
}
:root {
--light-gray: #f2f0f0;
--gray: #e3e3e3;
--dark-gray: #919191;
--darker-gray: #545454;
--logo-blue: #1D4ED8;
--darker-blue: forestgreen;
--lighter-blue: #60A5FA;
--even-lighter-blue: #BFDBFE;
--lightest-blue: #DBEAFE;
--red: #FF0000;
--dark-orange: darkgreen;
--light-orange: darkgreen;
--even-lighter-orange: darkseagreen;
--strange-yellow: #dbae2e;
--green: #34D399;
--light-green: #E6F8DD;
--medium-green: #A0C99C;
--dark-green: #059669;
accent-color: #1D4ED8;
accent-color: var(--logo-blue);
}
profile .blurbs .section h4 {
color: black !important;
}
/* friend names */
.profile .friends .person p {
color: darkgreen;
text-decoration: underline;
}
/* friend count colour*/
.count {
color: darkgreen;
text-decoration: underline;
}
/* hide spacehey url */
.profile .url-info {
display: none;
}
VIDEO
VIDEO
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album
Artist - Album