Add basic responsive styles.

This commit is contained in:
Jonathan Warren 2013-07-07 10:06:03 +01:00
parent a697be9a21
commit 83f5d53ce1

View File

@ -25,8 +25,15 @@ a:hover {
}
#wrapper {
margin: 40px;
width: 600px;
margin: 0 auto;
padding: 10px;
max-width: 600px;
}
@media (min-width: 480px) {
#wrapper {
margin: 40px auto;
}
}
.header {
@ -75,6 +82,7 @@ a:hover {
font-size: 14px;
line-height: 24px;
}
#desc p {
margin-bottom: 10px;
}
@ -109,12 +117,18 @@ a:hover {
float: right;
}
.status_list .status {
width: 180px;
padding-right: 20px;
.status {
height: 70px;
float: left;
overflow: hidden;
width: 100%;
}
@media (min-width: 480px) {
.status {
margin: 0 2% 0 0;
width: 30%;
}
}
.status_list .status .st {
@ -126,7 +140,6 @@ a:hover {
font-size: 11px;
height: 46px;
overflow: hidden;
width: 160px;
}
#code_references {