Report Blog Entry
This is a basic myspace design, which I recreated for spcehey
Spacehey sample
Myspace sample
Designer Blaqheartedstar
Year of creation July 15 to 17, 2008
<!-- (c) Layout created by N4TH4N43L_XP ) -->
body{
}
.logo {
content:url("https://i.ibb.co/bmj9cd9/58164.png");
}
nav .top {
background: linear-gradient(#436507 , #436507 40%, #5A8C02);
padding: 5px 5px 10px 5px;
}
nav .top .left img {
margin: 0;
}
nav .top .left .logo {
width: 205px;
height: 43px;
}
nav .top .center form {
margin-top: 57px;
margin-left: -93px;
width: auto;
}
input {
width: 376px;
}
input {
width: 376px;
}
nav .links{
background-color: #5A8C02;
border-radius: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}
body {
background-color: 000000;
background-image: url(http://cbimg9.com/layouts/08/07/29585ab.jpg);
background-repeat: repeat;
background-attachment: fixed;
background-size: 23px;
background-position: center;
}
.container {
width: 800px;
margin-bottom: 0;
}
/* go to https://codepen.io/sosuke/pen/Pjoqqp to edit from the invert(0%) to the contrast(105%). Where it says "Target color", put in the hex code of the color you want */
/* this is the spacehey logo */
nav img.logo {
}
/* this is color of all the text and links */
a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
color: white!important;
}
h1{
border-style:Double;
border-width:6px;
border-color:#F9038D;
background-attachment:fixed;
padding:5px;
background-color: black!important;
color: white!important;
}
.mood {
background-color: black;
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
padding: 3px;
margin-bottom: 10px;
margin-top: 10px;
}
main {
background-color:transparent;
color:white;
}
.comments-table {
border: none;
border-spacing: 5px;
}
.profile-pic {
padding: 15px;
}
{
border:0px;
background-image:none;
background-color:transparent;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
background-color: black;
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed; ;
}
.comments-table td {
border: 5px solid white;
}
.table-section td {
border: 0px solid white;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed; ;
}
.comment-replies {
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed; ;
}
.comments-table {
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed; ;
}
.mood {
color: #fff;
margin-top: 15px;
margin-bottom: 15px;
}
.contact {
background: #000;
}
.contact .inner a img {
filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}
.comments-table {
color: #000;
}
.general-about {
overflow: auto;
}
.profile .url-info {
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
}
.profile .contact {
border-style:Double;
border-width:6px;
border-color:#436507;
}
.profile .table-section {
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
}
.comments-table {
background-color: black;
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
}
.comments-table td {
background-color: black;
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
}
.comment-replies {
background-color: black;
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
}
h1{
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
padding:5px;
background-color: black!important;
color: white!important;
}
/* this is where you edit the search button and the Delete and Reply button */
button {
background-color: transparent!important;
border: none;
color: white;
font-weight: bold;
}
.general-about {
background-color: black;
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
padding-bottom: 20px;
background-color: black!important;
}
h1 {
text-align: center;
color: #fff;
}
:root {
--even-lighter-blue: #436507;
--lightest-blue: #101110;
--light-orange: #436507;
}
nav .links{
background-color: #436507;
border-radius: 0px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}
.profile .contact .heading,
.profile .table-section .heading{
color:#F9038D;
background-color: #436507;
border-radius: 0px;
text-align: center;
padding: .1em;
}
.profile .blurbs .heading,
.profile .friends .heading{
color: #F9038D;
background-color: #436507;
border-radius: 0px;
text-align: center;
padding: .1em;
}
.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right,#000000, #000000, #000000);
border-radius: 0px;
text-align: center;
padding: .1em;
}
footer{
background-image: linear-gradient(to bottom right, #000000, #000000, #000000);
border-radius: 0px;
font-style: italic;
color: #FFFFFF;
border-style:Double;
border-width:6px;
border-color:#436507;
background-attachment:fixed;
}
.icon{
display:none;}
main .right:before{
content: " ";
display:block;
background-image:url("http://cbimg9.com/layouts/08/07/29585ac.jpg");
height:200px;
background-repeat:no-repeat;
width: 470px;
height: 560px;
background-size: 459px;
}
input {
width: 376px;
}
input {
width: 376px;
}
.contact {
border-radius: 0px;
background: url(https://i.postimg.cc/k5FcxBrQ/133-sin-t-tulo-20240706192055.png);
background-position: center;
background-size: 105%;
background-repeat:no-repeat;
padding: 0px;
width: 100px;
height: 117px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:hover:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:hover:after {
transform: scale(2);
opacity: 1
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "add"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "im"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "msg"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "group"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "fav"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "forward"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "block"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "report"
}
.f-col a {
color: #ffffff;
font-weight: normal;
width: 93% !important;
padding-right: 17px !important;
padding-bottom: 10px !important;
font-size: 0pt;
text-align: center;
display: block;
}
I did the best I could xD
Comments
Displaying 0 of 0 comments ( View all | Add Comment )