|
|
@ -1,7 +1,7 @@ |
|
|
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono'); |
|
|
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono'); |
|
|
|
|
|
|
|
|
body { |
|
|
body { |
|
|
background: #d7ebff; |
|
|
background: #ecf0f1; |
|
|
color: black; |
|
|
color: black; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-family: 'Ubuntu Mono', monospace; |
|
|
font-family: 'Ubuntu Mono', monospace; |
|
|
@ -30,7 +30,7 @@ a { |
|
|
margin: 32px auto; |
|
|
margin: 32px auto; |
|
|
padding: 32px 0 16px 0; |
|
|
padding: 32px 0 16px 0; |
|
|
max-width: 600px; |
|
|
max-width: 600px; |
|
|
background: white; |
|
|
background: #ffffff; |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), |
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), |
|
|
0 1px 2px rgba(0, 0, 0, 0.24); |
|
|
0 1px 2px rgba(0, 0, 0, 0.24); |
|
|
@ -70,6 +70,7 @@ a { |
|
|
margin: 16px auto; |
|
|
margin: 16px auto; |
|
|
border-radius: 3px; |
|
|
border-radius: 3px; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
|
|
|
color: #ffffff; |
|
|
transition: all cubic-bezier(0.4, 0.0, 0.2, 1) 0.2s; |
|
|
transition: all cubic-bezier(0.4, 0.0, 0.2, 1) 0.2s; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -79,19 +80,19 @@ a { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#play { |
|
|
#play { |
|
|
background-color: #9ce898; |
|
|
background-color: #636e72; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#play:hover { |
|
|
#play:hover { |
|
|
background-color: #7fd87b; |
|
|
background-color: #2d3436; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#tchak { |
|
|
#tchak { |
|
|
background-color: #e89898; |
|
|
background-color: #636e72; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#tchak:hover { |
|
|
#tchak:hover { |
|
|
background-color: #d87b7b; |
|
|
background-color: #2d3436; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
@ -139,3 +140,12 @@ ul.flashes { |
|
|
ul.flashes li { |
|
|
ul.flashes li { |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
table{ |
|
|
|
|
|
width:95%; |
|
|
|
|
|
border-collapse : collapse |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
td,th { |
|
|
|
|
|
border : thin solid black; |
|
|
|
|
|
} |
|
|
|