body { background: #ebebeb url('../img/light.png') repeat; font-size: 15px; padding-top: 70px; padding-bottom: 30px; } .navbar { min-height: 40px; background-color: #333; } .navbar-brand { color: #fff; padding: 10px; font-size: 20px; } .dropdown .dropdown-toggle { padding-bottom: 10px; padding-top: 10px; } .navbar-inverse .navbar-brand { color: #fff; padding: 10px; font-size: 20px; } .content { background: #ffffff; padding: 20px; border-radius: 5px; border: 1px solid #cecece; box-shadow: 0 1px 10px rgba(0, 0, 0, .1); margin-bottom: 20px; } .table { background: #ffffff; margin-bottom: 0; border-collapse: collapse; border-radius: 3px; width: 100%; } .table th, .table td { text-align: center; padding: 8px; } .table-striped tbody tr:nth-child(even) { background-color: #F9F9F9; } .table-striped tbody tr:nth-child(odd) { background-color: #FFF; } .progress { margin-bottom: 0; } .progress-bar { color: #000; overflow: visible; } .table-hover tbody tr:hover td { background: #E6E6E6; } tr.even.expandRow:hover { background: #F9F9F9 !important; } tr.odd.expandRow:hover { background: #FFF !important; } .expandRow td { padding: 0 !important; border-top: 0 !important; } #month_traffic { min-width: 85px; max-width: 95px; } #traffic, #network { width: 170px; } #cpu, #ram, #hdd { min-width: 45px; max-width: 68px; } #ping { width: 115px; } @media only screen and (max-width: 1200px) { body { font-size: 10px; } .content { padding: 0; } #traffic, #network { width: 120px; } #type, #location, #uptime, #ping { display: none; visibility: hidden; } } @media only screen and (max-width: 720px) { body { font-size: 10px; } .content { padding: 0; } #traffic, #network { width: 120px; } #month_traffic, #type, #location, #uptime, #ping { display: none; visibility: hidden; } } @media only screen and (max-width: 620px) { body { font-size: 10px; } .content { padding: 0; } #network { width: 120px; } #month_traffic, #type, #location, #uptime, #traffic, #ping { display: none; visibility: hidden; } } .navbar-nav .nav-link { padding-top: 0.5rem; padding-bottom: 0.5rem; line-height: 1.5; } .navbar-nav .dropdown-toggle::after { vertical-align: 0.15em; }