--- /dev/null
+/* set an awesome color for the buttons */
+button.awesome,
+input.awesome,
+a.button.awesome {
+ background-color: #111;
+}
+/* Touch the rest at your onw risk. */
+button.awesome,
+input.awesome,
+a.button.awesome {
+
+ font: inherit;
+ background-repeat: repeat-x;
+ color: #fff;
+ text-decoration: none;
+ position: relative;
+ cursor: pointer;
+ border: 0;
+ font-style: normal;
+ font-weight: bold;
+ line-height: 1;
+
+ padding: 5px 10px 6px;
+ font-size: 13px;
+
+ /* IE only stuff */
+ border-bottom: 1px solid transparent\9;
+
+ /* not all browser support these, but who cares? */
+ text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
+ border-radius: 5px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
+
+ /* one image for all states
+ see http://www.alistapart.com/articles/sprites */
+ background-image: url(awesome-overlay-sprite.png);
+ background-position: 0 0;
+
+ /* cross browser inline block hack
+ see http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ */
+ display: -moz-inline-stack;
+ display: inline-block;
+ vertical-align: middle;
+ *display: inline !important;
+ position: relative;
+
+ /* help IE to calm down a bit */
+ zoom: 1;
+
+ /*disable text selection (Firefox only)*/
+ -moz-user-select: none;
+}
+/* hide selection background color */
+.awesome::selection {
+ background: transparent;
+}
+
+button.awesome:hover,
+input.awesome:hover,
+a.button.awesome:hover {
+ background-position: 0 -50px;
+ color: #fff;
+}
+button.awesome:active,
+input.awesome:active,
+a.button.awesome:active {
+ background-position: 0 100%;
+ -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
+ /* unfortunately, Safari seems not to support inset yet */
+ -webkit-box-shadow: none;
+
+ /* IE only stuff */
+ border-bottom: 0\9;
+ border-top: 1px solid #666\9;
+}
+
+/* Remove extra padding in Firefox */
+button::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+button.awesome.small, input.awesome.small, a.button.awesome.small { padding: 4px 7px 5px; font-size: 10px; }
+button.awesome.small:active, input.awesome.small:active, a.button.awesome.small:active { padding: 5px 7px 4px; }
+button.awesome.medium, input.awesome.medium, a.button.awesome.medium { /* default */ }
+button.awesome.medium:active, input.awesome.medium:active, a.button.awesome.medium:active { padding: 6px 10px 5px; }
+button.awesome.large, input.awesome.large, a.button.awesome.large { padding: 8px 14px 9px; font-size: 14px; }
+button.awesome.large:active, input.awesome.large:active, a.button.awesome.large:active { padding: 9px 14px 8px; }
+
+.awesome.green { background-color: #3ACC00 !important; }