Franz Ferdinand - Album 2 Theme

Tags: franz ferdinand, you could have it so much better, 2005, post-punk, indie rock, post-punk revival, alternative rock

Description:

A layout based on Franz Ferdinand's second album, "You Could Have It So Much Better". I wanted to keep this private but where's the fun in that? So I decided to share it!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by SoniKast™ (https://layouts.spacehey.com/layout?id=25133) -->

<style>
/* font */
p, .count {
  color: black;
	font: 11px Arial, Helvetica, sans-serif;
  text-transform: lowercase;
}
.count, .details-table td *{
    font-weight: bold;
}
/* wallpaper */
body {
    background-color: #000000; 
}
main {
    background-color: #d3df97;
}
nav .links{
    background-color: #be001a;
}
nav .links a, nav .links a:hover, nav .links a:visited{
    color: #d3df97;
}
/* Profile name color */
.profile h1 {
    color: black;
}

a {
    color: black;
	font-weight: bold;
}

a:visited {
	color: white;
}

a:hover {
    color: white;
}

/* Header colors */
.profile .blurbs .heading, .profile .contact .heading, 
.profile .table-section .heading, .profile .friends .heading,
 DIV.blog-preview > H4{
    color: #d3df97;
    background-color: #be001a;
    padding: 4px;
}

.profile .blurbs .section h4{
    color: black;
}

.profile .url-info p{
    background-color: #be001a;
    color: #d3df97;
    padding: 4px;
    font-weight: bold;
}

/* Friend username color */
.profile .friends .person p {
    color: black;
}
.profile .contact, .profile .table-section, .profile .url-info{
    border: 0px;
}
/* Image border */
.profile .friends .person img:not(.icon), .general-about .profile-pic img, .comments-table img {
    border: 2px solid black;
}

/* That box on the bottom, dunno what it's called */
footer {
    background-color: #be001a;
    font-weight: bold;
}

footer p{
    color: #d3df97;
}
footer a, footer a:hover, footer a:visited{
    color: #d3df97;
}
/* The spacehey banner */
nav .top
{
    background-color: black;
    color: white;
}
nav .links a
{
    color: white;   
}
nav .links a:hover
{
    color: white;   
}
DIV.url-info > P:nth-child(1) > B
{
    color: black;
}

:root {
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: ;
    --even-lighter-orange: ;
}

.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 {
content: ;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
content: ;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
content: ;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: ;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: ;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: ;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
content: ;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
content: ; 
}  
</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.