imports/ui/Measures.import.styl

#measures
	display: table
	content-box: border-box
	padding: 10px 20px
	height: 100%
	width: 100%
	text-align: left

	.tableControls
		text-align: right
		margin-right: 20px
		.controlLabel
			font-size: 9px
			font-weight: 700
			color: #5a5a5a
			position: relative
			top: -2px
		.toggleShowHidden
			margin: 0 40px 0 0
			position: relative
			top: -4px
			display: inline-block

	.listRow
		display: table-row
		.listCell
			display: table-cell
			position: relative
			height: 100%
			width: 100%
			.tableContainer
				position: absolute
				top: 0
				bottom: 0
				left: 0
				right: 0
				width: auto
				height: auto
				border: 0
				font-size: 12.5px
				overflow-y: auto
				table
					table-layout: fixed
					width: 100%
					.measureSearch
						margin: 3px 0 2px 1px
					.measureEditorTd
						background: #deeac0
					input[name="name"], input[name="postfix"]
						width: 100%
					.editorDiv
						margin: 4px 0
						label
							font-family: "Arial Black", "Arial Bold", Gadget, sans-serif
							font-size: .9em
							padding-bottom: 4px
						select2
							font-size: .4em
					> thead
						> tr
							> th.name
								width: auto
							> th.postfix
								width: auto
							> th.actions
								width: 90px
								text-align: center
								.newMeasureButton
									margin-top: 4px
									padding: 0px 12px
									.fa-plus-circle
										display: inline-block
									.fa-times-circle
										display: none
								.newMeasureButton.active
									background-color: #fb557b
									color: black
									.fa-times-circle
										display: inline-block
									.fa-plus-circle
										display: none
					> tbody
						> tr
							.actionRemove
								color: #F77
							.actionEdit
								color: #44F
							.editorApply
								color: green
							.editorCancel
								color: red
						> tr.deactivated
							background-color: #fac0d1
							.actionActivate
								color: #158b18
							.actionHide
								color: #6a0707
							.actionEdit
								color: #0101e4
						> tr.deactivated:hover
							background-color: #ffcadb
						> tr.hidden
							background-color: #e995ff
							.actionEdit
								color: #0101e4
							.actionShow
								color: #027905
						> tr.hidden:hover
							background-color: #ffb5ff
Added graphs and charts; Updated a lot of the collections for security and consistency; Updated all of the page to fix bugs and propagate fixes to all templates; Added the d3 library for graphing; Added a real ui for Measures and Venues. 2017-02-03 09:20:29 -08:00			`#measures`
Redesigned the querying for the sale duplicates screen to use aggregation; Finished the styling of the sale duplicate screen; Tested the functionality of sale duplicates; Added a way to show hidden (ignored) duplicates. 2017-05-26 11:17:32 -07:00			`display: table`
			`content-box: border-box`
			`padding: 10px 20px`
Added graphs and charts; Updated a lot of the collections for security and consistency; Updated all of the page to fix bugs and propagate fixes to all templates; Added the d3 library for graphing; Added a real ui for Measures and Venues. 2017-02-03 09:20:29 -08:00			`height: 100%`
Redesigned the querying for the sale duplicates screen to use aggregation; Finished the styling of the sale duplicate screen; Tested the functionality of sale duplicates; Added a way to show hidden (ignored) duplicates. 2017-05-26 11:17:32 -07:00			`width: 100%`
Added graphs and charts; Updated a lot of the collections for security and consistency; Updated all of the page to fix bugs and propagate fixes to all templates; Added the d3 library for graphing; Added a real ui for Measures and Venues. 2017-02-03 09:20:29 -08:00			`text-align: left`

			`.tableControls`
			`text-align: right`
			`margin-right: 20px`
			`.controlLabel`
			`font-size: 9px`
			`font-weight: 700`
			`color: #5a5a5a`
			`position: relative`
			`top: -2px`
			`.toggleShowHidden`
			`margin: 0 40px 0 0`
			`position: relative`
			`top: -4px`
			`display: inline-block`

Redesigned the querying for the sale duplicates screen to use aggregation; Finished the styling of the sale duplicate screen; Tested the functionality of sale duplicates; Added a way to show hidden (ignored) duplicates. 2017-05-26 11:17:32 -07:00			`.listRow`
			`display: table-row`
			`.listCell`
			`display: table-cell`
			`position: relative`
			`height: 100%`
Added graphs and charts; Updated a lot of the collections for security and consistency; Updated all of the page to fix bugs and propagate fixes to all templates; Added the d3 library for graphing; Added a real ui for Measures and Venues. 2017-02-03 09:20:29 -08:00			`width: 100%`
Redesigned the querying for the sale duplicates screen to use aggregation; Finished the styling of the sale duplicate screen; Tested the functionality of sale duplicates; Added a way to show hidden (ignored) duplicates. 2017-05-26 11:17:32 -07:00			`.tableContainer`
			`position: absolute`
			`top: 0`
			`bottom: 0`
			`left: 0`
			`right: 0`
			`width: auto`
			`height: auto`
			`border: 0`
			`font-size: 12.5px`
			`overflow-y: auto`
			`table`
			`table-layout: fixed`
			`width: 100%`
			`.measureSearch`
			`margin: 3px 0 2px 1px`
			`.measureEditorTd`
			`background: #deeac0`
			`input[name="name"], input[name="postfix"]`
			`width: 100%`
			`.editorDiv`
			`margin: 4px 0`
			`label`
			`font-family: "Arial Black", "Arial Bold", Gadget, sans-serif`
			`font-size: .9em`
			`padding-bottom: 4px`
			`select2`
			`font-size: .4em`
			`> thead`
			`> tr`
			`> th.name`
			`width: auto`
			`> th.postfix`
			`width: auto`
			`> th.actions`
			`width: 90px`
			`text-align: center`
			`.newMeasureButton`
			`margin-top: 4px`
			`padding: 0px 12px`
			`.fa-plus-circle`
			`display: inline-block`
			`.fa-times-circle`
			`display: none`
			`.newMeasureButton.active`
			`background-color: #fb557b`
			`color: black`
			`.fa-times-circle`
			`display: inline-block`
			`.fa-plus-circle`
			`display: none`
			`> tbody`
			`> tr`
			`.actionRemove`
			`color: #F77`
			`.actionEdit`
			`color: #44F`
			`.editorApply`
			`color: green`
			`.editorCancel`
			`color: red`
			`> tr.deactivated`
			`background-color: #fac0d1`
			`.actionActivate`
			`color: #158b18`
			`.actionHide`
			`color: #6a0707`
			`.actionEdit`
			`color: #0101e4`
			`> tr.deactivated:hover`
			`background-color: #ffcadb`
			`> tr.hidden`
			`background-color: #e995ff`
			`.actionEdit`
			`color: #0101e4`
			`.actionShow`
			`color: #027905`
			`> tr.hidden:hover`
			`background-color: #ffb5ff`