diff --git a/pages/statistics/statistics.css b/pages/statistics/statistics.css index c3403f1a..b441de12 100644 --- a/pages/statistics/statistics.css +++ b/pages/statistics/statistics.css @@ -23,6 +23,33 @@ th:first-child { text-align: left; } +select { + background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB3aWR0aD0iMTUiCiAgIGhlaWdodD0iOCIKICAgdmlld0JveD0iMCAwIDMuOTY4NzQ5OSAyLjExNjY2NjgiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzQ1NzkiCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuMyAoMjQwNTU0NiwgMjAxOC0wMy0xMSkiCiAgIHNvZGlwb2RpOmRvY25hbWU9IlplaWNobnVuZy5zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0NTczIiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBpZD0iYmFzZSIKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIKICAgICBpbmtzY2FwZTp6b29tPSI0NC44IgogICAgIGlua3NjYXBlOmN4PSI3LjU4MzUxNzMiCiAgICAgaW5rc2NhcGU6Y3k9IjYuMzkwODIzOCIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICB1bml0cz0icHgiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjgwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk5NyIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTY4MCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjUiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE0NTc2Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJFYmVuZSAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSIKICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0yOTQuODgzMjkpIj4KICAgIDxwYXRoCiAgICAgICBpZD0iWE1MSURfMjI0XyIKICAgICAgIGQ9Im0gMC4wODQ1MDcyMywyOTUuMjA1NjMgMS43NzQ1MTIxNywxLjcxNDUgYyAwLjAzMzE5OCwwLjAzMiAwLjA3ODM0NywwLjA1MDIgMC4xMjU0MTM1LDAuMDUwMiAwLjA0NzA2NywwIDAuMDkyMjE1LC0wLjAxODEgMC4xMjU0MTM0LC0wLjA1MDIgbCAxLjc3NDM5NDEsLTEuNzE0NSBjIDAuMDY5MzQ3LC0wLjA2NyAwLjA2OTM0NywtMC4xNzU1IDAsLTAuMjQyNDYgLTAuMDY5MzQ3LC0wLjA2NyAtMC4xODE2NDI5LC0wLjA2NyAtMC4yNTA5MzAyLDAgbCAtMS42NDg5NTExLDEuNTkzMjYgLTEuNjQ5MDI0OTIsLTEuNTkzMjYgYyAtMC4wMzQ2NzMxLC0wLjAzMzUgLTAuMDgwMTE3MSwtMC4wNTAyIC0wLjEyNTQxMzQ4LC0wLjA1MDIgLTAuMDQ1NDQzOSwwIC0wLjA5MDg4NzksMC4wMTY4IC0wLjEyNTQxMzQ3LDAuMDUwMiAtMC4wNjkzNDYyOSwwLjA2NyAtMC4wNjkzNDYyOSwwLjE3NTUgMS40NzVlLTUsMC4yNDI0NiB6IgogICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIKICAgICAgIHN0eWxlPSJzdHJva2Utd2lkdGg6MC4wMTE2MjgxMjtmaWxsOiNhZWFlYWU7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgICA8ZwogICAgICAgaWQ9ImczIgogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDEyMTY5NzMsMCwwLC0wLjAxMjAyMDU0LDMuOTMzMjg0NSwyOTYuOTg3OTkpIiAvPgogICAgPGcKICAgICAgIGlkPSJnNSIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KC0wLjAxMjE2OTczLDAsMCwtMC4wMTIwMjA1NCwzLjkzMzI4NDUsMjk2Ljk4Nzk5KSIgLz4KICAgIDxnCiAgICAgICBpZD0iZzciCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMTIxNjk3MywwLDAsLTAuMDEyMDIwNTQsMy45MzMyODQ1LDI5Ni45ODc5OSkiIC8+CiAgICA8ZwogICAgICAgaWQ9Imc5IgogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDEyMTY5NzMsMCwwLC0wLjAxMjAyMDU0LDMuOTMzMjg0NSwyOTYuOTg3OTkpIiAvPgogICAgPGcKICAgICAgIGlkPSJnMTEiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMTIxNjk3MywwLDAsLTAuMDEyMDIwNTQsMy45MzMyODQ1LDI5Ni45ODc5OSkiIC8+CiAgICA8ZwogICAgICAgaWQ9ImcxMyIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KC0wLjAxMjE2OTczLDAsMCwtMC4wMTIwMjA1NCwzLjkzMzI4NDUsMjk2Ljk4Nzk5KSIgLz4KICAgIDxnCiAgICAgICBpZD0iZzE1IgogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDEyMTY5NzMsMCwwLC0wLjAxMjAyMDU0LDMuOTMzMjg0NSwyOTYuOTg3OTkpIiAvPgogICAgPGcKICAgICAgIGlkPSJnMTciCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMTIxNjk3MywwLDAsLTAuMDEyMDIwNTQsMy45MzMyODQ1LDI5Ni45ODc5OSkiIC8+CiAgICA8ZwogICAgICAgaWQ9ImcxOSIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KC0wLjAxMjE2OTczLDAsMCwtMC4wMTIwMjA1NCwzLjkzMzI4NDUsMjk2Ljk4Nzk5KSIgLz4KICAgIDxnCiAgICAgICBpZD0iZzIxIgogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDEyMTY5NzMsMCwwLC0wLjAxMjAyMDU0LDMuOTMzMjg0NSwyOTYuOTg3OTkpIiAvPgogICAgPGcKICAgICAgIGlkPSJnMjMiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMTIxNjk3MywwLDAsLTAuMDEyMDIwNTQsMy45MzMyODQ1LDI5Ni45ODc5OSkiIC8+CiAgICA8ZwogICAgICAgaWQ9ImcyNSIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KC0wLjAxMjE2OTczLDAsMCwtMC4wMTIwMjA1NCwzLjkzMzI4NDUsMjk2Ljk4Nzk5KSIgLz4KICAgIDxnCiAgICAgICBpZD0iZzI3IgogICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDEyMTY5NzMsMCwwLC0wLjAxMjAyMDU0LDMuOTMzMjg0NSwyOTYuOTg3OTkpIiAvPgogICAgPGcKICAgICAgIGlkPSJnMjkiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMTIxNjk3MywwLDAsLTAuMDEyMDIwNTQsMy45MzMyODQ1LDI5Ni45ODc5OSkiIC8+CiAgICA8ZwogICAgICAgaWQ9ImczMSIKICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KC0wLjAxMjE2OTczLDAsMCwtMC4wMTIwMjA1NCwzLjkzMzI4NDUsMjk2Ljk4Nzk5KSIgLz4KICA8L2c+Cjwvc3ZnPgo="); + background-repeat: no-repeat; + background-position-x: 95%; + background-position-y: 50%; + -webkit-appearance: none; + -moz-appearance: none; + border-radius: 2px; + outline: 0; + padding-left: 5px !important; +} + +select, .button { + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; + height: 30px; + width: 40%; + padding: 0px; + margin: 0px; + background-color: #f5f5f5; + border-radius: 2px; + border: 1px solid #b2b2b2; + color: #5f5f5f; + font-size: 14px; +} + #statistics-overview { text-align: left; } @@ -41,21 +68,44 @@ th:first-child { .button { -moz-user-select: none; - background-color: #f5f5f5; - border-radius: 2px; - border: 1px solid #b2b2b2; - color: #5f5f5f; cursor: pointer; float: right; - font-size: 12px; outline: 0; - padding: 5px 22px; text-decoration: none; user-select: none; text-align: center; background: none; + display: flex; + justify-content: center; + align-items: center; } .button:hover { background-color: #e6e6e6; + filter: contrast(.5); +} + +#btn-statistics { + display: flex; + justify-content: space-between; +} + +@media (prefers-color-scheme: dark) { + + select:hover, .button:hover { + background-color: #434343; + filter: contrast(.5); + } + + select { + border: 1px solid #323232; + background-color: #3c3c3c; + color: #bbb; + } + + .button { + background-color: #3c3c3c; + border-color: #323232; + color: #bbb; + } } diff --git a/pages/statistics/statistics.html b/pages/statistics/statistics.html index 936ab0a1..46fe183a 100644 --- a/pages/statistics/statistics.html +++ b/pages/statistics/statistics.html @@ -21,14 +21,14 @@ -
Delete
+
Delete
Average (injections/day)-
Injected frameworks-
- +
@@ -38,7 +38,7 @@
CDNs
- +
Frameworks