body { padding-top: 50px; padding-bottom: 50px; } .starter-template { padding: 40px 15px; } #volumeslider { width: 150px; float: left; } #volumeslider .progress { margin-bottom: 0; } button { overflow: hidden; } #volume-icon { float: left; margin-right: 10px; margin-top: 2px; } #volume-number { float: right; margin-top: 2px; margin-left: 10px; } #love { float: right; } #love > button > span { color: red; } #breadcrump { display: block; overflow: auto; white-space: nowrap; } #breadcrump > li > a { cursor: pointer; } #counter { font-size: 24px; margin-top: -6px; margin-left: 10px; min-width: 50px; } #search { margin-right: -10px; } .btn-group-hover { opacity: 20%; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); color: #428bca; background-color: #fdfdfd; border-color: #adadad; } @media (max-width: 1199px) { #btn-responsive-block > .btn { padding: 6px 12px; font-size: 14px; border-radius: 4px; } } h1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } td:nth-child(4), th:nth-child(4) { /* This *has* to be placed before any t[dh]:nth-last-child(2) for the override to work. */ min-width: 50%; } td:nth-last-child(2), th:nth-last-child(2) { text-align: right; width: 4em; } #salamisandwich td:nth-child(4) span { font-size: 90%; display: block; } td:nth-child(2), td:nth-child(3) { min-width: 25%; max-width: 10em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media only screen and (max-width: 600px) { td:nth-child(2), td:nth-child(3) { min-width: 0; max-width: 0; } td:nth-child(4), th:nth-child(4) { min-width: 10%; white-space: normal; } } tbody { cursor: pointer; } td:last-child, td:first-child { width: 30px; } .notifications { position: fixed; z-index: 9999; } /* Positioning */ .notifications.top-right { right: 10px; top: 60px; } /* Notification Element */ .notifications > div { position: relative; z-index: 9999; margin: 5px 0px; } button { overflow: hidden; } #trashmode span:last-child { display: inline-block; text-align: left; width: 2.8em; } #filter > a.active { font-weight: bold; pointer-events: none; cursor: default; text-decoration: none; color: black; } @media screen and (min-width: 992px) { .sticky { position: sticky; top: 55px; z-index: 99; } }