tracks/app/assets/stylesheets/tracks.css.scss

/*
 * Tracks CSS
*/

body {
	background-color: #DDD;
}

div.tracks-main {
	background-color: #FFF;
	border-radius: 10px;
}

/* Header */

div#tracks-login-header {
	background-color: #000;
	padding: 0;
}

div#tracks-login-form {
	margin: 0 0 100px 0;
}

span.badge_count {
	color: #FFF;
	background-color: #F00;
	text-shadow: none;
	padding: 5px 5px 5px 5px;
	border-radius: 2px 2px 2px 2px;
}

/* Footer */

footer {
	margin-top: 50px;
	text-align: center;
	background-color: #DDD;
}

/* Todo */
div.todo-item {
	margin-top: 7px;
	border: 3px solid #EEE;
	border-width: 0px 0px 1px 0px;
	padding: 0px 3px 0px 3px;
	min-height: none;
	line-height: none;

	[class*="span"] {
		min-height: 0px;
	}
	div.row {
		margin-left: 0px;
	}
	i.fa-square-o {
		margin-right: 10px;
	}
	i.fa-check-square-o {
		margin-right: 10px;
		color: #666;	
	}
	span.todo-description-icons {
		color: #BBB;	  /* light gray */
		cursor: pointer;
	}
	span.todo-item-icons {
		color: #BBB;	  /* light gray */
		cursor: pointer;
		i.fa-square-o {
			color: #333;
		}
		i.fa-star {
			color: #F89406; /* orange */
		}
	}
	span.todo-description {
		margin-right: 10px;
		cursor: pointer;
	}
	div.todo-notes {
		background-color: #EEE;
		border-radius: 3px;
		padding: 10px;
		margin: 0px -3px 0px -3px;
	}
	div.todo-sub-menu {
		margin-top: 5px;
		padding-top: 5px;
		margin-bottom: 10px;
		border: 1px solid #EEE;
		border-width: 1px 0 0 0;
	}
	span.todo-item-detail {
		text-decoration: none;
		font-weight: normal;
		font-style: italic;
		color: #999;
	}
	.tracks-todo-overdue {
		color: #A00;
	}
}

div.selected-item {
	border: 1.5px solid #AAA;
	border-radius: 4px;
	.row {
		font-weight: bold;
	}
	.todo-notes {
		font-weight: normal;
	}
}

span.tags {
	.label {
		margin-right: 1px;
		background-color: #BBB;
		a:hover, a:focus {
			text-decoration: none;
		}
		a {
			text-shadow: none;
			color: #FFF;
			font-weight: normal;
		}
	}
}

/* Container */

div.todos-container {
	margin-bottom: 25px;
	h4 {
		margin-bottom: 0px;
		color: #444;
		a {
			color: #444;
		}
		span.add-note-link {
			a {
				color: #BBB;
				font-size: 14px;
			}
		}
	}
}

/* Project */

div.project-details {
	font-style: italic;	
}

div.project-description {
	margin-top: 10px;
	margin-bottom: 20px;
}

h3.project-name-container {
	margin: 15px 0 0 0;
	line-height: 25px;
}

div.project-badges {
}

div#project-next-prev {
	margin: 0 0 0 0;
	text-align: center;
}

/* Dialogs */

div.paginate_header {
	text-align: center;
}

/* Todo form */
form#todo-form-new-action {
	.control-group {
		margin-bottom: 10px;
	}
}

/* Generic */

div.hide_me {
	display: none;
}