theme: Fix CSS coding style.

[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 9e14c25ac5587923acfb8b8bb51e1f24755c3a5b..44ab46a46f3576ae196a5a1dd3ca3aac5511d6d2 100644 (file)
--- a/html/html/themes/ipfire/include/css/style.css
+++ b/html/html/themes/ipfire/include/css/style.css
@@ -16,6 +16,65 @@ html {
        height: 100%;
 }
 
+/* This decorates all tables with class="tbl" */
+
+table {
+       *border-collapse: collapse; /* IE7 and lower */
+       border-spacing: 0;
+}
+
+.tbl th {
+       color: #000000;
+       font-size: 14px;
+       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=);
@@ -58,6 +117,7 @@ body {
        font-family: "trebuchet ms", helvetica, sans-serif;
 }
 
+
 h1, h2, h3, h4, h5, h6 {
        font-size: 20px;
        font-weight: normal;
@@ -114,7 +174,7 @@ iframe {
 #logo {
        height: 65px;
        margin-top: 1em;
-       background: url('/themes/ipfire-new/images/tux2.png') no-repeat;
+       background: url('../../images/tux2.png') no-repeat;
 }
 
 #logo h1 {
@@ -128,12 +188,13 @@ iframe {
 
 .bigbox {
        margin: 0 auto;
-       margin-top: 1em;
+       margin-top: 0.5em;
        padding: 1.5em 2em 0 2em;
-       border-radius: 8px 8px 8px 8px;
-       -webkit-border-radius: 8px 8px 8px 8px;
-       background: #fff url('/themes/ipfire-new/images/n2.gif') 0px 0px repeat-x;
+       background: #fff url('../../images/n2.gif') 0px 0px repeat-x;
        border: 1px solid black;
+
+       border-radius: 3px 3px 3px 3px;
+       -webkit-border-radius: 3px 3px 3px 3px;
 }
 
 #main_inner {
@@ -155,8 +216,6 @@ iframe {
 }
 
 #main_inner .post {
-       border-radius: 8px 8px 8px 8px;
-       -webkit-border-radius: 8px 8px 8px 8px;
        border: 1px solid silver;
        padding: 1em 2em 1em 2em;
        margin-bottom: 1em;
@@ -188,7 +247,7 @@ input {
 }
 
 input.button {
-       background: #ca2f2f url('/themes/ipfire-new/images/n3.gif') repeat-x;
+       background: #ca2f2f url('../../images/n3.gif') repeat-x;
        color: #fff;
        border: solid 1px #a94b4b;
        font-weight: bold;
@@ -212,16 +271,12 @@ input.text {
        margin: 0 auto;
        margin-top: 0;
        padding-top: 0;
-       border-radius: 8px 8px 8px 8px;
-       -webkit-border-radius: 8px 8px 8px 8px;
        font-weight: 600;
        height: 32px;
        border: 1px solid black;
 }
 
 #cssmenu a {
-       border-radius: 8px 8px 8px 8px;
-       -webkit-border-radius: 8px 8px 8px 8px;
        color: #111111;
        display: inline-block;
        line-height: 32px;
@@ -253,7 +308,6 @@ input.text {
 
 #cssmenu .has-sub ul li a {
        min-width: 12em;
-       border-radius: 7px 7px 7px 7px;
        background: #ffffff;
        color: grey;
        display: block;
@@ -264,111 +318,4 @@ input.text {
 
 #cssmenu .has-sub ul li:hover a {
        background: #dddddd;
-       box-shadow: inset 0  5px 1px rgba(0, 0, 0, 0.15);
-       -webkit-box-shadow: inset 0  5px 1px rgba(0, 0, 0, 0.15);
-}
-
-/* Table */
-/* when using class='bordered' after tabletag */
-
-table {
-       *border-collapse: collapse; /* IE7 and lower */
-       border-spacing: 0;
-}
-
-.bordered th{
-       border-top: 1px solid grey;
-       border-bottom: 1px solid grey;
-       background: #cccccc;
-}
-
-.bordered th:first-child{
-       -moz-border-radius: 6px 0 0 0;
-       -webkit-border-radius: 6px 0 0 0;
-       border-radius: 6px 0 0 0;
-       border-left: 1px solid grey;
-       border-top: 1px solid grey;
-       border-bottom: 1px solid grey;
-}
-
-.bordered th:last-child {
-       -moz-border-radius: 0 6px 0 0;
-       -webkit-border-radius: 0 6px 0 0;
-       border-radius: 0 6px 0 0;
-       border-right: 1px solid grey;
-       border-top: 1px solid grey;
-       border-bottom: 1px solid grey;
-}
-
-.bordered th:only-child{
-       -moz-border-radius: 6px 6px 0 0;
-       -webkit-border-radius: 6px 6px 0 0;
-       border-radius: 6px 6px 0 0;
-       border: 1px solid grey;
-}
-
-.bordered tr:first-child td:first-child{
-       -moz-border-radius: 6px 0 0 0;
-       -webkit-border-radius: 6px 0 0 0;
-       border-radius: 6px 0 0 0;
-       border-left: 1px solid grey;
-       border-top: 1px solid grey;
-}
-
-.bordered tr:first-child td:last-child{
-       -moz-border-radius: 0 6px 0 0;
-       -webkit-border-radius: 0 6px 0 0;
-       border-radius: 0 6px 0 0;
-       border-top: 1px solid grey;
-}
-
-.bordered tr:first-child td:only-child{
-       -moz-border-radius: 6px 6px 0 0;
-       -webkit-border-radius: 6px 6px 0 0;
-       border-radius: 6px 6px 0 0;
-       border-left: 1px solid grey;
-       border-right: 1px solid grey;
-       border-top: 1px solid grey;
-}
-
-.bordered tr:first-child td{
-       border-top: 1px solid grey;
-}
-
-.bordered tr:last-child{
-       border-left: 1px solid grey;
-       border-right: 1px solid grey;
-}
-
-.bordered tr:last-child td:first-child {
-       -moz-border-radius: 0 0 0 6px;
-       -webkit-border-radius: 0 0 0 6px;
-       border-radius: 0 0 0 6px;
-       border-bottom: 1px solid grey;
-}
-
-.bordered tr:last-child td:last-child {
-       -moz-border-radius: 0 0 6px 0;
-       -webkit-border-radius: 0 0 6px 0;
-       border-radius: 0 0 6px 0;
-       border-bottom: 1px solid grey;
-}
-
-.bordered tr:last-child td:only-child {
-       -moz-border-radius: 0 0 6px 6px;
-       -webkit-border-radius: 0 0 6px 6px;
-       border-radius: 0 0 6px 6px;
-       border-bottom: 1px solid grey;
-}
-
-.bordered tr:last-child td {
-       border-bottom: 1px solid grey;
-}
-
-.bordered td:first-child {
-       border-left: 1px solid grey;
-}
-
-.bordered td:last-child {
-       border-right: 1px solid grey;
 }