X-Git-Url: http://git.archive.openwrt.org/?p=project%2Fluci.git;a=blobdiff_plain;f=themes%2Ffreifunk-generic%2Fhtdocs%2Fluci-static%2Ffreifunk-generic%2Fcascade.css;h=d5fe77279ddadcc725ff98b86face6fcdb159a59;hp=ec8ac09966dcad0881bc2283b32fa62a6a9ebe6f;hb=c9556c02bb49d5eee903ade2e73ea586ee09afde;hpb=0ef9ecc1d79e33d13481d4a8a95b97bff697428a

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 ec8ac0996..d5fe77279 100644
--- 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,122 @@ code {
 }
 
 .error {
-	color: #ff0000;
+	color: #f00;
 	background-color: white;
 }
 
+.errorbox {
+	border: 1px solid #F00;
+	background-color: #FCC;
+	padding: 5px;
+}
+
+
+.ifacebox {
+	background-color: #FFFFFF;
+	border: 1px solid #CCCCCC;
+	margin: 0 10px;
+	text-align: center;
+	white-space: nowrap;
+}
+
+.ifacebox .ifacebox-head {
+	border-bottom: 1px solid #CCCCCC;
+	padding: 2px;
+}
+
+.ifacebox .ifacebox-body {
+	padding: 2px;
+}
+
+
+.ifacebadge {
+	background-color: #FFFFFF;
+	border: 1px solid #CCCCCC;
+	padding: 2px;
+	margin-left: 2px;
+	display: inline-block;
+}
+
+.ifacebadge-active {
+	border-color: #000000;
+	font-weight: bold;
+}
+
+
+.zonebadge {
+	padding: 2px;
+	display: inline-block;
+	white-space: nowrap;
+	cursor: pointer;
+}
+
+.zonebadge em,
+.zonebadge strong {
+	margin: 3px;
+	display: inline-block;
+}
+
+.zonebadge input {
+	width: 6em;
+	height: 1.5em;
+}
+
+.zonebadge-empty {
+	border: 1px dashed #AAAAAA;
+	color: #AAAAAA;
+	font-style: italic;
+	font-size: smaller;
+}
+
+
 #header {
-	min-height: 98px;
+	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 {
@@ -196,11 +275,26 @@ ul.dropdowns ul ul ul li:hover ul {
 	left: 100%;
 }
 
+#xhr_poll_status {
+	cursor: pointer;
+}
+
+#xhr_poll_status #xhr_poll_status_off {
+	font-weight: bold;
+	color: #FF0000;
+}
+
+#xhr_poll_status #xhr_poll_status_on {
+	font-weight: bold;
+	color: #00FF00;
+}
+
 #menubar {
 	position: relative;
 	width: 100%;
 	background: #FFF;
 	color: #004a9c;
+	border-bottom: 1px dotted #5A5A5A;
 }
 
 #menubar .warning {
@@ -218,7 +312,7 @@ ul.dropdowns ul ul ul li:hover ul {
 	background: #FFF;
 	color: #004a9c;
 	border-width: 0 1px 1px 1px;
-	border-style: dashed;
+	border-style: dotted;
 	border-color: #5a5a5a;
 }
 
@@ -238,7 +332,6 @@ html #menubar a:visited {
 	font-weight: normal;
 }
 
-
 html #menubar a:link:hover,
 html #menubar a:visited:hover,
 html #menubar a:link:active,
@@ -324,7 +417,7 @@ html #menubar a:visited.warning {
 #modemenu {
 	width: auto;
 	background: #000;
-	color: #ffffff;
+	color: #fff;
 	list-style: none;
 	margin-right: 1px;
 }
@@ -350,21 +443,18 @@ 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;
 }
 
 #maincontent {
 	clear: both;
-	width: 80%;
+	width: 90%;
 	margin: 0 auto;
-	margin-top: 2em;
 	padding: 0.5em;
 	color: #000;
 	font-size: 80%;
