svv: static/layout.css@4bdb45071c89 (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	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	30	overflow: hidden;
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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	38	/* Evil? */
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	39	padding-bottom: 2000px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	40	margin-bottom: -2000px;
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	border-right: 1px dotted #aaa;
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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	45	div#menu ul
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	margin: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	48	padding: 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	49
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	50	list-style-type: none;
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	width: 180px;
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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	55	div#menu li a
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	56	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	57	display: block;
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	padding: 10px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	60	padding-left: 20px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	61	}
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	/*
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	64	div#menu li a:hover
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	background-color: #ddd;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	67	text-decoration: none;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	68	}
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	69	*/
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	/* 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	72	div#nav
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	73	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	74	margin-left: 180px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	75
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	76	padding: 0px;
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	border-bottom: 1px dotted #aaa;
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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	81	div#nav ul
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	list-style-type: none;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	84	white-space: nowrap;
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	padding: 5px 0px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	87	margin: 0px;
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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	90	div#nav li
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	91	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	92	display: inline;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	93
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	94	padding: 0px;
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	border-left: 1px dotted #aaa;
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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	99	div#nav li:first-child
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	border-left: none;
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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	104	div#nav li a
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	padding: 5px 10px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	107
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	108	}
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	/* Main content view */
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	111	div#content
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	112	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	113	margin-left: 180px;
1 06451697083a some experimental treelist thing Tero Marttila <terom@fixme.fi> parents: 0 diff changeset	114
06451697083a some experimental treelist thing Tero Marttila <terom@fixme.fi> parents: 0 diff changeset	115	padding: 10px 50px 10px 25px;
0 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
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	118	/* Full-width Footer at bottom of page */
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	119	div#footer
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	120	{
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	121	padding: 10px;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	122
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	123	border-top: 1px dotted #aaa;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	124
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	125	font-size: x-small;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	126	font-style: italic;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	127
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	128	text-align: center;
b28a1681e79b Initial layout, with hello-world Tero Marttila <terom@fixme.fi> parents: diff changeset	129	}

author	Tero Marttila <terom@fixme.fi>
	Thu, 23 Dec 2010 01:07:42 +0200
changeset 10	4bdb45071c89
parent 1	06451697083a
child 11	90a3c570c227
permissions	-rw-r--r--