snappymail/dev/Styles/Admin.less

.b-admin-left {

	.b-toolbar {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 34px;
		padding: 8px 0 0 @rlLowMargin;
	}

	.b-content {
		position: absolute;
		top: 50px + @rlLowMargin + 10px;
		bottom: @rlLowMargin;
		left: 0;
		right: 0;
		overflow: hidden;

		.content {
			-webkit-overflow-scrolling: touch;
		}
	}
}

.b-admin-menu {

	.e-item {
		overflow: hidden;
		text-decoration: none;
		outline: 0;
	}

	.e-link {
		position: relative;
		display: block;
		height: 30px;
		line-height: 29px;
		cursor: pointer;
		font-size: 18px;
		z-index: 1;
		cursor: default;

		background-color: transparent;
		color: var(--settings-menu-disabled-color, #888);

		padding: 4px 10px;

		outline: 0;
		text-decoration: none;
	}

	.e-item.selectable .e-link {
		cursor: pointer;
		color: var(--settings-menu-color);
	}

	.e-item.selectable {
		&:hover .e-link{
			background-color: var(--settings-menu-hover-bg-color, #555);
			color: var(--settings-menu-hover-color, #fff);
		}
		&.selected .e-link {
			background-color: var(--settings-menu-selected-bg-color, #555);
			color: var(--settings-menu-selected-color, #fff);
		}
	}
}

.b-admin-right {

	.b-toolbar {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 34px;
		padding: 8px @rlLowMargin;
		color: #fff;
		text-shadow: 0 1px 1px #000;
	}

	.b-content {
		position: absolute;
		top: 50px + @rlLowMargin;
		bottom: @rlLowMargin;
		left: 0;
		right: @rlLowMargin;
		overflow-y: auto;
		z-index: 2;

		background-color: #fff;
		border: @rlMainBorderSize solid @rlMainDarkColor;

		box-shadow: @rlMainShadow;
		border-radius: @rlMainBorderRadius;

		.content {
			-webkit-overflow-scrolling: touch;
		}
	}

	.b-settings-content {
		padding: 20px;
		padding-left: 30px;

		.legend {
			width: 670px;
		}

		.nav-tabs {
			width: 670px;
		}
	}
}

html.rl-mobile .b-settings-content .legend {
	width: auto;
}