You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
2.6 KiB
133 lines
2.6 KiB
<style type="text/css">
|
|
#hidden_form_item {
|
|
display: none;
|
|
}
|
|
|
|
body {
|
|
background: #a6a6a6;
|
|
}
|
|
|
|
.category {
|
|
max-width: 1200px;
|
|
font-family: sans-serif;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.category > .content {
|
|
background: white;
|
|
padding: 10px;
|
|
}
|
|
|
|
.category > .header {
|
|
background: #0DB0D8;
|
|
color: white;
|
|
margin: 0 0 5px 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.lab1 {
|
|
grid-area: lab1;
|
|
}
|
|
|
|
.lab2 {
|
|
grid-area: lab2;
|
|
}
|
|
|
|
.lab3 {
|
|
grid-area: lab3;
|
|
}
|
|
|
|
.lab4 {
|
|
grid-area: lab4;
|
|
}
|
|
|
|
.lab5 {
|
|
grid-area: lab5;
|
|
}
|
|
|
|
.input1 {
|
|
grid-area: input1;
|
|
}
|
|
|
|
.input2 {
|
|
grid-area: input2;
|
|
}
|
|
|
|
.input3 {
|
|
grid-area: input3;
|
|
}
|
|
|
|
.input4 {
|
|
grid-area: input4;
|
|
}
|
|
|
|
.input5 {
|
|
grid-area: input5;
|
|
}
|
|
|
|
.question {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.category > .content .options {
|
|
display: grid;
|
|
grid-template-areas: 'input1 input2 input3 input4 input5' 'lab1 lab2 lab3 lab4 lab5';
|
|
justify-content: center;
|
|
grid-auto-columns: 1fr;
|
|
}
|
|
|
|
.category > .content .grid-form {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
.category > .content .pre-text, .post-text {
|
|
text-align: center;
|
|
}
|
|
|
|
.category > .content .options > input {
|
|
align-self: center;
|
|
justify-self: center;
|
|
}
|
|
|
|
.category > .content .options > label {
|
|
text-align: center;
|
|
}
|
|
|
|
.btn-success {
|
|
background-color: #00a65a;
|
|
border-color: #008d4c;
|
|
}
|
|
.btn {
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
border: 1px solid transparent;
|
|
}
|
|
.btn-success {
|
|
color: #fff;
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c;
|
|
}
|
|
.btn {
|
|
display: inline-block;
|
|
padding: 6px 12px;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
}
|
|
</style>
|