95 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			95 lines
		
	
	
		
			1.9 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
 | 
						|
/**
 | 
						|
 * @file
 | 
						|
 * Overlay child overrides.
 | 
						|
 */
 | 
						|
 | 
						|
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: 0;
 | 
						|
  width: 30px;
 | 
						|
}
 | 
						|
#overlay-close,
 | 
						|
#overlay-close:hover {
 | 
						|
  -webkit-border-radius: 5px;
 | 
						|
     -moz-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: 0;
 | 
						|
}
 | 
						|
#overlay-close:active {
 | 
						|
  background: #333 url(../images/buttons.png) -4400px 50% no-repeat;
 | 
						|
}
 | 
						|
#overlay-content {
 | 
						|
  background: #fff;
 | 
						|
  position: relative;
 | 
						|
  padding: 0 0 10px;
 | 
						|
  min-height: 400px;
 | 
						|
  -webkit-border-radius: 6px 6px 5px 5px;
 | 
						|
     -moz-border-radius: 6px 6px 5px 5px;
 | 
						|
          border-radius: 6px 6px 5px 5px;
 | 
						|
  -webkit-box-shadow: #111 0 0 10px;
 | 
						|
     -moz-box-shadow: #111 0 0 10px;
 | 
						|
          box-shadow: #111 0 0 10px;
 | 
						|
}
 | 
						|
#overlay-content .limiter {
 | 
						|
  margin: 0 20px;
 | 
						|
}
 | 
						|
#branding {
 | 
						|
  -webkit-border-radius: 5px 5px 0 0;
 | 
						|
     -moz-border-radius: 5px 5px 0 0;
 | 
						|
          border-radius: 5px 5px 0 0;
 | 
						|
}
 | 
						|
#branding .limiter {
 | 
						|
  margin-left: 0;
 | 
						|
}
 | 
						|
#branding .breadcrumb-depth-0 a,
 | 
						|
#branding .breadcrumb-depth-0 span {
 | 
						|
  -webkit-border-radius: 5px 0 0 0;
 | 
						|
     -moz-border-radius: 5px 0 0 0;
 | 
						|
          border-radius: 5px 0 0 0;
 | 
						|
}
 | 
						|
/* Tabs on the overlay. */
 | 
						|
#overlay-tabs {
 | 
						|
  display: none;
 | 
						|
}
 | 
						|
/* Shortcut integration. */
 | 
						|
#overlay-titlebar .add-or-remove-shortcuts {
 | 
						|
  position: absolute;
 | 
						|
  top: 5px;
 | 
						|
  right: 25px;
 | 
						|
  padding: 0;
 | 
						|
}
 | 
						|
#overlay-titlebar .add-or-remove-shortcuts a {
 | 
						|
  background-color: #444;
 | 
						|
}
 | 
						|
#overlay-titlebar .add-or-remove-shortcuts a:active {
 | 
						|
  background-color: #333;
 | 
						|
  text-shadow: #555 0 1px 0;
 | 
						|
}
 |