/* ------------------ COLORS BASED ON KDE BREEZE DARK ------------------ */ .button.is-breeze { background-color: #2980b9; border-color: transparent; color: #fff; } .button.is-breeze.is-hovered, .button.is-breeze:hover { background-color: #3daee9; border-color: transparent; color: #fff; } .button.is-breeze.is-active, .button.is-breeze:active { background-color: #3daee9; border-color: transparent; color: #fff; } .button.is-breeze.is-focus, .button.is-breeze:focus { border-color: transparent; color: #fff; } html { background-color: #232629; } .section { background: none; } .menu-list a { color: #2980b9; } .menu-list a:hover { color: #3daee9; background-color: #4d4d4d; } .menu-list a.is-active { color: #eff0f1; background-color: #2980b9; } .pagination a { color: #eff0f1; border-color: #4d4d4d; background-color: #31363b; } .pagination-link:hover, .pagination-next:hover, .pagination-previous:hover { color: #eff0f1; border-color: #3daee9; background-color: #31363b; } .label { color: #bdc3c7; } .menu-list li ul { border-left-color: #898b8d; } .image-container { display: flex; width: 200px; height: 200px; margin: 9px; background-color: #31363b; overflow: hidden; align-items: center; } .image-container .title { font-weight: normal; } .image-container .image { width: 100%; } .image-container { position: relative; } .image-container .file-checkbox { position: absolute; top: .75rem; left: .75rem; } .image-container .controls { display: flex; position: absolute; top: .75rem; right: .75rem; } .image-container .controls .button { border-radius: 0; } .image-container .controls .button:not(:active):not(:hover) { color: #fff; background-color: rgba(49, 54, 59, .75); } .image-container .name { position: absolute; left: .75rem; bottom: .75rem; right: .75rem; background-color: rgba(49, 54, 59, .75); color: #eff0f1; padding: .25rem; font-size: .75rem; } .image-container .name span { font-weight: 800; } /* Make extra info appear on hover only on non-touch devices */ .no-touch .image-container .file-checkbox { opacity: .25; transition: opacity .25s; } .no-touch .image-container .controls, .no-touch .image-container .name { opacity: 0; transition: opacity .25s; } .no-touch .image-container:hover .file-checkbox, .no-touch .image-container:hover .controls, .no-touch .image-container:hover .name { opacity: 1; } #page { /* fix overflow issue with flex */ min-width: 0; } .table-container { overflow-x: auto; } .table { color: #bdc3c7; background-color: #31363b; font-size: .75rem; } .table tr:hover, .table.is-striped tbody tr:nth-child(2n) { background: none; } .table.is-striped tbody tr:hover, .table.is-striped tbody tr:nth-child(2n):hover, .tag { background-color: #4d4d4d; } .table thead td, .table thead th { color: #eff0f1; background-color: #ff3860; } .table th { color: #eff0f1; height: 2.25em; } .table td, .table th { border: 0; white-space: nowrap; }