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

added responsive styles from nmec

Browse Source
This commit is contained in:
Samuel Ryan 2013-08-01 04:03:27 +01:00
parent 96f22925ca
commit e035e9b051
1 changed files with 32 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
assets/css/style.css
View File

@ -17,7 +17,7 @@ body {
a { a {
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
color: #d6156c; color: #D6156C;
} }
a:hover { a:hover {
@ -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: 20px auto;
}
} }
.header { .header {
@ -51,6 +58,18 @@ a:hover {
display: block; display: block;
} }
#advert{
background-color: #FFEAF2;
height: 20px;
padding: 15px 0;
width: 100%;
}
.ad{
margin: auto;
width: 600px;
}
#return { #return {
font-size: 14px; font-size: 14px;
} }
@ -65,16 +84,12 @@ a:hover {
margin-bottom: 10px; margin-bottom: 10px;
} }
#intro a {
text-decoration: none;
color: #AAA;
}
#desc { #desc {
font-family: Georgia; font-family: Georgia;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
} }
#desc p { #desc p {
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -109,12 +124,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 +147,6 @@ a:hover {
font-size: 11px; font-size: 11px;
height: 46px; height: 46px;
overflow: hidden; overflow: hidden;
width: 160px;
} }
#code_references { #code_references {