Changed look, switched jQueryUI theme, removed old jQueryUI images, fixed bugs in date entry

Author: unknown

app/assets/images/actor.png

@@ -2,5 +2,4 @@
 # All this logic will automatically be available in application.js.
 # You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
 jQuery ->
-  $("input[type=submit], a, button").button()
-  $(".date").datepicker()
+  $("input[type=submit], button").button()

app/assets/images/dvd.png

@@ -3,6 +3,7 @@
 # You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
 
 jQuery ->
+  $(".date").datepicker({dateFormat: "yy-mm-dd", defaultValue: $(this).val()})
   logActor = (name, val) ->
     #console.log(name)
     $("#actor-list").append($("<li>").text(name).attr("data-id", val).append($("<p class=\"delete-actor\">").button(

app/assets/images/genre.png

@@ -1,3 +1,193 @@
 // Place all the styles related to the home controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+
+$mainblue: #00bff3;
+$lightgrey: #a0a0a0;
+$backblue: #e5f1f6;
+
+
+$darkblue: #409bbf;
+$lightblue: #6ab9cd;
+
+
+body {
+  background: $backblue;
+  margin: 0;
+  p, ul, li, td {
+    font-family: "Myriad Pro", arial, sans-serif;
+    font-size: 14px;
+  }
+}
+a {
+  color: $lightblue;
+  text-decoration: none;
+  border-bottom: 1px solid $lightblue;
+}
+hgroup{
+  width: 100%;
+  background: white;
+  height: 4.5em;
+  h1 {
+    font-family: "Adobe Jenson Pro", Constantia, "Times New Roman", serif;
+    font-variant: small-caps;
+    font-weight: normal;
+    display: inline-block;
+    margin: 0.7em;
+    font-size: 30px;
+  }
+  a {
+    border: none;
+  }
+  nav {
+    display: inline-block;
+    height: 100%;
+  }
+  nav a {
+    display: inline-block;
+    border-bottom: 2px solid $mainblue;
+    margin-left: 0.7em;
+    font-size: 1.5em;
+    text-decoration: none;
+    font-family: Candara, Arial, sans-serif;
+    font-variant: small-caps;
+    height: 64%;
+    &:hover {
+      color: white;
+      background: $mainblue;
+    }
+  }
+}
+
+section h1 {
+    font-family: "Adobe Jenson Pro", Constantia, "Times New Roman", serif;
+    font-variant: small-caps;
+    font-weight: normal;
+    font-size: 24px;
+    padding-left: 2em;
+    border-bottom: 2px solid $mainblue;
+    -moz-border-bottom-colors: white, $mainblue, $mainblue, $mainblue, white;
+    -webkit-border-image: -webkit-gradient(linear, left bottom, right bottom, from(#fff), to(#fff), color-stop(0.1, $mainblue), color-stop(0.9, $mainblue)) 0 0 1000 0 stretch;
+}
+#center-content {
+  width: 50%;
+  margin: 20% auto;
+  background: white;
+  border-radius: 20px;
+  padding: 10px;
+  input[name=db-search] {
+    margin-left: 8%;
+    width: 70%;
+    margin-right: 1%;
+    font-size: 16px;
+    font-family: "Myriad Pro", Arial, sans-serif;
+    border: 1px solid $lightgrey;
+    margin-bottom: 9%;
+  }
+  button {
+    margin-left: 0;
+    width: 13%;
+  }
+}
+p.info {
+  font-style: italic;
+  color: $lightgrey;
+  margin-bottom: 5px;
+  margin-top: 5px;
+  a {
+    font-style: normal;
+  }
+}
+
+@mixin tagbutton {
+  font-family: Candara, Arial, sans-serif;
+  color: white;
+  background: $mainblue;
+  padding: 0.2em 0.7em;
+  border-radius: 5px;
+  font-size: 16px;
+  text-decoration: none;
+  font-variant: small-caps;
+  margin: 2px;
+}
+
+#content {
+  width: 80%;
+  margin: 20px auto;
+  background: white;
+  border-radius: 20px;
+  padding: 10px;
+  div.optionsarea {
+    width: 10%;
+    display: table-cell;
+    a {
+      @include tagbutton();
+      display: inline-block;
+    }
+  }
+  div.mainarea {
+    width: 89.4%;
+    display: table-cell;
+    article {
+      font-family: Candara, Arial, sans-serif;
+      padding-left: 64px;
+      margin-top: 20px;
+      padding-bottom: 5px;
+      h2 {
+        font-family: "Adobe Jenson Pro", Constantia, "Times New Roman", serif;
+        font-size: 24px;
+        font-weight: normal;
+        display: inline-block;
+        margin-bottom: 4px;
+        margin-top: 25px;
+      }
+      p {
+        margin-top: 2px;
+        color: $lightgrey;
+        font-style: italic;
+      }
+      span.lastwatched {
+        color: black;
+        font-style: normal;
+      }
+      a.genre {
+        @include tagbutton();
+      }
+      div {
+        margin-top: 5px;
+      }
+      .btn-edit, .btn-delete {
+        display: none;
+        border: none;
+      }
+      &:hover .btn-edit, &:hover .btn-delete {
+        display: inline-block;
+      }
+    }
+    article.dvd {
+      background: url("dvd.png") no-repeat;
+    }
+    article.video {
+      background: url("video.png") no-repeat;
+    }
+    article.person {
+      background: url("actor.png") no-repeat;
+    }
+    article.genre {
+      background: url("genre.png") no-repeat;
+    }
+    input[name=db-search] {
+      margin-left: 8%;
+      width: 70%;
+      margin-right: 1%;
+      font-size: 16px;
+      font-family: "Myriad Pro", Arial, sans-serif;
+      border: 1px solid $lightgrey;
+      margin-bottom: 10px;
+    }
+    button {
+      margin-left: 0;
+      width: 13%;
+    }
+  }
+}