Added forum styling

Improvements to sizing/spacing

app/assets/stylesheets/components/_gather.scss

@@ -118,9 +118,8 @@
     @include pad;
     border-radius: $column-border-width + $column-border-radius;
     padding-bottom: 20px;
-    background: lighten($light-gray, 5%);
     padding: 20px;
-    border: $column-border-width solid white;
+    position: relative;
 
     h4 {
       padding-bottom: 20px;

app/assets/stylesheets/layout/_body.scss

@@ -36,6 +36,11 @@ body#tinymce {
   margin-top: -35px;
   padding: 10px $container-padding $container-padding $container-padding;
   background: image-url('layout/body-background.png') top center repeat-y;
+
+  &.full {
+    padding-top: 20px;
+    background-image: image-url('layout/body-background-full.png');
+  }
 }
 
 #forums {

app/assets/stylesheets/layout/_header.scss

@@ -24,7 +24,9 @@ header .banner {
     padding: 30px 0;
     padding-top: 50px;
     color: white;
-    line-height: 16px;
+    
+    font-family: $header-font-family;
+    text-transform: uppercase;
 
     .fields {
       input[type=text],
@@ -39,6 +41,8 @@ header .banner {
     }
 
     a {
+      font-size: 12px;
+      line-height: 14px;
       color: #497588;
     }
 
@@ -85,6 +89,7 @@ header .banner {
 
       li {
         text-align: right;
+        height: 18px;
       }
 
       li i {

app/assets/stylesheets/layout/_sidebar.scss

@@ -55,6 +55,7 @@
     input[type=text] {
       background: #0e1010;
       border: 1px solid #494949;
+      color: white;
     }
 
     .controls {

app/assets/stylesheets/pages/_forums.scss

@@ -27,12 +27,9 @@
 
 div#categories {
 
-  h3 {
-    margin: 0.75em 0;
-
-    &:first-child {
-      margin-top: 0;
-    }
+  .category {
+    @include clearfix;
+    margin: 20px 0;
   }
 
   /*
@@ -45,25 +42,34 @@ div#categories {
     background: white;
     padding: 20px;
     box-shadow: $light-shadow;
-    border-radius: $base-border-radius;
+    border-radius: 10px;
     border: 0;
 
     thead th {
-      @include linear-gradient($blue, $dark-blue);
+      @include linear-gradient(#15181b, #0d1011);
       padding-top: 0.75em;
       padding-bottom: 0.75em;
       font-family: $header-font-family;
       font-size: 16px;
       color: white;
+      border-bottom: 0;
 
       &:first-child {
-        border-radius: $base-border-radius 0 0 0;
+        border-radius: 10px 0 0 10px;
       }
 
       &:last-child {
-        border-radius: 0 $base-border-radius 0 0;
+        border-radius: 0 10px 10px 0;
       }
     }
+
+    th.category {
+      font-family: 'Impact';
+      color: #36b1ff;
+      font-size: 24px;
+      padding-left: 20px;
+      text-transform: uppercase;
+    }
   }
 
   .bullet {
@@ -118,7 +124,7 @@ div#categories {
   }
 
   thead th {
-    @include linear-gradient($blue, $dark-blue);
+    @include linear-gradient(#15181b, #0d1011);
     padding-top: 0.75em;
     padding-bottom: 0.75em;
     font-family: $header-font-family;

app/assets/stylesheets/pages/_teams.scss

@@ -10,7 +10,7 @@
   }
   
   .country {
-    width: 5%;
+    width: 7%;
   }
 
   .name {
@@ -71,7 +71,10 @@
 #members {
   table-layout: auto;
 
-  .country,
+  .country {
+    width: 7%;
+  }
+
   .age {
     width: 5%;
   }
@@ -93,7 +96,7 @@
   }
 
   .joined {
-    width: 10%;
+    width: 15%;
   }
 
   .joined {

app/assets/stylesheets/pages/_users.scss

@@ -5,7 +5,10 @@
 #users {
   table-layout: auto;
 
-  .country,
+  .country {
+    width: 7%;
+  }
+
   .age {
     width: 5%;
   }

app/views/forums/index.html.erb

@@ -5,13 +5,11 @@
     <% forums = cuser ? cat.forums.available_to(cuser, Forumer::ACCESS_READ).ordered : cat.forums.public.ordered %>
     <% next if forums.length == 0 %>
 
-    <h3><%=h cat.name %></h3>
     <div class="category">
       <table class="category striped">
         <thead>
           <tr>
-            <th></th>
-            <th class="forums">Forums</th>
+            <th colspan="2" class="category"><%=h cat.name %></th>
             <th class="actions"></th>
             <th class="topics">Topics</th>
             <th class="posts">Posts</th>

app/views/gathers/_picking.html.erb

@@ -1,15 +1,21 @@
 <div class="gather-columns">
   <div class="data players">
+    <div class="contents">
       <%= render partial: "gatherers/list", locals: { team: nil } %>  
     </div>
-
-  <div class="data players">
-    <%= render partial: "gatherers/list", locals: { team: 1 } %>
   </div>
 
   <div class="data players">
+    <div class="contents">
+      <%= render partial: "gatherers/list", locals: { team: 1 } %>  
+    </div>
+  </div>
+
+  <div class="data players">
+    <div class="contents">
       <%= render partial: "gatherers/list", locals: { team: 2 } %>  
     </div>
+  </div>
 </div>
 
 <%= render partial: "status" %>

app/views/gathers/_running.html.erb

@@ -1,5 +1,6 @@
 <div class="gather-columns">
   <div class="data players">
+    <div class="contents">
       <h4>Signed Up</h4>
 
 
@@ -17,6 +18,7 @@
         <% end %>
       </ul>  
     </div>
+  </div>
 
   <%= render partial: 'votes' %>
 </div>

app/views/gathers/_votes.html.erb

@@ -1,6 +1,7 @@
 <% vote_maps, vote_servers = false %>
 
 <div class="data servers">
+  <div class="contents">
     <h4>Server Votes</h4>
 
     <ul class="votes">
@@ -25,9 +26,11 @@
       <p>Click to vote</p>
       <p><%= link_to "More servers", { controller: :servers }, { class: 'button tiny' } %></p>
     <% end %>
+  </div>
 </div>
 
 <div class="data">
+  <div class="contents">
     <h4>Map Votes</h4>
 
     <ul class="votes">
@@ -50,4 +53,5 @@
     <% if vote_maps %>
       <p>Click to vote</p>
     <% end %>
+  </div>
 </div>

app/views/gathers/_voting.html.erb

@@ -1,5 +1,6 @@
 <div class="gather-columns">
   <div class="data">
+    <div class="contents">
       <h4>Vote Captains</h4>
 
       <table id="gatherers">
@@ -25,6 +26,7 @@
         <p>Click to vote for captain.</p>
       <% end %>
     </div>
+  </div>
 
   <%= render partial: 'votes' %>
 </div>