webinterface: Add links to the configuration wiki

[people/pmueller/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..661773675d64cd681ab2edb798705ad3c191de54 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 {
@@ -170,6 +169,19 @@ iframe {
        margin-bottom: 1em;
 }
 
+#main_header > * {
+       display: inline-block;
+       vertical-align: baseline;
+}
+
+#main_header > span {
+       margin-left: 0.8em;
+}
+
+#main_header img {
+       padding: 0;
+}
+
 #footer {
        height: 2.5em;
        margin-bottom: 1em;
@@ -328,3 +340,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: none;
+}
+.rrdimage button:focus {
+       outline: none;
+       box-shadow: none;
+}
+.rrdimage button.selected {
+       text-decoration: underline;
+}
+
+div.rrdimage > img {
+       padding: 0;
+       max-width: 100%;
+       min-height: 290px;
+}