Permalink
Browse files

Update custom.css

Missing CSS update from my last commit. This will allow for a much better mobile experience by hiding some table columns when the screen viewport is smaller.
  • Loading branch information...
mojeda committed Mar 30, 2013
1 parent b7aa8b5 commit 401ad42cb07b1282b10a99136b0f3b0f7a2616c5
Showing with 22 additions and 33 deletions.
  1. +22 −33 templates/default/css/custom.css
@@ -1,36 +1,25 @@
body {
background: #ebebeb url('../img/bg.png');
body { background: #ebebeb url('../img/bg.png'); }
.content { background: #ffffff; padding: 20px; border-radius: 5px; border: 1px #cecece solid; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1); box-shadow: 0 1px 10px rgba(0, 0, 0, .1); margin-bottom: 20px; }
.table { background: #ffffff; margin-bottom: 0; border-collapse: collapse; border-radius: 3px; }
.table th { text-align: center; }
.table td { text-align: center; }
.progress { margin-bottom: 0; }
#ram, #hdd { min-width: 35px; max-width: 100px; }
@media only screen and (max-width: 768px) {
#host, tr td:nth-child(4) { display:none; visibility:hidden; }
#location, tr td:nth-child(5) { display:none; visibility:hidden; }
}
.content {
background: #ffffff;
padding: 20px;
border-radius: 5px;
border: 1px #cecece solid;
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
margin-bottom: 20px;
@media only screen and (max-width: 420px) {
#type, tr td:nth-child(3) { display:none; visibility:hidden; }
#host, tr td:nth-child(4) { display:none; visibility:hidden; }
#location, tr td:nth-child(5) { display:none; visibility:hidden; }
}
.table {
background: #ffffff;
margin-bottom: 0;
@media only screen and (max-width: 320px) {
body { font-size: 10px; }
.content { padding: 0; }
#name, tr td:nth-child(2) { min-width: 10px; max-width: 25px; text-overflow: ellipsis; white-spave: nowrape; overflow: hidden; }
#type, tr td:nth-child(3) { display:none; visibility:hidden; }
#host, tr td:nth-child(4) { display:none; visibility:hidden; }
#location, tr td:nth-child(5) { display:none; visibility:hidden; }
#uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
}
.table td img {
max-height: 20px;
max-width: 20px;
}
.table th {
text-align: center;
}
.table td.center {
text-align: center;
}
.progress {
margin-bottom: 0;
}

0 comments on commit 401ad42

Please sign in to comment.