qmsk-www: static/style.css@a3d9aa76790d (annotated)

1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	1
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	2	/*
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	3	* Three main areas:
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	4	* header
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	5	* nav
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	6	* content
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	7	*
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	8	* Border layout:
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	9	* Header (bottom)
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	10	* Content (left)
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	11	*/
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	12
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	13	/*
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	14	* Global styles
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	15	*/
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	16	body {
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	17	padding: 0px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	18	margin: 0px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	19
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	20	background-color: #ffffff;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	21	color: #000000;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	22	}
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	23
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	24	/*
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	25	* Top header
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	26	*/
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	27	div#header {
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	28	padding: 30px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	29
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	30	font-size: 48pt;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	31	font-weight: bold;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	32
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	33	border-bottom: 1px dashed #a5a5a5;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	34	}
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	35
153 01f5ef2890c4 funky PageTree stuff Tero Marttila <terom@fixme.fi> parents: 151 diff changeset	36	div#header a:hover {
01f5ef2890c4 funky PageTree stuff Tero Marttila <terom@fixme.fi> parents: 151 diff changeset	37	text-decoration: none;
01f5ef2890c4 funky PageTree stuff Tero Marttila <terom@fixme.fi> parents: 151 diff changeset	38	}
01f5ef2890c4 funky PageTree stuff Tero Marttila <terom@fixme.fi> parents: 151 diff changeset	39
1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	40	/*
162 64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	41	* Container for layout items
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	42	*/
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	43	#container {
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	44	overflow: hidden;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	45	}
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	46
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	47	/*
1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	48	* Main navigation menu
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	49	*/
160 f1e92703a903 fix nav-float bug with nested lists Tero Marttila <terom@fixme.fi> parents: 154 diff changeset	50	#nav {
f1e92703a903 fix nav-float bug with nested lists Tero Marttila <terom@fixme.fi> parents: 154 diff changeset	51	float: left;
162 64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	52
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	53	padding-bottom: 2000px;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	54	margin-bottom: -2000px;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	55
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	56	border-right: 1px dashed #a5a5a5;
160 f1e92703a903 fix nav-float bug with nested lists Tero Marttila <terom@fixme.fi> parents: 154 diff changeset	57	}
f1e92703a903 fix nav-float bug with nested lists Tero Marttila <terom@fixme.fi> parents: 154 diff changeset	58
154 4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	59	#nav ul {
1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	60	margin: 0px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	61	padding: 0px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	62
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	63	list-style: none;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	64
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	65	width: 180px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	66
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	67	padding-top: 25px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	68	}
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	69
154 4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	70	#nav ul ul {
4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	71	padding-top: 0px;
4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	72	border-left: 15px solid #d0d0d0;
4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	73	}
4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	74
4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	75	#nav li a {
1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	76	display: block;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	77
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	78	padding: 10px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	79	padding-left: 20px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	80	}
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	81
154 4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	82	#nav li a:hover {
1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	83	background-color: #d0d0d0;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	84	text-decoration: none;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	85	}
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	86
154 4a77c68e62f7 basic multi-level menu Tero Marttila <terom@fixme.fi> parents: 153 diff changeset	87	#nav li a.selected-page {
2 ec68a0f75c58 python functionality... Tero Marttila <terom@fixme.fi> parents: 1 diff changeset	88	border-left: 5px solid black;
ec68a0f75c58 python functionality... Tero Marttila <terom@fixme.fi> parents: 1 diff changeset	89	padding-left: 15px;
ec68a0f75c58 python functionality... Tero Marttila <terom@fixme.fi> parents: 1 diff changeset	90	}
ec68a0f75c58 python functionality... Tero Marttila <terom@fixme.fi> parents: 1 diff changeset	91
1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	92	/*
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	93	* Content
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	94	*/
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	95	div#content {
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	96	margin-left: 180px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	97	padding: 25px;
0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	98
165 edfe75095688 layout, content tweaks Tero Marttila <terom@fixme.fi> parents: 163 diff changeset	99	padding-right: 50px;
1 0a98cbe5e2eb basic look Tero Marttila <terom@fixme.fi> parents: diff changeset	100	}
162 64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	101
169 26bf8b8bc3cc breadcrumb, but it's hidden Tero Marttila <terom@fixme.fi> parents: 167 diff changeset	102	div#breadcrumb {
26bf8b8bc3cc breadcrumb, but it's hidden Tero Marttila <terom@fixme.fi> parents: 167 diff changeset	103	font-size: x-small;
26bf8b8bc3cc breadcrumb, but it's hidden Tero Marttila <terom@fixme.fi> parents: 167 diff changeset	104	}
26bf8b8bc3cc breadcrumb, but it's hidden Tero Marttila <terom@fixme.fi> parents: 167 diff changeset	105
163 5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	106	/*
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	107	* Footer
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	108	*/
162 64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	109	div#footer {
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	110	padding: 10px;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	111
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	112	border-top: 1px dashed #a5a5a5;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	113
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	114	font-size: x-small;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	115	font-style: italic;
64bdf9742baf I know I'm very naive to think I've solved my CSS layout problems now... Tero Marttila <terom@fixme.fi> parents: 160 diff changeset	116	}
163 5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	117
167 f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	118	div#footer-left {
f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	119	float: left;
f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	120	}
f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	121
163 5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	122	div#footer-right {
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	123	float: right;
167 f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	124	text-align: right;
f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	125	}
f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	126
f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	127	div#footer-center {
f2504700e273 remove foo.html page, and rice up the footer a bit Tero Marttila <terom@fixme.fi> parents: 165 diff changeset	128	text-align: center;
163 5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	129	}
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	130
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	131	/*
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	132	* General styles
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	133	*/
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	134	a {
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	135	color: black;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	136	text-decoration: none;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	137	font-weight: bold;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	138	}
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	139
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	140	a:hover {
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	141	text-decoration: underline;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	142	}
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	143
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	144	h1 {
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	145	font-size: x-large;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	146	}
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	147
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	148	h2 {
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	149	font-size: large;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	150	}
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	151
165 edfe75095688 layout, content tweaks Tero Marttila <terom@fixme.fi> parents: 163 diff changeset	152	div#content p {
edfe75095688 layout, content tweaks Tero Marttila <terom@fixme.fi> parents: 163 diff changeset	153	margin-left: 0.5em;
edfe75095688 layout, content tweaks Tero Marttila <terom@fixme.fi> parents: 163 diff changeset	154	}
edfe75095688 layout, content tweaks Tero Marttila <terom@fixme.fi> parents: 163 diff changeset	155
163 5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	156	#content li {
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	157	padding: 2px;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	158	}
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	159
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	160	#content a {
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	161	padding-right: 13px;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	162
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	163	background: transparent url(/static/link.png) no-repeat center right;
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	164	}
5cefbd93926a some unicode fixes, layout tweaks, a link icon Tero Marttila <terom@fixme.fi> parents: 162 diff changeset	165

author	Tero Marttila <terom@fixme.fi>
	Sun, 08 Feb 2009 02:55:53 +0200
branch	sites
changeset 184	a3d9aa76790d
parent 169	26bf8b8bc3cc
child 221	1a1e74f2a4ed
permissions	-rw-r--r--