CSS adjustments to a site to play well in Neos Backend

neos-be-adjustments.css

/* General Adjustmens to the Neos Backend - we only do that if "neos-controls" is visible, that is we are NOT in full-screen mode. */

/* Bootstrap gives the "container" specific widths (inside media queries); which breaks the margins Neos adds to the body.
   Thus, we need to reset these settings. */
.neos-controls .container {
	width: inherit !important;
}

/* The topbar of neos needs some space, so we push the top navigation lower */
.neos-controls .page-topNavigation {
	padding-top: 90px;
}

/* If the preview panel is open, we push down the page even more. */
.neos-controls.neos-edit-preview-panel-open .page-topNavigation {
	padding-top: 200px;
}

/* As the top navigation is position:fixed, we need to adjust the padding accordingly if navigate is open. */
.neos-controls.neos-navigate-panel-open .page-topNavigation {
	padding-left: 350px;
}

/* As the top navigation is position:fixed, we need to adjust the padding accordingly if inspector is open. */
.neos-controls.neos-inspector-panel-open .page-topNavigation {
	padding-right: 350px;
}