dark.css 5.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. body { background: #212e36 url('../img/dark.png'); color: #dcdcdc; }
  2. .navbar { min-height: 40px; }
  3. .navbar-brand { color: #FFF !important; padding: 10px; font-size: 20px; }
  4. .dropdown .dropdown-toggle { padding-bottom: 10px; padding-top: 10px; }
  5. .dropdown-menu > li > a { color: #FFF !important; background-color: #222222 !important; }
  6. .dropdown-menu > li > a:hover { color: #FFF !important; background: #000 !important; }
  7. .dropdown-menu { background: #222 !important; background-color: #222222 !important; }
  8. .navbar-inverse .navbar-inner { background-color:#1B1B1B; background-image:-moz-linear-gradient(top, #222222, #111111); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image:-webkit-linear-gradient(top, #222222, #111111); background-image:-o-linear-gradient(top, #222222, #111111); background-image:linear-gradient(to bottom, #212e36, #212e36); background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; }
  9. .content { background: #212e36; padding: 20px; border-radius: 5px; border: 1px #212e36 solid; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0); margin-bottom: 20px; }
  10. .table { background: #363b40; margin-bottom: 0; border-collapse: collapse; border-radius: 3px; }
  11. .table th { text-align: center; }
  12. .table-striped tbody > tr.even > td, .table-striped tbody > tr.even > th { background-color: #212e36; }
  13. .table-striped tbody > tr.odd > td, .table-striped tbody > tr.odd > th { background-color: #212e36; }
  14. .table td { text-align: center; border-color: #2F2F2F; }
  15. .progress { margin-bottom: 0; background: #363b40; }
  16. .table-hover > tbody > tr:hover > td { background: #414141; }
  17. tr.even.expandRow > :hover { background: #212e36 !important; }
  18. tr.odd.expandRow > :hover { background: #212e36 !important; }
  19. .expandRow > td { padding: 0 !important; border-top: 0px !important; }
  20. #month_traffic { min-width: 85px; max-width: 95px;}
  21. #network { min-width: 115px; }
  22. #cpu, #ram, #hdd { min-width: 45px; max-width: 90px; }
  23. #ping { max-width: 95px; }
  24. @media only screen and (max-width: 1080px) {
  25. #type, tr td:nth-child(4) { display:none; visibility:hidden; }
  26. #location, tr td:nth-child(5) { display:none; visibility:hidden; }
  27. #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
  28. #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
  29. }
  30. @media only screen and (max-width: 720px) {
  31. body { font-size: 10px; }
  32. .content { padding: 0; }
  33. #type, tr td:nth-child(4) { display:none; visibility:hidden; }
  34. #location, tr td:nth-child(5) { display:none; visibility:hidden; }
  35. #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
  36. #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
  37. }
  38. @media only screen and (max-width: 620px) {
  39. body { font-size: 10px; }
  40. .content { padding: 0; }
  41. #month_traffic, tr td:nth-child(2) { display:none; visibility:hidden; }
  42. #type, tr td:nth-child(4) { display:none; visibility:hidden; }
  43. #location, tr td:nth-child(5) { display:none; visibility:hidden; }
  44. #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
  45. #traffic, tr td:nth-child(9) { display:none; visibility:hidden; }
  46. #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
  47. }
  48. @media only screen and (max-width: 533px) {
  49. body { font-size: 10px; }
  50. .content { padding: 0; }
  51. #month_traffic, tr td:nth-child(2) { display:none; visibility:hidden; }
  52. #type, tr td:nth-child(4) { display:none; visibility:hidden; }
  53. #location, tr td:nth-child(5) { display:none; visibility:hidden; }
  54. #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
  55. #traffic, tr td:nth-child(9) { display:none; visibility:hidden; }
  56. #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
  57. }
  58. @media only screen and (max-width: 450px) {
  59. body { font-size: 10px; }
  60. .content { padding: 0; }
  61. #month_traffic, tr td:nth-child(2) { display:none; visibility:hidden; }
  62. #name, tr td:nth-child(3) { min-width: 55px; max-width: 85px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
  63. #type, tr td:nth-child(4) { display:none; visibility:hidden; }
  64. #location, tr td:nth-child(5) { display:none; visibility:hidden; }
  65. #uptime, tr td:nth-child(6) { display:none; visibility:hidden; }
  66. #traffic, tr td:nth-child(9) { display:none; visibility:hidden; }
  67. #cpu, #ram, #hdd { min-width: 25px; max-width: 50px; }
  68. #ping, tr td:nth-child(13) { display:none; visibility:hidden; }
  69. }