border: 1px solid #CCCCCC;
padding: 2px;
margin-left: 2px;
+ display: inline-block;
}
.ifacebadge-active {
}
+.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 {
height: auto;
background: #FFF url(header.jpg) repeat-x left bottom;
.header_left{
text-align:left;
+ max-width: 50%;
+ float:left;
}
.header_left a{
text-decoration: none;
}
-.header_left .spacer {
-height: 12px;
-min-height:12px;
-width:99%;
-}
-
#header h1,
.header_right {
- position: absolute;
+ max-width: 45%;
text-align: right;
- top: 10px;
- right: 10px;
font-size: 70%;
font-weight: normal;
line-height: 160%;
+ float:right;
}
ul.dropdowns {
left: 100%;
}
-#xhr_poll_status {
- cursor: pointer;
-}
+#xhr_poll_status {
+ cursor: pointer;
+}
-#xhr_poll_status #xhr_poll_status_off {
- font-weight: bold;
- color: #FF0000;
-}
+#xhr_poll_status #xhr_poll_status_off {
+ font-weight: bold;
+ color: #FF0000;
+}
-#xhr_poll_status #xhr_poll_status_on {
- font-weight: bold;
- color: #00FF00;
-}
+#xhr_poll_status #xhr_poll_status_on {
+ font-weight: bold;
+ color: #00FF00;
+}
#menubar {
position: relative;
color: #004a9c;
border-bottom: 1px dotted #5A5A5A;
}
-
#menubar .warning {
color: red;
background-color: #FFF;
* html .lang_pt-br #submenu_admin_network_firewall { width: 15em; }
#modemenu {
- width: auto;
+/* width: auto;*/
background: #000;
color: #fff;
list-style: none;
font-family: monospace;
}
+
#maincontent {
clear: both;
width: 90%;
textarea {
background: #fff;
color: #000;
- border: 1px solid #ccc;
+ border: 1px solid #cccccc;
}
input[type=image] {
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;
background-color: inherit;
color: #000;
padding-left: 17px;
- border: none;
}
input.cbi-button{
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,
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,
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,
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;
-}
-
-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-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,
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-left: 11px;
- padding-right: 1px;
+ padding: 0 1px 0 11px;
}
input.cbi-button-down {
background-image: url('../resources/cbi/down.gif');
- padding-left: 11px;
- padding-right: 1px;
+ padding: 0 1px 0 11px;
}
input.cbi-button-edit {
- background-image: url('../resources/cbi/edit.gif');
+ background: url('../resources/cbi/edit.gif') no-repeat scroll 1px center;
color: #000000;
- padding-left: 17px;
- padding-right: 1px;
+ padding: 0 1px 0 17px;
}
input.cbi-button-reload {
- background-image: url('../resources/cbi/reload.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
-}
-
-input.cbi-button-reset {
- background-image: url('../resources/cbi/reset.gif');
+ background: url('../resources/cbi/reload.gif') no-repeat scroll 1px center;
color: #000000;
- padding-left: 17px;
- padding-right: 1px;
+ padding: 0 1px 0 17px;
}
input.cbi-button-remove {
- background-image: url('../resources/cbi/remove.gif');
+ background: url('../resources/cbi/remove.gif') no-repeat scroll 1px center;
color: #000000;
- padding-left: 17px;
- padding-right: 1px;
+ padding: 0 1px 0 17px;
}
.cbi-input-invalid {
input.cbi-section-create-name {
margin-right: -0.25em;
- border-top-width: 1px;
- border-right-width: 1px;
- border-bottom-width: 1px;
- border-left-width: 1px;
- border-top-color: #999;
- border-right-color: #999;
- border-bottom-color: #999;
- border-left-color: #999;
+ border: 1px solid #999;
}
div.cbi-map-descr {
.cbi-section-node {
clear: both;
- border-top: 1px dotted #bbb;
- border-left: 1px dotted #bbb;
- border-right: 1px dotted #bbb;
+ border: 1px dotted #bbb;
border-bottom: none;
padding-bottom: 0;
}
padding: 0.3em;
}
+
.wrapper {
min-height: 100%;
height: auto !important;
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;
+.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;
+ 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,
+ 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;
+ line-height: 6px;
+ border: none;
}
-}
+}