1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-14 02:42:40 +01:00
phorge-phorge/webroot/rsrc/css/aphront/calendar-view.css
epriestley e35d72f489 Build a basic calendar view
Summary:
This is a very small step toward building a Status and possibly an Oncall tool.
Build a calendar view which renders months.

Much of my hesitance to bang these tools out is that dealing with
dates/calendaring is basically horrible, so I'm trying to ease into it.

This calendar is locale-aware and all that jazz.

Test Plan:
  - See:
https://secure.phabricator.com/file/view/PHID-FILE-c07a9c663a7d040d2529/
  - Verified that months have the right number of days, today is the right day
of the week, months begin on the day after previous months end on, etc.

Reviewed By: aran
Reviewers: jungejason, tuomaspelkonen, aran
Commenters: cwbeck, jungejason
CC: blair, aran, epriestley, cwbeck, jungejason
Differential Revision: 791
2011-08-08 10:34:06 -07:00

41 lines
725 B
CSS

/**
* @provides aphront-calendar-view-css
*/
.aphront-calendar-view {
width: 100%;
border-collapse: collapse;
background: #fdfdfd;
border: 2px solid #003366;
}
tr.aphront-calendar-month-year-header th {
text-align: center;
font-weight: bold;
font-size: 14px;
padding: .5em;
color: white;
background: #003366;
}
tr.aphront-calendar-day-of-week-header th {
text-align: center;
font-size: 11px;
padding: .25em;
color: white;
background: #3366BB;
}
table.aphront-calendar-view td {
border: 1px solid #dfdfdf;
padding: .5em;
}
table.aphront-calendar-view td div {
min-height: 70px;
}
.aphront-calendar-day-of-month {
text-align: right;
color: #666666;
}