@import "/assets/css/global.less";
html{ font-size:100%; height: 100%}
body {
display: flex;
flex-direction: column;
background: @white;
color: @gray900;
font-family: @sans;
font-size: 16px;
width: 100%;
height: 100%;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
.main {
flex-grow: 1;
}
.upload-file .custom-file,
.upload-file .remove-file {
position: absolute;
opacity: 0;
height: 0;
}
.upload-file .active {
display: block;
position: relative;
height: auto;
opacity: 1;
transition: all 0.3s ease;
}
.upload-file p {
margin: 12px 0 8px;
}
.image.img-thumbnail {
max-width: 340px;
}
.bg-main {
z-index: -1;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url("/assets/img/online-testing.jpg") no-repeat 50% 0;
background-size: cover;
.opacity(80);
}
.main-header {
background: @red;
color: @gray100;
&__eastism {
padding: 10px 30px 10px 20px;
}
img {
height: 112px;
width: auto;
}
&__title {
flex-grow: 1;
font: 400 3rem @serif;
}
&__nav {
padding-right: 20px;
a, .btn-link {
color: @white;
&:hover, &:active {
color: @gray100;
}
}
}
}
a, .btn-link {
color: @red;
&:hover, &:active {
color: @gray800;
}
outline: 0;
code {
font-size: 110%;
}
}
.explanation {
cursor: pointer;
}
.btn-link {
font-size: 1.375rem;
}
.loading {
width: 100%;
height: 128px;
line-height: 128px;
text-align: center;
background: url("/assets/img/loading.svg") no-repeat 50% 50%;
}
h1, h2, h3, h4, h5 {
font-family: @serif;
font-weight: 700;
}
.breadcrumb {
font: 300 0.875rem @sans;
}
.list-group.list-group-ts .list-group-item {
font: 400 1.125rem @sans;
border-radius: 0;
border-width: 1px 0 0 0;
}
.list-group.list-group-ts .list-group-module {
margin: 0 1rem;
.list-group-item {
font: 300 1rem @sans;
span {
font-size: 0.625rem;
}
}
}
.form-group-disabled {
.opacity(50);
}
.form-wrap {
padding: 16px;
background-color: rgba(255,255,255,0.9);
.border-radius(8px);
.nav {
.nav-item {
min-width: 20%;
}
}
.tab-content {
border: 1px solid #dee2e6;
border-top: 0;
.border-radius(0px 0 8px 8px);
.tab-pane {
.border-radius(0px 0 7px 7px);
padding: 1.5rem 1.75rem 0.5rem 1.75rem;
}
}
strong {
font: 300 1rem @sans;
}
&__title {
margin: 1.5rem 0;
font-family: @sans;
font-weight: 400;
strong {
display: block;
font-weight: 700;
font-size: 1.675rem;
}
}
&__body {
margin: 2rem 0;
strong {
font-weight: 700;
}
}
}
.test-legend {
font-size: 0.875rem;
.legend-item {
margin: 1px;
padding: 0.25rem 0;
text-align: center;
width: 19%;
color: @gray500;
border: 1px solid @gray300;
cursor: pointer;
&.check {
color: @gray900;
background: @gray300;
border: 1px solid @gray500;
cursor: default;
}
}
}
.header-line {
padding: 1.25rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
border-top: 1px solid rgba(0,0,0,.125);
border-bottom: 1px solid rgba(0,0,0,.125);
header {
font: 400 1.375rem/1.4 @sans;
}
}
.entrant {
}
@import "/assets/css/responsive.less";