diff --git a/static/css/application.css b/static/css/application.css index ac9a666dff..72fb99c379 100644 --- a/static/css/application.css +++ b/static/css/application.css @@ -3948,7 +3948,12 @@ section.tool-wrapper div#controlls-container div.graph-controls input#playButton padding: 6px 18px 7px; text-shadow: 0 1px 0 #a30f0c; -webkit-background-clip: padding-box; - font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; } + font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + color: #47221a; + text-shadow: 0 1px 0 #e04845; + -webkit-box-shadow: inset 0 1px 0 #e35d5b; + -moz-box-shadow: inset 0 1px 0 #e35d5b; + box-shadow: inset 0 1px 0 #e35d5b; } section.tool-wrapper div#controlls-container div.graph-controls input#playButton:hover { -webkit-box-shadow: inset 0 1px 0 0 #d84f4c; -moz-box-shadow: inset 0 1px 0 0 #d84f4c; diff --git a/templates/sass/courseware/_amplifier.scss b/templates/sass/courseware/_amplifier.scss index eb1fae7fea..e515d49b22 100644 --- a/templates/sass/courseware/_amplifier.scss +++ b/templates/sass/courseware/_amplifier.scss @@ -138,6 +138,9 @@ section.tool-wrapper { display: block; @include button(simple, #dc322f); font: bold 14px $body-font-family; + color: #47221a; + text-shadow: 0 1px 0 lighten(#dc322f, 5%); + @include box-shadow(inset 0 1px 0 lighten(#dc322f, 10%)); &:active { @include box-shadow(none);