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

Fix indentation

Browse Source
This commit is contained in:
Florian 2017-12-07 18:19:23 +01:00
parent 88e6cb9d77
commit 366bbd52bc
1 changed files with 36 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
static/main.css
View File

@ -1,4 +1,5 @@
html, body { html,
body {
margin: 0; margin: 0;
} }
@ -23,7 +24,8 @@ form {
padding: 5px; padding: 5px;
} }
input, button { input,
button {
background-color: #666; background-color: #666;
border: 1px solid #999; border: 1px solid #999;
border-radius: 5px; border-radius: 5px;
@ -38,13 +40,13 @@ button {
} }
button:hover { button:hover {
background-color: #999; background-color: #999;
border: 1px solid #666; border: 1px solid #666;
} }
button:active { button:active {
background-color: #999; background-color: #999;
border: 1px solid #666; border: 1px solid #666;
color: #000; color: #000;
} }
@ -154,7 +156,7 @@ nav .extra {
right: 1em; right: 1em;
} }
nav .extra > a { nav .extra>a {
background-color: #2ecc40; background-color: #2ecc40;
border: 1px solid #000; border: 1px solid #000;
border-radius: 5px; border-radius: 5px;
@ -170,41 +172,39 @@ nav .extra > a {
} }
.sound a { .sound a {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100px; height: 100px;
width: 100px; width: 100px;
margin: 10px; margin: 10px;
padding: .5rem; padding: .5rem;
background-color: #b02222; background-color: #b02222;
border: 1px solid #000; border: 1px solid #000;
border-radius: 50%; border-radius: 50%;
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, .5), inset 5px 5px 5px rgba(255, 255, 255, .3);
transition: all .1s ease-in-out; transition: all .1s ease-in-out;
overflow: hidden; overflow: hidden;
font-weight: bold;
font-weight: bold; font-size: 14px;
font-size: 14px; text-shadow: none;
text-shadow: none;
text-align: center; text-align: center;
word-break: break-all; word-break: break-all;
line-height: 1.5; line-height: 1.5;
color: #eee; color: #eee;
} }
.sound a:hover, .sound a:hover,
.sound a:active { .sound a:active {
background-color: #790d0d; background-color: #790d0d;
transform: scale(.98); 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-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,20 +214,20 @@ 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), inset 5px 5px 5px rgba(255, 255, 255, .3);
transform: scale(1); transform: scale(1);
background-color: #b02222; background-color: #b02222;
} }
.unselectable { .unselectable {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
} }
#local-mode-button .local { #local-mode-button .local {
color: red; color: red;
} }