186e66a103
- Style all button and inputs on admin pages with Roboto Mono font (and sans-serif as a fallback) with 1em font size; - Remove unneeded transition effect property declaration on text hover, as the regular declaration is applied when switching from hover state to regular state. - Add NPC dedicated stylesheet in which specific NPC style has been added; - Use an icon where the picture of a NPC is not available (like when adding a new one) and provide the NPC picture as the picture instead of the edition page itself; - Move NPC's JavaScript in a dedicated file, improve its code and fix its access to DOM elements.
76 lines
1.2 KiB
CSS
76 lines
1.2 KiB
CSS
button {
|
|
display: flex;
|
|
}
|
|
|
|
button, input {
|
|
background-color: transparent;
|
|
border-color: var(--admin-white-color);
|
|
border-style: solid;
|
|
border-width: 0.125em;
|
|
color: var(--admin-white-color);
|
|
margin: 1em;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
input[type="text"] {
|
|
width: 20em;
|
|
}
|
|
|
|
.action_buttons, .answer_groups {
|
|
align-content: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.action_button {
|
|
align-items: center;
|
|
border-radius: 1em;
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
padding: 0.25em;
|
|
}
|
|
|
|
.action_button:hover {
|
|
background-color: var(--admin-white-color);
|
|
color: var(--admin-grey-color);
|
|
}
|
|
|
|
.action_button:hover > .action_icon {
|
|
fill: var(--admin-grey-color);
|
|
}
|
|
|
|
.action_icon {
|
|
height: 2em;
|
|
transition-property: fill;
|
|
width: 2em;
|
|
}
|
|
|
|
.character_image {
|
|
width: 15em;
|
|
}
|
|
|
|
.character_image, #npc_name {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.character_image, #npc_name {
|
|
display: block;
|
|
}
|
|
|
|
.info_item {
|
|
font-size: 1.25em;
|
|
}
|
|
|
|
.info_item, .section_title {
|
|
text-align: center;
|
|
}
|
|
|
|
.section_title {
|
|
font-size: 1.5em;
|
|
margin: 1em;
|
|
}
|