Accueil Explorer Aide
S'inscrire Connexion
shixiong
/
ServerStatus
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Branche: master
Branches Tags
ServerStatus
/
web
/
css
/
light.css

light.css 3.0 KB
Lien permanent Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 
  1. body { background: #ebebeb url('../img/light.png'); }
    2. 

  2. .navbar { min-height: 40px; }
    3. 

  3. .navbar-brand { color: #fff; padding: 10px; font-size: 20px; }
    4. 

  4. .dropdown .dropdown-toggle { padding-bottom: 10px; padding-top: 10px; }
    5. 

  5. .navbar-inverse .navbar-brand { color: #fff; padding: 10px; font-size: 20px; }
    6. 

  6. .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; }
    7. 

  7. .table { background: #ffffff; margin-bottom: 0; border-collapse: collapse; border-radius: 3px; }
    8. 

  8. .table th, .table td { text-align: center; }
    9. 

  9. .table-striped tbody > tr.even > td, .table-striped tbody > tr.even > th { background-color: #F9F9F9; }
    10. 

  10. .table-striped tbody > tr.odd > td, .table-striped tbody > tr.odd > th { background-color: #FFF; }
    11. 

  11. .progress { margin-bottom: 0; }
    12. 

  12. .progress-bar { color: #000; }
    13. 

  13. .table-hover > tbody > tr:hover > td { background: #E6E6E6; }
    14. 

  14. tr.even.expandRow > :hover { background: #F9F9F9 !important; }
    15. 

  15. tr.odd.expandRow > :hover { background: #FFF !important; }
    16. 

  16. .expandRow > td { padding: 0 !important; border-top: 0px !important; }
    17. 

  17. #cpu, #ram, #hdd, #network { min-width: 55px; max-width: 100px; }
    18. 

  18. #ping { min-width: 55px; max-width: 130px; }
    19. 

  19. 

  20. @media only screen and (max-width: 992px) {
    21. 

  21. 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
    22. 

  22. }
    23. 

  23. @media only screen and (max-width: 720px) {
    24. 

  24. 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
    25. 

  25. 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
    26. 

  26. 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
    27. 

  27. }
    28. 

  28. @media only screen and (max-width: 600px) {
    29. 

  29. 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
    30. 

  30. 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
    31. 

  31. 	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
    32. 

  32. 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
    33. 

  33. }
    34. 

  34. @media only screen and (max-width: 533px) {
    35. 

  35. 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
    36. 

  36. 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
    37. 

  37. 	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
    38. 

  38. 	#network, tr td:nth-child(8)		{ display:none; visibility:hidden; }
    39. 

  39. 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
    40. 

  40. }
    41. 

  41. @media only screen and (max-width: 450px) {
    42. 

  42. 	body								{ font-size: 10px; }
    43. 

  43. 	.content 							{ padding: 0; }
    44. 

  44. 	#name, tr td:nth-child(3)			{ min-width: 55px; max-width: 85px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    45. 

  45. 	#type, tr td:nth-child(4)			{ display:none; visibility:hidden; }
    46. 

  46. 	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
    47. 

  47. 	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
    48. 

  48. 	#network, tr td:nth-child(8)		{ display:none; visibility:hidden; }
    49. 

  49. 	#cpu, #ram, #hdd { min-width: 25px; max-width: 50px; }
    50. 

  50. 	#ping, tr td:nth-child(13)          { display:none; visibility:hidden; }
    51. 

  51. }
    52.