zombiebox-extension-storybook/lib/ui/scene/scene.css

ZombieBox extension for interactive UI development

.s-ext-storybook .w-ext-storybook-menu {
	width: 350px;
	float: left;
}

.s-ext-storybook .w-ext-storybook-area {
	width: 930px;
	height: 100%;
}

.s-ext-storybook .w-ext-storybook-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 999;
	margin-top: -30px;
	margin-left: -30px;
}

.s-ext-storybook .w-ext-storybook-back-button {
	position: absolute;
	top: 6px;
	left: 6px;
}

.s-ext-storybook .w-ext-storybook-minimize-button {
	position: absolute;
	top: calc(720px / 2 - 16px);
	left: 350px;
	z-index: 999;
}

.s-ext-storybook .w-ext-storybook-navigator {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999;
}

.s-ext-storybook._minimized .w-ext-storybook-menu {
	width: 26px;
}

.s-ext-storybook._minimized .w-ext-storybook-area {
	width: 1254px;
}

.s-ext-storybook._minimized .w-ext-storybook-minimize-button {
	left: 26px;
}

.s-ext-storybook._minimized .w-ext-storybook-menu__viewport {
	visibility: hidden;
}

.s-ext-storybook .welcome-message {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -45px;
	width: 600px;
	height: 90px;
	text-align: center;
}


.zb-full-hd .s-ext-storybook .w-ext-storybook-menu {
	width: calc(350px * 1.5);
}

.zb-full-hd .s-ext-storybook .w-ext-storybook-area {
	width: calc(930px * 1.5);
}

.zb-full-hd .s-ext-storybook .w-ext-storybook-spinner {
	margin-top: calc(-30px * 1.5);
	margin-left: calc(-30px * 1.5);
}

.zb-full-hd .s-ext-storybook .w-ext-storybook-back-button {
	top: calc(6px * 1.5);
	left: calc(6px * 1.5);
}

.zb-full-hd .s-ext-storybook .w-ext-storybook-minimize-button {
	top: calc((720px / 2 - 16px) * 1.5);
	left: calc(350px * 1.5);
}

.zb-full-hd .s-ext-storybook .w-ext-storybook-navigator {
	top: calc(10px * 1.5);
	right: calc(10px * 1.5);
}

.zb-full-hd .s-ext-storybook._minimized .w-ext-storybook-menu {
	width: calc(26px * 1.5);
}

.zb-full-hd .s-ext-storybook._minimized .w-ext-storybook-area {
	width: calc(1254px * 1.5);
}

.zb-full-hd .s-ext-storybook._minimized .w-ext-storybook-minimize-button {
	left: calc(26px * 1.5);
}