l10n_update.admin.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /**
  2. * Available translation updates page.
  3. */
  4. #l10n-update-status-form table {
  5. table-layout: fixed;
  6. }
  7. #l10n-update-status-form th.select-all {
  8. width: 4%;
  9. }
  10. #l10n-update-status-form th.title {
  11. width: 25%;
  12. }
  13. #l10n-update-status-form th.description {
  14. }
  15. #l10n-update-status-form td {
  16. vertical-align: top;
  17. }
  18. #l10n-update-status-form .expand .inner {
  19. background: transparent url(../images/menu-collapsed.png) left .6em no-repeat;
  20. margin-left: -12px;
  21. padding-left: 12px;
  22. }
  23. #l10n-update-status-form .expanded .expand .inner {
  24. background: transparent url(../images/menu-expanded.png) left .6em no-repeat;
  25. }
  26. #l10n-update-status-form .label {
  27. color: #1d1d1d;
  28. font-size: 1.15em;
  29. font-weight: bold;
  30. }
  31. #l10n-update-status-form .description {
  32. cursor: pointer;
  33. }
  34. #l10n-update-status-form .description .inner {
  35. color: #5c5c5b;
  36. line-height: 20px;
  37. overflow: hidden;
  38. text-overflow: ellipsis;
  39. white-space: nowrap;
  40. }
  41. #l10n-update-status-form .expanded .description .inner {
  42. height: auto;
  43. overflow: visible;
  44. white-space: normal;
  45. }
  46. #l10n-update-status-form .expanded .description .text {
  47. -webkit-hyphens: auto;
  48. -moz-hyphens: auto;
  49. hyphens: auto;
  50. }
  51. .js #l10n-update-status-form .description .inner {
  52. height: 20px;
  53. }
  54. #l10n-update-status-form .expanded .description .inner {
  55. height: auto;
  56. overflow: visible;
  57. white-space: normal;
  58. }
  59. #l10n-update-status-form .details {
  60. padding: 5px 0;
  61. max-width: 490px;
  62. white-space: normal;
  63. font-size: 0.9em;
  64. color: #666;
  65. }
  66. #l10n-update-status-form .visually-hidden {
  67. position: absolute !important;
  68. clip: rect(1px, 1px, 1px, 1px);
  69. overflow: hidden;
  70. height: 1px;
  71. width: 1px;
  72. word-wrap: normal;
  73. }
  74. @media screen and (max-width: 40em) {
  75. #l10n-update-status-form th.title {
  76. width: 20%;
  77. }
  78. #l10n-update-status-form th.status {
  79. width: 40%;
  80. }
  81. }