responsive.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. /* media queries responsive */
  2. /* Responsive Docs
  3. -------------------------------------------------- */
  4. @media (max-width: 480px) {
  5. .resize_font {
  6. display:none;
  7. }
  8. h3 {
  9. font-size: 18px;
  10. }
  11. h4 {
  12. font-size: 16px;
  13. }
  14. }
  15. @media (max-width: 768px) {
  16. /* Remove any padding from the body */
  17. body {
  18. padding-top: 0;
  19. }
  20. #topbar_push {
  21. height: 0px;
  22. }
  23. /* Removing just for now*/
  24. #header4{
  25. display:none;
  26. }
  27. #header2 {
  28. }
  29. /* Subnav */
  30. .subnav {
  31. border:1px solid #fff;
  32. position: static;
  33. top: auto;
  34. z-index: auto;
  35. width: 100%;
  36. height: auto;
  37. -webkit-box-shadow: none;
  38. -moz-box-shadow: none;
  39. box-shadow: none;
  40. }
  41. .subnav .nav > li {
  42. float: none;
  43. }
  44. .subnav .nav > li > a {
  45. border: 0;
  46. }
  47. .subnav .nav > li + li > a {
  48. border-top: 1px solid #e5e5e5;
  49. }
  50. .subnav .nav > li:first-child > a,
  51. .subnav .nav > li:first-child > a:hover {
  52. -webkit-border-radius: 4px 4px 0 0;
  53. -moz-border-radius: 4px 4px 0 0;
  54. border-radius: 4px 4px 0 0;
  55. }
  56. /* Popovers */
  57. .large-bird {
  58. display: none;
  59. }
  60. .popover-well .popover-wrapper {
  61. margin-left: 0;
  62. }
  63. /* Space out the show-grid examples */
  64. .show-grid [class*="span"] {
  65. margin-bottom: 5px;
  66. }
  67. /* Unfloat the back to top link in footer */
  68. .footer .pull-right {
  69. float: none;
  70. }
  71. .footer p {
  72. margin-bottom: 9px;
  73. }
  74. }
  75. @media (min-width: 480px) and (max-width: 768px) {
  76. .notification-panel {
  77. display:none;
  78. }
  79. #header2 .nav-pills {
  80. display:none;
  81. }
  82. }
  83. @media (min-width: 768px) and (max-width: 980px) {
  84. }
  85. @media (max-width: 980px) {
  86. /* Remove any padding from the body */
  87. body {
  88. padding-top: 0;
  89. }
  90. #topbar_push {
  91. height: 0px;
  92. }
  93. }
  94. /* LARGE DESKTOP SCREENS */
  95. @media (min-width: 1210px) {
  96. }