Differential D12162 Diff 29235 webroot/rsrc/css/phui/phui-button.css

Changeset View

Standalone View

webroot/rsrc/css/phui/phui-button.css

Show First 20 Lines • Show All 98 Lines • ▼ Show 20 Lines	button[disabled] {
filter:alpha(opacity=50);		filter:alpha(opacity=50);
-moz-opacity: 0.5;		-moz-opacity: 0.5;
-khtml-opacity: 0.5;		-khtml-opacity: 0.5;
opacity: 0.5;		opacity: 0.5;
}		}

body button:active,		body button:active,
body a.button:active {		body a.button:active {
box-shadow: inset 0 0 8px rgba(0,0,0,.6);		box-shadow: inset 0 0 4px rgba(0,0,0,.4);
}		}

button.grey:active,		button.grey:active,
a.grey:active,		a.grey:active,
button.grey_active,		button.grey_active,
a.button.phuix-dropdown-open {		a.button.phuix-dropdown-open {
background-color: #7d7d7d;		background-color: #7d7d7d;
box-shadow: inset 0 0 4px rgba(0,0,0,.2);		box-shadow: inset 0 0 4px rgba(0,0,0,.2);
}		}

a.phuix-dropdown-open {		a.phuix-dropdown-open {
color: {$greytext};		color: {$greytext};
}		}

a.button:hover,		a.button:hover,
button:hover {		button:hover {
text-decoration: none;		text-decoration: none;
box-shadow: inset 0 0 5px rgba(0,0,0,.4);		box-shadow: inset 0 0 5px rgba(0,0,0,.4);
}		}

a.button.simple:hover,		a.button.simple:hover,
button.simple:hover {		button.simple:hover {
background-color: #fff;		background-color: #fff;
border: 1px solid {$lightgreyborder};		border-color: {$blueborder};
background-image: none;		background-image: none;
border-bottom: 1px solid {$greyborder};		border-bottom-color: {$darkblueborder};
box-shadow: none;		box-shadow: none;
}		}

a.button.simple.phuix-dropdown-open {		a.button.simple.phuix-dropdown-open {
background-color: #fff;		background-color: #fff;
box-shadow: none;		box-shadow: none;
}		}

▲ Show 20 Lines • Show All 182 Lines • ▼ Show 20 Lines	.button.big.has-icon .phui-button-subtext {
color: {$lightgreytext};		color: {$lightgreytext};
font-size: 12px;		font-size: 12px;
line-height: 15px;		line-height: 15px;
font-weight: normal;		font-weight: normal;
}		}

/* PHUI Button Bar */		/* PHUI Button Bar */

.phui-button-bar a.button {		.phui-button-bar a.button.has-icon {
display: inline-block;		display: inline-block;
height: 16px;		height: 16px;
width: 12px;		width: 12px;
}		}

.phui-button-bar .phui-button-bar-first {		.phui-button-bar .phui-button-bar-first {
border-top-right-radius: 0px;		border-top-right-radius: 0px;
border-bottom-right-radius: 0px;		border-bottom-right-radius: 0px;
}		}

.phui-button-bar .phui-button-bar-middle {		.phui-button-bar .phui-button-bar-middle {
border-radius: 0;		border-radius: 0;
border-left: none;		border-left: none;
}		}

.phui-button-bar .phui-button-bar-last {		.phui-button-bar .phui-button-bar-last {
border-left: none;		border-left: none;
border-top-left-radius: 0px;		border-top-left-radius: 0px;
border-bottom-left-radius: 0px;		border-bottom-left-radius: 0px;
}		}

		.phui-button-bar .button.simple:hover {
		border-color: {$lightblueborder};
		color: {$sky};
		}

		.phui-button-bar .button.simple:hover .phui-icon-view {
		border-color: {$lightblueborder};
		color: {$sky};
		}

		/* Simple Button Colors */
		a.simple.simple-blue,
		button.simple.simple-blue {
		border-color: {$blue};
		background: {$lightblue};
		color: {$blue};
		}

		a.simple.simple-blue:hover,
		button.simple.simple-blue:hover {
		color: {$blue};
		border-color: {$blue};
		}

		a.simple.simple-blue .phui-icon-view,
		button.simple.simple-blue .phui-icon-view {
		color: {$blue};
		}

		a.simple.simple-yellow,
		button.simple.simple-yellow {
		border-color: #bc7837;
		background: {$lightyellow};
		color: #bc7837;
		}

		a.simple.simple-yellow:hover,
		button.simple.simple-yellow:hover {
		color: #bc7837;
		border-color: #bc7837;
		}

		a.simple.simple-yellow .phui-icon-view,
		button.simple.simple-yellow .phui-icon-view {
		color: #bc7837;
		}

		a.simple.simple-grey,
		button.simple.simple-grey {
		border-color: {$greyborder};
		background: {$lightgreybackground};
		color: {$greytext};
		}

		a.simple.simple-grey:hover,
		button.simple.simple-grey:hover {
		color: {$greytext};
		border-color: {$greyborder};
		}

		a.simple.simple-grey .phui-icon-view,
		button.simple.simple-grey .phui-icon-view {
		color: {$greytext};
		}