147 lines
1.8 KiB
CSS
147 lines
1.8 KiB
CSS
html
|
|
{
|
|
background-color: #000000;
|
|
color: #FFFFFF;
|
|
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
body
|
|
{
|
|
min-width: 960px;
|
|
max-width: 100vw;
|
|
margin: auto;
|
|
padding: 16px;
|
|
|
|
background-color: #202020;
|
|
color: #D0D0D0;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
#left,#middle,#right
|
|
{
|
|
flex-basis: 0;
|
|
flex-shrink: 1;
|
|
flex-grow: 1;
|
|
|
|
padding: 16px;
|
|
}
|
|
|
|
.codepane
|
|
{
|
|
width: 100%;
|
|
min-height: 640px;
|
|
tab-size: 16px;
|
|
|
|
background-color: #404040;
|
|
color: #FFFFFF;
|
|
|
|
border-color: #808080;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
|
|
padding: 8px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.action
|
|
{
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#form
|
|
{
|
|
width: 100%;
|
|
min-height: 240px;
|
|
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.formgen-input > label
|
|
{
|
|
display: block;
|
|
font-size: 80%;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.formgen-form-button
|
|
{
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.formgen-input-list-action
|
|
{
|
|
padding: 0 8px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.formgen-input-list-entries
|
|
,
|
|
.formgen-input-list-action-add
|
|
{
|
|
margin-left: 32px;
|
|
}
|
|
|
|
.formgen-input-list-entry
|
|
{
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.formgen-input-list-entry-input
|
|
{
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.formgen-input-group-fields
|
|
{
|
|
margin-left: 32px;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.formgen-input-group-field
|
|
{
|
|
flex-basis: 50%;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.formgen-input-group-field-marked > .formgen-input > label::after
|
|
{
|
|
content: " *";
|
|
}
|
|
|
|
.formgen-input-sum-selection
|
|
{
|
|
margin-bottom: 32px;
|
|
}
|
|
|
|
.formgen-input-sum-item-selector:not(:first-child)
|
|
{
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.formgen-input-sum-item-selector > label
|
|
{
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.formgen-input-sum-item-input:not(.formgen-input-sum-item-input-active)
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.formgen-input-sum-item-input > .formgen-input > label
|
|
{
|
|
display: none;
|
|
}
|