Program and Cfp theme

app/assets/stylesheets/splash.css.scss

@@ -5,7 +5,7 @@
 body {
   background-color: #f2f2f2;
   font-family: 'Lato';
-  font-weight: 300;
+  font-weight: 350;
   font-size: 16px;
   color: #555;
 
@@ -89,3 +89,23 @@ a:after {
     font-weight: 500;
   }
 }
+
+#program{
+  .tracks:hover{
+    background-color: white;
+  }
+}
+
+#callforpapers{
+  .timer-box{
+    width: 130px;
+    margin: 35px 24px 0 0;
+    border-radius: 50%;
+    border:4px solid #989797;
+  }
+  #cfp-date{
+    font-size: 40px;
+    font-family: 'Coustard', serif;
+    color: #ff6633;
+  }
+}

app/views/conference/_call_for_papers.html.haml

@@ -11,24 +11,25 @@
         %p
           = @conference.call_for_papers.description
       - if !@conference.call_for_papers.start_date.blank? && !@conference.call_for_papers.end_date.blank?
-        %p Proposals will be accepted between
+        %p.lead Proposals will be accepted between
-        #{ date_string(@conference.call_for_papers.start_date, @conference.call_for_papers.end_date) }
+        #cfp-date
+          = date_string(@conference.call_for_papers.start_date, @conference.call_for_papers.end_date)
     - if @conference.cfp_open?
       - if @conference.call_for_papers.end_date.to_time < Time.now
         %p Today is the last day. Hurry Up!
       - else
         .row
           .col-md-8.col-md-offset-3
-            %div.col-md-2
+            %div.col-md-2.timer-box
               %h2#days
               %p Days
-            %div.col-md-2
+            %div.col-md-2.timer-box
               %h2#hours
               %p Hours
-            %div.col-md-2
+            %div.col-md-2.timer-box
               %h2#minutes
               %p Minutes
-            %div.col-md-2
+            %div.col-md-2.timer-box
               %h2#seconds
               %p Seconds
       .row

app/views/conference/_tracks.html.haml

@@ -2,7 +2,7 @@
   %div.col-md-12
     %h2 Tracks
     - @conference.tracks.each do |t|
-      %div{ class: (@conference.tracks.count.to_i <= 2 ? "col-md-#{12/@conference.tracks.count.to_i}" : "col-md-4") }
+      %div.tracks{ class: (@conference.tracks.count.to_i <= 2 ? "col-md-#{12/@conference.tracks.count.to_i}" : "col-md-4") }
         %h4
           = t.name
         %p