Added the CSS style of EosActionButtons to endless-widgets.css

[endlessm/eos-sdk#104]

1 files changed, 2 insertions, 148 deletions

diff --git a/test/smoke-tests/eosactionbutton.css b/test/smoke-tests/eosactionbutton.css
index a818076..13ddfe4 100644
--- a/test/smoke-tests/eosactionbutton.css
+++ b/test/smoke-tests/eosactionbutton.css
@@ -1,158 +1,12 @@
-/* ****** ACTION BUTTONS ****** */
-
-EosActionButton {
-	background-color: transparent;
-	border-style: solid;
-	border-image: none;
-	margin: 10px;
-
-	border-radius: 40px;
-	border-width: 8px;
-}
-
-EosActionButton GtkLabel {
-	font-family: BentonSans, sans-serif;
-	font-weight: normal;
-	font-size: 11px;
-}
-
-/* ****** SIZES ****** */
-
-EosActionButton.primary {
-	border-radius: 40px;
-	border-width: 8px;
-}
-
-EosActionButton.secondary {
-	border-radius: 30px;
-	border-width: 6px;
-}
-
-EosActionButton.tertiary {
-	border-radius: 23px;
-	border-width: 5px;
-}
-
-EosActionButton.quaternary {
-	border-radius: 17px;
-	border-width: 4px;
-}
-
-/* ****** LIGHT BACKGROUND ****** */
-
-/* normal */
-EosActionButton,
-EosActionButton:selected,
-EosActionButton:focused {
-	border-color: alpha(#323232, 0.5);
-	box-shadow: 1px 1px 1px alpha(black, 0.8) inset,
-	            0px -1px 1px alpha(white, 0.65);
-}
-
-EosActionButton GtkImage,
-EosActionButton GtkImage:selected,
-EosActionButton GtkImage:focused {
-	color: alpha(#323232, 0.5);
-}
-
-EosActionButton GtkLabel,
-EosActionButton GtkLabel:selected,
-EosActionButton GtkLabel:focused {
-	color: alpha(#323232, 0.65);
-}
-
-/* hover */
-EosActionButton:hover {
-	border-color: alpha(#323232, 0.8);
-	box-shadow: 1px 1px 1px alpha(black, 0.8) inset;
-}
-
-EosActionButton GtkImage:hover {
-	color: alpha(#282828, 0.8);
-}
-
-EosActionButton GtkLabel:hover {
-	color: alpha(#1E1E1E, 0.8);
-}
-
-/* pressed */
-EosActionButton:active {
-	border-color: alpha(#323232, 0.65);
-	box-shadow: 1px 1px 1px alpha(black, 0.8) inset;
-}	
-
-EosActionButton GtkImage:active {
-	color: alpha(#282828, 0.65);
-}
-
-EosActionButton GtkLabel:active {
-	color: alpha(#1E1E1E, 0.8);
-}
-
-/* insensitive, just in case */
-EosActionButton:insensitive,
-EosActionButton:inconsistent {
-	border-color: alpha(#888888, 0.50);
-	box-shadow: none;
-}
-
-/* ****** DARK BACKGROUND ****** */
-
-
-/* normal */
-.dark EosActionButton,
-.dark EosActionButton:selected,
-.dark EosActionButton:focused {
-	border-color: alpha(#E6E6E6, 0.5);
-	box-shadow: 1px 1px 1px alpha(black, 0.95) inset,
-	            0px -1px 1px alpha(white, 0.5) inset;
-}
-
-.dark EosActionButton GtkImage,
-.dark EosActionButton GtkImage:selected,
-.dark EosActionButton GtkImage:selected,
-.dark EosActionButton GtkLabel,
-.dark EosActionButton GtkLabel:selected,
-.dark EosActionButton GtkLabel:focused {
-	color: alpha(#E6E6E6, 0.5);
-}
-
-/* hover */
-.dark EosActionButton:hover {
-	border-color: alpha(white, 0.8);
-	box-shadow: 1px 1px 1px alpha(black, 0.95) inset,
-	            0px -1px 1px alpha(white, 0.85) inset;
-}
-
-.dark EosActionButton GtkImage:hover,
-.dark EosActionButton GtkLabel:hover {
-	color: alpha(white, 0.8);
-}
-
-/* pressed */
-.dark EosActionButton:active {
-	border-color: alpha(white, 0.65);
-	box-shadow: 1px 1px 1px alpha(black, 0.95) inset,
-	            0px -1px 1px alpha(white, 0.7) inset;
-}	
-
-.dark EosActionButton GtkImage:active {
-	color: alpha(white, 0.65);
-}
-
-.dark EosActionButton GtkLabel:active {
-	color: alpha(white, 0.8);
-}
-
 /* ****** ACTION MENU ****** */
 
-GtkFrame#menu {
+#menu {
 	background-color: mix(white, black, 0.2);
 	border-color: mix(white, black, 0.5);
 	border-width: 0 0 0 6px;
 }
 
-GtkFrame.dark#menu {
+.dark#menu {
 	background-color: mix(white, black, 0.8);
 	border-width: 0 0 0 6px;
 }