responsive.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. /* media queries responsive */
  2. /* Responsive Docs
  3. -------------------------------------------------- */
  4. @media (max-width: 479px) {
  5. /* No chat in mobiles*/
  6. #chatmain {
  7. display:none;
  8. }
  9. #footer .container .row {
  10. padding-top:25px;
  11. }
  12. .resize_font {
  13. display:none;
  14. }
  15. h3 {
  16. font-size: 18px;
  17. }
  18. h4 {
  19. font-size: 16px;
  20. }
  21. .notification-panel {
  22. display:none;
  23. }
  24. #header2 .nav-pills {
  25. display:none;
  26. }
  27. }
  28. @media (max-width: 767px) {
  29. /* No chat in mobiles*/
  30. #chatmain {
  31. display:none;
  32. }
  33. #footer .container .row {
  34. padding-top:25px;
  35. }
  36. .notification-panel {
  37. display:none;
  38. }
  39. #header2 .nav-pills {
  40. display:none;
  41. }
  42. /* Remove any padding from the body */
  43. body {
  44. padding-top: 0;
  45. }
  46. #topbar_push {
  47. height: 0px;
  48. }
  49. /* Removing just for now*/
  50. #header4 {
  51. display:none;
  52. }
  53. /* Subnav */
  54. .subnav {
  55. border:1px solid #fff;
  56. position: static;
  57. top: auto;
  58. z-index: auto;
  59. width: 100%;
  60. height: auto;
  61. -webkit-box-shadow: none;
  62. -moz-box-shadow: none;
  63. box-shadow: none;
  64. }
  65. .subnav .nav > li {
  66. float: none;
  67. }
  68. .subnav .nav > li > a {
  69. border: 0;
  70. }
  71. .subnav .nav > li + li > a {
  72. border-top: 1px solid #e5e5e5;
  73. }
  74. .subnav .nav > li:first-child > a,
  75. .subnav .nav > li:first-child > a:hover {
  76. -webkit-border-radius: 4px 4px 0 0;
  77. -moz-border-radius: 4px 4px 0 0;
  78. border-radius: 4px 4px 0 0;
  79. }
  80. /* Unfloat the back to top link in footer */
  81. .footer .pull-right {
  82. float: none;
  83. }
  84. .footer p {
  85. margin-bottom: 9px;
  86. }
  87. }
  88. @media (min-width: 768px) and (max-width: 979px) {
  89. /* fixes tabs */
  90. .subnav .nav-tabs > li > a, .subnav .nav-pills > li > a {
  91. padding-left: 6px;
  92. padding-right: 6px;
  93. }
  94. }
  95. @media (max-width: 979px) {
  96. /* Remove any padding from the body */
  97. body {
  98. padding-top: 0;
  99. }
  100. #topbar_push {
  101. height: 0px;
  102. }
  103. }
  104. @media (min-width: 980px) and (max-width: 1024px) {
  105. /* fixes tabs */
  106. .subnav .nav-tabs > li > a, .subnav .nav-pills > li > a {
  107. padding-left: 6px;
  108. padding-right: 6px;
  109. }
  110. /* only for the course tools */
  111. #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] {
  112. float: left;
  113. }
  114. }
  115. /* LARGE DESKTOP SCREENS */
  116. @media (min-width: 1210px) {
  117. }