1
0
mirror of https://github.com/Foltik/Shimapan synced 2024-11-15 17:18:05 -05:00
shimapan/app/public/css/subpanel/keys.css

105 lines
1.6 KiB
CSS
Raw Normal View History

2018-09-15 22:42:07 -04:00
.keys {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.key {
background: #000;
border: 3px solid #2a9fd6;
border-radius: 5px;
box-shadow: 5px 5px 10px #000;
margin: 20px;
width: 300px;
height: 100px;
cursor: pointer;
display: flex;
justify-content: flex-start;
flex-direction: row;
transition: box-shadow 0.2s;
overflow: hidden;
}
.key:hover {
box-shadow: 0 0 10px #eee;
}
.key i {
font-size: 48px;
margin: auto 0 auto 20px;
}
.key span {
font-size: 16px;
vertical-align: center;
margin: auto;
-moz-user-select: none;
user-select: none;
}
.key-name {
color: #2a9fd6;
font-family: 'Roboto Mono', monospace;
}
pre {
overflow: auto;
line-height: 1.7em;
font-family: 'Roboto Mono', monospace;
border: 1px solid #666;
border-radius: 4px;
display: block;
padding: 10px;
font-size: 14px;
margin: 10px 0;
background: #222;
color: #2a9fd6;
}
#createKey {
max-width: 920px;
}
.btn-del {
text-transform: uppercase;
border: 2px solid #ff6666;
color: #ccc;
}
.btn-del:hover {
background-color: #ff6666;
}
#identifier {
font-size: 14px;
background: #222;
color: #d3d3d3;
border: 1px solid #666;
border-radius: 4px;
padding: 10px;
margin: 10px 0;
}
th {
text-transform: uppercase;
font-weight: bold;
padding: 10px;
}
td {
padding: 10px;
}
td input {
vertical-align: middle;
}
td label {
margin-bottom: 2px;
padding-left: 3px;
}
em {
text-transform: uppercase;
font-weight: bold;
}