123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044 |
- @charset "utf-8";
- .lang_he {
- direction: RTL;
- unicode-bidi: embed;
- }
- @media all {
- html {
- min-height: 100%;
- height: auto;
- position:relative;
- }
- body {
- color: #ffffff;
- background-color: #4a6b7c;
- background-position: bottom center;
- background-repeat: repeat-x;
- font-family: Verdana, Arial, sans-serif;
- font-size: 11pt;
- line-height: 100%;
- padding-bottom: 1.5em;
- }
- * {
- margin: 0;
- padding: 0;
- }
- a img {
- border: none;
- text-decoration: none;
- }
- ul.tabmenu {
- margin: 0;
- clear: both;
- display: block;
- vertical-align: bottom;
- font-size: 10pt;
- padding: 5px 0 0 5px;
- }
- div.tabmenu2 {
- background-color: #AAAAAA;
- background-image: url(tabbg.png);
- background-repeat: repeat-x;
- margin-top: -1px;
- border: 1px solid #444444;
- border-bottom: none;
- }
- div.tabmenu3,
- div.tabmenu4,
- div.tabmenu5 {
- background-color: #AAAAAA;
- background-image: url(tabbg.png);
- background-repeat: repeat-x;
- border: none;
- }
- ul.tabmenu li {
- float: left;
- display: block;
- overflow: hidden;
- }
- .lang_he ul.tabmenu li {
- float: right;
- }
- ul.tabmenu li a {
- text-decoration: none;
- color: #444444;
- display: block;
- padding: 3px 8px;
- margin: 0 2px;
- line-height: 1.3em;
- border: 1px solid transparent;
- border-bottom: none;
- font-size: 85%;
- }
- ul.tabmenu li.active a {
- font-weight: bold;
- color: #000000;
- background: #f5f5f5;
- border: 1px solid #AAAAAA;
- border-bottom: none;
- }
- ul.tabmenu li a:hover {
- color: #444444;
- border-color: #444444;
- }
- ul.l1 li a {
- background-color: #AAAAAA;
- background-image: url(tabbg.png);
- background-repeat: repeat-x;
- border-color: #444444;
- }
- ul.l1 li.tabmenu-item-logout a {
- margin-left: 30px;
- }
- .lang_he ul.l1 li.tabmenu-item-logout a {
- margin-right: 30px;
- }
- abbr,
- acronym {
- font-style: normal;
- font-variant: normal;
- }
- abbr[title],
- acronym[title] {
- border-bottom: 1px dotted;
- cursor: help;
- }
- a:link abbr[title],
- a:visited abbr[title],
- a:link acronym[title],
- a:visited acronym[title] {
- cursor: pointer;
- }
- code {
- font-family: monospace;
- white-space: pre;
- }
- #maincontent ul {
- margin-left: 2em;
- }
- .warning {
- color: red;
- background-color: white;
- font-weight: bold;
- }
- .clear {
- clear: both;
- }
- .skiplink,
- .navigation,
- .hidden {
- position: absolute;
- left: -1000px;
- top: -1000px;
- width: 0px;
- height: 0px;
- overflow: hidden;
- display: inline;
- }
- .error {
- color: #ff0000;
- background-color: white;
- }
- div.hostinfo {
- float: left;
- margin: 0;
- padding: 0;
- width: auto;
- font-size: 80%;
- padding: 0.5em;
- }
- .lang_he div.hostinfo {
- float: right;
- }
- #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: #000000;
- color: #ffffff;
- }
- #menubar .warning {
- color: red;
- background-color: #557788;
- }
- html #menubar a:link,
- html #menubar a:visited {
- position: relative;
- display: block;
- padding: 0.5em;
- background: #000000;
- color: #ffffff;
- text-decoration: none;
- font-size: 80%;
- font-weight: normal;
- }
- html #menubar a:link:hover,
- html #menubar a:visited:hover,
- html #menubar a:link:active,
- html #menubar a:visited:active,
- #menubar a:link:focus,
- #menubar a:visited:focus {
- background: #000000;
- color: #ffff00;
- font-weight: bold;
- }
- html #menubar a:link.active,
- html #menubar a:visited.active,
- html #menubar a:link.preactive,
- html #menubar a:visited.preactive {
- background: #000000;
- color: #ffff00;
- font-weight: bold;
- }
- html #menubar a:link.warning,
- html #menubar a:visited.warning {
- background: #000000;
- color: red;
- font-weight: bold;
- }
- #modemenu {
- width: auto;
- background: #000000;
- color: #ffffff;
- list-style: none;
- margin-right: 1px;
- margin-left: 2em;
- float: right;
- }
- #modemenu li {
- float: right;
- list-style: none;
- }
- #savemenu {
- float: right;
- }
- .lang_he #savemenu {
- float: left;
- }
- .lang_de #submenu_admin_uci {
- width: 12em;
- }
- .lang_ru #submenu_admin_uci {
- width: 11.5em;
- }
- textarea#syslog {
- width: 98%;
- min-height: 500px;
- border: 3px solid #cccccc;
- padding: 5px;
- font-family: monospace;
- }
- #maincontainer {
- clear: both;
- width: 96%;
- margin: 0 auto;
- height:100%;
- }
- #maincontent {
- padding: 0.5em;
- background: #f5f5f5;
- color: #000000;
- font-size: 80%;
- border-width: 0 1px 1px 1px;
- border-style: solid;
- border-color: #444444;
- }
- .lang_he #maincontent {
- direction: rtl;
- }
- #maincontent h2 {
- font-size: 150%;
- font-family: Trebuchet MS, Verdana, sans-serif;
- font-weight: bold;
- margin: 0.25em 0 0.7em 0;
- border-bottom: 1px solid;
- padding-top: 10px;
- padding-bottom: 4px;
- }
- #maincontent h3 {
- margin: 0.5em 0 1.1em 0;
- font-size: 125%;
- font-weight: bold;
- font-style: italic;
- font-family: Trebuchet MS, Verdana, sans-serif;
- color: #27408B;
- }
- #maincontent p {
- margin-bottom: 1em;
- }
- .cbi-section {
- margin-bottom: 0.5em;
- padding: 0.5em 1em;
- border: 1px dotted #555555;
- background-color: #ffffff;
- color: #000000;
- }
- .cbi-section legend {
- font-size: 110%;
- font-weight: bold;
- height: 1em;
- padding: 0 0.25em;
- background-color: transparent;
- color: #555555;
- }
- .cbi-section h2 {
- margin: 0em 0 0.5em -0.5em !important;
- }
- .cbi-section h3 {
- text-decoration: none !important;
- font-weight: bold !important;
- color: #555555 !important;
- margin: 0.25em !important;
- font-size: 100% !important;
- }
- .cbi-section-descr {
- margin-bottom: 0.5em;
- font-size: 95%;
- }
- .cbi-title-ref {
- color: inherit;
- text-decoration: none;
- padding-right: 18px;
- background: url('../resources/cbi/link.gif') no-repeat scroll right center;
- background-color: inherit;
- }
- ul.cbi-apply {
- font-size: 90%;
- }
- input:-webkit-input-placeholder {
- color: #AAAAAA;
- }
- input:-moz-placeholder {
- color: #AAAAAA;
- }
- input:-ms-input-placeholder {
- color: #AAAAAA;
- }
- input[type=submit],
- input[type=reset],
- input[type=image],
- input[type=button] {
- cursor: pointer;
- }
- select,
- input,
- textarea {
- background: #eeeeee;
- color: #000000;
- border-width: 1px;
- border-color: #000000;
- }
- input[type=image] {
- border: none;
- }
- input:focus,
- input:hover,
- select:focus,
- select:hover {
- background-color: #ffffff;
- color: #000000;
- }
- select,
- input[type=text],
- input[type=password] {
- width: 20em;
- }
- td select,
- td input[type=text],
- td input[type=password] {
- width: 99%;
- }
- img.cbi-image-button {
- cursor: pointer;
- margin: 0 2px;
- vertical-align: middle;
- }
- input.cbi-button {
- background-color: #EEEEEE;
- background-repeat: no-repeat;
- background-position: 1px center;
- border: 1px solid #CCCCCC;
- border-radius: 3px;
- }
- input.cbi-button:hover {
- border-color: #4A6B7C;
- background-color: #FFFFFF;
- }
- input.cbi-button[disabled] {
- color: #CCCCCC;
- border-color: #CCCCCC;
- background-color: #EEEEEE;
- cursor: default;
- }
- input.cbi-input-user {
- background-image: url('../resources/cbi/user.gif');
- background-repeat: no-repeat;
- background-position: 1px center;
- color: #000000;
- text-indent: 17px;
- }
- input.cbi-input-password {
- background-image: url('../resources/cbi/key.gif');
- background-repeat: no-repeat;
- background-position: 1px center;
- color: #000000;
- text-indent: 17px;
- }
- input.cbi-input-find,
- input.cbi-button-find {
- background-image: url('../resources/cbi/find.gif');
- color: #000000;
- padding-left: 17px;
- }
- input.cbi-input-reload {
- background-image: url('../resources/cbi/reload.gif');
- color: #000000;
- padding-left: 17px;
- }
- input.cbi-input-add,
- input.cbi-button-add {
- background-image: url('../resources/cbi/add.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-input-fieldadd,
- input.cbi-button-fieldadd {
- background-image: url(../resources/cbi/fieldadd.gif);
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-input-reset,
- input.cbi-button-reset {
- background-image: url('../resources/cbi/reset.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-input-save,
- input.cbi-button-save {
- background-image: url('../resources/cbi/save.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-input-apply,
- input.cbi-button-apply {
- background-image: url('../resources/cbi/apply.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-input-link,
- input.cbi-button-link {
- background-image: url('../resources/cbi/link.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-input-download,
- input.cbi-button-download {
- background-image: url('../resources/cbi/download.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-input-remove,
- div.cbi-section-remove input {
- background-image: url('../resources/cbi/remove.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-button-up {
- background-image: url('../resources/cbi/up.gif');
- padding-left: 11px;
- padding-right: 1px;
- }
- input.cbi-button-down {
- background-image: url('../resources/cbi/down.gif');
- padding-left: 11px;
- padding-right: 1px;
- }
- input.cbi-button-edit {
- background-image: url('../resources/cbi/edit.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- 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');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- input.cbi-button-remove {
- background-image: url('../resources/cbi/remove.gif');
- color: #000000;
- padding-left: 17px;
- padding-right: 1px;
- }
- .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 {
- border-bottom: none;
- }
- textarea {
- margin-left: -1px;
- margin-bottom: 0.5em;
- }
- form > div > input[type=submit],
- form > div > input[type=reset] {
- float: right;
- margin-left: 0.5em;
- }
- table td,
- table th {
- color: #000000;
- }
- table.smalltext {
- background: #f5f5f5;
- color: #000000;
- border-top: 1px solid #666666;
- border-right: 1px solid #666666;
- border-bottom: 1px solid #666666;
- font-size: 90%;
- width: 80%;
- margin-left: auto;
- margin-right: auto;
- border-collapse: collapse;
- }
- table.smalltext tr:hover td {
- background-color: #bbddee;
- color: #000000;
- }
- table.smalltext tr th {
- padding: 0 0.25em;
- border-left: 1px solid #666666;
- text-align: left;
- }
- table.smalltext tr td {
- padding: 0 0.25em;
- border-top: 1px solid #666666;
- border-left: 1px solid #666666;
- }
- table.cbi-section-table .cbi-rowstyle-1 {
- background-color: #eeeeff;
- color: #000000;
- }
- 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: #eeeeff;
- color: #555555;
- }
- .cbi-rowstyle-2 {
- color: #000000;
- }
- div.cbi-value {
- clear: left;
- vertical-align: middle;
- padding: 0.25em 0.6em;
- border-bottom: 1px dotted #bbbbbb;
- }
- div.cbi-value:hover {
- background: #f8f8f8;
- color: #000000;
- }
- .cbi-value-title {
- float: left;
- width: 40%;
- line-height: 1.8em;
- }
- div.cbi-value-field {
- width: 58%;
- margin-left: 40%;
- padding: 0.25em 0;
- }
- div.cbi-value-description {
- font-size: 90%;
- display: inline;
- }
- div.cbi-section-create {
- clear: left;
- white-space: nowrap;
- vertical-align: top;
- }
- div.cbi-section-create .cbi-button {
- margin: 0.25em;
- }
- input.cbi-section-create-name {
- margin-right: -0.25em;
- }
- div.cbi-map-descr {
- margin-bottom: 1em;
- }
- div.cbi-optionals {
- padding: 0.25em;
- border-bottom: 1px dotted #bbbbbb;
- }
- div.cbi-section-remove {
- float: right;
- }
- .cbi-section-node {
- clear: both;
- border: 1px solid #BBBBBB;
- border-radius: 3px;
- padding-bottom: 0;
- position: relative;
- }
- .cbi-section-node-tabbed {
- border-top-left-radius: 0;
- }
- .cbi-section-node .cbi-value-last {
- border-bottom: none;
- }
- .cbi-section-node table div {
- padding-bottom: 0;
- border-bottom: none;
- }
- .cbi-section-node div.cbi-section-table-row {
- margin: 0.25em;
- }
- table.cbi-section-table {
- width: 100%;
- font-size: 95%;
- }
- table.cbi-section-table th,
- table.cbi-section-table td {
- text-align: center;
- }
- tr.cbi-section-table-descr th {
- font-weight: normal;
- font-size: 90%;
- vertical-align: top;
- }
- td.cbi-section-table-optionals {
- text-align: left !important;
- padding-top: 1em;
- }
- .cbi-value-helpicon img {
- vertical-align: bottom;
- }
- div.cbi-error {
- font-size: 95%;
- font-weight: bold;
- color: #ff0000;
- background-color: #ffffff;
- }
- td.cbi-value-error {
- border-color: red;
- }
- .cbi-value-error input,
- .cbi-value-error select {
- color: red;
- background-color: #ffcccc;
- }
- .cbi-section-error {
- color: red;
- background-color: white;
- font-size: 95%;
- border: 1px dotted red;
- margin: 3px;
- padding: 3px;
- }
- .cbi-value-field var {
- color: #2222FF;
- }
- ul.cbi-tabmenu {
- padding: 3px 0;
- margin-left: 0 !important;
- list-style-type: none;
- position: relative;
- z-index: 10;
- top: 4px;
- line-height: 20px;
- }
- ul.cbi-tabmenu li.cbi-tab,
- ul.cbi-tabmenu li.cbi-tab-disabled {
- 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 solid #BBBBBB;
- border-bottom: none;
- border-radius: 3px 3px 0 0;
- background-color: #EEEEEE;
- color: #BBBBBB;
- }
- ul.cbi-tabmenu li.cbi-tab-highlighted a {
- color: #000000;
- background-color: #FFEEAA;
- }
- ul.cbi-tabmenu li a:hover {
- color: #000000;
- }
- ul.cbi-tabmenu li.cbi-tab a {
- padding-top: 4px;
- color: #000000;
- background-color: #FFFFFF;
- }
- 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;
- }
- .left {
- text-align: left !important;
- }
- .right {
- text-align: right !important;
- }
- .luci {
- position: absolute;
- bottom: 0;
- left: 1em;
- height: 1.5em;
- font-size: 80%;
- }
- .luci a:link,
- .luci a:visited {
- background-color: transparent;
- color: #666666;
- text-decoration: none;
- font-size: 70%;
- }
- .inline {
- display: inline;
- }
- .error500 {
- white-space: normal;
- border: 1px dotted #ff0000;
- background-color: #ffffff;
- color: #000000;
- padding: 0.5em;
- }
- .errorbox {
- border: 1px solid #FF0000;
- background-color: #FFCCCC;
- padding: 5px;
- margin-bottom: 5px;
- }
- .errorbox a {
- color: #000000 !important;
- }
- .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: 1px 2px;
- margin-left: 2px;
- display: inline-block;
- cursor: default;
- white-space: nowrap;
- font-size: 11px;
- border-radius: 3px;
- }
- .ifacebadge img {
- width: 16px;
- height: 16px;
- vertical-align: middle;
- }
- .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;
- }
- .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;
- }
- }
|