overlay-child.css

html.js {
  background:transparent !important;
  overflow-y:scroll;
  overflow-x:hidden;
  }

html.js body {
  background: transparent !important;
  padding:20px 40px;
  }

#overlay {
  display:block;
  position:relative;
  }

#overlay-titlebar {
  position:relative;
  z-index:100;
  }

#overlay-title { display:none; }

#overlay-close-wrapper {
  position:absolute;
  right:0px;
  width:30px;
  }

#overlay-close,
#overlay-close:hover {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;

  background:#444 url(images/buttons.png) -4000px 50% no-repeat;
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 5px;
  padding: 0px;
  }

  #overlay-close:active { background:#333 url(images/buttons.png) -4400px 50% no-repeat; }

#overlay-content {
  background:#fff;
  position:relative;
  /*padding:0px 0px 10px;*/
  min-height:400px;

  border-radius:6px 6px 5px 5px;
  box-shadow:#111 0px 0px 10px;
  -moz-border-radius:6px 6px 5px 5px;
  -moz-box-shadow:#111 0px 0px 10px;
  -webkit-border-radius:6px 6px 5px 5px;
  -webkit-box-shadow:#111 0px 0px 10px;
  }

/*#overlay-content .limiter { margin:0px 20px; }*/

#overlay div.limiter {
  width: 100%;
  }

#overlay div#main {
  width: 100%;
  padding: 0;
  }

#overlay div.page-content {
  padding: 10px;
  }

#overlay div#page {
  padding-bottom: 0;
  background: none;
  }

#overlay div#page .limiter {
  background: none;
  }

#branding {
  border-radius:5px 5px 0px 0px;
  -moz-border-radius:5px 5px 0px 0px;
  -webkit-border-radius:5px 5px 0px 0px;
  }

  #branding .limiter { margin-left:0px; }

  #branding .breadcrumb-depth-0 a,
  #branding .breadcrumb-depth-0 span {
    border-radius:5px 0px 0px 0px;
    -moz-border-radius:5px 0px 0px 0px;
    -webkit-border-radius:5px 0px 0px 0px;
    }

.overlay div#header, .overlay div#navigation, .overlay div#footer {
    display: none;
  }

.overlay div#header-region {
  padding: 0 10px;
  background:url(images/bleeds.png) 0px -30px repeat-x;
  color:#FFF;
  height:30px;
  overflow:hidden;
}

.overlay div#header-region h2.page-title {
  line-height: 30px;
  font-size: inherit;
  letter-spacing: normal;
  padding: 0;
  text-transform: uppercase;
}

/**
 * Tabs on the overlay.
 */
#overlay-tabs { display:none; }

/**
 * Shortcut integration.
 */
#overlay-titlebar .add-or-remove-shortcuts {
  position:absolute;
  top:5px;
  right:25px;
  padding:0px;
  }

#overlay-titlebar .add-or-remove-shortcuts a { background-color:#444; }

#overlay-titlebar .add-or-remove-shortcuts a:active {
  background-color:#333;
  text-shadow:#555 0px 1px 0px;
  }

File

overlay-child.css
View source
  1. html.js {
  2. background:transparent !important;
  3. overflow-y:scroll;
  4. overflow-x:hidden;
  5. }
  6. html.js body {
  7. background: transparent !important;
  8. padding:20px 40px;
  9. }
  10. #overlay {
  11. display:block;
  12. position:relative;
  13. }
  14. #overlay-titlebar {
  15. position:relative;
  16. z-index:100;
  17. }
  18. #overlay-title { display:none; }
  19. #overlay-close-wrapper {
  20. position:absolute;
  21. right:0px;
  22. width:30px;
  23. }
  24. #overlay-close,
  25. #overlay-close:hover {
  26. -moz-border-radius:5px;
  27. -webkit-border-radius:5px;
  28. border-radius:5px;
  29. background:#444 url(images/buttons.png) -4000px 50% no-repeat;
  30. display: block;
  31. position: absolute;
  32. height: 20px;
  33. width: 20px;
  34. margin: 5px;
  35. padding: 0px;
  36. }
  37. #overlay-close:active { background:#333 url(images/buttons.png) -4400px 50% no-repeat; }
  38. #overlay-content {
  39. background:#fff;
  40. position:relative;
  41. /*padding:0px 0px 10px;*/
  42. min-height:400px;
  43. border-radius:6px 6px 5px 5px;
  44. box-shadow:#111 0px 0px 10px;
  45. -moz-border-radius:6px 6px 5px 5px;
  46. -moz-box-shadow:#111 0px 0px 10px;
  47. -webkit-border-radius:6px 6px 5px 5px;
  48. -webkit-box-shadow:#111 0px 0px 10px;
  49. }
  50. /*#overlay-content .limiter { margin:0px 20px; }*/
  51. #overlay div.limiter {
  52. width: 100%;
  53. }
  54. #overlay div#main {
  55. width: 100%;
  56. padding: 0;
  57. }
  58. #overlay div.page-content {
  59. padding: 10px;
  60. }
  61. #overlay div#page {
  62. padding-bottom: 0;
  63. background: none;
  64. }
  65. #overlay div#page .limiter {
  66. background: none;
  67. }
  68. #branding {
  69. border-radius:5px 5px 0px 0px;
  70. -moz-border-radius:5px 5px 0px 0px;
  71. -webkit-border-radius:5px 5px 0px 0px;
  72. }
  73. #branding .limiter { margin-left:0px; }
  74. #branding .breadcrumb-depth-0 a,
  75. #branding .breadcrumb-depth-0 span {
  76. border-radius:5px 0px 0px 0px;
  77. -moz-border-radius:5px 0px 0px 0px;
  78. -webkit-border-radius:5px 0px 0px 0px;
  79. }
  80. .overlay div#header, .overlay div#navigation, .overlay div#footer {
  81. display: none;
  82. }
  83. .overlay div#header-region {
  84. padding: 0 10px;
  85. background:url(images/bleeds.png) 0px -30px repeat-x;
  86. color:#FFF;
  87. height:30px;
  88. overflow:hidden;
  89. }
  90. .overlay div#header-region h2.page-title {
  91. line-height: 30px;
  92. font-size: inherit;
  93. letter-spacing: normal;
  94. padding: 0;
  95. text-transform: uppercase;
  96. }
  97. /**
  98. * Tabs on the overlay.
  99. */
  100. #overlay-tabs { display:none; }
  101. /**
  102. * Shortcut integration.
  103. */
  104. #overlay-titlebar .add-or-remove-shortcuts {
  105. position:absolute;
  106. top:5px;
  107. right:25px;
  108. padding:0px;
  109. }
  110. #overlay-titlebar .add-or-remove-shortcuts a { background-color:#444; }
  111. #overlay-titlebar .add-or-remove-shortcuts a:active {
  112. background-color:#333;
  113. text-shadow:#555 0px 1px 0px;
  114. }