svv: static/layout.css@d077f2f60098 (annotated)

0 b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	1	/*
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	2	* Structural layout, i.e. positioning of layout items
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	3	*/
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	4
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	5	body
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	6	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	7	padding: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	8	margin: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	9	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	10
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	11	/* Full-width decorative header at top */
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	12	div#header
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	13	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	14	padding: 40px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	15
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	16	text-align: left;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	17
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	18	font-size: 300%;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	19	font-weight: bold;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	20
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	21	border-bottom: 1px dotted #aaa;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	22	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	23
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	24	/*
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	25	* Container for horizontal layout
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	26	* XXX: for equal-height columns, I believe; see #menu
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	27	*/
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	28	div#container
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	29	{
51 3e9a8fb73083 layout: fix equal-height columns to not break under URL #target Tero Marttila <terom@fixme.fi> parents: 11 diff changeset	30
0 b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	31	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	32
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	33	/* Left column in content layout, below header */
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	34	div#menu
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	35	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	36	float: left;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	37
51 3e9a8fb73083 layout: fix equal-height columns to not break under URL #target Tero Marttila <terom@fixme.fi> parents: 11 diff changeset	38	margin-right: -1px;
0 b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	39	border-right: 1px dotted #aaa;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	40	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	41
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	42	div#menu ul
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	43	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	44	margin: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	45	padding: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	46
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	47	list-style-type: none;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	48
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	49	width: 180px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	50	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	51
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	52	div#menu li a
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	53	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	54	display: block;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	55
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	56	padding: 10px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	57	padding-left: 20px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	58	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	59
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	60	/*
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	61	div#menu li a:hover
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	62	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	63	background-color: #ddd;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	64	text-decoration: none;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	65	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	66	*/
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	67
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	68	/* Content-width compact navigation menu below header and next to menu*/
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	69	div#nav
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	70	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	71	margin-left: 180px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	72
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	73	padding: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	74
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	75	border-bottom: 1px dotted #aaa;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	76	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	77
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	78	div#nav ul
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	79	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	80	list-style-type: none;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	81	white-space: nowrap;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	82
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	83	padding: 5px 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	84	margin: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	85	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	86
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	87	div#nav li
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	88	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	89	display: inline;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	90
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	91	padding: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	92
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	93	border-left: 1px dotted #aaa;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	94	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	95
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	96	div#nav li:first-child
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	97	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	98	border-left: none;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	99	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	100
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	101	div#nav li a
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	102	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	103	padding: 5px 10px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	104
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	105	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	106
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	107	/* Main content view */
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	108	div#content
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	109	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	110	margin-left: 180px;
1 06451697083a some experimental treelist thing Tero Marttila <terom@fixme.fi> parents: 0 diff changeset	111
06451697083a some experimental treelist thing Tero Marttila <terom@fixme.fi> parents: 0 diff changeset	112	padding: 10px 50px 10px 25px;
51 3e9a8fb73083 layout: fix equal-height columns to not break under URL #target Tero Marttila <terom@fixme.fi> parents: 11 diff changeset	113
3e9a8fb73083 layout: fix equal-height columns to not break under URL #target Tero Marttila <terom@fixme.fi> parents: 11 diff changeset	114	border-left: 1px dotted #aaa;
0 b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	115	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	116
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	117	/* Full-width Footer at bottom of page */
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	118	div#footer
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	119	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	120	padding: 10px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	121
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	122	border-top: 1px dotted #aaa;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	123
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	124	font-size: x-small;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	125	font-style: italic;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	126
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	127	text-align: center;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	128	}

author	Tero Marttila <terom@fixme.fi>
	Mon, 10 Jan 2011 18:30:58 +0200
changeset 54	d077f2f60098
parent 51	3e9a8fb73083
child 58	4f4150296cd3
permissions	-rw-r--r--