From ee48330579522b5562046a80f393196a0ae19413 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Sat, 8 Dec 2012 17:00:02 -0800
Subject: [PATCH] Minor Calendar color tweaks.

Summary: This updates spacing and colors on the calendar page.

Test Plan: View calendar, make an event, view it again.

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4130
---
 src/__celerity_resource_map__.php          |  2 +-
 webroot/rsrc/css/aphront/calendar-view.css | 49 ++++++++++++----------
 2 files changed, 28 insertions(+), 23 deletions(-)

diff --git a/src/__celerity_resource_map__.php b/src/__celerity_resource_map__.php
index 7b9378d88b..19fc1673e0 100644
--- a/src/__celerity_resource_map__.php
+++ b/src/__celerity_resource_map__.php
@@ -571,7 +571,7 @@ celerity_register_resource_map(array(
   ),
   'aphront-calendar-view-css' =>
   array(
-    'uri' => '/res/31e92d4d/rsrc/css/aphront/calendar-view.css',
+    'uri' => '/res/221d584d/rsrc/css/aphront/calendar-view.css',
     'type' => 'css',
     'requires' =>
     array(
diff --git a/webroot/rsrc/css/aphront/calendar-view.css b/webroot/rsrc/css/aphront/calendar-view.css
index 89518673b7..7912ff9b20 100644
--- a/webroot/rsrc/css/aphront/calendar-view.css
+++ b/webroot/rsrc/css/aphront/calendar-view.css
@@ -3,33 +3,41 @@
  */
 
 .aphront-calendar-view {
-  width:            100%;
-  border-collapse:  collapse;
-  background:       #fdfdfd;
-  border:           2px solid #003366;
+  width: 100%;
+  border-collapse: collapse;
+  background: #fff;
+  border: 2px solid #4f3612;
+  box-shadow: 0px 2px 6px #ccc;
 }
 
 tr.aphront-calendar-month-year-header th {
   text-align: center;
   font-weight: bold;
-  font-size: 14px;
-  padding: .5em;
+  font-size: 20px;
+  padding: 10px;
   color: white;
-  background: #003366;
+  background: #4f3612;
+  height: 26px;
+
 }
 
 tr.aphront-calendar-month-year-header th a {
   color: white;
   font-weight: bold;
   text-decoration: none;
+  display: block;
+}
+
+tr.aphront-calendar-month-year-header th a:hover {
+  color: #feffd0;
 }
 
 tr.aphront-calendar-day-of-week-header th {
   text-align: center;
   font-size: 11px;
-  padding: .25em;
+  padding: 3px;
   color: white;
-  background: #3366BB;
+  background: #896c45;
 }
 
 table.aphront-calendar-view td {
@@ -38,7 +46,7 @@ table.aphront-calendar-view td {
 }
 
 table.aphront-calendar-view td div.aphront-calendar-day {
-  min-height: 110px;
+  min-height: 125px;
 }
 
 .aphront-calendar-holiday {
@@ -49,9 +57,9 @@ table.aphront-calendar-view td div.aphront-calendar-day {
 }
 
 .aphront-calendar-date-number {
-  font-weight: bold;
-  color: #666666;
-  padding: .5em;
+  font-weight: normal;
+  color: #999;
+  padding: 4px;
   border-color: #dfdfdf;
   border-style: solid;
   border-width: 0 0 1px 1px;
@@ -73,23 +81,20 @@ table.aphront-calendar-view td div.aphront-calendar-day {
 
 .aphront-calendar-event {
   clear: both;
-  border-style: solid;
-  border-width: 1px;
-  border-color: #6666ff;
 
-  background: #ddddff;
+  background: #006799;
   font-size: 11px;
   margin: 2px 0;
-
-  border-radius: 8px;
-  -moz-border-radius: 8px;
+  border-radius: 10px;
   padding: 3px 5%;
-  color: #222266;
-
   width: 90%;
   overflow: hidden;
 }
 
+.aphront-calendar-event a {
+  color: #fff;
+}
+
 .aphront-calendar-event-empty {
   border-color: transparent;
   background: transparent;