Differential D16832 Diff 40540 webroot/rsrc/css/phui/phui-form.css

Changeset View

Standalone View

webroot/rsrc/css/phui/phui-form.css

	Show All 40 Lines
	input[type="email"],			input[type="email"],
	input[type="url"],			input[type="url"],
	input[type="search"],			input[type="search"],
	input[type="tel"],			input[type="tel"],
	input[type="color"],			input[type="color"],
	div.jx-tokenizer-container {			div.jx-tokenizer-container {
	padding: 4px 6px;			padding: 4px 6px;
	background-color: #ffffff;			background-color: #ffffff;
	border: 1px solid {$blueborder};			border: 1px solid {$greyborder};
				border-radius: 3px;

	-webkit-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);			-webkit-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);			-moz-box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);
	box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);			box-shadow: inset 0 1px 1px rgba({$alphablack}, 0.075);

	-webkit-transition: border linear .05s, box-shadow linear .05s;			-webkit-transition: border linear .05s, box-shadow linear .05s;
	-moz-transition: border linear .05s, box-shadow linear .05s;			-moz-transition: border linear .05s, box-shadow linear .05s;
	-o-transition: border linear .05s, box-shadow linear .05s;			-o-transition: border linear .05s, box-shadow linear .05s;
	transition: border linear .05s, box-shadow linear .05s;			transition: border linear .05s, box-shadow linear .05s;

	-webkit-box-sizing: border-box;			-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;			-moz-box-sizing: border-box;
	box-sizing: border-box;			box-sizing: border-box;

	/* iOS Safari */			/* iOS Safari */
	-webkit-appearance: none;			-webkit-appearance: none;
	border-radius: 0;
	}			}

	textarea:focus,			textarea:focus,
	input[type="text"]:focus,			input[type="text"]:focus,
	input[type="password"]:focus,			input[type="password"]:focus,
	input[type="datetime"]:focus,			input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,			input[type="datetime-local"]:focus,
	input[type="date"]:focus,			input[type="date"]:focus,
	Show All 25 Lines
	input[type="checkbox"] {			input[type="checkbox"] {
	margin: 4px 0 0;			margin: 4px 0 0;
	margin-top: 1px \9;			margin-top: 1px \9;
	/* IE8-9 */			/* IE8-9 */
	line-height: normal;			line-height: normal;
	}			}

	select {			select {
	height: 24px;			-webkit-appearance: none;
	line-height: 24px;			-moz-appearance: none;
	border: 1px solid {$lightgreyborder};			appearance: none;
	background-color: #ffffff;
	min-width: 140px;			background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
				epriestleyUnsubmitted Not Done Inline Actions Since we automatically turn stuff into `data` URIs you could put this as a `.png` or whatever on disk, too, but whatevs. epriestley: Since we automatically turn stuff into `data` URIs you could put this as a `.png` or whatever…
				background-size: 8px 10px;
				border-radius: 3px;
				color: {$darkbluetext};
				border: 1px solid {$greyborder};
				height: 28px;
				padding: 0 8px;
				min-width: 180px;
	}			}

	select[multiple],			select[multiple],
	select[size] {			select[size] {
	height: auto;			height: auto;
	}			}

	select:focus,			select:focus,
	Show All 37 Lines