themes/freifunk-generic: Make 'tr.cbi-section-table-descr th' bold

[project/luci.git] / themes / freifunk-generic / htdocs / luci-static / freifunk-generic / cascade.css

diff --git a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
index c00c65a..3d226dd 100644 (file)
--- a/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
+++ b/themes/freifunk-generic/htdocs/luci-static/freifunk-generic/cascade.css
@@ -8,7 +8,7 @@ html {
 }
 
 body {
-       color: #cccccc;
+       color: #ccc;
        background:#e5eef5 url(bg.jpg) repeat-x top left;
        font-family: Verdana, Arial, sans-serif;
        font-size: 100%;
@@ -17,7 +17,7 @@ body {
 }
 
 html, body {
-height: 99%;
+       height: 99%;
 }
 
 * {
@@ -64,6 +64,10 @@ code {
        clear: both;
 }
 
+a img {
+       border: 0;
+}
+
 .skiplink,
 .navigation,
 .hidden {
@@ -77,47 +81,62 @@ code {
 }
 
 .error {
-       color: #ff0000;
+       color: #f00;
        background-color: white;
 }
 
-#header {
-       min-height: 98px;
+.errorbox {
+       border: 1px solid #F00;
+       background-color: #FCC;
+       padding: 5px;
+}
+
+#header {height: auto;
        background: #FFF url(header.jpg) repeat-x left bottom;
-       color: #cccccc;
+       color: #ccc;
        font-weight: bold;
+       text-align:right;
+}
+
+.header_left img {
+       padding: 10px 10px 0px 10px;
 }
 
-#header_left{
-position: absolute;
-text-align:left;
-top: 42px;
+.header_banner {
+       overflow:hidden;
+       padding-bottom: 6px;
+       text-align:left;
 }
 
-#header_left a{
-color: #dc0067;
-font: bold 28px Helvetica;
-text-decoration: none;
+.header_banner img{
+       padding: 0px;
 }
 
-#header_right{
-text-align:right;
+.header_left{
+       text-align:left;
 }
 
-#header h1 {
-       padding: 1em 1em 0 1em;
+.header_left a{
+       color: #dc0067;
+       font: bold 36px Helvetica;
+       text-decoration: none;
 }
 
-#header p {
-       padding: 0 1em 1em 1em;
+.header_left .spacer {
+height: 12px;
+min-height:12px;
+width:99%;
 }
 
 #header h1,
-#header p {
+.header_right {
+       position: absolute;
+       text-align: right;
+       top: 10px;
+       right: 10px;
        font-size: 70%;
        font-weight: normal;
        line-height: 160%;
-       text-align: right;
 }
 
 ul.dropdowns {
@@ -238,7 +257,6 @@ html #menubar a:visited {
        font-weight: normal;
 }
 
-
 html #menubar a:link:hover,
 html #menubar a:visited:hover,
 html #menubar a:link:active,
@@ -323,8 +341,8 @@ html #menubar a:visited.warning {
 
 #modemenu {
        width: auto;
-       background: #000000;
-       color: #ffffff;
+       background: #000;
+       color: #fff;
        list-style: none;
        margin-right: 1px;
 }
@@ -350,7 +368,7 @@ html #menubar a:visited.warning {
 textarea#syslog {
        width: 98%;
        min-height: 500px;
-       border: 3px solid #cccccc;
+       border: 3px solid #ccc;
        padding: 5px;
        font-family: monospace;
 }
@@ -361,10 +379,10 @@ textarea#syslog {
        margin: 0 auto;
        margin-top: 2em;
        padding: 0.5em;
-       color: #000000;
+       color: #000;
        font-size: 80%;
-       background: #ffffff url(bg.jpg) repeat-x center bottom;
-       border: 1px dashed #CCCCCC;
+       background: #fff url(bg.jpg) repeat-x center bottom;
+       border: 1px dashed #ccc;
 }
 
 #maincontent h2 {
