2
0

Make the site more mobile-friendly.

This commit is contained in:
Maarten Billemont 2014-10-07 19:55:36 -04:00
parent 979d3a2a5a
commit 556d1d3d58

View File

@ -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;
}
}