@import "/assets/css/global.less";
html{ font-size:100%; height: 100%}
body {
font-family: @sans;
font-size: 16px;
position: relative;
color: @gray900;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
text-shadow: rgba(0,0,0,0.1) 0 0 1px;
background-color: @white;
overflow-x: hidden;
height: 100%;
min-height: 100%;
}
.main-wrap {
border-top: 2px solid @blueGrayDarken;
width: 100%;
height: 100%;
.wrap-content {
height: 100%;
background: url("/assets/img/new_east1.jpg") no-repeat 0 0;
background-size: contain;
}
}
.main-header {
background: @red;
color: @gray100;
.eastism {
padding: 10px 30px 10px 20px;
}
img {
height: 112px;
width: auto;
}
.testedu {
img {
height: 100px;
}
padding: 16px 20px;
background: @white;
}
}
.header__title {
font: 400 3rem @serif;
}
.bg-main {
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/assets/img/new_east1.jpg") no-repeat 50% 0;
background-size: cover;
.opacity(30);
}
.inner-wrap {
padding-bottom: 120px;
}
.main-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-top: 1px solid @blueGrayDarken;
background-color: @blueGrayDark;
font-size: 0.875rem;
font-weight: 300;
}
a, .btn-link {
color: @red;
&:hover, &:active {
color: @gray800;
}
outline: 0;
}
.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;
}
.home-tabs {
.border-radius(4px 4px 0 0);
background: rgba(255,255,255, 0.9);
}
.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;
}
}
.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;
}
}
.results-header {
flex-wrap: wrap;
}
@media (max-width:767px){
.results-header {
.alert {
font-size: 0.75rem;
}
}
}
@import "/assets/css/responsive.less";