netmon.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .navbar {
  2. margin-bottom: 0px;
  3. }
  4. .button {
  5. position: absolute;
  6. right: 10px;
  7. width: 36px;
  8. text-align: center;
  9. overflow: hidden;
  10. height: 36px;
  11. padding: 0;
  12. cursor: pointer;
  13. border-radius: 6px 0 0 6px;
  14. font-size: 1.5em;
  15. line-height: 36px;
  16. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  17. background: #fff;
  18. border-radius: 5px;
  19. z-index: 1000;
  20. }
  21. .touch .button {
  22. border: 2px solid rgba(0, 0, 0, 0.2) !important;
  23. box-shadow: none;
  24. width: 48px;
  25. height: 48px;
  26. line-height: 44px;
  27. background-clip: padding-box;
  28. }
  29. #searchform {
  30. position: absolute;
  31. right: 55px;
  32. top: 60px;
  33. width: 300px;
  34. z-index: 910;
  35. }
  36. #sidebar>div {
  37. padding: 1em;
  38. }
  39. #sidebar {
  40. width: 380px;
  41. position: absolute;
  42. background-color: rgba(255, 255, 255, 0.8);
  43. top: 0px;
  44. right: 0px;
  45. height: 100%;
  46. -webkit-transition: width 0.3s;
  47. -moz-transition: width 0.3s;
  48. -o-transition: width 0.3s;
  49. transition: width 0.3s;
  50. max-width: 100%;
  51. display: inline;
  52. z-index: 900;
  53. overflow: auto;
  54. }
  55. #sidebar_button {
  56. top: 100px;
  57. }
  58. .touch #sidebar_button {
  59. top: 100px;
  60. }
  61. #geosearch_button {
  62. top: 150px;
  63. }
  64. .touch #geosearch_button {
  65. top: 150px;
  66. }
  67. #reload_button {
  68. top: 200px;
  69. }
  70. .touch #reload_button {
  71. top: 200px;
  72. }
  73. #live_button {
  74. top: 250px;
  75. }
  76. .touch #live_button {
  77. top: 250px;
  78. }