diff --git a/style.css b/style.css index ec1777b4cd3a675d650e0cadc9cba53e71aac493..026b655d1bea40e406a8058f0fd6443991cf737e 100644 --- a/style.css +++ b/style.css @@ -94,20 +94,6 @@ body { } } -kbd { - background-color: rgb(17, 17, 17); - border-radius: 3px; - border: 1px solid #353535; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), - 0 2px 0 0 rgba(255, 255, 255, 0.7) inset; - color: rgb(202, 202, 202); - display: inline-block; - font-size: 0.85em; - font-weight: 700; - line-height: 1; - padding: 2px 4px; - white-space: nowrap; -} #upload { width: 0.1px; @@ -123,41 +109,12 @@ kbd { cursor: pointer; /* "hand" cursor */ } -summary::-webkit-details-marker { - display: none; -} -summary::marker { - display: none; - content: ""; -} -details[open] > summary::marker { - display: none; - content: ""; -} .currentColor { fill: #fff; color: #fff; } -summary:after { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpolyline points='6 9 12 15 18 9' /%3E%3C/svg%3E"); - filter: invert(1); - margin-top: -4px; - float: right; -} - -details[open] summary:after { - content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-x' width='24' height='24' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cline x1='18' y1='6' x2='6' y2='18' /%3E%3Cline x1='6' y1='6' x2='18' y2='18' /%3E%3C/svg%3E"); -} -details { - margin: 12px; - padding-top: 12px; - border-top: rgba(255, 255, 255, 0.3) solid 1px; -} -details[open] > *:not(summary) { - animation: details-show 150ms ease-in-out; -} @keyframes details-show { from { @@ -189,7 +146,6 @@ tbody > tr:hover { tbody > tr { border-top: 1px solid rgba(255, 255, 255, 0.3); - /* border-bottom: 1px solid rgba(255, 255, 255, 0.3); */ } .icon-tabler-grip-vertical { cursor: move;