style.css

/******************************************
* FOC dashboard stuff
* Rebecca Putinski rjputins@uwaterloo.ca
* Orientation 2010
******************************************/

/* GLOBAL */
body {
	margin:30px 20px;
	font-size:14px;
	background:#eee;
	}

/* LOGIN FORM */
div#loginform {
	padding:30px 60px;
	background-color:#fff;
	border:1px solid #bbb;
	text-align:center;
	width:300px;
	margin:100px auto;
	}
	div#loginform h1 {
		font-size:30px;
		font-family:sans-serif;
		font-weight:normal;
		margin:0 0 10px 0;
		color:#444;
		}
	div#loginform p {
		font-family:sans-serif;
		font-size:18px;
		color:#777;
		}
	div#loginform form input {
		padding:6px;
		}

/* GIANT CONTAINER */
div#wrap {
	min-width:960px;
	background:#fff;
	padding:10px 20px;
	font-family:sans-serif;
	font-size:14px;
	color:#111;
	position:relative;
	}
	div#wrap div.logout {
		position:absolute;
		top:5px; right:5px;
		}
		div#wrap div.logout a {
			text-decoration:none;
			text-transform:uppercase;
			display:block;
			padding:4px;
			}
			div#wrap div.logout a:hover {
				background-color:#eee;
				}
	div#wrap h1 {
		font-size:28px;
		color:#ff0099;
		font-family:sans-serif;
		font-weight:normal;
		}
	div#wrap p {
		}
	div#wrap hr {
		width:100%;
		border:0;
		border-top:2px solid #ddd;
		}

/* CONTENT */
div#wrap div#content {
	padding:5px 0 0 250px;
	}
	div#wrap div#content p {
		color:inherit;
		font-family:inherit;
		}
	div#wrap div#content p.fave {
		font-weight:bold;
		}
	div#wrap div#content h1 {
		font-size:22px;
		color:#555;
		font-weight:normal;
		}
	div#wrap div#content h2 {
		font-size:18px;
		color:#555;
		font-weight:normal;
		text-transform:uppercase;
		}
	div#wrap div#content hr {
		border:0;
		border-top:1px dashed #888;
		}
	div#wrap div#content ul {
		margin:5px 0;
		}
		div#wrap div#content ul li {
			margin:6px 0;
			}
	div#wrap div#content pre.changelog {
		white-space:pre-wrap;
		color:#666;
		font-size:12px;
		}

/* SIDEBAR */
div#wrap div#sidebar {
	width:230px;
	float:left;
	}
	div#wrap div#sidebar h3 {
		color:#555;
		margin:20px 0 5px 0;
		}
	div#wrap div#sidebar p {
		font-size:12px;
		color:#888;
		}
	div#wrap div#sidebar ul.menu,
	div#wrap div#sidebar ul.menu li ul {
		list-style:none;
		margin:10px 0 0 0; padding:0;
		}
		div#wrap div#sidebar ul.menu li,
		div#wrap div#sidebar ul.menu li ul li {
			margin:5px 0;
			}
			div#wrap div#sidebar ul.menu li ul {
				margin:5px 0 5px 20px;
				}
			div#wrap div#sidebar ul.menu li a,
			div#wrap div#sidebar ul.menu li ul li a {
				line-height:19px;
				display:block;
				padding:5px;
				background-color:#f5f5f5;
				text-decoration:none;
				color:#444;
				}
			div#wrap div#sidebar ul.menu li ul li a {
				background-color:#f8f8f8;
				color:#666;
				}
			div#wrap div#sidebar ul.menu li a:hover {
				background-color:#fff;
				color:#ee0077;
				}
		
/* FOOTER */
div#wrap div#footer {
	clear:both;
	height:40px;
	text-align:center;
	line-height:40px;
	}

/* OTHER SHIT I NEED TO SORT LATER */
div.hidden {
	border:1px dashed #aaa;
	color:#666;
	}
div.app {
	border:1px dashed #aaa;
	margin:10px 0 20px 0;
	padding:10px;
	}
	a {
		color:#333;
		}
	a: hover {
		color:#777;
		text-decoration:none;
		}
	a:visited {
		color:#777;
		}
	b {
		font-size:16px;
		}
	ul.ranks {
		float:left;
		width:20%;
		margin:10px 10px 10px 0; padding:0;
		border-right:3px solid #eeeeee;
		list-style:none;
		font-size:12px;
		}
		ul.ranks li {
			margin:3px 0;
			}
			ul.ranks li.first {
				border:1px solid #ff0099;
				}
	ul.emptyranks {
		margin:0; padding:0;
		list-style:none;
		display:table;
		}
		ul.emptyranks li {
			margin:0 10px 0 0;
			display:table;
			}
			ul.emptyranks li.first {
				color:red;
				}
	ul.questions {
		float:right;
		margin:0; padding:0;
		list-style:none;
		width:75%;
		}
		ul.questions li {
			margin:10px 0;
			}
			ul.questions li b {
				font-size:12px;
				}
	ul.fullquestions {
		float:none;
		width:auto;
		}
		ul.fullquestions li {
			margin:0 0 20px 0;
			}
div.fullapp {
	padding:0 20px 20px 20px;
	}
	div.fullapp p b {
		color:#666;
		}
	div.fullapp p.name {
		font-size:18px;
		}
	div.fullapp p.name b {
		color:#111;
		font-size:20px;
		}
table.search {
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
	}
	table.search tr {
		line-height:25px;
		}
	table.search tr.odd {
		background-color:#eee;
		}
	table.search td {
		width:25%;
		}