Improving colors

This commit is contained in:
relikd
2020-09-13 23:28:01 +02:00
parent 669881077a
commit 34fe1c1aae
2 changed files with 10 additions and 8 deletions

View File

@@ -116,7 +116,7 @@ td { padding: 0.2em 1em 0.2em 0.1em; }
display: inline-block; display: inline-block;
margin: 0.12em; margin: 0.12em;
} }
.tags i.trckr, .tags.trckr i { background: #F99; border-color: #C66; } .tags i.trckr, .tags.trckr i { background: #F9A7A7;; border-color: #B06363; }
p.trckr { font-size: 0.9em; margin-left: 0.5em; } p.trckr { font-size: 0.9em; margin-left: 0.5em; }
/* graphs */ /* graphs */
@@ -126,17 +126,17 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
} }
.dot-graph span { margin-right: 3px; }
.dot-graph span:hover i { border-top: 5px solid black; margin-top: -5px } .dot-graph span:hover i { border-top: 5px solid black; margin-top: -5px }
.dot-graph i { .dot-graph i {
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
background: #AAA; background: #AAA;
width: 1.5em; width: 1.5em;
height: 2em; height: 1.8em;
margin-bottom: 5px; margin-bottom: 5px;
} }
.dot-graph .trckr i { background: #D11; } .dot-graph i:first-of-type { margin-left: 0.1em; width: 1.4em; }
.dot-graph .trckr i { background: #AC2B4A; }
.dot-graph span:hover p { display: inline; } .dot-graph span:hover p { display: inline; }
.dot-graph p { .dot-graph p {
display: none; display: none;
@@ -145,10 +145,12 @@ p.trckr { font-size: 0.9em; margin-left: 0.5em; }
border: 0.4em solid black; border: 0.4em solid black;
padding: 0.3em 0.8em; padding: 0.3em 0.8em;
margin-top: -2.8em; margin-top: -2.8em;
margin-left: 0.1em;
} }
.cs0{stroke:#3AE48C} /* #AC2B4A #BB1C42 #CA0D3A */
.cs1{stroke:#D11} .cs0{stroke:#6AC45C}
.cs1{stroke:#CA0D3A}
/* responsive */ /* responsive */
@media(max-width: 647px) { @media(max-width: 647px) {

View File

@@ -3,9 +3,9 @@
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=0.75" /> <meta name="viewport" content="width=device-width, initial-scale=0.75" />
<script type="text/javascript" src="/static/script.js?3"></script> <script type="text/javascript" src="/static/script.js?4"></script>
<title>#_TITLE_#AppCheck: Privacy Monitor</title> <title>#_TITLE_#AppCheck: Privacy Monitor</title>
<link rel="stylesheet" type="text/css" href="/static/style.css?3"> <link rel="stylesheet" type="text/css" href="/static/style.css?4">
<link rel="stylesheet" type="text/css" href="/static/fonts/font.css"> <link rel="stylesheet" type="text/css" href="/static/fonts/font.css">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">