Revision: 30020
Updated Code
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
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
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