I bet you guys thought I would never finish this. Well don't you look silly now.
Here's what it looks like with the background in. It tiles it right now but that can easily be changed to whatever you guys think looks the best.
I think it looks good considering the size of the arts I had to work with (at least they were all amazing)
Here's the css edited with transparent thingies in case the mods are feeling lazy:
/*
Theme Name: No Goblins Allowed
Theme URI:
http://www.nogoblinsallowed.com Description: A custom theme for the NGA front page
Author: Welder
Author URI:
http://www.nogoblinsallowed.com Template: customizr
Version: 0.1.0
*/
body {
background-image: url(http://img.photobucket.com/albums/v315/hactivist13/Possible%20Background%201.jpg);
}
div.boxed-content {
background-color: #ccc;
border: 1px solid black;
padding: 10px;
color: black;
}
div.boxed-content .entry-content a {
color: #8D1919;
text-decoration: underline;
}
#left.widget-area {
background-color: #ccc;
border: 1px solid black;
line-height: 16px;
font-size: 1.1em;
}
#left.widget-area li {
list-style: initial;
line-height: 16px;
border-bottom: none;
margin:4px 0;
}
#left.widget-area li::after {
border-bottom: none;
}
#left.widget-area::after {
border-right: none;
}
#left.widget-area .widget-title {
padding: 8px;
line-height: 0;
}
.section-title > div > a {
color: white;
}
.section-content a.carousel-control {
color: #aaa;
}
.widget_link_list {
font-size: 0.8em;
}
.widget_link_list h3 {
font-size: 18px;
line-height: 24px;
}
a.autocard, a.nga-autocard {
text-decoration: underline;
}
div.section-head {
min-height: 200px !important;
height: 100%;
margin: 15px 0;
border: 1px solid black;
background-color: rgba(255, 255, 255, 0.75);
color: black;
}
.section-head a {
color: black;
}
.section-title {
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
background-image: url(http://img.photobucket.com/albums/v315/hactivist13/redmetal.png);
color: white;
font-weight: bold;
font-variant: small-caps;
}
.tc-header .brand h1 .site-title {
font-size: 0.6em;
}
.section-title > div {
padding: 5px;
}
.section-content {
padding: 7px 10px;
}
.tc-hover-menu-wrapper,#menu-main-2 {
width: 100%;
}
/*
#menu-main-2 > li:nth-last-child(-n+2) {
float:right;
}
*/
#menu-main-2 > li {
float: right;
}
#feature-carousel .item {
min-height: 240px;
line-height: 20px;
}
.carousel-indicators li {
background-color: grey;
}
.carousel-indicators li.active {
background-color: black;
}
.carousel-control {
bottom: 55px;
top: auto;
width: 20px;
height: 20px;
font-size: 30px;
line-height: 15px;
}
.inline-card {
color: black;
font-size: 0.9em;
}
.inline-card .curved-box p {
margin-bottom: 0;
}
.feature-story {
padding-left: 0 !important;
height:240px;
}
.card-showcase {
padding-left: 0 !important;
height: auto;
}
.card-showcase .section-content {
/* min-height: 351px; */
}
.card-render {
margin-left: auto;
margin-right: auto;
display: block;
}
.card-showcase .nga-card {
margin: 0 auto;
}
.card-showcase .inline-card {
margin-bottom:15px;
}
.navbar .nav>li>a {
padding: 5px 10px !important;
}
.inline-card .card-image {
min-height: 120px;
}
I couldn't figure out how to put in the logos and stuff so that may have just been in another part of the code firefox didn't download or something.
Also I meant to post this in the front page thread.