gingko space theme css

css-card.html

<style>
body {
background: url(http://www.startextures.com/starnetblog/wp-content/uploads/2010/09/starnetblog_cloudy_starfield_texture8.jpg);
}
.cards {
background: rgba(0,0,0,.7);
color: #fff;
}
.columns .column .cards {
border :0;
}
.columns .blank {
background: rgba(255,255,255,0.2);
}
.cards.cards-active, 
.cards.cards-child {
background: #fff;
color: #000;
}
.card.card-active {
border-left: 5px solid #8cc63f;
}
.card.editing {
color: #000;
}
#c1 .cards.cards-active {
background: rgba(0,0,0,.7);
color: #fff;
}
h3 {
font-weight: bold;
}

h1 em, h2 em, h3 em {
color: #2DCA2F;
}

.content-wrapper:before,
.content-wrapper:after {
display: block;
width: 100%;
background: rgba(0,0,0,.7);
content: "Column";
font-size: 32px;
padding: 10px;
box-sizing: border-box;
text-align: center;
line-height: 80px;
position: relative;
top: 0;
color: #fff;
font-weight: bold;
}

#c1 .content-wrapper:before,
#c1 .content-wrapper:after {
content: "Periods";
}
#c2 .content-wrapper:before,
#c2 .content-wrapper:after {
content: "Events";
}
#c3 .content-wrapper:before,
#c3 .content-wrapper:after {
content: "Scenes";
}
#c4 .content-wrapper:before,
#c4 .content-wrapper:after {
display: none;
}
</style>