replication.css 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500
  1. /*
  2. Licensed to the Apache Software Foundation (ASF) under one or more
  3. contributor license agreements. See the NOTICE file distributed with
  4. this work for additional information regarding copyright ownership.
  5. The ASF licenses this file to You under the Apache License, Version 2.0
  6. (the "License"); you may not use this file except in compliance with
  7. the License. You may obtain a copy of the License at
  8. http://www.apache.org/licenses/LICENSE-2.0
  9. Unless required by applicable law or agreed to in writing, software
  10. distributed under the License is distributed on an "AS IS" BASIS,
  11. WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. See the License for the specific language governing permissions and
  13. limitations under the License.
  14. */
  15. #content #replication
  16. {
  17. background-image: url( ../../img/div.gif );
  18. background-position: 21% 0;
  19. background-repeat: repeat-y;
  20. }
  21. #content #replication #frame
  22. {
  23. float: right;
  24. width: 78%;
  25. }
  26. #content #replication #navigation
  27. {
  28. border-right: 0;
  29. float: left;
  30. width: 20%;
  31. }
  32. #content #replication #error
  33. {
  34. background-color: #f00;
  35. background-image: url( ../../img/ico/construction.png );
  36. background-position: 10px 50%;
  37. color: #fff;
  38. font-weight: bold;
  39. margin-bottom: 20px;
  40. padding: 10px;
  41. padding-left: 35px;
  42. }
  43. #content #replication .block
  44. {
  45. border-bottom: 1px solid #c0c0c0;
  46. margin-bottom: 20px;
  47. padding-bottom: 20px;
  48. }
  49. #content #replication .block.last
  50. {
  51. border-bottom: 0;
  52. }
  53. #content #replication .masterOnly,
  54. #content #replication .slaveOnly
  55. {
  56. }
  57. #content #replication.master .masterOnly
  58. {
  59. display: block;
  60. }
  61. #content #replication.slave .slaveOnly
  62. {
  63. display: block;
  64. }
  65. #content #replication .replicating
  66. {
  67. }
  68. #content #replication.replicating .replicating
  69. {
  70. display: block;
  71. }
  72. #content #replication #progress
  73. {
  74. padding-bottom: 80px;
  75. position: relative;
  76. }
  77. #content #replication #progress .info
  78. {
  79. padding: 5px;
  80. }
  81. #content #replication #progress #start
  82. {
  83. margin-left: 100px;
  84. border-left: 1px solid #c0c0c0;
  85. }
  86. #content #replication #progress #bar
  87. {
  88. background-color: #f0f0f0;
  89. margin-left: 100px;
  90. margin-right: 100px;
  91. position: relative;
  92. }
  93. #content #replication #progress #bar #bar-info,
  94. #content #replication #progress #bar #eta
  95. {
  96. position: absolute;
  97. right: -100px;
  98. width: 100px;
  99. }
  100. #content #replication #progress #bar #bar-info
  101. {
  102. border-left: 1px solid #f0f0f0;
  103. margin-top: 30px;
  104. }
  105. #content #replication #progress #eta .info
  106. {
  107. color: #4D4D4D;
  108. height: 30px;
  109. line-height: 30px;
  110. padding-top: 0;
  111. padding-bottom: 0;
  112. }
  113. #content #replication #progress #speed
  114. {
  115. color: #4D4D4D;
  116. position: absolute;
  117. right: 100px;
  118. top: 0;
  119. }
  120. #content #replication #progress #bar #done
  121. {
  122. background-color: #4D4D4D;
  123. box-shadow: 5px 5px 10px #c0c0c0;
  124. -moz-box-shadow: 5px 5px 10px #c0c0c0;
  125. -webkit-box-shadow: 5px 5px 10px #c0c0c0;
  126. height: 30px;
  127. position: relative;
  128. }
  129. #content #replication #progress #bar #done .percent
  130. {
  131. font-weight: bold;
  132. height: 30px;
  133. line-height: 30px;
  134. padding-left: 5px;
  135. padding-right: 5px;
  136. position: absolute;
  137. right: 0;
  138. text-align: right;
  139. }
  140. #content #replication #progress #bar #done #done-info
  141. {
  142. border-right: 1px solid #c0c0c0;
  143. position: absolute;
  144. right: 0;
  145. margin-top: 30px;
  146. text-align: right;
  147. width: 100px;
  148. }
  149. #content #replication #progress #bar #done #done-info .percent
  150. {
  151. font-weight: bold;
  152. }
  153. #content #replication .block .label,
  154. #content #replication #current-file .file,
  155. #content #replication #current-file .progress,
  156. #content #replication #iterations .iterations
  157. {
  158. float: left;
  159. }
  160. #content #replication .block .label
  161. {
  162. width: 100px;
  163. }
  164. #content #replication .block .label span
  165. {
  166. display: block;
  167. padding-left: 21px;
  168. }
  169. #content #replication #current-file
  170. {
  171. border-top: 1px solid #f0f0f0;
  172. margin-top: 10px;
  173. padding-top: 10px;
  174. }
  175. #content #replication #current-file .progress
  176. {
  177. color: #4D4D4D;
  178. margin-left: 20px;
  179. }
  180. #content #replication #iterations .label span
  181. {
  182. background-image: url( ../../img/ico/node-design.png );
  183. }
  184. #content #replication #iterations .iterations li
  185. {
  186. background-position: 100% 50%;
  187. padding-right: 21px;
  188. }
  189. #content #replication #iterations .iterations.expanded li
  190. {
  191. display: block;
  192. }
  193. #content #replication #iterations .iterations .latest
  194. {
  195. display: block;
  196. }
  197. #content #replication #iterations .iterations .replicated
  198. {
  199. color: #80c480;
  200. }
  201. #content #replication #iterations .iterations ul:hover .replicated,
  202. #content #replication #iterations .iterations .replicated.latest
  203. {
  204. color: #080;
  205. }
  206. #content #replication #iterations .iterations .replicated.latest
  207. {
  208. background-image: url( ../../img/ico/tick.png );
  209. }
  210. #content #replication #iterations .iterations .failed
  211. {
  212. color: #c48080;
  213. }
  214. #content #replication #iterations .iterations ul:hover .failed,
  215. #content #replication #iterations .iterations .failed.latest
  216. {
  217. color: #800;
  218. }
  219. #content #replication #iterations .iterations .failed.latest
  220. {
  221. background-image: url( ../../img/ico/cross.png );
  222. }
  223. #content #replication #iterations .iterations a
  224. {
  225. border-top: 1px solid #f0f0f0;
  226. margin-top: 2px;
  227. padding-top: 2px;
  228. }
  229. #content #replication #iterations .iterations a span
  230. {
  231. background-position: 0 50%;
  232. color: #4D4D4D;
  233. padding-left: 21px;
  234. }
  235. #content #replication #iterations .iterations a span.expand
  236. {
  237. background-image: url( ../../img/ico/chevron-small-expand.png );
  238. display: block;
  239. }
  240. #content #replication #iterations .iterations a span.collapse
  241. {
  242. background-image: url( ../../img/ico/chevron-small.png );
  243. display: block;
  244. }
  245. #content #replication #details table
  246. {
  247. margin-left: 20px;
  248. border-collapse: collapse;
  249. }
  250. #content #replication #details table th
  251. {
  252. text-align: left;
  253. }
  254. #content #replication.slave #details table .slaveOnly
  255. {
  256. display: table-row;
  257. }
  258. #content #replication #details table thead th
  259. {
  260. color: #4D4D4D;
  261. }
  262. #content #replication #details table thead th,
  263. #content #replication #details table tbody td
  264. {
  265. padding-right: 20px;
  266. }
  267. #content #replication #details table thead td,
  268. #content #replication #details table thead th,
  269. #content #replication #details table tbody th,
  270. #content #replication #details table tbody td div
  271. {
  272. padding-top: 3px;
  273. padding-bottom: 3px;
  274. }
  275. #content #replication #details table tbody td,
  276. #content #replication #details table tbody th
  277. {
  278. border-top: 1px solid #f0f0f0;
  279. }
  280. #content #replication #details table thead td
  281. {
  282. width: 100px;
  283. }
  284. #content #replication #details table thead td span
  285. {
  286. background-image: url( ../../img/ico/clipboard-list.png );
  287. background-position: 0 50%;
  288. display: block;
  289. padding-left: 21px;
  290. }
  291. #content #replication #details table tbody th
  292. {
  293. padding-right: 10px;
  294. text-align: right;
  295. white-space: nowrap;
  296. }
  297. #content #replication #details table tbody .size
  298. {
  299. text-align: right;
  300. white-space: nowrap;
  301. }
  302. #content #replication #details table tbody .generation div
  303. {
  304. text-align: center;
  305. }
  306. #content #replication #details table tbody .diff div
  307. {
  308. background-color: #fcfcc9;
  309. padding-left: 1px;
  310. padding-right: 1px;
  311. }
  312. #content #replication .settings .label span
  313. {
  314. background-image: url( ../../img/ico/hammer-screwdriver.png );
  315. }
  316. #content #replication .settings ul,
  317. #content #replication .settings dl dt,
  318. #content #replication .settings dl dd
  319. {
  320. float: left;
  321. }
  322. #content #replication .settings ul li
  323. {
  324. border-top: 1px solid #f0f0f0;
  325. padding-top: 3px;
  326. padding-top: 3px;
  327. }
  328. #content #replication .settings ul li:first-child
  329. {
  330. border-top: 0;
  331. padding-top: 0;
  332. }
  333. #content #replication .settings dl dt
  334. {
  335. clear: left;
  336. margin-right: 5px;
  337. width: 120px;
  338. }
  339. #content #replication .settings dl .ico
  340. {
  341. background-position: 0 50%;
  342. padding-left: 21px;
  343. }
  344. #content #replication .settings dl .ico.ico-0
  345. {
  346. background-image: url( ../../img/ico/slash.png );
  347. }
  348. #content #replication .settings dl .ico.ico-1
  349. {
  350. background-image: url( ../../img/ico/tick.png );
  351. }
  352. #content #replication .timer
  353. {
  354. box-shadow: 5px 5px 10px #c0c0c0;
  355. -moz-box-shadow: 5px 5px 10px #c0c0c0;
  356. -webkit-box-shadow: 5px 5px 10px #c0c0c0;
  357. margin-bottom: 20px;
  358. padding: 10px;
  359. }
  360. #content #replication .timer p,
  361. #content #replication .timer small
  362. {
  363. padding-left: 21px;
  364. }
  365. #content #replication .timer p
  366. {
  367. background-image: url( ../../img/ico/clock-select-remain.png );
  368. background-position: 0 50%;
  369. }
  370. #content #replication .timer p .approx
  371. {
  372. color: #4D4D4D;
  373. margin-right: 1px;
  374. }
  375. #content #replication .timer p .tick
  376. {
  377. font-weight: bold;
  378. }
  379. #content #replication .timer small
  380. {
  381. color: #4D4D4D;
  382. }
  383. #content #replication #navigation button
  384. {
  385. display: block;
  386. margin-bottom: 10px;
  387. }
  388. #content #replication #navigation button.optional
  389. {
  390. }
  391. #content #replication #navigation .replicate-now span
  392. {
  393. background-image: url( ../../img/ico/document-convert.png );
  394. }
  395. #content #replication #navigation .abort-replication span
  396. {
  397. background-image: url( ../../img/ico/hand.png );
  398. }
  399. #content #replication #navigation .disable-polling span
  400. {
  401. background-image: url( ../../img/ico/cross.png );
  402. }
  403. #content #replication #navigation .enable-polling span
  404. {
  405. background-image: url( ../../img/ico/tick.png );
  406. }
  407. #content #replication #navigation .disable-replication span
  408. {
  409. background-image: url( ../../img/ico/cross.png );
  410. }
  411. #content #replication #navigation .enable-replication span
  412. {
  413. background-image: url( ../../img/ico/tick.png );
  414. }
  415. #content #replication #navigation .refresh-status span
  416. {
  417. background-image: url( ../../img/ico/arrow-circle.png );
  418. }