Layout CSS
<style>
/* ==========================================
COLOR PALETTE REFERENCE: COLORS GO HERE!!
Grey base: #080808 | White text: #fff
black: 000000 #|
Vibrant Blue: #00B4D8 | Soft Lavender: #E0AAFF
Teal Green: #06D6A0
========================================== */
body {
background-image: url("https://i.pinimg.com/1200x/73/b2/c2/73b2c29743c9ff0bb1e773b0655e7593.jpg");
background-position: center center;
background-size: cover;
background-attachment: fixed;
font-family: Georgia, serif;
color: #000000;
}
/* MAIN TEXT - KINDA BUGGY */
main,
main p,
main span,
main div,
main td,
main li {
color: #fff;
}
/* BOLD TEXT IN COMMENTS */
.inner b {
color: #FFf;
}
/* NAV */
nav .top {
background-color: #000000;
}
nav .links {
background-color: #FFF;
text-align: center;
border-radius: 4px 4px 0 0;
background-position: center;
background-repeat: no-repeat;
}
nav .links a {
color: #fff;
}
/* HEADER */
.myspace-header .top-nav,
.myspace-header .main-nav-wrapper {
background: #000000 url("https://i.pinimg.com/1200x/73/b2/c2/73b2c29743c9ff0bb1e773b0655e7593.jpg") repeat center;
}
.myspace-header .main-nav li a {
color: #000000;
}
.myspace-header .main-nav li a:hover {
color: #fff;
}
/* BUTTONS */
button {
color: #000000;
background-color: #000000;
border: 1px solid #fff;
}
/* COMMENT BUTTONS */
.comments button,
.comment-form button,
input[type="submit"] {
background-color: #000000 !important;
color: #fff !important;
border: 1px solid #080808 !important;
}
/* HOVER EFFECT - NO IDEA WHAT THIS DOES */
.comments button:hover,
.comment-form button:hover,
input[type="submit"]:hover {
background-color: #fff !important;
color: #fff !important;
border-color: #080808 !important;
}
/* COMMENT COUNT */
.count {
color: #fff;
}
/* LINKS */
a {
color: #000000;
text-decoration: none;
}
a:hover {
color: #fff;
text-decoration: underline;
}
/* FOOTER AT THE BOTTOM */
footer {
background-color: #000000;
}
footer p {
color: #fff;
}
footer .links {
color: #080808;
}
/* TABLES - NO IDEA WAHT THIS DOES */
.comments-table td:first-child,
.comments-table td,
.comment-replies,
.details-table td:first-child,
.details-table td {
background: #000000;
color: #080808;
}
/* EDIT INFO AT THE TOP (?) */
.edit-info {
background-color: #000000;
border: 1px solid #080808;
}
/* BLOG */
.blog-entry .title {
background-color: #000000;
color: #080808;
padding: 5px;
}
.blog-entry .content {
background-color: #000000;
padding: 10px;
}
/* MAIN LAYOUT */
main {
background-color: #000000;
}
main .left {
background-image: url("https://i.pinimg.com/1200x/73/b2/c2/73b2c29743c9ff0bb1e773b0655e7593.jpg");
background-size: cover;
}
main .right {
padding: 1px;
background-color: #000000;
}
/* LEFT ICONS */
p.links a:first-child .icon {
content: url("http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/thx1pjzF2-RYhxRWtSbRE9koX_bd4xl_aF-.gif");
width: 25px;
height: auto;
visibility: visible;
}
p.links a:nth-child(2) .icon {
content: url("http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/o0020002010342742957.gif");
width: 25px;
height: auto;
visibility: visible;
}
p.links a:last-child .icon,
table.comments-table td .icon {
content: url("http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/nameicon_84242.gif");
width: 25px;
height: auto;
visibility: visible;
}
</style>
Comments (0)
No comments yet. Be the first!
Log in to leave a comment.