Make the site more mobile-friendly.
This commit is contained in:
parent
979d3a2a5a
commit
556d1d3d58
@ -348,7 +348,8 @@ header .movie::after {
|
|||||||
background: url('../img/loading-spin.svg') no-repeat scroll center center transparent;
|
background: url('../img/loading-spin.svg') no-repeat scroll center center transparent;
|
||||||
}
|
}
|
||||||
header.play {
|
header.play {
|
||||||
height: 94% !important;
|
height: auto !important;
|
||||||
|
max-height: 94%;
|
||||||
}
|
}
|
||||||
header.play .movie {
|
header.play .movie {
|
||||||
display: block;
|
display: block;
|
||||||
@ -485,3 +486,26 @@ table .box.green {
|
|||||||
background: #6A6;
|
background: #6A6;
|
||||||
border: 1px solid #3C3;
|
border: 1px solid #3C3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 979px) {
|
||||||
|
.content {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
header .content {
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.pull-right, .pull-left {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
header h1 {
|
||||||
|
font-size: 4em;
|
||||||
|
}
|
||||||
|
header h2 {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user