roulette/static/style.css

141 lines
2 KiB
CSS
Raw Normal View History

2018-01-18 17:39:24 +00:00
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono');
2017-01-26 22:32:27 +00:00
body {
2018-01-18 17:39:24 +00:00
background: #d7ebff;
color: black;
2017-01-26 22:32:27 +00:00
text-align: center;
2018-01-18 17:39:24 +00:00
font-family: 'Ubuntu Mono', monospace;
margin: 0;
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
.center {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
a {
text-decoration: none;
color: black;
2017-01-26 22:32:27 +00:00
}
#banner {
2018-01-18 17:39:24 +00:00
width: 75%;
2018-01-28 22:29:05 +00:00
max-width: 550px;
margin-top: 32px;
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
#card {
margin: 32px auto;
padding: 32px 0 16px 0;
max-width: 600px;
2017-01-26 22:32:27 +00:00
background: white;
2018-01-18 17:39:24 +00:00
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
@media screen and (max-width: 640px) {
#card {
width: 80%;
}
#banner {
margin: 32px 32px 0 32px;
}
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
#chart {
margin-bottom: 16px;
}
2017-01-26 22:32:27 +00:00
2018-01-18 17:39:24 +00:00
.sep {
width: 100%;
height: 1px;
background-color: #DADADA;
margin: 16px;
box-sizing: border-box;
}
2017-01-26 22:32:27 +00:00
2018-01-18 17:39:24 +00:00
.desc {
font-size: 18px;
margin: 16px 0;
padding: 0 16px;
2017-01-26 22:32:27 +00:00
}
2018-01-28 22:29:05 +00:00
.button {
2018-01-18 17:39:24 +00:00
width: 132px;
height: 54px;
font-size: 20px;
margin: 16px auto;
border-radius: 3px;
font-weight: bold;
transition: all cubic-bezier(0.4, 0.0, 0.2, 1) 0.2s;
2017-01-26 22:32:27 +00:00
}
2018-01-28 22:29:05 +00:00
.button:hover {
2018-01-18 17:39:24 +00:00
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
0 3px 6px rgba(0, 0, 0, 0.23);
2017-01-26 22:32:27 +00:00
}
2018-01-28 22:29:05 +00:00
#play {
background-color: #9ce898;
}
#play:hover {
background-color: #7fd87b;
}
#tchak {
background-color: #e89898;
}
#tchak:hover {
background-color: #d87b7b;
}
2018-01-18 17:39:24 +00:00
.title {
font-size: 24px;
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
#history {
margin: 16px;
padding: 0 16px;
list-style-type: decimal-leading-zero;
list-style-position: inside;
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
li {
text-align: left;
2017-01-26 22:32:27 +00:00
}
2018-01-18 17:39:24 +00:00
li .normal {
2017-01-26 22:32:27 +00:00
color: black;
font-size: 80%;
}
2018-01-18 17:39:24 +00:00
li.ban {
2017-01-26 22:32:27 +00:00
color: red;
}
2018-01-18 17:39:24 +00:00
li.warn {
2017-01-26 22:32:27 +00:00
color: orange;
}
2018-01-18 17:39:24 +00:00
li.ok {
2017-01-26 22:32:27 +00:00
color: #1D1;
}
2018-01-28 22:29:05 +00:00
ul.flashes {
margin: -16px 16px 16px 16px;
list-style-type: none;
background-color: #1A2A3A;
padding: 8px;
border-radius: 3px;
color: #FAFAFA;
font-size: 18px;
2017-01-26 22:32:27 +00:00
}
ul.flashes li {
2018-01-28 22:29:05 +00:00
text-align: center;
2018-01-18 17:39:24 +00:00
}