app.css 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446
  1. /*
  2. *
  3. * Licensed to the Apache Software Foundation (ASF) under one
  4. * or more contributor license agreements. See the NOTICE file
  5. * distributed with this work for additional information
  6. * regarding copyright ownership. The ASF licenses this file
  7. * to you under the Apache License, Version 2.0 (the
  8. * "License"); you may not use this file except in compliance
  9. * with the License. You may obtain a copy of the License at
  10. *
  11. * http://www.apache.org/licenses/LICENSE-2.0
  12. *
  13. * Unless required by applicable law or agreed to in writing,
  14. * software distributed under the License is distributed on an
  15. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  16. * KIND, either express or implied. See the License for the
  17. * specific language governing permissions and limitations
  18. * under the License.
  19. *
  20. */
  21. header, footer, aside, nav, article, section {
  22. display: block;
  23. }
  24. header {
  25. margin:10px 0;
  26. height:100px;
  27. background-color:white;
  28. font-size:300%;
  29. }
  30. body {
  31. font:13px/1.231 Helvetica,Arial,sans-serif;
  32. *font-size:small;
  33. margin: 0 auto;
  34. min-width: 1024px;
  35. font-size: 75%;
  36. color: #454545;
  37. height:100%;
  38. overflow:auto;
  39. }
  40. h1 {
  41. font-size: 175%;
  42. font-weight: bolder;
  43. text-align: center;
  44. }
  45. header img {
  46. height:93px;
  47. width:241px;
  48. float:left;
  49. }
  50. #headerText {
  51. font-weight:bold;
  52. padding:30px 0 0 400px;
  53. }
  54. footer {
  55. border-top:1px solid #e5e5e5;
  56. padding:40px 0;
  57. background-color:#fff;
  58. color:#666666;
  59. }
  60. footer a:link, footer a:visited {
  61. color:#666666;
  62. text-decoration:underline;
  63. }
  64. a:link {
  65. color: blue;
  66. }
  67. a:visited {
  68. color: blue;
  69. }
  70. select {
  71. width:250px;
  72. background-color:#DBDBDB;
  73. }
  74. #blackScreenDivId, #loadingBlackScreenDivId {
  75. position:fixed;
  76. background-color:black;
  77. opacity:0.8;
  78. height:100%;
  79. width:100%;
  80. top:0px;
  81. left:0px;
  82. }
  83. #loadingImgId {
  84. /*
  85. margin-left: auto;
  86. margin-right: auto;
  87. */
  88. position: fixed;
  89. left: 50%;
  90. top: 50%;
  91. width: 100px;
  92. height: 100px;
  93. margin-top: -50px;
  94. margin-left: -50px;
  95. }
  96. #installationWizardDivId {
  97. margin-left:auto;
  98. margin-right:auto;
  99. border:1px;
  100. background-color:#FFF;
  101. padding:20px 20px 20px;
  102. width:940px;
  103. }
  104. #installationWizardDivId h2 {
  105. margin-bottom:10px;
  106. }
  107. #installationWizardDivId h3 {
  108. margin-bottom:10px;
  109. }
  110. #installationSideBarDivId {
  111. display:block;
  112. float:left;
  113. }
  114. #installationMainFormsDivId {
  115. display:block;
  116. }
  117. #displayLogsContentDivId {
  118. height: 500px;
  119. width: 600px;
  120. padding: 5px;
  121. background-color: white;
  122. overflow: auto;
  123. }
  124. table {
  125. width:80%;
  126. margin-left:auto;
  127. margin-right:auto;
  128. padding-left:20px;
  129. font-size:1em;
  130. cellspacing:10px;
  131. cellpadding:10px;
  132. border:1px solid #DBDBDB;
  133. }
  134. caption {
  135. font-weight:bold;
  136. font-size:1.3em;
  137. padding:10px;
  138. color:green;
  139. }
  140. thead {
  141. font-size:13px;
  142. font-weight:bold;
  143. color:white;
  144. background-color:#65B642;
  145. border-bottom:1px solid #7A7A7A;
  146. }
  147. thead tr {
  148. }
  149. thead tr:hover {
  150. background-color:#65B642;
  151. }
  152. th {
  153. padding:10px;
  154. }
  155. tr {
  156. transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98);
  157. -moz-transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98); /* FF3.7+ */
  158. -o-transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98) ; /* Opera 10.5 */
  159. -webkit-transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98) ; /* Saf3.2+, Chrome */
  160. }
  161. tr:hover {
  162. background-color:#DBDBDB;
  163. height:30px;
  164. }
  165. td {
  166. padding:10px;
  167. }
  168. .contextualHelp {
  169. margin-left:10px;
  170. width:300px;
  171. display:inline-block;
  172. font-size:12px;
  173. visibility:hidden;
  174. }
  175. .formElement:hover .contextualHelp {
  176. visibility:visible;
  177. }
  178. .pageSummary {
  179. min-height: 20px;
  180. padding: 19px;
  181. margin: 30px 0 20px 0;
  182. background-color: #f5f5f5;
  183. border: 1px solid #eee;
  184. border: 1px solid rgba(0, 0, 0, 0.05);
  185. -webkit-border-radius: 4px;
  186. -moz-border-radius: 4px;
  187. border-radius: 4px;
  188. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  189. -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  190. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  191. }
  192. .pageSumary h2 {
  193. margin-bottom:10px;
  194. }
  195. .container {
  196. width:980px!important;
  197. margin:0 auto;
  198. }
  199. #ContentDivId {
  200. width:980px;
  201. margin:0 auto;
  202. padding:0;
  203. background-color:#fff;
  204. min-height:100%;
  205. padding-top:0px;
  206. }
  207. #selectServicesCoreDivId label {
  208. font-size:16px;
  209. margin-bottom:10px;
  210. }
  211. #selectServicesCoreDivId div.description {
  212. font-style:italic;
  213. margin:0 0 20px 20px;
  214. }
  215. #selectServicesCoreDivId span.description {
  216. font-style:italic;
  217. margin:0;
  218. font-size:12px;
  219. }
  220. .pageContent {
  221. margin:40px 0 0 40px;
  222. }
  223. div.formElement {
  224. clear:both;
  225. font-size:12px;
  226. }
  227. .formElement input {
  228. vertical-align:top;
  229. }
  230. #configureClusterAdvancedCoreDivId label,
  231. #deployDynamicRenderDivId label,
  232. #deployCoreDivId label {
  233. float:left;
  234. width:300px;
  235. text-align:right;
  236. margin-right:20px;
  237. padding-top:4px;
  238. }
  239. #deployDynamicRenderDivId input {
  240. display:block!important;
  241. float:left;
  242. }
  243. #labelForSelectAllId {
  244. font-size:12px!important;
  245. }
  246. #configureClusterAdvancedCoreDivId input {
  247. float:left;
  248. }
  249. input.unit, input[readonly].unit {
  250. width:80px;
  251. }
  252. label.unit {
  253. margin-top:3px;
  254. margin-left:4px;
  255. width:auto!important;
  256. }
  257. a.btn {
  258. color:#333;
  259. }
  260. .btn-large .iconic-stop:before {
  261. margin-top: -1px;
  262. }
  263. #yumMirrorSupportFormButtonWrapperId {
  264. margin-bottom:20px;
  265. }
  266. #yumMirrorSupportFormFieldsId input[type=text] {
  267. width:500px;
  268. margin-bottom:20px;
  269. }
  270. div.separator {
  271. margin-bottom:20px;
  272. }
  273. #selectServicesCoreDivId ul {
  274. list-style:none outside none;
  275. }
  276. #masterServices {
  277. margin-top:40px;
  278. }
  279. #masterServices select {
  280. width:auto;
  281. max-width:330px;
  282. background-color:#fff;
  283. }
  284. #masterServices a {
  285. margin-left:165px;
  286. }
  287. /*
  288. #masterServices label {
  289. width:240px;
  290. float:left;
  291. line-height: 28px;
  292. margin-right: 10px;
  293. text-align: right;
  294. }
  295. */
  296. #masterServices .hostInfo {
  297. margin-left:10px;
  298. font-size:14px;
  299. font-weight:normal;
  300. }
  301. #masterServicesToHostsContainer {
  302. margin:0 10px 40px 0;
  303. width:520px;
  304. float:left;
  305. }
  306. .masterServiceSelect {
  307. margin-bottom:10px;
  308. }
  309. .masterServiceSelect select {
  310. margin-bottom:0;
  311. }
  312. .masterServiceSelect label {
  313. font-size:14px;
  314. float:left;
  315. width:160px;
  316. margin-right:5px;
  317. line-height:30px;
  318. text-align:right;
  319. }
  320. #hostsToMasterServices {
  321. width:auto;
  322. float:left;
  323. }
  324. .hostToMasterServices, .hostToServices, #configureClusterMountPointsDisplayDivId .formElement {
  325. background-color: #F7F7F5;
  326. border: 2px solid rgba(0, 0, 0, 0.25);
  327. border-radius: 4px 4px 4px 4px;
  328. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  329. margin: 0 0 10px;
  330. min-height: 20px;
  331. padding: 10px 20px;
  332. width:360px;
  333. }
  334. .hostToServices {
  335. width:auto;
  336. }
  337. .hostToMasterServices > h3, .hostToServices > h3 {
  338. font-size:14px;
  339. margin-bottom:4px!important;
  340. line-height:14px;
  341. }
  342. .hostToServices > h3 {
  343. font-weight:normal;
  344. }
  345. .hostToMasterServices ul, .hostToServices ul {
  346. margin-left:0;
  347. margin-bottom:0;
  348. list-style:none;
  349. }
  350. .hostToMasterServices ul:after, .hostToServices ul:after {
  351. clear:both;
  352. }
  353. .hostToMasterServices li, .hostToServices li, .masterLegend, .clientLegend {
  354. float:left;
  355. background-color:#65B642;
  356. padding:4px 6px;
  357. color:#fff;
  358. margin-right:10px;
  359. margin-top:6px;
  360. border-radius:4px;
  361. -webkit-border-radius:4px;
  362. -moz-border-radius:4px;
  363. }
  364. .hostToServices li.client, .clientLegend {
  365. background-color:#0088CC;
  366. }
  367. #serviceLegend {
  368. float:right;
  369. }
  370. #clusterHostRoleMappingDivId {
  371. margin-top:20px;
  372. width:500px;
  373. margin-left:20px;
  374. }
  375. #clusterHostRoleMappingDivId h2 {
  376. font-size:16px;
  377. float:left;
  378. margin-bottom:10px;
  379. font-weight:normal;
  380. }
  381. /* BEGIN TOP NAV */
  382. .navbar {
  383. font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  384. }
  385. .navbar .brand {
  386. color: #666666;
  387. display: block;
  388. float: left;
  389. font-size: 16px;
  390. font-weight: normal;
  391. line-height: 1;
  392. margin-left: 0;
  393. margin-right: 40px;
  394. margin-top: 3px;
  395. padding: 14px 10px;
  396. }
  397. .navbar-inner {
  398. background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
  399. background: -moz-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
  400. background: -webkit-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
  401. border-radius:0;
  402. border:1px solid #bbb;
  403. border-width:0 0 1px 0;
  404. }
  405. .navbar .nav {
  406. float:none;
  407. overflow:hidden;
  408. }
  409. .navbar .nav .active > a, .navbar .nav .active > a:hover {
  410. background-color: #999999;
  411. color: #FFFFFF;
  412. text-decoration: none;
  413. }
  414. .navbar .nav > li > a {
  415. border-radius:8px;
  416. -webkit-border-radius: 8px;
  417. -moz-border-radius: 8px;
  418. color: #666666;
  419. float: none;
  420. font-size: 13px;
  421. font-weight: bold;
  422. line-height: 19px;
  423. margin: 6px 10px 6px 0;
  424. padding: 8px 14px;
  425. text-decoration: none;
  426. text-shadow: none;
  427. }
  428. .navbar .nav > li > a:hover {
  429. background-color: transparent;
  430. color: #999999;
  431. text-decoration: none;
  432. }
  433. .navbar .brand {
  434. margin-right:40px;
  435. }
  436. .navbar #logo {
  437. float:left;
  438. padding-top:7px;
  439. height:36px;
  440. }
  441. .navbar .nav > li.right {
  442. float:right;
  443. }
  444. /* END TOPNAV */
  445. /* BEGIN SUBNAV */
  446. #subnav a {
  447. color:#666;
  448. font-size:13px;
  449. }
  450. #subnav a:active, #subnav .active a {
  451. color:#65B642;
  452. font-size:13px;
  453. }
  454. /* END SUBNAV */
  455. /* BEGIN progress box styles */
  456. #txnProgressBox {
  457. width:auto;
  458. border: 1px solid rgba(0, 0, 0, 0.10);
  459. border-radius: 4px 4px 4px 4px;
  460. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  461. background-color:#ffffff;
  462. min-height:80px;
  463. }
  464. #txnProgressBox ul {
  465. list-style-type:none;
  466. width:500px;
  467. margin:0;
  468. padding:20px;
  469. font-size:13px;
  470. }
  471. #txnProgressBox ul li {
  472. margin-bottom:3px;
  473. text-align:right;
  474. clear:both;
  475. }
  476. #txnProgressBox ul label {
  477. width:150px;
  478. float:left;
  479. margin-right:8px;
  480. }
  481. #txnProgressBox ul.wrapped li {
  482. margin-bottom:18px;
  483. text-align:left;
  484. clear:both;
  485. }
  486. #txnProgressBox ul.wrapped li:last-child {
  487. margin-bottom:0px;
  488. }
  489. #txnProgressBox ul.wrapped label {
  490. width:auto;
  491. float:none;
  492. background:none;
  493. box-shadow:none;
  494. margin-bottom:2px;
  495. }
  496. #txnProgressBox ul .progress {
  497. /*height:10px;*/
  498. width:240px;
  499. }
  500. #txnProgressBox ul.wrapped .progress {
  501. width:100%;
  502. }
  503. #txnProgressBox #buttonArea {
  504. background-color:#fefefe;
  505. padding:6px 20px;
  506. }
  507. #txnProgressBox ul .progress {
  508. height:12px;
  509. margin-top:3px;
  510. margin-bottom:0;
  511. float:left;
  512. }
  513. #txnProgressBox ul.wrapped .progress {
  514. margin-bottom:0;
  515. float:none;
  516. }
  517. #txnProgressBox label.txnProgressStatePending {
  518. color:#999;
  519. }
  520. #txnProgressBox label.txnProgressStateDone {
  521. }
  522. #txnProgressBox label.txnProgressStateError {
  523. color:red;
  524. }
  525. #txnProgressBox label.txnProgressStateInProgress {
  526. color:#333;
  527. font-weight:bold;
  528. }
  529. #txnProgressBox .progress .bar {
  530. width:0;
  531. }
  532. #txnProgressBox .progress.active .bar {
  533. width:auto;
  534. }
  535. #txnProgressBox .progress.progress-success .bar {
  536. width:auto;
  537. }
  538. #txnProgressBox .progress.progress-danger .bar {
  539. width:auto;
  540. }
  541. #txnProgressBox .status {
  542. margin-left:8px;
  543. float:left;
  544. }
  545. #txnProgressBox .status.txnProgressStatePending {
  546. color:#999;
  547. }
  548. #txnProgressBox .status.txnProgressStateDone {
  549. color:green;
  550. }
  551. #txnProgressBox .status.txnProgressStateInProgress {
  552. color:#149BDF;
  553. font-weight:bold;
  554. }
  555. #txnProgressBox .status.txnProgressStateError {
  556. color:red;
  557. }
  558. #txnProgressBox #successInfoLinkId {
  559. margin-left:20px;
  560. }
  561. #txnProgressHeader {
  562. background-color:#f0f0f0;
  563. border-bottom: 1px solid #DDDDDD;
  564. box-shadow: 0 1px 0 #FFFFFF inset;
  565. color:#333333;
  566. font-size:18px;
  567. font-weight:bold;
  568. padding:9px 15px;
  569. min-width:500px;
  570. }
  571. #activeProgressBar.wrapped {
  572. width:500px;
  573. height:12px;
  574. float:none;
  575. }
  576. #activeProgressBar {
  577. margin-top:3px;
  578. width:240px;
  579. height:12px;
  580. float:none;
  581. }
  582. .wrapped #activeProgressBarContainer {
  583. height:12px;
  584. float:none;
  585. }
  586. #activeProgressBarContainer {
  587. height:12px;
  588. float:left;
  589. }
  590. /* END progress popup styles */
  591. #deployAddedNodesSubmitButtonId {
  592. margin-left:20px;
  593. }
  594. /* BEGIN common2 */
  595. hr {
  596. clear:both;
  597. color: #FFF;
  598. }
  599. legend {
  600. padding: 0.2em 0.5em;
  601. color:green;
  602. font-size:120%;
  603. text-align:left;
  604. }
  605. .submitButton:hover {
  606. background-color:#00CC00;
  607. cursor:pointer;
  608. border:1px solid green;
  609. color:white;
  610. }
  611. .submitButton {
  612. -moz-box-shadow:inset 0px 1px 20px -2px #caefab;
  613. -webkit-box-shadow:inset 0px 1px 20px -2px #caefab;
  614. box-shadow:inset 0px 1px 20px -2px #caefab;
  615. background-color: #39E639;
  616. -moz-border-radius:6px;
  617. -webkit-border-radius:6px;
  618. border-radius:6px;
  619. border:1px solid grey;
  620. color:black;
  621. margin-top:6px;
  622. margin-bottom:6px;
  623. font-family:Arial;
  624. font-size:14px;
  625. font-weight:bold;
  626. padding:6px 20px;
  627. text-decoration:none;
  628. float:right;
  629. }
  630. .submitButton:active {
  631. position:relative;
  632. top:1px;
  633. }
  634. input[readonly] {
  635. width:300px;
  636. /*
  637. color:green;
  638. */
  639. box-shadow:none;
  640. border:0px;
  641. background-color:#F0F0E8;
  642. vertical-align:top;
  643. }
  644. #formElement {
  645. height: 35px;
  646. }
  647. /* END common2 */
  648. /* BEGIN common3 */
  649. span.installationWizardStageNumber {
  650. color: rgb(157,157,157);
  651. font-size: 20px;
  652. font-weight: bold;
  653. text-align: center;
  654. width: 100%;
  655. left: 1px;
  656. background-color: transparent;
  657. background-image: none;
  658. background-repeat: repeat;
  659. background-attachment: scroll;
  660. background-position: 0% 0%;
  661. background-clip: border-box;
  662. background-origin: padding-box;
  663. background-size: auto auto;
  664. }
  665. #installationWizardProgressBarDivId {
  666. width: 100%;
  667. margin: 0px auto;
  668. margin-bottom: 8px;
  669. }
  670. #installationWizardProgressBarListId {
  671. margin:0;
  672. padding:0;
  673. height:50px;
  674. }
  675. #installationWizardProgressBarListId li {
  676. display: inline-block;
  677. width: auto;
  678. padding: 5px;
  679. margin: 2px;
  680. cursor: default;
  681. }
  682. .installationWizardUnvisitedStage, #installationWizardProgressBarListId li.installationWizardUnvisitedStage {
  683. background-color: rgb(190,190,190);
  684. color: white;
  685. border-radius:4px;
  686. -moz-border-radius:4px;
  687. -webkit-border-radius:4px;
  688. padding:10px;
  689. }
  690. .installationWizardVisitedStage, #installationWizardProgressBarListId li.installationWizardVisitedStage {
  691. background-color: grey;
  692. color: #fff;
  693. padding:10px;
  694. font-weight:bold;
  695. font-size: 12px;
  696. border-radius:4px;
  697. -moz-border-radius:4px;
  698. -webkit-border-radius:4px;
  699. cursor: pointer;
  700. }
  701. .installationWizardCurrentStage, #installationWizardProgressBarListId li.installationWizardCurrentStage {
  702. background-color:#65B642;
  703. color: white;
  704. margin:4px;
  705. padding:10px;
  706. font-weight:bolder;
  707. font-size: 14px;
  708. border-radius:4px;
  709. -moz-border-radius:4px;
  710. -webkit-border-radius:4px;
  711. }
  712. .txnNoOpMsg {
  713. padding: 4px;
  714. font-weight: bolder;
  715. font-size: 150%;
  716. text-align: center;
  717. }
  718. .logEntry {
  719. border:1px solid #B2B299 ;
  720. background-color:#F0F0E8;
  721. margin:30px;
  722. }
  723. .logEntryHeader {
  724. font-weight:bold;
  725. font-size:larger;
  726. background-color:#B2B299;
  727. color:white;
  728. }
  729. .logEntryBody {
  730. padding:5px;
  731. }
  732. #txnProgressStatusDivId {
  733. width: auto;
  734. max-width:500px;
  735. /-*height: 2em;*-/
  736. border-style: solid;
  737. border-width: 2px;
  738. border-radius:2px;
  739. -moz-border-radius:2px;
  740. -webkit-border-radius:2px;
  741. padding-top: 6px;
  742. padding-bottom: 6px;
  743. font-size: 13px;
  744. /*text-align: center;*/
  745. margin-bottom:0;
  746. text-align:right;
  747. }
  748. .formStatusBar {
  749. background-color: #FCF8E3;
  750. border: 1px solid #FBEED5;
  751. border-radius: 4px 4px 4px 4px;
  752. color: #C09853;
  753. font-size:14px;
  754. margin-bottom: 18px;
  755. padding: 8px 20px;
  756. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  757. }
  758. .formStatusBarZeroOpacity {
  759. visibility: hidden;
  760. opacity: 0;
  761. transition: visibility 0s 5s, opacity 3s linear;
  762. -moz-transition: visibility 0s 5s, opacity 3s linear;
  763. }
  764. #txnProgressCoreDivId {
  765. /* Float above all else*/
  766. z-index:15;
  767. position:absolute;
  768. top:180px;
  769. left:50%;
  770. margin-left:-270px;
  771. /* Leave some space at the bootom for long progress-lists */
  772. padding-bottom:100px;
  773. }
  774. #txnProgressStatusDivId p {
  775. font-size:14px;
  776. margin:0;
  777. /*margin-top:10px;*/
  778. }
  779. #txnProgressFieldSetId {
  780. width:auto;
  781. background-color:white;
  782. border-radius:0px 0px 15px 15px;
  783. }
  784. .statusOk {
  785. background-color: #dff0d8;
  786. border-color: #d6e9c6;
  787. color: #468847;
  788. }
  789. .statusError {
  790. background-color: #F2DEDE;
  791. border-color: #EED3D7;
  792. color: #B94A48;
  793. }
  794. .statusWarning {
  795. background-color: #FCF8E3;
  796. border-color: #FBEED5;
  797. color: #C09853;
  798. }
  799. /* configureServices */
  800. #configureClusterAdvancedCoreDivId .nav-tabs > li > a {
  801. color:#0088CC;
  802. outline: 0 none;
  803. font-size:13px;
  804. }
  805. #configureClusterAdvancedCoreDivId .nav-tabs > .active > a, #configureClusterAdvancedCoreDivId .nav-tabs > .active > a:hover {
  806. font-weight:bold;
  807. color:#65B642;
  808. }
  809. #configureClusterAdvancedCoreDivId #buttonAreaDivId {
  810. background-color:#f0f0f0;
  811. border:1px solid #dddddd;
  812. border-width:0 1px 1px 1px;
  813. border-radius:0 0 4px 4px;
  814. }
  815. #configureClusterAdvancedDynamicRenderDivId #configureServicesTabs {
  816. margin-top:20px;
  817. }
  818. #configureClusterAdvancedDynamicRenderDivId .tab-content {
  819. /* height:300px; */
  820. border:1px solid #dddddd;
  821. border-width:0 1px 1px 1px;
  822. padding:40px 0;
  823. }
  824. #configureClusterAdvancedFormId {
  825. margin:0;
  826. }
  827. #configureClusterAdvancedDynamicRenderDivId .nav {
  828. margin-bottom:0;
  829. }
  830. #configureClusterAdvancedDynamicRenderDivId .formInputErrorReason {
  831. color: red;
  832. display: inline-block;
  833. margin-bottom: 20px;
  834. margin-left: 320px;
  835. }
  836. #configureClusterAdvancedCoreDivId #buttonGroupDivId {
  837. float:right;
  838. padding:6px 20px;
  839. }
  840. #configureClusterAdvancedCoreDivId #backNextDivId {
  841. float:left;
  842. margin-right:20px;
  843. }
  844. #configureClusterAdvancedCoreDivId #configureClusterAdvancedSubmitButtonId {
  845. /* width:100px; */
  846. width:300px;
  847. }
  848. #configureClusterAdvancedCoreDivId .contextualHelp {
  849. width:280px;
  850. }
  851. /* END configure services */
  852. /* Add a scrollbar only to the body of the YUI Panel, keeping the locations of
  853. * the Header and Footer fixed (and always visible).
  854. */
  855. #informationalPanelContainerDivId .yui3-widget-bd {
  856. max-height:400px;
  857. min-height:80px;
  858. padding:15px;
  859. overflow-x:hidden;
  860. overflow-y:auto;
  861. }
  862. #informationalPanelContainerDivId .yui3-widget-hd {
  863. background: #f0f0f0;
  864. border-bottom: 1px solid #DDDDDD;
  865. box-shadow: 0 1px 0 #FFFFFF inset;
  866. border-radius:6px 6px 0 0;
  867. padding: 9px 15px;
  868. font-size: 18px;
  869. line-height: 27px;
  870. color:#333333;
  871. font-weight:bold;
  872. }
  873. #informationalPanelContainerDivId .yui3-widget-ft {
  874. background-color: #F5F5F5;
  875. border-radius: 0 0 6px 6px;
  876. border-top: 1px solid #DDDDDD;
  877. box-shadow: 0 1px 0 #FFFFFF inset;
  878. margin-bottom: 0;
  879. padding: 14px 15px 15px;
  880. text-align: right;
  881. }
  882. #informationalPanelContainerDivId .yui3-widget-ft .yui3-button {
  883. -moz-border-bottom-colors: none;
  884. -moz-border-image: none;
  885. -moz-border-left-colors: none;
  886. -moz-border-right-colors: none;
  887. -moz-border-top-colors: none;
  888. background-color: #F5F5F5;
  889. background-image: -ms-linear-gradient(top, white, #E6E6E6);
  890. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white),
  891. to(#E6E6E6) );
  892. background-image: -webkit-linear-gradient(top, white, #E6E6E6);
  893. background-image: -o-linear-gradient(top, white, #E6E6E6);
  894. background-image: linear-gradient(top, white, #E6E6E6);
  895. background-image: -moz-linear-gradient(top, white, #E6E6E6);
  896. background-repeat: repeat-x;
  897. border-color: #CCCCCC #CCCCCC #B3B3B3;
  898. border-radius: 4px 4px 4px 4px;
  899. border-style: solid;
  900. border-width: 1px;
  901. box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  902. color: #333333;
  903. cursor: pointer;
  904. display: inline-block;
  905. font-size: 13px;
  906. line-height: 18px;
  907. margin-bottom: 0;
  908. padding: 4px 10px;
  909. text-align: center;
  910. text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  911. vertical-align: middle;
  912. }
  913. #informationalPanelContainerDivId .yui3-widget-ft .yui3-button:hover {
  914. color: #333333;
  915. text-decoration: none;
  916. background-color: #e6e6e6;
  917. *background-color: #d9d9d9;
  918. /* Buttons in IE7 don't get borders, so darken on hover */
  919. background-position: 0 -15px;
  920. -webkit-transition: background-position 0.1s linear;
  921. -moz-transition: background-position 0.1s linear;
  922. -ms-transition: background-position 0.1s linear;
  923. -o-transition: background-position 0.1s linear;
  924. transition: background-position 0.1s linear;
  925. }
  926. #informationalPanelContainerDivId .yui3-widget-ft .yui3-button:active {
  927. background-color: #e6e6e6;
  928. background-color: #d9d9d9 \9;
  929. background-image: none;
  930. outline: 0;
  931. -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  932. -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  933. box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  934. }
  935. #informationalPanelContainerDivId .yui3-widget-ft .okButton {
  936. color: #FFFFFF;
  937. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  938. background-color: #5bb75b;
  939. background-image: -moz-linear-gradient(top, #62c462, #51a351);
  940. background-image: -ms-linear-gradient(top, #62c462, #51a351);
  941. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  942. background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  943. background-image: -o-linear-gradient(top, #62c462, #51a351);
  944. background-image: linear-gradient(top, #62c462, #51a351);
  945. background-repeat: repeat-x;
  946. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  947. border-color: #51a351 #51a351 #387038;
  948. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  949. *background-color: #51a351;
  950. /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  951. filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  952. }
  953. #informationalPanelContainerDivId .yui3-widget-ft .okButton:hover,
  954. #informationalPanelContainerDivId .yui3-widget-ft .okButton:active {
  955. color: #FFFFFF;
  956. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  957. background-color: #51a351;
  958. *background-color: #499249;
  959. }
  960. #informationalPanelContainerDivId .yui3-panel-content {
  961. box-shadow:none;
  962. border:none;
  963. border-radius:6px;
  964. }
  965. #informationalPanelContainerDivId .yui3-widget-content-expanded {
  966. height:auto;
  967. }
  968. #informationalPanelContainerDivId .yui3-widget-mask {
  969. opacity:0.7;
  970. }
  971. .yui3-panel:focus {
  972. outline:0 none;
  973. }
  974. #confirmationDataPanelBodyContent {
  975. font-size:13px;
  976. }
  977. #manageServicesDisplayDepsOnAction {
  978. margin-top:30px;
  979. }
  980. .loadingImg {
  981. display: block;
  982. margin: auto;
  983. }
  984. .centered {
  985. position: fixed;
  986. left: 50%;
  987. top: 50%;
  988. }
  989. #configureClusterInputContainerDivId {
  990. float:left;
  991. width:400px;
  992. margin:20px 0 0 80px;
  993. }
  994. #configureClusterDisplayDivId {
  995. float:left;
  996. width:40%;
  997. opacity: 0.7;
  998. margin-left:10px;
  999. }
  1000. #configureClusterCoreDivId #previewLinkId {
  1001. color:#0088CC;
  1002. font-size:13px;
  1003. }
  1004. #configureClusterMountPointsDisplayDivId {
  1005. margin:20px;
  1006. }
  1007. #configureClusterMountPointsDisplayDivId label {
  1008. font-weight:bold;
  1009. font-size:14px;
  1010. }
  1011. #configureClusterMountPointsDisplayDivId .formElement {
  1012. margin-top:20px;
  1013. width:auto;
  1014. }
  1015. .formInputError, input[type="text"].formInputError {
  1016. border-color: #F53907;
  1017. /*background-color: #F17879;*/
  1018. }
  1019. .formInputErrorReason {
  1020. display: inline-block;
  1021. margin-left: 10px;
  1022. color: red;
  1023. }
  1024. #configureClusterAdvancedDynamicRenderDivId .formInputErrorReason {
  1025. color: red;
  1026. display: inline-block;
  1027. margin-bottom: 20px;
  1028. margin-left: 320px;
  1029. }
  1030. /* END common3 */
  1031. /* BEGIN selectHosts */
  1032. #serviceMastersLinksDivId {
  1033. width:40%;
  1034. float:left;
  1035. }
  1036. .aServiceMasterLink {
  1037. display:block;
  1038. border: 1px solid #B2B299;
  1039. clear:left;
  1040. float: left;
  1041. width:100%;
  1042. height:35px;
  1043. background-color: #DBDBDB;
  1044. color:white;
  1045. margin-bottom:15px;
  1046. }
  1047. .aServiceMasterLinkVisited {
  1048. display:block;
  1049. border: 1px solid #B2B299;
  1050. clear:left;
  1051. float: left;
  1052. width:100%;
  1053. height:35px;
  1054. background-color: green;
  1055. color:white;
  1056. margin-bottom:15px;
  1057. font-weight:bold;
  1058. }
  1059. #nodeGroupsCoreDivId {
  1060. border: 1px solid #B2B299;
  1061. float:left;
  1062. width:100%;
  1063. }
  1064. #nodeListDynamicId {
  1065. border: 1px solid #B2B299;
  1066. text-align:center;
  1067. /* display:inline-block; */
  1068. }
  1069. #nodeGroupsTable {
  1070. margin:5px;
  1071. overflow:auto;
  1072. }
  1073. .nodeGroupTitle {
  1074. font-weight:bold;
  1075. font-size:1.2em;
  1076. padding:5px;
  1077. background-color:#B2B299;
  1078. color:white;
  1079. }
  1080. .nodeList {
  1081. display:block;
  1082. margin:5px;
  1083. width:40%;
  1084. margin-left:50%;
  1085. }
  1086. .aNodeGroup {
  1087. /*overflow:auto;*/
  1088. padding:10px;
  1089. width:500px;
  1090. float:left;
  1091. }
  1092. .slotBucket {
  1093. margin:5px;
  1094. display:block;
  1095. float:left;
  1096. }
  1097. .slotTitle {
  1098. display:block;
  1099. }
  1100. .slot {
  1101. border: 1px solid #B2B299;
  1102. min-height:50px;
  1103. /* Color transition */
  1104. transition: background-color 1s cubic-bezier(.09, .99, .37, .98);
  1105. -moz-transition: background-color 1s cubic-bezier(.09, .99, .37, .98); /* FF3.7+ */
  1106. -o-transition: background-color 1s cubic-bezier(.09, .99, .37, .98) ; /* Opera 10.5 */
  1107. -webkit-transition: background-color 1s cubic-bezier(.09, .99, .37, .98) ; /* Saf3.2+, Chrome */
  1108. }
  1109. .slotHover {
  1110. border: 1px solid #B2B299;
  1111. min-height:50px;
  1112. /* background-color: #00CC00; */
  1113. background-color:#F0F0E8;
  1114. }
  1115. .yui3-dd-drop-over {
  1116. /* background-color: #00CC00; */
  1117. background-color:#F0F0E8;
  1118. }
  1119. .masterDiv {
  1120. border:1px solid green;
  1121. margin:3px;
  1122. padding:10px;
  1123. cursor:move;
  1124. /* background-color: #00CC00; */
  1125. background-color:#65B642;
  1126. border-radius:4px 4px 4px 4px;
  1127. color:white;
  1128. font-weight:bold;
  1129. width:180px;
  1130. }
  1131. #selectServiceMastersSubmitButtonId {
  1132. clear:both;
  1133. }
  1134. .nodeAssignmentWrapper {
  1135. display:block;
  1136. padding:3px;
  1137. /* Color transition */
  1138. transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98);
  1139. -moz-transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98); /* FF3.7+ */
  1140. -o-transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98) ; /* Opera 10.5 */
  1141. -webkit-transition: background-color 0.5s cubic-bezier(.09, .99, .37, .98) ; /* Saf3.2+, Chrome */
  1142. }
  1143. .nodeAssignmentWrapperHover {
  1144. display:block;
  1145. padding:3px;
  1146. /* background-color: #00CC00; */
  1147. background-color: #F0F0E8;
  1148. }
  1149. .nodeAssignment {
  1150. display:inline-block;
  1151. }
  1152. .nodeAssignmentHover {
  1153. display:inline-block;
  1154. }
  1155. /* END selectHosts */
  1156. /* BEGIN clusters */
  1157. #clustersNavigationLinksDivId {
  1158. width: 100%;
  1159. text-align: center;
  1160. margin: 0px auto;
  1161. margin-bottom: 8px;
  1162. }
  1163. #clustersNavigationLinksListId {
  1164. margin:0;
  1165. padding:0;
  1166. text-align:center;
  1167. height:50px;
  1168. }
  1169. #clustersNavigationLinksListId li {
  1170. display: inline-block;
  1171. width: auto;
  1172. padding: 5px;
  1173. margin: 2px;
  1174. cursor: default;
  1175. }
  1176. #clustersHostRoleMappingFieldsetId {
  1177. margin-left: auto;
  1178. margin-right: auto;
  1179. width: 300px;
  1180. }
  1181. /* END clusters */
  1182. /* BEGIN manageServices */
  1183. #serviceManagementCoreDivId {
  1184. width: 400px;
  1185. margin-left:20px;
  1186. }
  1187. .serviceManagementGroup {
  1188. margin-bottom:20px;
  1189. }
  1190. .serviceManagementGroup h2 {
  1191. font-size:16px;
  1192. }
  1193. .serviceManagementEntry {
  1194. padding: 14px 14px;
  1195. margin: 0 0 10px;
  1196. list-style: none;
  1197. background-color: #FBFBFB;
  1198. background-image: -moz-linear-gradient(top, white, whiteSmoke);
  1199. background-image: -ms-linear-gradient(top, white, whiteSmoke);
  1200. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(whiteSmoke));
  1201. background-image: -webkit-linear-gradient(top, white, whiteSmoke);
  1202. background-image: -o-linear-gradient(top, white, whiteSmoke);
  1203. background-image: linear-gradient(top, white, whiteSmoke);
  1204. background-repeat: repeat-x;
  1205. border: 1px solid #DDD;
  1206. -webkit-border-radius: 3px;
  1207. -moz-border-radius: 3px;
  1208. border-radius: 3px;
  1209. filter: progid:dximagetransform.microsoft.gradient(startColorstr='white', endColorstr='whiteSmoke', GradientType=0);
  1210. -webkit-box-shadow: inset 0 1px 0 white;
  1211. -moz-box-shadow: inset 0 1px 0 white;
  1212. box-shadow: inset 0 1px 0 white;
  1213. }
  1214. .serviceManagementEntry:hover {
  1215. }
  1216. .serviceManagementEntry:hover a {
  1217. }
  1218. .serviceManagementEntryStarted {
  1219. color: green;
  1220. }
  1221. .serviceManagementEntryStopped {
  1222. color:red;
  1223. }
  1224. .serviceManagementEntryInstalled {
  1225. color: green;
  1226. }
  1227. .serviceManagementEntryUninstalled {
  1228. color:red;
  1229. opacity: 0.3;
  1230. /* Make links within .serviceManagementEntryUninstalled not look like links. */
  1231. pointer-events: none;
  1232. cursor: text;
  1233. }
  1234. .serviceManagementEntryNameContainer {
  1235. /* Reznor's
  1236. font-weight: bold;
  1237. font-size: 20px;
  1238. */
  1239. font-size: 15px;
  1240. }
  1241. a.serviceManagementEntryName {
  1242. display:inline-block;
  1243. border:0px solid black;
  1244. width:180px;
  1245. color:#333333;
  1246. /* Temporarily make links within .serviceManagementEntryName not look like links. */
  1247. pointer-events: none;
  1248. text-decoration: none;
  1249. cursor: text;
  1250. }
  1251. .serviceManagementEntryStateContainer {
  1252. display:inline-block;
  1253. font-size:15px;
  1254. margin-left:0px;
  1255. border:0px solid black;
  1256. }
  1257. .serviceManagementEntryActionsContainer {
  1258. float: right;
  1259. margin-top:-4px;
  1260. }
  1261. .serviceManagementEntryActionStart {
  1262. width:20px;
  1263. margin-right:4px;
  1264. }
  1265. .serviceManagementEntryActionStop {
  1266. width:20px;
  1267. margin-right:4px;
  1268. }
  1269. .serviceManagementEntryActionReconfigure {
  1270. width:20px;
  1271. }
  1272. .serviceManagementEntryActionReconfigure.disabled {
  1273. visibility:hidden;
  1274. }
  1275. #serviceManagementGlobalActionsDivId {
  1276. margin-left:90px;
  1277. }
  1278. ul#serviceManagementListId,
  1279. .serviceManagementGroup ul {
  1280. list-style:none outside none;
  1281. margin:0;
  1282. }
  1283. /* END manageServices */