1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-22 23:02:42 +01:00

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
This commit is contained in:
Chad Little 2012-12-08 17:00:02 -08:00
parent 6b1e362e02
commit ee48330579
2 changed files with 28 additions and 23 deletions

View file

@ -571,7 +571,7 @@ celerity_register_resource_map(array(
), ),
'aphront-calendar-view-css' => 'aphront-calendar-view-css' =>
array( array(
'uri' => '/res/31e92d4d/rsrc/css/aphront/calendar-view.css', 'uri' => '/res/221d584d/rsrc/css/aphront/calendar-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(

View file

@ -3,33 +3,41 @@
*/ */
.aphront-calendar-view { .aphront-calendar-view {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
background: #fdfdfd; background: #fff;
border: 2px solid #003366; border: 2px solid #4f3612;
box-shadow: 0px 2px 6px #ccc;
} }
tr.aphront-calendar-month-year-header th { tr.aphront-calendar-month-year-header th {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 14px; font-size: 20px;
padding: .5em; padding: 10px;
color: white; color: white;
background: #003366; background: #4f3612;
height: 26px;
} }
tr.aphront-calendar-month-year-header th a { tr.aphront-calendar-month-year-header th a {
color: white; color: white;
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
display: block;
}
tr.aphront-calendar-month-year-header th a:hover {
color: #feffd0;
} }
tr.aphront-calendar-day-of-week-header th { tr.aphront-calendar-day-of-week-header th {
text-align: center; text-align: center;
font-size: 11px; font-size: 11px;
padding: .25em; padding: 3px;
color: white; color: white;
background: #3366BB; background: #896c45;
} }
table.aphront-calendar-view td { table.aphront-calendar-view td {
@ -38,7 +46,7 @@ table.aphront-calendar-view td {
} }
table.aphront-calendar-view td div.aphront-calendar-day { table.aphront-calendar-view td div.aphront-calendar-day {
min-height: 110px; min-height: 125px;
} }
.aphront-calendar-holiday { .aphront-calendar-holiday {
@ -49,9 +57,9 @@ table.aphront-calendar-view td div.aphront-calendar-day {
} }
.aphront-calendar-date-number { .aphront-calendar-date-number {
font-weight: bold; font-weight: normal;
color: #666666; color: #999;
padding: .5em; padding: 4px;
border-color: #dfdfdf; border-color: #dfdfdf;
border-style: solid; border-style: solid;
border-width: 0 0 1px 1px; border-width: 0 0 1px 1px;
@ -73,23 +81,20 @@ table.aphront-calendar-view td div.aphront-calendar-day {
.aphront-calendar-event { .aphront-calendar-event {
clear: both; clear: both;
border-style: solid;
border-width: 1px;
border-color: #6666ff;
background: #ddddff; background: #006799;
font-size: 11px; font-size: 11px;
margin: 2px 0; margin: 2px 0;
border-radius: 10px;
border-radius: 8px;
-moz-border-radius: 8px;
padding: 3px 5%; padding: 3px 5%;
color: #222266;
width: 90%; width: 90%;
overflow: hidden; overflow: hidden;
} }
.aphront-calendar-event a {
color: #fff;
}
.aphront-calendar-event-empty { .aphront-calendar-event-empty {
border-color: transparent; border-color: transparent;
background: transparent; background: transparent;