Skip to content

Commit

Permalink
Fixed the :hover and :active elements
Browse files Browse the repository at this point in the history
  • Loading branch information
Alexis Sgavel committed Feb 4, 2011
1 parent f4b35af commit d0ae22f
Showing 1 changed file with 45 additions and 10 deletions.
55 changes: 45 additions & 10 deletions stylesheets/screen.css
View file
Expand Up @@ -144,13 +144,20 @@ a.green {
/* line 57, ../src/fancy_3d_buttons.scss */ /* line 57, ../src/fancy_3d_buttons.scss */
a.green:hover { a.green:hover {
background-color: #58ab40; background-color: #58ab40;
border-top: 1px solid #58ab40;
border-left: 1px solid #58ab40;
border-right: 0;
border-bottom: 1px solid #73c25d;
-moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #3b742b, 0 6px 0px #326124, 0 8px 4px 1px #0c1709; -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #3b742b, 0 6px 0px #326124, 0 8px 4px 1px #0c1709;
-webkit-box-shadow: 0px 1px 0 #3b742b, 0 6px 0px #326124, 0 8px 4px 1px #0c1709; -webkit-box-shadow: 0px 1px 0 #3b742b, 0 6px 0px #326124, 0 8px 4px 1px #0c1709;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #3b742b, 0 6px 0px #326124, 0 8px 4px 1px #0c1709; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #3b742b, 0 6px 0px #326124, 0 8px 4px 1px #0c1709;
} }
/* line 78, ../src/fancy_3d_buttons.scss */ /* line 82, ../src/fancy_3d_buttons.scss */
a.green:active { a.green:active {
border: 0; border-top: 1px solid #83c96f;
border-left: 1px solid #83c96f;
border-right: 0;
border-bottom: 1px solid #83c96f;
position: relative; position: relative;
top: 5px; top: 5px;
margin-top: 1em; margin-top: 1em;
Expand Down Expand Up @@ -192,13 +199,20 @@ a.blue {
/* line 57, ../src/fancy_3d_buttons.scss */ /* line 57, ../src/fancy_3d_buttons.scss */
a.blue:hover { a.blue:hover {
background-color: #1f85cf; background-color: #1f85cf;
border-top: 2px solid #1f85cf;
border-left: 2px solid #1f85cf;
border-right: 0;
border-bottom: 1px solid #3f9de2;
-moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #155a8d, 0 6px 0px #124c77, 0 8px 4px 1px #04131e; -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #155a8d, 0 6px 0px #124c77, 0 8px 4px 1px #04131e;
-webkit-box-shadow: 0px 1px 0 #155a8d, 0 6px 0px #124c77, 0 8px 4px 1px #04131e; -webkit-box-shadow: 0px 1px 0 #155a8d, 0 6px 0px #124c77, 0 8px 4px 1px #04131e;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #155a8d, 0 6px 0px #124c77, 0 8px 4px 1px #04131e; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #155a8d, 0 6px 0px #124c77, 0 8px 4px 1px #04131e;
} }
/* line 78, ../src/fancy_3d_buttons.scss */ /* line 82, ../src/fancy_3d_buttons.scss */
a.blue:active { a.blue:active {
border: 0; border-top: 2px solid #55a9e6;
border-left: 2px solid #55a9e6;
border-right: 0;
border-bottom: 1px solid #55a9e6;
position: relative; position: relative;
top: 5px; top: 5px;
margin-top: 25px; margin-top: 25px;
Expand Down Expand Up @@ -240,13 +254,20 @@ a.red {
/* line 57, ../src/fancy_3d_buttons.scss */ /* line 57, ../src/fancy_3d_buttons.scss */
a.red:hover { a.red:hover {
background-color: #cf4d1f; background-color: #cf4d1f;
border-top: 2px solid #cf4d1f;
border-left: 2px solid #cf4d1f;
border-right: 0;
border-bottom: 1px solid #e2693f;
-moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8d3415, 0 6px 0px #772c12, 0 8px 4px 1px #1e0b04; -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8d3415, 0 6px 0px #772c12, 0 8px 4px 1px #1e0b04;
-webkit-box-shadow: 0px 1px 0 #8d3415, 0 6px 0px #772c12, 0 8px 4px 1px #1e0b04; -webkit-box-shadow: 0px 1px 0 #8d3415, 0 6px 0px #772c12, 0 8px 4px 1px #1e0b04;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8d3415, 0 6px 0px #772c12, 0 8px 4px 1px #1e0b04; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8d3415, 0 6px 0px #772c12, 0 8px 4px 1px #1e0b04;
} }
/* line 78, ../src/fancy_3d_buttons.scss */ /* line 82, ../src/fancy_3d_buttons.scss */
a.red:active { a.red:active {
border: 0; border-top: 2px solid #e67b55;
border-left: 2px solid #e67b55;
border-right: 0;
border-bottom: 1px solid #e67b55;
position: relative; position: relative;
top: 5px; top: 5px;
margin-top: 17.5px; margin-top: 17.5px;
Expand Down Expand Up @@ -288,13 +309,20 @@ a.grey {
/* line 57, ../src/fancy_3d_buttons.scss */ /* line 57, ../src/fancy_3d_buttons.scss */
a.grey:hover { a.grey:hover {
background-color: #b2b2b2; background-color: #b2b2b2;
border-top: 1px solid #b2b2b2;
border-left: 1px solid #b2b2b2;
border-right: 0;
border-bottom: 1px solid #cccccc;
-moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8c8c8c, 0 6px 0px #7f7f7f, 0 8px 4px 1px #4c4c4c; -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8c8c8c, 0 6px 0px #7f7f7f, 0 8px 4px 1px #4c4c4c;
-webkit-box-shadow: 0px 1px 0 #8c8c8c, 0 6px 0px #7f7f7f, 0 8px 4px 1px #4c4c4c; -webkit-box-shadow: 0px 1px 0 #8c8c8c, 0 6px 0px #7f7f7f, 0 8px 4px 1px #4c4c4c;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8c8c8c, 0 6px 0px #7f7f7f, 0 8px 4px 1px #4c4c4c; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #8c8c8c, 0 6px 0px #7f7f7f, 0 8px 4px 1px #4c4c4c;
} }
/* line 78, ../src/fancy_3d_buttons.scss */ /* line 82, ../src/fancy_3d_buttons.scss */
a.grey:active { a.grey:active {
border: 0; border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 0;
border-bottom: 1px solid #d9d9d9;
position: relative; position: relative;
top: 5px; top: 5px;
margin-top: 12.5px; margin-top: 12.5px;
Expand Down Expand Up @@ -336,13 +364,20 @@ button.yellow {
/* line 57, ../src/fancy_3d_buttons.scss */ /* line 57, ../src/fancy_3d_buttons.scss */
button.yellow:hover { button.yellow:hover {
background-color: #feff56; background-color: #feff56;
border-top: 1px solid #feff56;
border-left: 1px solid #feff56;
border-right: 0;
border-bottom: 1px solid #feff89;
-moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #fdff09, 0 6px 0px #edef00, 0 8px 4px 1px #888900; -moz-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #fdff09, 0 6px 0px #edef00, 0 8px 4px 1px #888900;
-webkit-box-shadow: 0px 1px 0 #fdff09, 0 6px 0px #edef00, 0 8px 4px 1px #888900; -webkit-box-shadow: 0px 1px 0 #fdff09, 0 6px 0px #edef00, 0 8px 4px 1px #888900;
box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #fdff09, 0 6px 0px #edef00, 0 8px 4px 1px #888900; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25) inset, 0px 1px 0 #fdff09, 0 6px 0px #edef00, 0 8px 4px 1px #888900;
} }
/* line 78, ../src/fancy_3d_buttons.scss */ /* line 82, ../src/fancy_3d_buttons.scss */
button.yellow:active { button.yellow:active {
border: 0; border-top: 1px solid #feffa2;
border-left: 1px solid #feffa2;
border-right: 0;
border-bottom: 1px solid #feffa2;
position: relative; position: relative;
top: 5px; top: 5px;
margin-top: 19px; margin-top: 19px;
Expand Down

0 comments on commit d0ae22f

Please sign in to comment.