Differential D14803 Diff 36600 webroot/rsrc/css/aphront/aphront-bars.css

Changeset View

Standalone View

webroot/rsrc/css/aphront/aphront-bars.css

	Show First 20 Lines • Show All 65 Lines • ▼ Show 20 Lines
	div.aphront-bar.glyph div.caption {			div.aphront-bar.glyph div.caption {
	padding: 0;			padding: 0;
	margin: 0;			margin: 0;
	float: left;			float: left;
	margin-left: 12px;			margin-left: 12px;
	color: {$greytext};			color: {$greytext};
	}			}

				/**
				* Coverage bars
				*/

				div.aphront-bar.coverage {
				border: 0px;
				width: 200px;
				height: 20px;
				}

				div.aphront-bar.coverage div {
				border: 1px solid;
				border-top-color: {$lightgreyborder};
				border-right-color: {$lightgreyborder};
				border-bottom-color: {$lightgreyborder};
				border-left-color: {$greyborder};
				background: white;
				}

				div.aphront-bar.coverage div div {
				height: 16px;
				}

	/**			/**
	* Common color classes			* Common color classes
	*/			*/
	div.aphront-bar.progress.color-default div div {			div.aphront-bar.progress.color-default div div {
	background: {$blue};			background: {$blue};
	}			}

	div.aphront-bar.glyph.color-default div.glyphs div.fg {			div.aphront-bar.glyph.color-default div.glyphs div.fg {
	color: {$blue};			color: {$blue};
	}			}

				div.aphront-bar.coverage.color-default div div {
				background: {$blue};
				}

	div.aphront-bar.progress.color-warning div div {			div.aphront-bar.progress.color-warning div div {
	background: {$yellow};			background: {$yellow};
	}			}

	div.aphront-bar.glyph.color-warning div.glyphs div.fg {			div.aphront-bar.glyph.color-warning div.glyphs div.fg {
	color: {$yellow};			color: {$yellow};
	}			}

				div.aphront-bar.coverage.color-warning div div {
				background: {$yellow};
				}

	div.aphront-bar.progress.color-danger div div {			div.aphront-bar.progress.color-danger div div {
	background: {$red};			background: {$red};
	}			}

	div.aphront-bar.glyph.color-danger div.glyphs div.fg {			div.aphront-bar.glyph.color-danger div.glyphs div.fg {
	color: {$red};			color: {$red};
	}			}

				div.aphront-bar.coverage.color-danger div div {
				background: {$red};
				}