mgoetz/soundboard
1
0
Fork 0
forked from server/soundboard
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'revert-fe523e6f' into 'master'

Browse Source 
Revert "Update sound button color and typography"

See merge request fknoch/soundboard!1
This commit is contained in:
Knoch 2017-12-07 10:47:34 +00:00
commit 72905376e4
1 changed files with 23 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
static/main.css
View File

@ -170,41 +170,37 @@ nav .extra > a {
} }
.sound a { .sound a {
display: flex; background-color: #ff4136;
align-items: center;
justify-content: center;
height: 100px;
width: 100px;
margin: 10px;
padding: .5rem;
background-color: #b02222;
border: 1px solid #000; border: 1px solid #000;
border-radius: 50%; border-radius: 50px;
box-shadow: inset -5px -5px 5px rgba(0, 0, 0, .5), inset 5px 5px 5px rgba(255,255,255,.3); box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.6);
transition: all .1s ease-in-out;
overflow: hidden;
font-weight: bold;
font-size: 14px;
text-shadow: none;
text-align: center;
word-break: break-all;
line-height: 1.5;
color: #eee; color: #eee;
display: inline-block;
font-size: 0.6em;
height: 100px;
line-height: 100px;
margin: 10px;
overflow: hidden;
text-align: center;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
width: 100px;
} }
.sound a:hover, .sound a:hover {
.sound a:active { background-color: #ff4136;
background-color: #790d0d;
transform: scale(.98);
box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.6); box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.6);
cursor: pointer; cursor: pointer;
} }
.sound a:active {
background-color: #ff4136;
box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.sound-pressed { .sound-pressed {
background-color: #ff4136 !important; background-color: #ff4136 !important;
box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.6) !important; box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.6) !important;
} }
.edit { .edit {
@ -214,9 +210,7 @@ nav .extra > a {
} }
.sound.edit a:hover { .sound.edit a:hover {
box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.6), inset 5px 5px 5px rgba(255,255,255,.3); box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.6);
transform: scale(1);
background-color: #b02222;
} }
.unselectable { .unselectable {