-	background: #ffffff url(bg.jpg) repeat-x center bottom;
-	border: 1px dashed #CCCCCC;
 }
 
 #maincontent h2 {
@@ -388,8 +478,8 @@ textarea#syslog {
 .cbi-section {
 	margin-bottom: 0.5em;
 	padding: 0.5em 1em;
-	border: 1px dotted #555555;
-	background-color: #ffffff;
+	border: 1px dotted #555;
+	background-color: #fff;
 	color: #000;
 }
 
@@ -397,7 +487,7 @@ textarea#syslog {
 	font-size: 110%;
 	font-weight: bold;
 	height: 1em;
-	padding: 0 0.25em;
+	padding: 0.5em 0.25em;
 	background-color: transparent;
 	color: #404040 ;
 }
@@ -409,7 +499,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;
 }
@@ -432,67 +522,66 @@ ul.cbi-apply {
 }
 
 ul.cbi-tabmenu {
-        padding: 3px 0;
-        margin-left: 0 !important;
-        margin-bottom: -1px;
-        list-style-type: none;
+	padding: 3px 0;
+	margin-left: 0 !important;
+	margin-bottom: -1px;
+	list-style-type: none;
 }
 
 ul.cbi-tabmenu li.cbi-tab,
 ul.cbi-tabmenu li.cbi-tab-disabled {
-        display: inline;
-        margin: 0;
+	display: inline;
+	margin: 0;
 }
 
 ul.cbi-tabmenu li.cbi-tab a,
 ul.cbi-tabmenu li.cbi-tab-disabled a {
-        text-decoration: none;
-        padding: 3px 7px;
-        margin-right: 3px;
-        border: 1px outset #000;
-        border-bottom: none;
-        background-color: #EEEEEE;
-        color: #BBBBBB;
+	text-decoration: none;
+	padding: 3px 7px;
+	margin-right: 3px;
+	border: 1px dotted #bbb;
+	border-bottom: none;
+	background-color: #eee;
+	color: #bbb;
 }
 
 ul.cbi-tabmenu li.cbi-tab-highlighted a {
-        color: #000;
-        background-color: #FFEEAA;
+	color: #000;
+	background-color: #FFEEAA;
 }
 
 ul.cbi-tabmenu li a:hover {
-        color: #000;
+	color: #000;
 }
 
 ul.cbi-tabmenu li.cbi-tab a {
-        position: relative;
-        top: 1px;
-        padding-top: 4px;
-        color: #000;
-        background-color: #FFFFFF;
+	position: relative;
+	top: 1px;
+	padding-top: 4px;
+	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;
-        margin: 0.25em 0.25em 2em;
-        padding: 0.5em 0.5em 0.5em 2em;
+	background-image: url(/luci-static/resources/cbi/help.gif);
+	background-position: 0.25em 50%;
+	background-repeat: no-repeat;
+	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;
+	background: #fff;
 	color: #000;
 	border: 1px solid #cccccc;
 }
@@ -507,7 +596,7 @@ select:focus,
 select:hover,
 textarea:focus,
 textarea:hover {
-	background-color: #ffffff;
+	background-color: #fff;
 	color: #000;
 }
 
@@ -523,6 +612,12 @@ td input[type=password] {
 	width: 99%;
 }
 
