Gitlab CSE Unil

Commit 6902ec5f authored by Julien Furrer's avatar Julien Furrer
Browse files

Home page responsive adjust

parent fda5812c
......@@ -628,6 +628,15 @@ body.home #main-navbar {
padding-top: 0px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body.home #home-container {
padding: 20px 0 20px;
}
body.home #home-image {
padding-top: 15px;
margin-bottom: 10px;
}
}
#home-container {
background: #424242;
padding: 20px 0 40px;
......@@ -647,6 +656,26 @@ body.home #main-navbar {
border-color: rgba(220, 220, 220, 0.1);
padding: 7px 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
#home-container h1 {
font-size: 28px;
}
#home-container #home-action-box .well {
margin-bottom: 10px;
}
#home-container #home-action-box .local-login-head {
bottom: -10px;
}
#home-container #home-action-box .panel-collapse {
padding: 0px;
}
#home-container #home-action-box .btn-lg {
border-radius: 4px;
font-size: 14px;
line-height: 20px;
padding: 6px 12px;
}
}
#home-image {
padding-top: 20px;
margin-bottom: 40px;
......@@ -669,9 +698,23 @@ body.home #main-navbar {
height: 628px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#home-image img {
background: url("../img/image-home-sm.jpg") 0% 50% no-repeat;
width: 720px;
height: 525px;
}
}
#home-content {
color: #f2f2f2;
}
#home-content dd,
#home-content p {
margin-bottom: 0.66em;
line-height: 1.33;
letter-spacing: 0.03em;
font-weight: 300;
}
#main-home {
background-color: #eeeeee;
border-radius: 6px;
......
......@@ -197,6 +197,17 @@ input[type=number]::-webkit-outer-spin-button {
padding-top: 0px;
}
}
// Small
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
#home-container {
padding: 20px 0 20px;
}
#home-image {
padding-top: 15px;
margin-bottom: 10px;
}
}
}
body.home {
......@@ -212,6 +223,8 @@ body.home {
#home-container {
@title-color: #EFEFEF;
background: @x-bodyBg;
padding: 20px 0 40px;
h1 {
color: @title-color;
font-weight: 400;
......@@ -233,7 +246,37 @@ body.home {
}
}
padding: 20px 0 40px;
// Large
@media (min-width: @screen-lg-min) {
}
// Medium
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
}
// Small
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
h1 {
font-size: 28px;
}
#home-action-box {
.well {
margin-bottom: 10px;
}
.local-login-head {
bottom: -10px;
}
.panel-collapse {
padding: 0px;
}
.btn-lg {
border-radius: 4px;
font-size: 14px;
line-height: 20px;
padding: 6px 12px;
}
}
}
}
#home-image {
......@@ -255,6 +298,12 @@ body.home {
width: 940px;
height: 628px;
}
// Small
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
background: url("../img/image-home-sm.jpg") 0% 50% no-repeat;
width: 720px;
height: 525px;
}
}
......@@ -262,6 +311,13 @@ body.home {
#home-content {
color: @home-color;
dd, p {
// text-align: justify;
margin-bottom: 0.66em;
line-height: 1.33;
letter-spacing: 0.03em;
font-weight: 300;
}
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment