rrdimage: Add CSS and Javascript to ipfire theme

[people/teissler/ipfire-2.x.git] / html / html / themes / ipfire / include / css / style.css

diff --git a/html/html/themes/ipfire/include/css/style.css b/html/html/themes/ipfire/include/css/style.css
index e0ac3cd1168c9869397f266638acc40aeff5ee01..10644a9f822d8c0bd026a2d5c921ea992924a13b 100644 (file)
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -115,7 +115,6 @@ iframe {
 #logo {
        height: 65px;
        margin-top: 1em;
-       background: url('../../images/tux2.png') no-repeat;
 }
 
 #logo h1 {
@@ -328,3 +327,39 @@ table {
 table.fw-nat tbody tr td {
        height: 2.25em;
 }
+
+/* RRD graph images */
+
+div.rrdimage > ul {
+       list-style-type: none;
+       margin: 0;
+       display: flex;
+       justify-content: center;
+}
+.rrdimage li:not(:first-child)::before {
+       content: "-";
+       padding: 0 0.3em;
+}
+
+.rrdimage button {
+       padding: 0.3em;
+       font-weight: 700;
+       color: #d90000; /* link color */
+       border: none;
+       background: none;
+       cursor: pointer;
+       text-decoration: underline;
+}
+.rrdimage button:focus {
+       outline: none;
+       box-shadow: none;
+}
+.rrdimage button.selected {
+       background-color: rgba(135, 203, 0, 0.2);
+}
+
+div.rrdimage > img {
+       box-sizing: border-box;
+       max-width: 100%;
+       min-height: 290px;
+}