| /* |
| |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| |
| */ |
| |
| #content #replication |
| { |
| background-image: url( ../../img/div.gif ); |
| background-position: 21% 0; |
| background-repeat: repeat-y; |
| } |
| |
| #content #replication #frame |
| { |
| float: right; |
| width: 78%; |
| } |
| |
| #content #replication #navigation |
| { |
| border-right: 0; |
| float: left; |
| width: 20%; |
| } |
| |
| #content #replication #error |
| { |
| background-color: #f00; |
| background-image: url( ../../img/ico/construction.png ); |
| background-position: 10px 50%; |
| color: #fff; |
| display: none; |
| font-weight: bold; |
| margin-bottom: 20px; |
| padding: 10px; |
| padding-left: 35px; |
| } |
| |
| #content #replication .block |
| { |
| border-bottom: 1px solid #c0c0c0; |
| margin-bottom: 20px; |
| padding-bottom: 20px; |
| } |
| |
| #content #replication .block.last |
| { |
| border-bottom: 0; |
| } |
| |
| #content #replication .masterOnly, |
| #content #replication .slaveOnly |
| { |
| display: none; |
| } |
| |
| #content #replication.master .masterOnly |
| { |
| display: block; |
| } |
| |
| #content #replication.slave .slaveOnly |
| { |
| display: block; |
| } |
| |
| #content #replication .replicating |
| { |
| display: none; |
| } |
| |
| #content #replication.replicating .replicating |
| { |
| display: block; |
| } |
| |
| #content #replication #progress |
| { |
| padding-bottom: 80px; |
| position: relative; |
| } |
| |
| #content #replication #progress .info |
| { |
| padding: 5px; |
| } |
| |
| #content #replication #progress #start |
| { |
| margin-left: 100px; |
| border-left: 1px solid #c0c0c0; |
| } |
| |
| #content #replication #progress #bar |
| { |
| background-color: #f0f0f0; |
| margin-left: 100px; |
| margin-right: 100px; |
| position: relative; |
| } |
| |
| #content #replication #progress #bar #bar-info, |
| #content #replication #progress #bar #eta |
| { |
| position: absolute; |
| right: -100px; |
| width: 100px; |
| } |
| |
| #content #replication #progress #bar #bar-info |
| { |
| border-left: 1px solid #f0f0f0; |
| margin-top: 30px; |
| } |
| |
| #content #replication #progress #eta .info |
| { |
| color: #c0c0c0; |
| height: 30px; |
| line-height: 30px; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| #content #replication #progress #speed |
| { |
| color: #c0c0c0; |
| position: absolute; |
| right: 100px; |
| top: 0; |
| } |
| |
| #content #replication #progress #bar #done |
| { |
| background-color: #c0c0c0; |
| box-shadow: 5px 5px 10px #c0c0c0; |
| -moz-box-shadow: 5px 5px 10px #c0c0c0; |
| -webkit-box-shadow: 5px 5px 10px #c0c0c0; |
| height: 30px; |
| position: relative; |
| } |
| |
| #content #replication #progress #bar #done .percent |
| { |
| font-weight: bold; |
| height: 30px; |
| line-height: 30px; |
| padding-left: 5px; |
| padding-right: 5px; |
| position: absolute; |
| right: 0; |
| text-align: right; |
| } |
| |
| #content #replication #progress #bar #done #done-info |
| { |
| border-right: 1px solid #c0c0c0; |
| position: absolute; |
| right: 0; |
| margin-top: 30px; |
| text-align: right; |
| width: 100px; |
| } |
| |
| #content #replication #progress #bar #done #done-info .percent |
| { |
| font-weight: bold; |
| } |
| |
| #content #replication .block .label, |
| #content #replication #current-file .file, |
| #content #replication #current-file .progress, |
| #content #replication #iterations .iterations |
| { |
| float: left; |
| } |
| |
| #content #replication .block .label |
| { |
| width: 100px; |
| } |
| |
| #content #replication .block .label span |
| { |
| display: block; |
| padding-left: 21px; |
| } |
| |
| #content #replication #current-file |
| { |
| border-top: 1px solid #f0f0f0; |
| margin-top: 10px; |
| padding-top: 10px; |
| } |
| |
| #content #replication #current-file .progress |
| { |
| color: #c0c0c0; |
| margin-left: 20px; |
| } |
| |
| #content #replication #iterations .label span |
| { |
| background-image: url( ../../img/ico/node-design.png ); |
| } |
| |
| #content #replication #iterations .iterations li |
| { |
| background-position: 100% 50%; |
| display: none; |
| padding-right: 21px; |
| } |
| |
| #content #replication #iterations .iterations.expanded li |
| { |
| display: block; |
| } |
| |
| #content #replication #iterations .iterations .latest |
| { |
| display: block; |
| } |
| |
| #content #replication #iterations .iterations .replicated |
| { |
| color: #80c480; |
| } |
| |
| #content #replication #iterations .iterations ul:hover .replicated, |
| #content #replication #iterations .iterations .replicated.latest |
| { |
| color: #080; |
| } |
| |
| #content #replication #iterations .iterations .replicated.latest |
| { |
| background-image: url( ../../img/ico/tick.png ); |
| } |
| |
| #content #replication #iterations .iterations .failed |
| { |
| color: #c48080; |
| } |
| |
| #content #replication #iterations .iterations ul:hover .failed, |
| #content #replication #iterations .iterations .failed.latest |
| { |
| color: #800; |
| } |
| |
| #content #replication #iterations .iterations .failed.latest |
| { |
| background-image: url( ../../img/ico/cross.png ); |
| } |
| |
| #content #replication #iterations .iterations a |
| { |
| border-top: 1px solid #f0f0f0; |
| display: none; |
| margin-top: 2px; |
| padding-top: 2px; |
| } |
| |
| #content #replication #iterations .iterations a span |
| { |
| background-position: 0 50%; |
| color: #c0c0c0; |
| display: none; |
| padding-left: 21px; |
| } |
| |
| #content #replication #iterations .iterations a span.expand |
| { |
| background-image: url( ../../img/ico/chevron-small-expand.png ); |
| display: block; |
| } |
| |
| #content #replication #iterations .iterations.expanded a span.expand |
| { |
| display: none; |
| } |
| |
| #content #replication #iterations .iterations.expanded a span.collapse |
| { |
| background-image: url( ../../img/ico/chevron-small.png ); |
| display: block; |
| } |
| |
| #content #replication #details table |
| { |
| margin-left: 20px; |
| border-collapse: collapse; |
| } |
| |
| #content #replication #details table th |
| { |
| text-align: left; |
| } |
| |
| #content #replication.slave #details table .slaveOnly |
| { |
| display: table-row; |
| } |
| |
| #content #replication #details table thead th |
| { |
| color: #c0c0c0; |
| } |
| |
| #content #replication #details table thead th, |
| #content #replication #details table tbody td |
| { |
| padding-right: 20px; |
| } |
| |
| #content #replication #details table thead td, |
| #content #replication #details table thead th, |
| #content #replication #details table tbody th, |
| #content #replication #details table tbody td div |
| { |
| padding-top: 3px; |
| padding-bottom: 3px; |
| } |
| |
| #content #replication #details table tbody td, |
| #content #replication #details table tbody th |
| { |
| border-top: 1px solid #f0f0f0; |
| } |
| |
| #content #replication #details table thead td |
| { |
| width: 100px; |
| } |
| |
| #content #replication #details table thead td span |
| { |
| background-image: url( ../../img/ico/clipboard-list.png ); |
| background-position: 0 50%; |
| display: block; |
| padding-left: 21px; |
| } |
| |
| #content #replication #details table tbody th |
| { |
| padding-right: 10px; |
| text-align: right; |
| white-space: nowrap; |
| } |
| |
| #content #replication #details table tbody .size |
| { |
| text-align: right; |
| white-space: nowrap; |
| } |
| |
| #content #replication #details table tbody .generation div |
| { |
| text-align: center; |
| } |
| |
| #content #replication #details table tbody .diff div |
| { |
| background-color: #fcfcc9; |
| padding-left: 1px; |
| padding-right: 1px; |
| } |
| |
| #content #replication .settings .label span |
| { |
| background-image: url( ../../img/ico/hammer-screwdriver.png ); |
| } |
| |
| #content #replication .settings ul, |
| #content #replication .settings dl dt, |
| #content #replication .settings dl dd |
| { |
| float: left; |
| } |
| |
| #content #replication .settings ul li |
| { |
| border-top: 1px solid #f0f0f0; |
| display: none; |
| padding-top: 3px; |
| padding-top: 3px; |
| } |
| |
| #content #replication .settings ul li:first-child |
| { |
| border-top: 0; |
| padding-top: 0; |
| } |
| |
| #content #replication .settings dl dt |
| { |
| clear: left; |
| margin-right: 5px; |
| width: 120px; |
| } |
| |
| #content #replication .settings dl .ico |
| { |
| background-position: 0 50%; |
| padding-left: 21px; |
| } |
| |
| #content #replication .settings dl .ico.ico-0 |
| { |
| background-image: url( ../../img/ico/slash.png ); |
| } |
| |
| #content #replication .settings dl .ico.ico-1 |
| { |
| background-image: url( ../../img/ico/tick.png ); |
| } |
| |
| #content #replication .timer |
| { |
| box-shadow: 5px 5px 10px #c0c0c0; |
| -moz-box-shadow: 5px 5px 10px #c0c0c0; |
| -webkit-box-shadow: 5px 5px 10px #c0c0c0; |
| display: none; |
| margin-bottom: 20px; |
| padding: 10px; |
| } |
| |
| #content #replication .timer p, |
| #content #replication .timer small |
| { |
| padding-left: 21px; |
| } |
| |
| #content #replication .timer p |
| { |
| background-image: url( ../../img/ico/clock-select-remain.png ); |
| background-position: 0 50%; |
| } |
| |
| #content #replication .timer p .approx |
| { |
| color: #c0c0c0; |
| margin-right: 1px; |
| } |
| |
| #content #replication .timer p .tick |
| { |
| font-weight: bold; |
| } |
| |
| #content #replication .timer small |
| { |
| color: #c0c0c0; |
| display: none; |
| } |
| |
| #content #replication #navigation button |
| { |
| display: block; |
| margin-bottom: 10px; |
| } |
| |
| #content #replication #navigation button.optional |
| { |
| display: none; |
| } |
| |
| #content #replication #navigation .replicate-now span |
| { |
| background-image: url( ../../img/ico/document-convert.png ); |
| } |
| |
| #content #replication #navigation .abort-replication span |
| { |
| background-image: url( ../../img/ico/hand.png ); |
| } |
| |
| #content #replication #navigation .disable-polling span |
| { |
| background-image: url( ../../img/ico/cross.png ); |
| } |
| |
| #content #replication #navigation .enable-polling span |
| { |
| background-image: url( ../../img/ico/tick.png ); |
| } |
| |
| #content #replication #navigation .disable-replication span |
| { |
| background-image: url( ../../img/ico/cross.png ); |
| } |
| |
| #content #replication #navigation .enable-replication span |
| { |
| background-image: url( ../../img/ico/tick.png ); |
| } |
| |
| #content #replication #navigation .refresh-status span |
| { |
| background-image: url( ../../img/ico/arrow-circle.png ); |
| } |