svv: static/cal.css@547940cb0e1c (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%;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	13	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	14
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	15	/* The prev-month link is on the left edge */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	16	table.calendar a.prev-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	17	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	18	float: left;
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
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	21	/* The next-month link is on the right edge */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	22	table.calendar a.next-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	23	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	24	float: right;
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
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	27	/* The weekdays-in-week header is fixed-height */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	28	table.calendar thead tr
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	29	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	30	height: 1em;
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
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	33	/* A day's header is a fixed height cell */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	34	table.calendar tbody tr.week-header
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	35	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	36	height: 1em;
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
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	39	/* The day number is visible inside the header */
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	40	table.calendar tbody tr.week-header th
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	41	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	42	padding-left: 0.5em;
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	text-align: left;
43 fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	45
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	46	font-weight: normal;
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	47	}
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	48
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	49	/* 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	50	table.calendar tbody th.in-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	51	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	52	background-color: #eeeeee;
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
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	55	/* 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	56	table.calendar tbody th.out-month
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	57	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	58	background-color: #ffffff;
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	color: #888888;
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
43 fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	63	/* The current day is emphasized */
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	64	table.calendar tbody tr.week-header th.today
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	65	{
fabb71550e51 cal: emphasize current day Tero Marttila <terom@fixme.fi> parents: 40 diff changeset	66	background-color: #cccccc;
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	font-weight: bold;
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
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	71	/* 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	72	table.calendar tbody tr.week-data
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	73	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	74	height: 1em;
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
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	77	/* The event cell is filled up by the <a> */
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	78	table.calendar td.event
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	79	{
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	80	padding: 0px;
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
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	83	/* Each event is visible as its own block */
40 30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	84	table.calendar td.event a
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	85	{
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	86	display: block;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	87
46 547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	88	overflow: hidden;
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	89	white-space: nowrap;
547940cb0e1c cal: adjust event widths to reflect hour offsets into day Tero Marttila <terom@fixme.fi> parents: 43 diff changeset	90
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	91	background-color: #A6C6E3;
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	padding: 4px;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	94
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	95	/* Rounded corner for cosmetic effect */
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	96	border-radius: 4px;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	97	-moz-border-radius: 6px;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	98
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	99	text-align: center;
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	100	}
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	101
40 30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	102	/* 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	103	table.calendar td.continues-next a
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	104	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	105	border-top-right-radius: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	106	border-bottom-right-radius: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	107
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	108	-moz-border-radius-topright: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	109	-moz-border-radius-bottomright: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	110	}
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	/* 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	113	table.calendar td.continues-prev a
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	border-top-left-radius: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	116	border-bottom-left-radius: 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	-moz-border-radius-topleft: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	119	-moz-border-radius-bottomleft: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	120	}
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	/* Fake arrow using borders */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	123	table.calendar div.arrow-right,
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	124	table.calendar div.arrow-left
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	125	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	126	display: inline;
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	font-size: 0px; line-height: 0%; width: 0px;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	129
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	130	border-top: 6px solid #A6C6E3; /* Background */
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	131	border-bottom: 6px solid #A6C6E3; /* Background */
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
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	134	table.calendar div.arrow-right
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	135	{
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	136	float: right;
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	137
30a0a0fa8c54 cal: span events across weeks Tero Marttila <terom@fixme.fi> parents: 39 diff changeset	138	border-left: 6px solid #ffffff; /* Arrow color */
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-left
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: left;
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-right: 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
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	148	/* Borders ? */
37 eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	149	table.calendar tbody td
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	150	{
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	151	border: 1px solid #d8d8d8;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	152
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	153	border-style: none solid;
eabea2857143 cal: simple order calendar view Tero Marttila <terom@fixme.fi> parents: diff changeset	154	}
39 4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	155
4f331cfc76a4 cal: span events across week's days Tero Marttila <terom@fixme.fi> parents: 37 diff changeset	156

author	Tero Marttila <terom@fixme.fi>
	Sun, 09 Jan 2011 17:49:15 +0200
changeset 46	547940cb0e1c
parent 43	fabb71550e51
child 47	d79a560af791
permissions	-rw-r--r--