@@ -388,9 +406,9 @@ textarea#syslog {
 .cbi-section {
        margin-bottom: 0.5em;
        padding: 0.5em 1em;
-       border: 1px dotted #555555;
-       background-color: #ffffff;
-       color: #000000;
+       border: 1px dotted #555;
+       background-color: #fff;
+       color: #000;
 }
 
 .cbi-section legend {
@@ -409,7 +427,7 @@ textarea#syslog {
 .cbi-section h3 {
        text-decoration: none !important;
        font-weight: bold !important;
-       color: #555555 !important;
+       color: #555 !important;
        margin: 0.25em !important;
        font-size: 100% !important;
 }
@@ -449,52 +467,51 @@ ul.cbi-tabmenu li.cbi-tab-disabled a {
         text-decoration: none;
         padding: 3px 7px;
         margin-right: 3px;
-        border: 1px outset #000000;
+        border: 1px outset #000;
         border-bottom: none;
-        background-color: #EEEEEE;
-        color: #BBBBBB;
+        background-color: #eee;
+        color: #bbb;
 }
 
 ul.cbi-tabmenu li.cbi-tab-highlighted a {
-        color: #000000;
+        color: #000;
         background-color: #FFEEAA;
 }
 
 ul.cbi-tabmenu li a:hover {
-        color: #000000;
+        color: #000;
 }
 
 ul.cbi-tabmenu li.cbi-tab a {
         position: relative;
         top: 1px;
         padding-top: 4px;
-        color: #000000;
-        background-color: #FFFFFF;
+        color: #000;
+        background-color: #fff;
 }
 
 div.cbi-tab-descr {
         background-image: url(/luci-static/resources/cbi/help.gif);
         background-position: 0.25em 50%;
         background-repeat: no-repeat;
-        border-bottom: 1px solid #CCCCCC;
+        border-bottom: 1px solid #ccc;
         margin: 0.25em 0.25em 2em;
         padding: 0.5em 0.5em 0.5em 2em;
 }
 
-
 input[type=submit],
 input[type=reset],
-input[type=image] {
+input[type=image],
+input[type=button] {
        cursor: pointer;
 }
 
-
 select,
 input,
 textarea {
-       background: #ffffff;
-       color: #000000;
-       border: 1px solid #cccccc;
+       background: #fff;
+       color: #000;
+       border: 1px solid #ccc;
 }
 
 input[type=image] {
@@ -507,8 +524,8 @@ select:focus,
 select:hover,
 textarea:focus,
 textarea:hover {
-       background-color: #ffffff;
-       color: #000000;
+       background-color: #fff;
+       color: #000;
 }
 
 select,
@@ -526,36 +543,40 @@ td input[type=password] {
 input.cbi-input-user {
        background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        text-indent: 17px;
 }
 
 input.cbi-input-password {
        background: url('../resources/cbi/key.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        text-indent: 17px;
 }
 
 input.cbi-input-find {
        background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        padding-left: 17px;
 }
 
 input.cbi-input-reload {
        background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        padding-left: 17px;
 }
 
+input.cbi-button{
+       margin-top: 1.3em;
+}
+
 input.cbi-input-add,
 input.cbi-button-add {
        background: url('../resources/cbi/add.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        padding-left: 17px;
        padding-right: 1px;
        border: 1px solid #FFF; 
@@ -565,7 +586,7 @@ input.cbi-input-fieldadd,
 input.cbi-button-fieldadd {
        background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        padding-left: 17px;
        padding-right: 1px;
 }
@@ -574,7 +595,7 @@ input.cbi-input-reset,
 input.cbi-button-reset {
        background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        padding-left: 17px;
        padding-right: 1px;
        border: none;
@@ -584,7 +605,7 @@ input.cbi-input-save,
 input.cbi-button-save {
        background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        padding-left: 17px;
        padding-right: 1px;
        border: none;   
@@ -593,8 +614,17 @@ input.cbi-button-save {
 input.cbi-input-apply,
 input.cbi-button-apply {
        background: url('../resources/cbi/apply.gif') no-repeat scroll 1px center;
+       background-color: inherit; 
+       color: #000; 
+       padding-left: 17px; 
+       padding-right: 1px; 
+} 
+
+input.cbi-input-link, 
+       input.cbi-button-link { 
+       background: url('../resources/cbi/link.gif') no-repeat scroll 1px center; 
        background-color: inherit;
-       color: #000000; 
+       color: #000;    
        padding-left: 17px;
        padding-right: 1px;
        border: none;   
@@ -604,7 +634,7 @@ input.cbi-input-remove,
 div.cbi-section-remove input {
        background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
        background-color: inherit;
-       color: #000000;
+       color: #000;
        padding-left: 17px;
        padding-right: 1px;
                border: 1px solid #fff;
@@ -627,13 +657,13 @@ form > div > input[type=reset] {
 
 table td,
 table th {
-       color: #000000;
+       color: #000;
 }
 
 table.smalltext {
        background: #f5f5f5;
-       color: #000000;
-       border: 1px solid #666666;
+       color: #000;
+       border: 1px solid #666;
        font-size: 90%;
        width: 80%;
        margin-left: auto;
@@ -643,46 +673,46 @@ table.smalltext {
 
 table.smalltext tr:hover td {
        background-color: #bbddee;
-       color: #000000;
+       color: #000;
 }
 
 table.smalltext tr th {
        padding: 0 0.25em;
-       border-left: 1px solid #666666;
+       border-left: 1px dotted #666;
        text-align: left;
 }
 
 table.smalltext tr td {
-       padding: 0 0.25em;
-       border-top: 1px solid #666666;
-       border-left: 1px solid #666666;
+       padding: 0.2em;
+       border-top: 1px dotted #666;
+       border-left: 1px dotted #666;
 }
 
 table.cbi-section-table .cbi-rowstyle-1,
 table.cbi-section-table .cbi-rowstyle-1 * {
        background-color: #f1f6fa;
-       color: #000000;
+       color: #000;
 }
 
 .cbi-section .cbi-rowstyle-1 h3 {
        background-color: #f1f6fa;
-       color: #555555;
+       color: #555;
 }
 
 .cbi-rowstyle-2 {
-       color: #000000;
+       color: #000;
 }
 
 div.cbi-value {
        clear: left;
        vertical-align: middle;
        padding-left: 0.25em;
-       border-bottom: 1px dashed #bbbbbb;
+       border-bottom: 1px dashed #bbb;
 }
 
 div.cbi-value:hover {
        background: #f8f8f8;
-       color: #000000;
+       color: #000;
 }
 
 .cbi-value-title {
@@ -709,7 +739,7 @@ div.cbi-section-create {
 }
 
 div.cbi-tblsection-create {
-       border-bottom: 1px dotted #bbbbbb;
+       border-bottom: 1px dotted #bbb;
 }
 
 div.cbi-section-create .cbi-button {
@@ -717,16 +747,15 @@ div.cbi-section-create .cbi-button {
 }
 
 input.cbi-section-create-name {
-    border: ;
        margin-right: -0.25em;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
-       border-top-color: #999999;
-       border-right-color: #999999;
-       border-bottom-color: #999999;
-       border-left-color: #999999;
+       border-top-color: #999;
+       border-right-color: #999;
+       border-bottom-color: #999;
+       border-left-color: #999;
 }
 
 div.cbi-map-descr {
@@ -735,7 +764,7 @@ div.cbi-map-descr {
 
 div.cbi-optionals {
        padding: 0.25em;
-       border-bottom: 1px dotted #bbbbbb;
+       border-bottom: 1px dotted #bbb;
 }
 
 div.cbi-section-remove {
@@ -744,9 +773,9 @@ div.cbi-section-remove {
 
 .cbi-section-node {
        clear: both;
-       border-top: 1px dotted #bbbbbb;
-       border-left: 1px dotted #bbbbbb;
-       border-right: 1px dotted #bbbbbb;
+       border-top: 1px dotted #bbb;
+       border-left: 1px dotted #bbb;
+       border-right: 1px dotted #bbb;
        border-bottom: none;
        padding-bottom: 0;
 }
@@ -771,7 +800,7 @@ table.cbi-section-table td {
 }
 
 tr.cbi-section-table-descr th {
-       font-weight: normal;
+       font-weight: bold;
        font-size: 90%;
 }
 
@@ -787,8 +816,8 @@ td.cbi-section-table-optionals {
 div.cbi-error {
        font-size: 95%;
        font-weight: bold;
-       color: #ff0000;
-       background-color: #ffffff;
+       color: #f00;
+       background-color: #fff;
 }
 
 td.cbi-value-error {
@@ -798,7 +827,7 @@ td.cbi-value-error {
 .cbi-value-error input,
 .cbi-value-error select {
        color: red;
-       background-color: #ffcccc;
+       background-color: #fcc;
 }
 
 .cbi-section-error {
@@ -815,25 +844,25 @@ td.cbi-value-error {
 }
 
 .footer, .push {
-height: 2em;
+       height: 2em;
 }
 
 .footer {
-width: 99%;
-padding: 0.3em;
+       width: 99%;
+       padding: 0.3em;
 }
 
 .wrapper {
-min-height: 100%;
-height: auto !important;
-height: 100%;
-margin: 0 auto -2em;
+       min-height: 100%;
+       height: auto !important;
+       height: 100%;
+       margin: 0 auto -2em;
 }
 
 .luci a:link,
 .luci a:visited,
 .exectime {
-       color: #666666;
+       color: #666;
        text-decoration: none;
        font-size: 70%;
 }
@@ -844,9 +873,9 @@ margin: 0 auto -2em;
 
 .error500 {
        white-space: normal;
-       border: 1px dotted #ff0000;
-       background-color: #ffffff;
-       color: #000000;
+       border: 1px dotted #f00;
+       background-color: #fff;
+       color: #000;
        padding: 0.5em;
 }
-
+}