Mirrors/httpstatuses
1
0
Fork 0
mirror of https://github.com/rmaake1/httpstatuses.git synced 2024-09-15 14:02:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add basic responsive styles.

Browse Source
This commit is contained in:
Jonathan Warren 2013-07-07 10:06:03 +01:00
parent a697be9a21
commit 83f5d53ce1
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
assets/css/style.css
View File

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