pa11y-dashboard/public/less/site.less

/* Site specific styling */

/* Helper Classes */
.crunch {
	margin:0 !important;
}
.crunch-top {
	margin-top:0 !important;
}
.crunch-bottom {
	margin-bottom:0 !important;
}
.block-level {
	display:block;
}
.ruled {
	border-bottom:dotted 1px @gray;
}
.ruled-sm {
	margin-bottom:15px;
}
.well-med {
	padding:15px;
}

/* General */
.header {
	padding-bottom:15px;
	margin-bottom:30px;
	background-color:lighten(@gray-lighter, 4%);
}
.footer {
	background-color:lighten(@gray-lighter, 4%);
	padding:40px 0 20px 0;
	margin-top:40px;
}
.supersize-me {
	text-align:center;
	font-size:112px;
	line-height:97px;
	font-weight:bold;
	color:lighten(@gray-light, 5%);
}
.floated-list li {
	float:left;
}
.btn-full-width {
	width:100%;
	margin-bottom:10px
}
.dropdown-menu {
	width:100%;
	top:40px;

	li a {
		text-indent:-20px;
	}
}
.dropdown-toggle {
	margin-top:0;
	margin-bottom:10px;
}
.list-group {
	li .list-group-item {
		border-radius:0;
		margin-bottom:-1px;
	}
	li:first-child .list-group-item {
		border-top-left-radius:3px;
		border-top-right-radius:3px;
	}
	li:last-child .list-group-item {
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		margin-bottom:0;
	}
} 
.delete-button {
	position:absolute;
	top:5px;
	right:20px;
	color:@brand-danger;
}
.delete-button:hover {
	color:lighten(@brand-danger, 8%);
}

/* Task stats boxes */
.task-stats {
	margin-bottom:10px;
	font-size:floor(@font-size-base * 1.5); // ~22px;
	line-height:1;
	font-weight:bold;

	li {
		width:32%;
		margin-right:2%;
		border-radius: @border-radius-base;

		a {
			display:block;
			padding:7px 0 6px 0;
			text-align:center;
			color:@badge-color;
		}
		&.last {
			margin-right:0;
		}
	}
}
.stat-type {
	font-size:floor(@font-size-base * 0.75); // ~11px;
	text-transform: uppercase;
	display:block;
	line-height:1.4;
	.opacity(.8);
}

.aside .task-stats {
	li:hover {
		.opacity(.85);

		a {
			text-decoration:none;
		}
	}
}

// Stats box colours
.danger, .error {
	background-color:@brand-danger;
	color:@btn-default-color;
}
.warning {
	background-color:@brand-warning;
	color:@btn-default-color;
}
.info, .notice {
	background-color:@brand-info;
	color:@btn-default-color;
}

/* Task card */
.task-card {
	margin-bottom:20px;

	.no-results {
		font-size:floor(@font-size-base * 1.70); // ~25px;
		line-height:1.5;
		margin:26px 0;
	}
	.task-card-link {
		color:@gray-dark;
		min-height:200px;
		display:block;
	}
	.delete-button {
		display:none;
	}
	&:hover .delete-button {
		display:block;
	}
	.task-card-link:hover,
	&:hover .task-card-link
	 {
		text-decoration: none;
		background-color:darken(@gray-lighter, 2%);
	}
	.h3 {
		text-overflow:ellipsis;
		overflow:hidden;
		width:100%;
	}
	.task-stats li {
		padding:7px 0 6px 0;
		text-align:center;
		color:@badge-color;
	}
}


/* Badges */
.badge {
	border-radius:0.25em;
}
.badge {
	display:inline-block;
	padding:10px;
	font-size:ceil(@font-size-base * 0.85); // ~13px;
	text-transform: uppercase;
}
.rule-name .badge {
	padding:6px;
}

/* Task details page*/
.task-header {
	margin-bottom:30px;

	h2 {
		word-wrap:break-word;
	}
}
.date {
	margin-top:45px;
}
.tasks-list {
	padding:15px;
	margin-bottom:30px;
	border-width:3px;
	border-style:solid;

	li {
		margin-bottom:20px;

		&:last-child {
			margin-bottom:0;
		}
	}

	.rule-name {
		font-weight:bold;
		font-style:italic;
		word-wrap:break-word;
	}
}
.task-danger {
	border-color:@brand-danger;
}
.task-warning {
	border-color:@brand-warning;
}
.task-info {
	border-color:@brand-info;
}
.task-default {
	border-color:@badge-bg;
}

/* Task list heading */
.heading {
	margin-top:12px;
	padding:11px;
	color: @btn-default-color;
	font-weight:bold;
	border-radius: 3px;

	&.showing {
		margin-bottom:0;
		border-radius: 3px 3px 0 0;
	}

	&:first-child, &.first {
		margin-top:0;
	}
}
.expander {
	cursor:pointer;
	padding:0 5px;
	font-weight:bold;
	font-size:floor(@font-size-base * @line-height-base); // ~20px
	line-height:1;
}

/* Date selector */
ul.date-links {
	.list-unstyled();
	position:absolute;
	top:44px;
	left:0;
	width:100%;
	z-index:10;
}
.date-selector {
	margin-top:-125px;

	.btn-group > .btn {
		float:none;
	}
}

/* Graph */
.graph {
	height:300px;
	width:100%;
}
.graph-spacer {
	margin-bottom:60px;
	padding-bottom:60px;
}
.graph-table {
	margin-bottom:50px;

	td {
		width:25%;
	}
}
.series-checkboxes {
	margin-top:15px;
	
	li {
		width:32%;
		margin-right:2%;
		border-radius: @border-radius-base;

		label {
			padding:2px 4px;
			margin-bottom:0;
		}

		input, label {
			cursor: pointer;
		}

		&:last-child {
			margin-right:0;
		}

		&:hover {
			.opacity(.85);
		}
	}
}
.btn-reset {
	margin-top:-24px;
	margin-right:35px
}

/* New task page */
.standards-lists {
	height:300px;
	overflow:hidden;
	overflow-y:auto;
	margin-bottom:15px;
	border-bottom:solid 1px @gray-lighter;

	.checkbox {
		cursor: pointer;
		word-wrap: break-word;
	}

	.tooltip {
		left:30px !important; //sorry, important. To overwrite bootstrap js positioning

		&.top .tooltip-inner {
			text-align:left;
			max-width:460px;
		}
	}
}

/* Sidebar */
.action-buttons {
	margin-bottom:30px;
}