Return to Snippet

Revision: 30020
at August 6, 2010 03:52 by brandonjp


Updated Code
/**
 * Author: Chris Morrell <http://cmorrell.com/>
 * Version: 1.1
 * 201008051349 - brandonjp - modified for moz, khtml, css3
 *
 * from http://cmorrell.com/safari-extensions
 *
 * You may use this file any way you see fit.
 *
 */

a, button {
	color: #282828;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
	text-decoration: none;
	padding: 1px 7px 2px;
	display: inline-block;
	border-radius: 8px;
	cursor: default;
	border: none;
	background: none;
}

a:hover, button:hover {
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.21);
}

a:active, button:active, a.toggled, button.toggled {
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
	-khtml-box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
}

a.toggled, button.toggled {
	background: rgba(0, 0, 0, 0.35);
}

a:active, button:active {
	background: rgba(0, 0, 0, 0.49);
}

Revision: 30019
at August 6, 2010 03:51 by brandonjp


Initial Code
/**
 * Author: Chris Morrell <http://cmorrell.com/>
 * Version: 1.1
 * 201008051349 - brandonjp - modified for moz, khtml, css3
 *
 * from http://cmorrell.com/safari-extensions
 *
 * You may use this file any way you see fit.
 *
 */

a, button {
	color: #282828;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
	text-decoration: none;
	padding: 1px 7px 2px;
	display: inline-block;
	border-radius: 8px;
	cursor: default;
	border: none;
	background: none;
}

a:hover, button:hover {
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.21);
}

a:active, button:active, a.toggled, button.toggled {
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
	-khtml-box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: inset
		0 1px 2px rgba(0, 0, 0, 0.5),
		0 1px 1px rgba(255, 255, 255, 0.8);
}

a.toggled, button.toggled {
	background: rgba(0, 0, 0, 0.35);
}

a:active, button:active {
	background: rgba(0, 0, 0, 0.49);
}

Initial URL

                                

Initial Description

                                

Initial Title
CSS - CSS3 Safari style toolbar buttons rounded box shadow pressed border radius for Moz, Firefox, KHTML

Initial Tags
css, textmate, style, CSS3

Initial Language
CSS