/* media queries responsive */ /* Responsive Docs -------------------------------------------------- */ @media (max-width: 479px) { /* No chat in mobiles*/ #chatmain { display:none; } #footer .container .row { padding-top:25px; } .resize_font { display:none; } h3 { font-size: 18px; } h4 { font-size: 16px; } .notification-panel { display:none; } #header2 .nav-pills { display:none; } } @media (max-width: 767px) { /* No chat in mobiles*/ #chatmain { display:none; } #footer .container .row { padding-top:25px; } .notification-panel { display:none; } #header2 .nav-pills { display:none; } /* Remove any padding from the body */ body { padding-top: 0; } #topbar_push { height: 0px; } /* Removing just for now*/ #header4 { display:none; } /* Subnav */ .subnav { border:1px solid #fff; position: static; top: auto; z-index: auto; width: 100%; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .subnav .nav > li { float: none; } .subnav .nav > li > a { border: 0; } .subnav .nav > li + li > a { border-top: 1px solid #e5e5e5; } .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /* Unfloat the back to top link in footer */ .footer .pull-right { float: none; } .footer p { margin-bottom: 9px; } } @media (min-width: 768px) and (max-width: 979px) { /* fixes tabs */ .subnav .nav-tabs > li > a, .subnav .nav-pills > li > a { padding-left: 6px; padding-right: 6px; } } @media (max-width: 979px) { /* Remove any padding from the body */ body { padding-top: 0; } #topbar_push { height: 0px; } } @media (min-width: 980px) and (max-width: 1024px) { /* fixes tabs */ .subnav .nav-tabs > li > a, .subnav .nav-pills > li > a { padding-left: 6px; padding-right: 6px; } /* only for the course tools */ #course_tools .row > [class*="span"], #course_tools .row-fluid > [class*="span"] { float: left; } } /* LARGE DESKTOP SCREENS */ @media (min-width: 1210px) { }