html { position: relative; min-height: 100%; } body { margin-bottom: 60px; } footer { position: absolute; bottom: 0; } body { padding-top: 50px; padding-bottom: 50px; background-color:#888; } button { overflow: hidden; } #BrowseBreadrumb { overflow: auto; white-space: nowrap; } #BrowseBreadcrumb > li > a { cursor: pointer; } #counter { font-size: 22px; margin-left: 10px; min-width: 50px; } .card { min-height:350px; } @media only screen and (max-width: 576px) { .header-logo { display:none !important; } } .clickable { cursor: pointer; } .tblnum, .tblaction { width: 30px; } .album-cover { background-size:cover; border:1px solid black; border-radius:5px; overflow:hidden; margin-bottom:20px; width:240px; height:240px; background-color:#eee; } .hide { display: none !important; } .pull-right { float: right !important; } .card-toolbar { margin-bottom:10px; } .card-toolbar > div, .card-toolbar > form { margin-bottom:5px; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(/assets/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'); src: url(/assets/MaterialIcons-Regular.woff2) format('woff2'), url(/assets/MaterialIcons-Regular.woff) format('woff'), url(/assets/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 18px; /* Preferred icon size */ display:inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; vertical-align: top; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } .material-icons-small { font-size: 16px; } main { padding-top:20px; } .color-darkgrey { color:#6c757d; } .color-darkgrey:hover { color:#6c757d !important; } #btn-outputs-block > button { margin-bottom:10px; } #btn-outputs-block > button:last-child { margin-bottom:0px; } .card-body { overflow-x:hidden; } #progressBar { width:100%; margin-top:8px; } #volumeBar { margin-top:2px; width:160px; } .title-icon { float:left; margin-right:5px; font-size:1.8rem; } .header-logo { font-size:2rem; float:left; margin-right:5px; } .letters > button { width:28px; height:28px; } .col-md { max-width:250px; min-width:250px; } a.card-img-top { height:250px; overflow:hidden; display:block; } button.active { color: #fff; background-color: #28a745 !important; border-color: #28a745 !important; } div#alertBox { position:fixed; top: 50px; right:10px; width:80%; max-width:400px; z-index:1000; opacity:0; visibility:visible; transition:opacity 0.5s ease-in; } div.alertBoxActive { opacity:1 !important; visibility:visible !important; transition:opacity 0.5s ease-in; } .popover-content { padding-top:4px; padding-bottom:4px; } .opacity05 { opacity:0.5; } caption { caption-side: top; font-size: 120%; font-weight: bold; color: black; } .dragover > td { border-top:2px solid red; } [draggable] { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; /* Required to make elements draggable in old WebKit */ -khtml-user-drag: element; -webkit-user-drag: element; }