79 lines
1.3 KiB
CSS
79 lines
1.3 KiB
CSS
body {
|
|
font-family: "Roboto", sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.table {
|
|
background-color: rgba(255, 255, 255, .8);
|
|
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
|
|
width: 350px;
|
|
margin: auto;
|
|
margin-top: 5%;
|
|
padding: 0px 20px 20px 20px;
|
|
}
|
|
|
|
.rankDnD {
|
|
background-color: dimgrey;
|
|
cursor: move;
|
|
}
|
|
|
|
.save-btn {
|
|
display:inline-block;
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
border-radius: 5px;
|
|
background-color: forestgreen;
|
|
color: white;
|
|
outline: 0;
|
|
padding: 5px 10px;
|
|
border: none;
|
|
}
|
|
|
|
.save-btn:active {
|
|
outline: 0;
|
|
}
|
|
|
|
#rank-table {
|
|
margin-left: 50%;
|
|
transform: translateX(-50%);
|
|
width: 100%;
|
|
}
|
|
|
|
#rank-table tr {
|
|
width: 100%;
|
|
}
|
|
|
|
.input-rankname {
|
|
display: inline-block;
|
|
margin-left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
|
|
.delete-rank {
|
|
background-color: orangered;
|
|
color: white;
|
|
padding: 3px;
|
|
}
|
|
|
|
.delete-rank:hover, .delete-rank:focus, .delete-rank:active {
|
|
background-color: #ff0223 !important;
|
|
}
|
|
|
|
#rank-table tr td {
|
|
border-bottom: 1px solid black;
|
|
padding: 5px 15px;
|
|
}
|
|
|
|
#rank-table tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
#rank-table > tr:not(:first-child):hover {
|
|
background-color: dimgrey;
|
|
cursor: move;
|
|
}
|
|
|
|
h2 {
|
|
text-align:center;
|
|
} |