/hudson-war/src/main/webapp/css/style.css

http://github.com/hudson/hudson · CSS · 1088 lines · 829 code · 188 blank · 71 comment · 0 complexity · 7474d7bf06b093dbc26e10047cd52d1c MD5 · raw file

  1. /*
  2. * The MIT License
  3. *
  4. * Copyright (c) 2004-2011, Oracle Corporation, Kohsuke Kawaguchi, Daniel Dyer,
  5. * Stephen Connolly, Anton Kozak, Nikita Levyankov
  6. *
  7. * Permission is hereby granted, free of charge, to any person obtaining a copy
  8. * of this software and associated documentation files (the "Software"), to deal
  9. * in the Software without restriction, including without limitation the rights
  10. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  11. * copies of the Software, and to permit persons to whom the Software is
  12. * furnished to do so, subject to the following conditions:
  13. *
  14. * The above copyright notice and this permission notice shall be included in
  15. * all copies or substantial portions of the Software.
  16. *
  17. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  18. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  19. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  20. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  21. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  22. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  23. * THE SOFTWARE.
  24. */
  25. body {
  26. margin: 0;
  27. padding: 0;
  28. background: white;
  29. }
  30. body, table, form, input, td, th, p, textarea, select
  31. {
  32. font-family: Verdana, Helvetica, sans serif;
  33. font-size: 11px;
  34. }
  35. FORM {
  36. margin: 0;
  37. }
  38. td {
  39. vertical-align: top;
  40. }
  41. dt {
  42. font-weight: bold;
  43. }
  44. .fixed-width {
  45. font-family: Courier, monospace;
  46. }
  47. .center {
  48. text-align: center;
  49. }
  50. .middle-align td, td.middle-align {
  51. vertical-align: middle;
  52. }
  53. .center-align td, td.center-align {
  54. text-align: center;
  55. }
  56. .no-wrap td, td.no-wrap {
  57. white-space: nowrap;
  58. }
  59. #main-table {
  60. height: 90%;
  61. padding: 0;
  62. border-collapse: collapse;
  63. }
  64. #top-panel {
  65. margin-bottom: 3pt;
  66. height: 34px;
  67. background: url(../images/topbar.png) repeat-x;
  68. }
  69. #top-panel a {
  70. text-decoration: none;
  71. }
  72. #left-top-nav {
  73. text-align: left;
  74. border-left: 10px solid #fff;
  75. padding: 4px;
  76. color: #222;
  77. }
  78. #left-top-nav a, #right-top-nav a {
  79. color: black;
  80. }
  81. #right-top-nav {
  82. text-align: right;
  83. padding: 4px;
  84. }
  85. #main-panel {
  86. padding: 10px 10px 10px 20px;
  87. }
  88. #side-panel {
  89. padding: 4px;
  90. width: 220px;
  91. }
  92. #footer {
  93. text-align: right;
  94. font-size: 8pt;
  95. margin-top: 10em;
  96. padding: 10px;
  97. border-top: 1px solid #bbb;
  98. }
  99. #tasks {
  100. padding: 4px;
  101. }
  102. .skiplink {
  103. position: absolute;
  104. left: -20000px;
  105. }
  106. #shutdown-msg {
  107. font-weight: bold;
  108. color: white;
  109. background-color: #ef2929;
  110. text-align: center;
  111. margin-left: 2em;
  112. margin-right: 2em;
  113. margin-bottom: 0.5em;
  114. padding: 0.5em;
  115. -moz-border-radius: 0.5em;
  116. }
  117. a:link {
  118. text-decoration: underline;
  119. color: #204A87;
  120. }
  121. a:visited {
  122. text-decoration: underline;
  123. color: #5c3566;
  124. }
  125. a.lowkey:link {
  126. text-decoration: none;
  127. color: inherit;
  128. }
  129. a.lowkey:hover {
  130. text-decoration: underline;
  131. color: inherit;
  132. }
  133. a.lowkey:visited {
  134. text-decoration: none;
  135. color: inherit;
  136. }
  137. /* tip - anchors of class info */
  138. a.tip {
  139. position:relative;
  140. z-index:24;
  141. text-decoration: underline;
  142. }
  143. a.tip:hover {
  144. z-index:25;
  145. }
  146. a.tip span {
  147. display: none
  148. }
  149. a.tip:hover span {
  150. display:block;
  151. position:absolute;
  152. top:2em;
  153. left:2em;
  154. width:400px;
  155. border:1px solid #bbbbbb;
  156. background-color:#fffff0;
  157. color:#000;
  158. text-align: left
  159. }
  160. #top-nav .a {
  161. color: white;
  162. }
  163. img {
  164. vertical-align: middle;
  165. border: 0;
  166. }
  167. table.tab {
  168. border-collapse: collapse;
  169. }
  170. td.selected_tab {
  171. vertical-align: middle;
  172. border: 1px #090 solid;
  173. background: #ffffff;
  174. }
  175. td.tab_filler {
  176. background: #ffffff;
  177. border-bottom: 1px #090 solid;
  178. }
  179. td.tab {
  180. vertical-align: middle;
  181. border: 1px #090 solid;
  182. background: #f0f0f0;
  183. }
  184. .dashboard td {
  185. padding: 4px 4px 4px 4px;
  186. }
  187. pre {/* see http://users.tkk.fi/tkarvine/pre-wrap-css3-mozilla-opera-ie.html */
  188. white-space: pre-wrap; /* css-3 */
  189. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  190. white-space: -pre-wrap; /* Opera 4-6 */
  191. white-space: -o-pre-wrap; /* Opera 7 */
  192. word-wrap: break-word; /* Internet Explorer 5.5+ */
  193. margin: 0;
  194. }
  195. pre.console {
  196. overflow: auto;
  197. }
  198. .setting-leftspace {
  199. width: 2em;
  200. }
  201. .setting-name {
  202. white-space: nowrap;
  203. }
  204. .setting-main {
  205. width: 100%; /* try to make this column as big as possible. */
  206. }
  207. .setting-help {
  208. width: 16px;
  209. }
  210. .setting-input {
  211. width: 100%;
  212. }
  213. .setting-description {
  214. font-size: 0.8em;
  215. margin-top: 0;
  216. padding-top: 0;
  217. }
  218. /* div that looks like a hyperlink */
  219. .pseudoLink {
  220. cursor: pointer;
  221. }
  222. .advancedLink {
  223. text-align: right;
  224. }
  225. .advancedBody {
  226. display: none;
  227. }
  228. .scm_info {
  229. width: 480px;
  230. }
  231. .build-row {
  232. padding: 3px 4px 3px 4px;
  233. }
  234. .build-keep {
  235. font-weight: bold;
  236. }
  237. .task-header {
  238. display: block;
  239. border-bottom: 1px #090 solid;
  240. font-weight: bold;
  241. font-size: 12pt;
  242. }
  243. .task {
  244. white-space: nowrap;
  245. }
  246. .subtasks {
  247. padding-left: 1em;
  248. }
  249. .main-table {
  250. }
  251. div.dashboard {
  252. width: 100%;
  253. clear:both;
  254. }
  255. .pane {
  256. margin-top: 4px;
  257. white-space: nowrap;
  258. }
  259. .pane td {
  260. padding: 4px 4px 3px 4px;
  261. }
  262. table.pane {
  263. width: 100%;
  264. border-collapse: collapse;
  265. border: 1px #bbb solid;
  266. }
  267. td.pane {
  268. border: 1px #bbb solid;
  269. padding: 3px 4px 3px 4px;
  270. vertical-align: middle;
  271. }
  272. td.pane-header {
  273. border: 1px #bbb solid;
  274. border-right: none;
  275. border-left: none;
  276. background-color: #f0f0f0;
  277. font-weight: bold;
  278. }
  279. th.pane {
  280. border: 1px #bbb solid;
  281. font-weight: bold;
  282. }
  283. .bigtable tr {
  284. border: 1px solid #bbb;
  285. padding: 3px 4px 3px 4px;
  286. }
  287. .bigtable tr:hover {
  288. background-color: #f0f0f0;
  289. }
  290. .bigtable th {
  291. font-weight: bold;
  292. border: none;
  293. background-color: #f0f0f0;
  294. padding: 3px 4px 3px 4px;
  295. }
  296. .bigtable td {
  297. vertical-align: middle;
  298. padding: 3px 4px 3px 4px;
  299. }
  300. .smallfont {
  301. font-size: 9px;
  302. }
  303. #foldertab {
  304. padding: 4px 0;
  305. margin-left: 0;
  306. border-bottom: 1px solid #090;
  307. font: bold 12px Verdana, sans-serif;
  308. }
  309. #foldertab li {
  310. list-style: none;
  311. margin: 0;
  312. display: inline;
  313. }
  314. #foldertab li a {
  315. padding: 4px 0.5em;
  316. margin-left: 3px;
  317. border: 1px solid #090;
  318. border-bottom: none;
  319. background: #090;
  320. text-decoration: none;
  321. }
  322. #foldertab li a:link { color: white; }
  323. #foldertab li a:visited { color: white; }
  324. #foldertab li a:hover {
  325. color: white;
  326. background: #6c0;
  327. border-color: #6c0;
  328. }
  329. #foldertab li a#current {
  330. background: white;
  331. border-bottom: 1px solid white;
  332. color: black;
  333. }
  334. .changeset-message {
  335. border: 1px solid #ccb;
  336. background: #eed;
  337. padding: 4px;
  338. white-space: normal;
  339. }
  340. .disabledJob {
  341. color: gray;
  342. }
  343. .spinner {
  344. padding-left: 32px;
  345. padding-top: 0.5em;
  346. padding-bottom: 0.5em;
  347. background-image: url("../images/spinner.gif");
  348. background-repeat: no-repeat;
  349. background-position: left;
  350. }
  351. .spinner-right {
  352. padding-right: 32px;
  353. padding-top: 0.5em;
  354. padding-bottom: 0.5em;
  355. background-image: url("../images/spinner.gif");
  356. background-repeat: no-repeat;
  357. background-position: right;
  358. }
  359. #login-field {
  360. vertical-align: middle;
  361. padding-right: 1em;
  362. width:1px;
  363. }
  364. #login-field SPAN {
  365. white-space:nowrap;
  366. color: white;
  367. }
  368. #login-field A {
  369. /*
  370. link inside login field should be always white.
  371. If I set this to inherit, it won't work in IE7
  372. */
  373. color: white;
  374. }
  375. div.behavior-loading {
  376. position: absolute; width: 80%; height:100%;
  377. background-color: #e4e4e4; text-align: center; font-size: 300%;
  378. opacity: 0.5;
  379. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  380. filter: "alpha(opacity=50)";
  381. }
  382. /* ======================== error/warning message (mainly in the form.) Use them on block elements ======================== */
  383. .error {
  384. color: #CC0000;
  385. font-weight: bold;
  386. padding-left: 20px;
  387. min-height: 16px;
  388. background-image: url("../images/16x16/error.gif");
  389. background-position: left center;
  390. background-repeat: no-repeat;
  391. }
  392. .error-inline {
  393. color: #CC0000;
  394. font-weight: bold;
  395. }
  396. .warning {
  397. color: #C4A000;
  398. font-weight: bold;
  399. padding-left: 20px;
  400. min-height: 16px;
  401. background-image: url( "../images/16x16/warning.gif" );
  402. background-position: left center;
  403. background-repeat: no-repeat;
  404. }
  405. .warning-inline {
  406. color: #C4A000;
  407. font-weight: bold;
  408. }
  409. .info {
  410. color: black;
  411. font-weight: bold;
  412. padding-left: 20px;
  413. min-height: 16px;
  414. background-image: url( "../images/16x16/go-next.gif" ); /* TODO: get a better icon */
  415. background-position: left center;
  416. background-repeat: no-repeat;
  417. }
  418. .icon16x16 {
  419. width: 16px;
  420. height: 16px;
  421. }
  422. .icon24x24 {
  423. width: 24px;
  424. height: 24px;
  425. }
  426. .icon32x32 {
  427. width: 32px;
  428. height: 32px;
  429. }
  430. /* ====================== help ===================================== */
  431. .help {
  432. display: none; /* hidden until loaded */
  433. border: solid #bbb 1px;
  434. background-color: #f0f0f0;
  435. padding: 1em;
  436. margin-bottom: 1em;
  437. }
  438. .help-area {
  439. /* this marker class is used by JavaScript to locate the area to display help text. */
  440. }
  441. /* ====================== project view tab bar ===================================== */
  442. #viewList {
  443. border: none;
  444. margin-bottom: 0px;
  445. width: 100%;
  446. white-space: nowrap;
  447. }
  448. #viewList td {
  449. padding: 0px;
  450. }
  451. #viewList td.inactive {
  452. border: solid 1px #ccc;
  453. border-bottom-color: #bbb;
  454. }
  455. #viewList td.inactive:hover {
  456. background-color: #777;
  457. }
  458. #viewList td.inactive a {
  459. text-decoration: none;
  460. color: #444
  461. }
  462. #viewList td.noleft {
  463. border-left: none;
  464. }
  465. #viewList td.noright {
  466. border-right: none;
  467. }
  468. #viewList td.active {
  469. border: solid 1px #bbb;
  470. padding: 0.5em;
  471. border-bottom: none;
  472. vertical-align:middle;
  473. background-color: rgb(240,240,240);
  474. font-weight: bold;
  475. white-space: nowrap;
  476. }
  477. #viewList td.filler {
  478. border: none;
  479. border-bottom: solid 1px #bbb;
  480. width: 100%;
  481. text-align: right;
  482. }
  483. #viewList a {
  484. display: block;
  485. padding: 0.5em;
  486. white-space: nowrap;
  487. }
  488. #projectstatus th {
  489. text-align: left;
  490. }
  491. /* ============================ parameters form ========================== */
  492. table.parameters {
  493. border-collapse: collapse;
  494. }
  495. table.parameters > tbody > tr:first-child > td {
  496. padding-top: 4px;
  497. }
  498. table.parameters .setting-description {
  499. padding-bottom: 4px;
  500. }
  501. table.parameters > tbody:hover {
  502. background-color: #f0f0f0;
  503. }
  504. /* ============================ health report hover ========================== */
  505. .healthReport a {
  506. text-decoration: none;
  507. }
  508. .healthReport div.healthReportDetails {
  509. display: none;
  510. }
  511. .healthReport:hover, .healthReport.hover { /* fix IE6 bug with :hover */
  512. background: transparent;
  513. }
  514. .healthReport:hover div.healthReportDetails, .healthReport.hover div.healthReportDetails {
  515. display: block;
  516. position: absolute;
  517. background-color: #ffe;
  518. border: 1px solid #bbb;
  519. margin-left: 32px; /* move it across a bit */
  520. z-index: 26;
  521. }
  522. .healthReport div.healthReportDetails table {
  523. border-collapse: collapse;
  524. width: 450px; /* fix IE bug with width */
  525. }
  526. /* ========================= build history ========================= */
  527. #buildHistory .healthReport {
  528. display: inline;
  529. margin-right: 1em;
  530. }
  531. #buildHistory tr.no-wrap td.middle-align {
  532. padding: 0;
  533. }
  534. #buildHistory td.desc {
  535. padding: 0;
  536. white-space: normal;
  537. }
  538. /* ========================= editable combobox style ========================= */
  539. .comboBoxList {
  540. border: 1px solid #000;
  541. overflow: visible;
  542. color: MenuText;
  543. background-color: Menu;
  544. }
  545. .comboBoxSelectedItem {
  546. background-color: Highlight;
  547. color: HighlightText;
  548. }
  549. .combobox-values {
  550. display: none;
  551. }
  552. /* ========================= directory tree ========================= */
  553. .parentPath {
  554. font-size: 1.2em;
  555. font-weight: bold;
  556. }
  557. .dirTree li {
  558. list-style: none;
  559. }
  560. .dirTree .rootIcon {
  561. margin-right: 1em;
  562. }
  563. TABLE.fileList {
  564. margin-left: 2em;
  565. padding: 0;
  566. }
  567. TABLE.fileList TD {
  568. padding: 0;
  569. }
  570. TABLE.fileList TD.fileSize {
  571. padding-left: 2em;
  572. text-align: right;
  573. color: #888;
  574. }
  575. /* ========================= test result ========================= */
  576. .result-passed {
  577. color: #3465a4;
  578. }
  579. .result-skipped {
  580. color: #ddbb00;
  581. }
  582. .result-fixed {
  583. color: #3465a4;
  584. font-weight: bold;
  585. }
  586. .result-failed {
  587. color: #ef2929;
  588. }
  589. .result-regression {
  590. color: #ef2929;
  591. font-weight: bold;
  592. }
  593. .test-trend-caption {
  594. text-align: center;
  595. font-size: 1.2em;
  596. font-weight: bold;
  597. }
  598. /* ========================= sortable table ========================= */
  599. table.sortable a.sortheader {
  600. text-decoration: none;
  601. color: black;
  602. display: block;
  603. }
  604. table.sortable span.sortarrow {
  605. color: black;
  606. text-decoration: none;
  607. }
  608. /* ========================= fingerprint ========================= */
  609. .md5sum {
  610. text-align: right;
  611. }
  612. .fingerprint-summary-header {
  613. font-size: 1.2em;
  614. vertical-align: middle;
  615. }
  616. TABLE.fingerprint-in-build TD {
  617. padding-left: 1em;
  618. padding-right: 1em;
  619. }
  620. /* ========================= plugin manager ========================= */
  621. #plugins {
  622. margin-top: 0;
  623. border-top: none;
  624. }
  625. #pluginsAdv tr:hover {
  626. background-color: inherit;
  627. }
  628. #plugins tr.already-upgraded {
  629. background-color: #e8eeee;
  630. }
  631. /* ========================= repeatable elements ========================= */
  632. .repeated-chunk .show-if-last { visibility: hidden; }
  633. .repeated-chunk.last .show-if-last { visibility: visible; }
  634. .repeated-chunk .show-if-not-last { visibility: visible; }
  635. .repeated-chunk.last .show-if-not-last { visibility: hidden; }
  636. .repeated-chunk .show-if-not-only { visibility: visible; }
  637. .repeated-chunk.only .show-if-not-only { visibility: hidden; }
  638. /* == nested erpeatable elements / 2 deep == */
  639. .repeated-chunk .repeated-chunk .show-if-last { visibility: hidden; }
  640. .repeated-chunk .repeated-chunk.last .show-if-last { visibility: visible; }
  641. .repeated-chunk .repeated-chunk .show-if-not-last { visibility: visible; }
  642. .repeated-chunk .repeated-chunk.last .show-if-not-last { visibility: hidden; }
  643. .repeated-chunk .repeated-chunk .show-if-not-only { visibility: visible; }
  644. .repeated-chunk .repeated-chunk.only .show-if-not-only { visibility: hidden; }
  645. /* == nested erpeatable elements / 3 deep == */
  646. .repeated-chunk .repeated-chunk .repeated-chunk .show-if-last { visibility: hidden; }
  647. .repeated-chunk .repeated-chunk .repeated-chunk.last .show-if-last { visibility: visible; }
  648. .repeated-chunk .repeated-chunk .repeated-chunk .show-if-not-last { visibility: visible; }
  649. .repeated-chunk .repeated-chunk .repeated-chunk.last .show-if-not-last { visibility: hidden; }
  650. .repeated-chunk .repeated-chunk .repeated-chunk .show-if-not-only { visibility: visible; }
  651. .repeated-chunk .repeated-chunk .repeated-chunk.only .show-if-not-only { visibility: hidden; }
  652. /*
  653. <DIV>s marked with to-be-removed is used in conjunction with repetable.jelly and hetero-list.jelly
  654. and represents a master copy that gets pulled out from HTML, then inserted later upon demand multiple times
  655. when the user does "Add".
  656. */
  657. DIV.to-be-removed { display: none; }
  658. /* ========================= Other form related CSS ========================= */
  659. .row-set-end { display: none; }
  660. /* ========================= Yahoo UI style adjustments ========================= */
  661. .ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
  662. color: inherit;
  663. }
  664. DIV.yahooTree td {
  665. vertical-align: middle;
  666. }
  667. .yui-tt {
  668. border: 1px solid black !important;
  669. background-color: #FFFFFF !important;
  670. padding: 2px !important;
  671. font-family: inherit !important;
  672. color: inherit !important;
  673. }
  674. .yui-skin-sam .yui-tt .bd {
  675. border: none !important;
  676. background-color: #FFF !important;
  677. }
  678. /* ========================= search box at the top-right of the page ========================= */
  679. #search-box {
  680. background: white url(../images/16x16/search.gif) no-repeat 2px center;
  681. padding-left: 20px;
  682. width: 15em;
  683. position: static;
  684. }
  685. #search-box.defaulted {
  686. color: gray;
  687. }
  688. #search-box-completion {
  689. text-align: left;
  690. width:25em;
  691. position: absolute;
  692. z-index: 999;
  693. }
  694. #search-box-completion .yui-ac-content {
  695. border: 1px solid black;
  696. width:25em;
  697. background-color: white;
  698. overflow: hidden;
  699. }
  700. #search-box-completion UL {
  701. padding: 0 0;
  702. width: 100%;
  703. margin: 0 0;
  704. list-style: none;
  705. }
  706. #search-box-completion LI {
  707. padding-left:20px;
  708. white-space:nowrap;
  709. }
  710. #search-box-completion LI.yui-ac-highlight {
  711. background: #729FCF;
  712. }
  713. #search-box-minWidth {
  714. position:absolute;
  715. visibility: hidden;
  716. width:15em;
  717. }
  718. #search-box-sizer {
  719. position:absolute;
  720. visibility: hidden;
  721. }
  722. /* ========================= resizable text area ========================= */
  723. TEXTAREA {
  724. margin-bottom: 0;
  725. }
  726. DIV.textarea-handle {
  727. height: 5px;
  728. font-size: 0;
  729. background: #EEE url(../images/textarea-handle.gif) no-repeat 50% 1px;
  730. border: 1px solid #BABDB6;
  731. border-top: none;
  732. cursor: s-resize;
  733. }
  734. TEXTAREA.rich-editor {
  735. visibility: hidden;
  736. }
  737. /* ========================= hover notification ========================= */
  738. #hoverNotification {
  739. visibility:hidden;
  740. background-color: white;
  741. border: 1px solid black;
  742. padding: 0.5em;
  743. }
  744. /* ========================= D&D support in heterogenous/repeatable lists = */
  745. .hetero-list-container .dd-handle, .repeated-container .dd-handle {
  746. cursor: move;
  747. background-image: url(../images/grip.png);
  748. background-repeat: repeat-y;
  749. padding-left: 20px;
  750. }
  751. /* ========================= plugin update center ========================= */
  752. #plugins .excerpt {
  753. white-space: normal;
  754. margin-top: 0.5em;
  755. padding-left: 2em;
  756. color: #888a85;
  757. }
  758. #plugins .compatWarning {
  759. white-space: normal;
  760. margin-top: 0.5em;
  761. padding-left: 2em;
  762. color: #FF0000;
  763. }
  764. /* ========================= progress bar ========================= */
  765. table.progress-bar {
  766. border-collapse: collapse;
  767. border: 1px solid #3465a4;
  768. height: 6px;
  769. width: 100px;
  770. clear: none;
  771. }
  772. table.progress-bar tr.unknown {
  773. background-image:url(../images/progress-unknown.gif);
  774. }
  775. td.progress-bar-done {
  776. background-color: #3465a4;
  777. }
  778. td.progress-bar-left {
  779. background-color: #ffffff;
  780. }
  781. table.progress-bar.red {
  782. border: 1px solid #cc0000;
  783. }
  784. table.progress-bar.red tr.unknown {
  785. background-image:url(../images/progress-unknown-red.gif);
  786. }
  787. table.progress-bar.red td.progress-bar-done {
  788. background-color: #cc0000;
  789. }
  790. /* ========================= YUI dialog ========================= */
  791. .dialog .hd {
  792. font-size: 12px !important;
  793. }
  794. /* discovered this margin fix by a trial and error. This can very well be a totally wrong fix, or perhaps updating
  795. to the latest YUI will fix this? */
  796. .dialog .hd {
  797. margin: 0 !important;
  798. }
  799. .dialog .bd {
  800. margin: 0 !important;
  801. }
  802. .dialog .ft {
  803. margin: 0 !important;
  804. }
  805. /* ========================= tags/labels ================== */
  806. /* tag0 is the least important tag in a tag cloud */
  807. .tag0 { font-size: 1.00em; }
  808. .tag1 { font-size: 1.10em; }
  809. .tag2 { font-size: 1.20em; }
  810. .tag3 { font-size: 1.30em; }
  811. .tag4 { font-size: 1.40em; }
  812. .tag5 { font-size: 1.50em; }
  813. .tag6 { font-size: 1.60em; }
  814. .tag7 { font-size: 1.70em; }
  815. .tag8 { font-size: 1.80em; }
  816. .tag9 { font-size: 1.90em; }
  817. /* ========================= "Delete job, build and slave" dialog ================== */
  818. div.deleteSlaveDialog ul, div.deleteJobDialog ul{
  819. text-align:left;
  820. padding-left:80px;
  821. }
  822. div.deleteSlaveDialog div.radioButtons, div.deleteJobDialog div.radioButtons {
  823. padding-bottom:10px;
  824. }
  825. div.deleteSlaveDialog h4, div.deleteJobDialog h4, div.deleteBuildConfirmationDialog h4, div.cannotDeleteBuildDialog h4 {
  826. color: #F89938;
  827. }
  828. /* ======================== "Cascading project" ==========================*/
  829. /* --- Optional Block, Entry Block --- */
  830. td.modified,
  831. div.modified,
  832. tr.optional-block-start > td.modified,
  833. tr.modified > td.setting-name,
  834. tr.modified > td.setting-description,
  835. tr.modified > td.setting-main,
  836. tr.modified > td.setting-leftspace {
  837. background-color: #FFE8C9;
  838. }
  839. .optional-reset {
  840. float: left;
  841. margin-left: -20px;
  842. position: absolute;
  843. }
  844. /* --- Reset button container for hetero-list --- */
  845. .hetero-list-reset{
  846. float: left;
  847. margin-left: -20px;
  848. position: absolute;
  849. }
  850. .section-reset{
  851. float: left;
  852. margin-left: -20px;
  853. position: absolute;
  854. }
  855. .descriptor-separator {
  856. height: 2px;
  857. }
  858. /* ======================= Job Configuration table ========================== */
  859. table.configure {
  860. border-spacing: 0px;
  861. border-collapse: collapse;
  862. }
  863. table.configure > td {
  864. padding: 0px;
  865. }
  866. /* ======================= Job Description Hover ============================ */
  867. .jobDescription a {
  868. text-decoration: none;
  869. }
  870. .jobDescription div.jobDescriptionDetails {
  871. display: none;
  872. }
  873. .jobDescription:hover, .jobDescription.hover {
  874. background: transparent;
  875. }
  876. .jobDescription:hover div.jobDescriptionDetails, .jobDescription.hover div.jobDescriptionDetails {
  877. display: block;
  878. position: absolute;
  879. border: 1px solid #bbb;
  880. background-color: white;
  881. margin-left: 32px;
  882. z-index: 26;
  883. }
  884. .jobDescription div.jobDescriptionDetails table {
  885. border-collapse: collapse;
  886. width: 450px;
  887. }
  888. /* === Login Dialog ==== */
  889. #loginError, #loginMsg {
  890. text-align:center;
  891. font-weight:bold;
  892. }
  893. #loginError {
  894. color: red;
  895. display: none;
  896. }
  897. #loginMsg {
  898. color: black;
  899. display: none;
  900. }