overlay-child.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. /**
  2. * @file
  3. * Overlay child overrides.
  4. */
  5. html.js {
  6. background: transparent !important;
  7. overflow-y: scroll;
  8. overflow-x: hidden;
  9. }
  10. html.js body {
  11. background: transparent !important;
  12. padding: 20px 40px;
  13. }
  14. #overlay {
  15. display: block;
  16. position: relative;
  17. }
  18. #overlay-titlebar {
  19. position: relative;
  20. z-index: 100;
  21. }
  22. #overlay-title {
  23. display: none;
  24. }
  25. #overlay-close-wrapper {
  26. position: absolute;
  27. right: 0;
  28. width: 30px;
  29. }
  30. #overlay-close,
  31. #overlay-close:hover {
  32. -webkit-border-radius: 5px;
  33. -moz-border-radius: 5px;
  34. border-radius: 5px;
  35. background: #444 url(../images/buttons.png) -4000px 50% no-repeat;
  36. display: block;
  37. position: absolute;
  38. height: 20px;
  39. width: 20px;
  40. margin: 5px;
  41. padding: 0;
  42. }
  43. #overlay-close:active {
  44. background: #333 url(../images/buttons.png) -4400px 50% no-repeat;
  45. }
  46. #overlay-content {
  47. background: #fff;
  48. position: relative;
  49. padding: 0 0 10px;
  50. min-height: 400px;
  51. -webkit-border-radius: 6px 6px 5px 5px;
  52. -moz-border-radius: 6px 6px 5px 5px;
  53. border-radius: 6px 6px 5px 5px;
  54. -webkit-box-shadow: #111 0 0 10px;
  55. -moz-box-shadow: #111 0 0 10px;
  56. box-shadow: #111 0 0 10px;
  57. }
  58. #overlay-content .limiter {
  59. margin: 0 20px;
  60. }
  61. #branding {
  62. -webkit-border-radius: 5px 5px 0 0;
  63. -moz-border-radius: 5px 5px 0 0;
  64. border-radius: 5px 5px 0 0;
  65. }
  66. #branding .limiter {
  67. margin-left: 0;
  68. }
  69. #branding .breadcrumb-depth-0 a,
  70. #branding .breadcrumb-depth-0 span {
  71. -webkit-border-radius: 5px 0 0 0;
  72. -moz-border-radius: 5px 0 0 0;
  73. border-radius: 5px 0 0 0;
  74. }
  75. /* Tabs on the overlay. */
  76. #overlay-tabs {
  77. display: none;
  78. }
  79. /* Shortcut integration. */
  80. #overlay-titlebar .add-or-remove-shortcuts {
  81. position: absolute;
  82. top: 5px;
  83. right: 25px;
  84. padding: 0;
  85. }
  86. #overlay-titlebar .add-or-remove-shortcuts a {
  87. background-color: #444;
  88. }
  89. #overlay-titlebar .add-or-remove-shortcuts a:active {
  90. background-color: #333;
  91. text-shadow: #555 0 1px 0;
  92. }