https://layouts.spacehey.com/layout?id=105480
<
@font-face { font-family: 'trashed';
src: url(https://dl.dropbox.com/s/3qo1te621f9o2e6/1%20Punk.ttf?st=x4evk2vw&dl=0); } .profile h1 { font-family: 'trashed', cursive; text-align: center; font-size: x-large; color: #bcb9b9; }
body{
background: url(https://i.pinimg.com/originals/ad/64/7f/ad647fd1e5da03acf4aeeb19888729f0.jpg) no-repeat fixed;
background-size: cover;
background-position-y: bottom;
font-family: monospace;
}
nav .top{
background: url(https://i.pinimg.com/originals/1c/8a/cc/1c8acc585d777ade0426aaf5fdb482c7.jpg);
background-size: cover;
background-position-y: center;
margin-top: 20px;
margin-bottom: 10px;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0 0 20px 7px black;
}
.logo {
content:url("https://64.media.tumblr.com/41cfdddb7a1afcc40f1b2701a4ff3d1e/9858f11431cb681d-cc/s540x810/4d74f3495386b33a7dde8eacb5f3c1b0a136443b.pnj");
}
button, input {
overflow: visible;
background: lightgrey;
border: black 2px solid;
}
nav .links{
background: url(https://i.pinimg.com/originals/1c/8a/cc/1c8acc585d777ade0426aaf5fdb482c7.jpg);
background-position-y: 365px;
background-size: cover;
border: 2px solid black;
box-shadow: 0 0 20px 7px black;
border-radius: 3px;
margin-bottom: 10px;
}
nav .links a {
text-decoration: none;
color: lightgrey;
text-shadow: 0 0 3px black;
font-size: max(0.98em, 12px);
}
nav .links a:hover {
text-decoration: none;
color: grey;
}
main:before {
height: 257px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/5f/d5/e6/5fd5e6febb0061e30bc46e652fbe03b4.jpg');
background-size: cover;
background-position-x: center;
background-position-y: 734px;
filter: brightness(0.6);
border: 2px solid black;
box-shadow: 0 0 20px 7px black;
border-radius: 3px;
margin-bottom: 7px;
}
main {
background: transparent;
color: black;
padding: 6px 0px;
font-size: 80%;
}
.details {
color: grey;
background: #0000007d;
padding: 5px;
border-radius: 3px;
box-shadow: 0 0 10px black;
transform: rotate(355deg);
}
.general-about .profile-pic {
display: block;
float: left;
margin: 0 15px 8px 0;
height: 160px;
width: 44%;
transform: rotate(355deg);
opacity: 82%;
padding: 10px;
}
.award a {
color: grey;
text-decoration: none;
}
.online {
color: #0C8C00;
font-weight: bold;
font-size: 95%;
filter: grayscale(1);
}
a {
color: #cccccc;
text-shadow: 1px 1px black;
text-decoration: none;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
color: #646464;
text-decoration: line-through;
transition: 1s;
filter: blur(0.7px);
}
.edit-link {
font-size: 90%;
text-align: center;
color: #cccccc;
}
.profile .mood {
width: 100%;
display: inline-block;
color: grey;
margin-top: 28px;
background: #00000087;
text-align: center;
padding-top: 10px;
padding-bottom: 5px;
box-shadow: 0 0 10px black;
border-radius: 3px;
margin-bottom: 28px;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background: transparent;
color: grey;
padding: 2px 7px;
text-transform: uppercase;
font-size: large;
text-align: center;
text-shadow: 0 0 5px grey;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
width: 100%;
border: none !important;
margin: 10px 0;
}
.contact {
background: #00000085;
text-align: center;
padding-right: 10px;
border-radius: 3px;
box-shadow: 0 0 10px black;
transform: rotate(7deg);
}
.url-info {
font-size: 0;
background: url(https://i.pinimg.com/736x/29/c7/5e/29c75e1f16d8ee0c1430cc42d1917f67.jpg);
height: 226px;
background-size: contain;
filter: saturate(0.5);
opacity: 70%;
box-shadow: 0 0 10px black;
}
.table-section {
background: #00000073;
border-radius: 3px;
box-shadow: 0 0 10px black;
}
.details-table td:first-child {
background: transparent;
color: #a9a7a7;
text-align: center;
font-weight: bold;
width: 33%;
align-content: center;
}
body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(1) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(3) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(5) > td:nth-child(1) {
transform: rotate(12deg);
}
body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(1) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(3) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(5) > td:nth-child(1) {
transform: rotate(12deg);
}
body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(2) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(4) > td:nth-child(1), body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) > div.inner > table > tbody > tr:nth-child(6) > td:nth-child(1) {
transform: rotate(351deg);
}
.details-table td {
background: transparent;
vertical-align: top;
color: grey;
}
body > div > main > div.row.profile > div.col.w-40.left > div:nth-child(7) {
transform: rotate(354deg);
}
.profile-info{
background: url(https://i.discogs.com/EdbFnORL4Bx7KGNlLziBCOshlml-mCsmOJmNAhX3h2g/rs:fit/g:sm/q:90/h:597/w:600/czM6Ly9kaXNjb2dz/LWRhdGFiYXNlLWlt/YWdlcy9SLTI4ODQx/Mzc0LTE2OTk1NjU0/NDMtOTE3My5qcGVn.jpeg);
border: 2px solid black;
background-size: cover;
background-position-y: center;
padding-left: 142px;
padding-top: 40px;
font-size: larger;
box-shadow: 0 0 20px 7px black;
filter: brightness(0.6);
}
.profile-info a {
color: white;
}
.blog-preview {
background: #00000087;
color: grey;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 0 0 10px black;
border-radius: 3px;
transform: rotate(3deg);
}
.profile .blurbs .heading, .profile .friends .heading {
background: transparent;
color: grey;
padding: 2px 7px;
text-align: center;
text-transform: uppercase;
font-size: large;
text-shadow: 0 0 6px;
}
.profile .blurbs {
margin: 20px 0;
background: #00000087;
color: grey !important;
padding: 6px;
border-radius: 3px;
box-shadow: 0 0 10px black;
}
.profile .blurbs .section h4 {
margin: 0;
color: #a5a5a5;
text-transform: uppercase;
font-size: larger;
}
body > div > main > div.row.profile > div.col.right > div:nth-child(4) {
background: #00000078;
color: grey;
box-shadow: 0 0 10px black;
border-radius: 3px;
transform: rotate(357deg);
}
.count {
color: lightgrey;
}
body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(1), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(3), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(1), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(6), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(1), body > div > main > div.row.profile > div.col.right > div:nth-child(4) > div.inner > div > div:nth-child(8) {
transform: rotate(9deg);
}
.profile .friends .person img:not(.icon) {
max-width: 95px;
max-height: 95px;
display: block;
margin: 0 auto;
filter: brightness(0.7) saturate(0.6);
border-radius: 9px;
box-shadow: 0 0 13px;
}
div#comments {
margin-top: 18px;
background: #00000087;
color: grey;
box-shadow: 0 0 10px black;
}
.comments-table td:first-child, .music-table td:first-child {
background: transparent;
text-align: center;
font-weight: bold;
width: 38%;
}
.comments-table td, .music-table td {
background: transparent;
vertical-align: top;
}
table.comments-table {
border: 0px solid transparent;
}
#comments td:first-child {
transform: rotate(354deg);
}
.comments-table td, .music-table td {
transform: rotate(6deg);
padding-top: 16px;
}
footer {
text-align: center;
font-size: 70%;
margin: 10px 0 10px;
padding: 10px 5px;
background-color: #0000007a;
color: grey;
box-shadow: 0 0 20px 0px black;
transform: rotate(180deg);
}
html {
border: 12px solid #7777779e;
filter: sepia(0.3) saturate(0.9);
}
::-webkit-scrollbar {
width: 12px;
background-color: lightgrey;
}
::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: grey;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: lightgrey;
}
https://layouts.spacehey.com/layout?id=28489