127 lines
1.8 KiB
SCSS
127 lines
1.8 KiB
SCSS
//Homepage
|
|
.box{
|
|
position: absolute;
|
|
width: 100%;
|
|
background: #5850c7 url(https://d20ohkaloyme4g.cloudfront.net/img/hero-illustration-module.png) repeat;
|
|
color: #fff;
|
|
text-align: center;
|
|
margin-bottom: 0;
|
|
overflow-y:hidden;
|
|
}
|
|
.fullcontainer {
|
|
display: flex;
|
|
align-items: center;
|
|
height: -webkit-calc(100vh - 50px);
|
|
height: -moz-calc(100vh - 50px);
|
|
height: calc(100vh - 50px);
|
|
}
|
|
.fullcontainer h1{
|
|
font-size: 60px;
|
|
}
|
|
.fullcontainer h3{
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
|
|
.navbar-brand{
|
|
cursor:pointer
|
|
}
|
|
|
|
//Course page
|
|
.box2 {
|
|
background: #EAEBEC;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
.fullc{
|
|
background: white;
|
|
}
|
|
|
|
body {
|
|
padding-top: 70px;
|
|
}
|
|
.btn-grey{
|
|
background-color:#D8D8D8;
|
|
color:#FFF;
|
|
}
|
|
.rating-block{
|
|
background-color:#FAFAFA;
|
|
border:1px solid #EFEFEF;
|
|
padding:15px 15px 20px 15px;
|
|
border-radius:3px;
|
|
}
|
|
.bold{
|
|
font-weight:700;
|
|
}
|
|
.padding-bottom-7{
|
|
padding-bottom:7px;
|
|
}
|
|
|
|
.review-block{
|
|
background-color:#FAFAFA;
|
|
border:1px solid #EFEFEF;
|
|
padding:15px;
|
|
border-radius:3px;
|
|
margin-bottom:15px;
|
|
}
|
|
.review-block-name{
|
|
font-size:12px;
|
|
margin:10px 0;
|
|
}
|
|
.review-block-date{
|
|
font-size:12px;
|
|
}
|
|
.review-block-rate{
|
|
font-size:13px;
|
|
margin-bottom:15px;
|
|
}
|
|
.review-block-title{
|
|
font-size:15px;
|
|
font-weight:700;
|
|
margin-bottom:10px;
|
|
}
|
|
.review-block-description{
|
|
font-size:13px;
|
|
}
|
|
|
|
.animated {
|
|
-webkit-transition: height 0.2s;
|
|
-moz-transition: height 0.2s;
|
|
transition: height 0.2s;
|
|
}
|
|
|
|
.stars
|
|
{
|
|
margin: 20px 0;
|
|
font-size: 24px;
|
|
color: #d17581;
|
|
}
|
|
|
|
.nopointer{
|
|
|
|
}
|
|
|
|
.hr-line-dashed {
|
|
border-top: 1px dashed #E7EAEC;
|
|
color: #ffffff;
|
|
background-color: #ffffff;
|
|
height: 1px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 24px;
|
|
font-weight: 100;
|
|
}
|
|
.block3 {
|
|
background: white;
|
|
}
|
|
|
|
.search-form{
|
|
min-width:60vw;
|
|
}
|
|
|
|
.big-font{
|
|
font-size:25px;
|
|
} |