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 aa7bd16b9d98ecbb606ced26d81324f156ee76a5..661773675d64cd681ab2edb798705ad3c191de54 100644 (file)
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -2,7 +2,7 @@
 /* This controls the width of the fixed width layouts */
 
 .fixed {
-       width: 910px !important;
+       width: 960px !important;
 }
 
 /* Basic Stuff */
@@ -16,64 +16,6 @@ html {
        height: 100%;
 }
 
-/* This decorates all tables with class="tbl" */
-
-table {
-       *border-collapse: collapse; /* IE7 and lower */
-       border-spacing: 0;
-}
-
-.tbl th {
-       color: #000000;
-       border-top: 1px solid grey;
-       border-bottom: 1px solid grey;
-       background: #cccccc;
-}
-
-.tbl th:first-child {
-       border-left: 1px solid grey;
-       border-top: 1px solid grey;
-       border-bottom: 1px solid grey;
-}
-
-.tbl th:last-child {
-       border-right: 1px solid grey;
-       border-top: 1px solid grey;
-       border-bottom: 1px solid grey;
-}
-
-.tbl th:only-child {
-       border: 1px solid grey;
-}
-
-.tbl tr td:first-child {
-       border-left: 1px solid grey;
-}
-
-.tbl tr td:last-child {
-       border-right: 1px solid grey;
-}
-
-.tbl tr:first-child td:only-child {
-       border-top: 1px solid grey;
-}
-
-.tbl tr:last-child td:only-child {
-       border-bottom: 1px solid grey;
-}
-
-.tbl tr:last-child td:first-child {
-       border-bottom: 1px solid grey;
-}
-
-.tbl tr:last-child td:last-child {
-       border-bottom: 1px solid grey;
-}
-
-.tbl tr:last-child td {
-       border-bottom: 1px solid grey;
-}
-
 body {
        /* SVG as background image (IE9/Chrome/Safari/Opera) */
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgwNDAwIiBvZmZzZXQ9IjU3JSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2ODQpIiAvPgo8L3N2Zz4=);
@@ -113,7 +55,7 @@ body {
        background-attachment: fixed;
 
        font-size: 9pt;
-       font-family: "trebuchet ms", helvetica, sans-serif;
+       font-family: "DejaVu Sans", Helvetica, sans-serif;
 }
 
 
@@ -124,7 +66,7 @@ h1, h2, h3, h4, h5, h6 {
        text-align: left;
 }
 
-h2, h3, h4, h5, h6 {
+h1 {
        color: #66000F;
 }
 
@@ -173,13 +115,13 @@ iframe {
 #logo {
        height: 65px;
        margin-top: 1em;
-       background: url('../../images/tux2.png') no-repeat;
 }
 
 #logo h1 {
        color: #fff;
        font-size: 3.6em;
        font-weight: bold;
+       padding-top: 0.2em;
        padding-left: 1.7em;
 }
 
@@ -223,10 +165,23 @@ iframe {
 
 #main_inner .post h2 {
        border-bottom: dotted 1px #e1e1e1;
-       font-size: 0.8em;
+       font-size: 1.6em;
        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;
@@ -318,3 +273,106 @@ input.text {
 #cssmenu .has-sub ul li:hover a {
        background: #dddddd;
 }
+
+/* This decorates all tables with class="tbl" */
+
+table {
+       *border-collapse: collapse; /* IE7 and lower */
+       border-spacing: 0;
+}
+
+.tbl th {
+       color: #000000;
+       border-top: 1px solid lightgrey;
+       border-bottom: 1px solid lightgrey;
+       background: #cccccc;
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+}
+
+.tbl th:first-child {
+       border-left: 1px solid lightgrey;
+       border-top: 1px solid lightgrey;
+       border-bottom: 1px solid lightgrey;
+}
+
+.tbl th:last-child {
+       border-right: 1px solid lightgrey;
+       border-top: 1px solid lightgrey;
+       border-bottom: 1px solid lightgrey;
+}
+
+.tbl th:only-child {
+       border: 1px solid lightgrey;
+}
+.tbl td{
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+}
+.tbl tr td:first-child {
+       border-left: 1px solid lightgrey;
+}
+
+.tbl tr td:last-child {
+       border-right: 1px solid lightgrey;
+}
+
+.tbl tr:first-child td {
+       border-top: 1px solid lightgrey;
+}
+
+.tbl tr:last-child td:only-child {
+       border-bottom: 1px solid lightgrey;
+}
+
+.tbl tr:last-child td:first-child {
+       border-bottom: 1px solid lightgrey;
+}
+
+.tbl tr:last-child td:last-child {
+       border-bottom: 1px solid lightgrey;
+}
+
+.tbl tr:last-child td {
+       border-bottom: 1px solid lightgrey;
+}
+
+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;
+}