svv: static/cal.css@de6abcbd3c03 (annotated)

37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	1	/* The calendar uses up all available horizontal width */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	2	table.calendar
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	3	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	4	width: 100%;
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	5
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	6	table-layout: fixed;
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	7	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	8
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	9	/* Each column in the table is exactly the same width */
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	10	table.calendar th
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	11	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	12	width: 14%;
47 d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	13
d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	14	border: thin solid #ffffff;
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	15	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	16
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	17	/* The prev-month link is on the left edge */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	18	table.calendar a.prev-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	19	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	20	float: left;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	21	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	22
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	23	/* The next-month link is on the right edge */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	24	table.calendar a.next-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	25	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	26	float: right;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	27	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	28
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	29	/* The weekdays-in-week header is fixed-height */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	30	table.calendar thead tr
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	31	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	32	height: 1em;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	33	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	34
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	35	/* A day's header is a fixed height cell */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	36	table.calendar tbody tr.week-header
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	37	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	38	height: 1em;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	39	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	40
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	41	/* The day number is visible inside the header */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	42	table.calendar tbody tr.week-header th
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	43	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	44	padding-left: 0.5em;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	45
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	46	text-align: left;
43 fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	47
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	48	font-weight: normal;
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	49	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	50
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	51	/* The numbers of days that are a part of the current month are clearly visible */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	52	table.calendar tbody th.in-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	53	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	54	background-color: #eeeeee;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	55	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	56
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	57	/* The numbers of days that are outside the current month are less noticable */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	58	table.calendar tbody th.out-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	59	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	60	background-color: #ffffff;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	61
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	62	color: #888888;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	63	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	64
43 fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	65	/* The current day is emphasized */
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	66	table.calendar tbody tr.week-header th.today
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	67	{
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	68	background-color: #cccccc;
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	69
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	70	font-weight: bold;
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	71	}
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	72
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	73	/* Each row of day-event-data for a week is fixed height */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	74	table.calendar tbody tr.week-data
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	75	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	76	height: 1em;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	77	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	78
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	79	/* The event cell is filled up by the <a> */
47 d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	80	table.calendar td
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	81	{
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	82	padding: 0px;
47 d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	83
d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	84	/* Vertical borders between cells */
d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	85	border: 1px solid #d8d8d8;
d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	86
d79a560af791 cal: revert to separate <td> for correct cell borders Tero Marttila <terom@fixme.fi> parents: 46 diff changeset	87	border-style: none solid;
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	88	}
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	89
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	90	/* Each event is visible as its own block */
40 30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	91	table.calendar td.event a
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	92	{
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	93	display: block;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	94
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	95	overflow: hidden;
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	96	white-space: nowrap;
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	97
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	98	background-color: #A6C6E3;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	99
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	100	padding: 4px;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	101
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	102	/* Rounded corner for cosmetic effect */
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	103	border-radius: 4px;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	104	-moz-border-radius: 6px;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	105
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	106	text-align: center;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	107	}
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	108
40 30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	109	/* An event that also continues on the following week has a straight right border */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	110	table.calendar td.continues-next a
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	111	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	112	border-top-right-radius: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	113	border-bottom-right-radius: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	114
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	115	-moz-border-radius-topright: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	116	-moz-border-radius-bottomright: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	117	}
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	118
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	119	/* An event that also continues on the previous week has a straight left border */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	120	table.calendar td.continues-prev a
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	121	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	122	border-top-left-radius: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	123	border-bottom-left-radius: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	124
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	125	-moz-border-radius-topleft: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	126	-moz-border-radius-bottomleft: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	127	}
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	128
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	129	/* Fake arrow using borders */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	130	table.calendar div.arrow-right,
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	131	table.calendar div.arrow-left
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	132	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	133	display: inline;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	134
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	135	font-size: 0px; line-height: 0%; width: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	136
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	137	border-top: 6px solid #A6C6E3; /* Background */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	138	border-bottom: 6px solid #A6C6E3; /* Background */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	139	}
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	140
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	141	table.calendar div.arrow-right
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	142	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	143	float: right;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	144
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	145	border-left: 6px solid #ffffff; /* Arrow color */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	146	}
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	147
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	148	table.calendar div.arrow-left
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	149	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	150	float: left;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	151
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	152	border-right: 6px solid #ffffff; /* Arrow color */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	153	}
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	154

author	Tero Marttila <terom@fixme.fi>
	Thu, 20 Jan 2011 23:21:14 +0200
changeset 59	de6abcbd3c03
parent 47	d79a560af791
permissions	-rw-r--r--