+img.cbi-image-button {
+	cursor: pointer;
+	margin: 0 2px;
+	vertical-align: middle;
+}
+
 input.cbi-input-user {
 	background: url('../resources/cbi/user.gif') no-repeat scroll 1px center;
 	background-color: inherit;
@@ -537,11 +632,13 @@ input.cbi-input-password {
 	text-indent: 17px;
 }
 
-input.cbi-input-find {
+input.cbi-input-find,
+input.cbi-button-find {
 	background: url('../resources/cbi/find.gif') no-repeat scroll 1px center;
 	background-color: inherit;
 	color: #000;
 	padding-left: 17px;
+	border: none;
 }
 
 input.cbi-input-reload {
@@ -551,14 +648,17 @@ input.cbi-input-reload {
 	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: #000;
-	padding-left: 17px;
-	padding-right: 1px;
-	border: 1px solid #FFF;	
+	padding: 0 1px 0 17px;
+	border: 1px solid #FFF;
 }
 
 input.cbi-input-fieldadd,
@@ -566,8 +666,7 @@ input.cbi-button-fieldadd {
 	background: url(../resources/cbi/fieldadd.gif) no-repeat scroll 1px center;
 	background-color: inherit;
 	color: #000;
-	padding-left: 17px;
-	padding-right: 1px;
+	padding: 0 1px 0 17px;
 }
 
 input.cbi-input-reset,
@@ -575,9 +674,10 @@ input.cbi-button-reset {
 	background: url('../resources/cbi/reset.gif') no-repeat scroll 1px center;
 	background-color: inherit;
 	color: #000;
-	padding-left: 17px;
-	padding-right: 1px;
-	border: none;
+	padding: 0 1px 0 17px;
+}
+
+
 }
 
 input.cbi-input-save,
@@ -585,19 +685,33 @@ input.cbi-button-save {
 	background: url('../resources/cbi/save.gif') no-repeat scroll 1px center;
 	background-color: inherit;
 	color: #000;
-	padding-left: 17px;
-	padding-right: 1px;
-	border: none;	
+	padding: 0 1px 0 17px;
 }
 
 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;
-	border: none;	
+	color: #000;
+	padding: 0 1px 0 17px;
+}
+
+input.cbi-input-link,
+input.cbi-button-link {
+	background: url('../resources/cbi/link.gif') no-repeat scroll 1px center;
+	background-color: inherit;
+	color: #000;
+	padding: 0 1px 0 17px;
+	border: none;
+}
+
+input.cbi-input-download,
+input.cbi-button-download {
+	background: url('../resources/cbi/download.gif') no-repeat scroll 1px center;
+	background-color: inherit;
+	color: #000;
+	padding: 0 1px 0 17px;
+	border: none;
 }
 
 input.cbi-input-remove,
@@ -605,9 +719,44 @@ div.cbi-section-remove input {
 	background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
 	background-color: inherit;
 	color: #000;
-	padding-left: 17px;
-	padding-right: 1px;
-		border: 1px solid #fff;
+	padding: 0 1px 0 17px;
+	border: 1px solid #fff;
+}
+
+input.cbi-button-up {
+	background-image: url('../resources/cbi/up.gif');
+	padding: 0 1px 0 11px;
+}
+
+input.cbi-button-down {
+	background-image: url('../resources/cbi/down.gif');
+	padding: 0 1px 0 11px;
+}
+
+input.cbi-button-edit {
+	background: url('../resources/cbi/edit.gif') no-repeat scroll 1px center;
+	color: #000000;
+	padding: 0 1px 0 17px;
+}
+
+input.cbi-button-reload {
+	background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
+	color: #000000;
+	padding: 0 1px 0 17px;
+}
+
+input.cbi-button-remove {
+	background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
+	color: #000000;
+	padding: 0 1px 0 17px;
+}
+
+.cbi-input-invalid {
+	background-image: url('../resources/cbi/reset.gif');
+	background-repeat: no-repeat;
+	background-position: right;
+	color: #FF0000 !important;
+	border-color: #FF0000;
 }
 
 div.cbi-section-remove input {
@@ -633,7 +782,7 @@ table th {
 table.smalltext {
 	background: #f5f5f5;
 	color: #000;
-	border: 1px solid #666666;
+	border: 1px solid #666;
 	font-size: 90%;
 	width: 80%;
 	margin-left: auto;
@@ -648,25 +797,35 @@ table.smalltext tr:hover td {
 
 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 * {
+table.cbi-section-table .cbi-rowstyle-1 {
 	background-color: #f1f6fa;
 	color: #000;
 }
 
+table.cbi-section-table .cbi-rowstyle-1:hover,
+table.cbi-section-table .cbi-rowstyle-2:hover {
+	background-color: #b2c8d4;
+	color: #000000;
+}
+
+table.cbi-section-table .cbi-section-table-cell {
+	padding: 3px;
+	white-space: nowrap;
+}
+
 .cbi-section .cbi-rowstyle-1 h3 {
 	background-color: #f1f6fa;
-	color: #555555;
+	color: #555;
 }
 
 .cbi-rowstyle-2 {
@@ -677,7 +836,7 @@ div.cbi-value {
 	clear: left;
 	vertical-align: middle;
 	padding-left: 0.25em;
-	border-bottom: 1px dashed #bbbbbb;
+	border-bottom: 1px dotted #bbb;
 }
 
 div.cbi-value:hover {
@@ -709,7 +868,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 +876,8 @@ 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: 1px solid #999;
 }
 
 div.cbi-map-descr {
@@ -735,7 +886,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 +895,7 @@ 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: 1px dotted #bbb;
 	border-bottom: none;
 	padding-bottom: 0;
 }
@@ -771,7 +920,7 @@ table.cbi-section-table td {
 }
 
 tr.cbi-section-table-descr th {
-	font-weight: normal;
+	font-weight: bold;
 	font-size: 90%;
 }
 
@@ -787,8 +936,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 +947,7 @@ td.cbi-value-error {
 .cbi-value-error input,
 .cbi-value-error select {
 	color: red;
-	background-color: #ffcccc;
+	background-color: #fcc;
 }
 
 .cbi-section-error {
@@ -810,30 +959,34 @@ td.cbi-value-error {
 	padding: 3px;
 }
 
+.left {
+	text-align: left !important;
+}
+
 .right {
-	text-align: right;
+	text-align: right !important;
 }
 
 .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 +997,78 @@ margin: 0 auto -2em;
 
 .error500 {
 	white-space: normal;
-	border: 1px dotted #ff0000;
-	background-color: #ffffff;
+	border: 1px dotted #f00;
+	background-color: #fff;
 	color: #000;
 	padding: 0.5em;
 }
 
+.uci-change-list {
+        font-family: monospace;
+}
+
+.uci-change-list ins,
+.uci-change-legend-label ins {
+        text-decoration: none;
+        border: 1px solid #00FF00;
+        background-color: #CCFFCC;
+        display: block;
+        padding: 2px;
+}
+
+.uci-change-list del,
+.uci-change-legend-label del {
+        text-decoration: none;
+        border: 1px solid #FF0000;
+        background-color: #FFCCCC;
+        display: block;
+        font-style: normal;
+        padding: 2px;
+}
+
+.uci-change-list var,
+.uci-change-legend-label var {
+        text-decoration: none;
+        border: 1px solid #CCCCCC;
+        background-color: #EEEEEE;
+        display: block;
+        font-style: normal;
+        padding: 2px;
+}
+
+.uci-change-list var ins,
+.uci-change-list var del {
+        /*display: inline;*/
+        border: none;
+        white-space: pre;
+        font-style: normal;
+        padding: 0px;
+}
+
+.uci-change-legend {
+        padding: 5px;
+}
+
+.uci-change-legend-label {
+        width: 150px;
+        float: left;
+        font-size: 80%;
+}
+
+.uci-change-legend-label>ins,
+.uci-change-legend-label>del,
+.uci-change-legend-label>var {
+        float: left;
+        margin-right: 4px;
+        width: 10px;
+        height: 10px;
+        display: block;
+}
+
+.uci-change-legend-label var ins,
+.uci-change-legend-label var del {
+        line-height: 6px;
+        border: none;
+}
+
+}