@charset 'UTF-8';

/* -------------------------------------------------------------------------- */
/* Measuree - version features (standalone page)                              */
/* base layout taken from first_steps.css,                                    */
/* list styling taken from measuree.css (.new_features)                       */
/* -------------------------------------------------------------------------- */

@font-face
{
	font-family: 'PT Sans Narrow';
	font-weight: normal;
	font-style: normal;

	src: url('extern/PTSansNarrow-Regular.ttf') format('truetype');
}

body
{
	margin: 0px;
	padding: 0;
	background-color: #fff;
}

body,
td,
th,
input,
button,
select,
textarea
{
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

h1
{
	font-weight: lighter;
	font-family: 'PT Sans Narrow', Arial, Verdana, sans-serif;
	font-size: 2em;
	padding-left: 4px;
	margin: 25px 0 0 0;
}

.body
{
	margin: 50px auto 10px auto;
	max-width: 900px;
	position: relative;
	width: calc(100% - 60px);
}

.measuree_logo
{
	position: absolute;
	top: -10px;
	right: -20px;
	width: 200px;
	max-width: 40%;
}

#langs
{
	margin-top: -30px;
}

#langs button
{
	margin-right: 4px;
	border-width: 0;
	background-color: #eee;
	cursor: pointer;
	border-radius: 4px;
	padding: 2px 8px;
}

#langs button.active
{
	background-color: #fc954f;
	color: white;
}

p.info
{
	color: #666;
	margin: 6px 0 14px 4px;
}

p.info #min_version
{
	margin: 0 2px;
}

/* -------------------------------------------------------------------------- */
/* new features list */

.new_features
{
	padding-inline-start: 13px;
	background-color: white;
	border-radius: 4px;
	padding: 8px 8px 4px 24px;
	border: 1px solid #ddd;
}

.new_features .edit_mode_button
{
	background-color: #5097da;
	color: white;
	border-radius: 2px;
	padding: 0 2px;
}

.new_features li
{
	margin-bottom: 8px;
}

.new_features li .title
{
	font-weight: bold;
	margin-bottom: 2px;
}

.new_features li .title span.version
{
	color: #aaa;
	font-weight: normal;
	margin-left: 8px;
	white-space: nowrap;
}

.new_features li .title span.version::before
{
	content: '[';
}

.new_features li .title span.version::after
{
	content: ']';
}

.new_features li .desc
{
	color: #333;
}

.new_features li .desc svg
{
	max-width: 100%;
}

/* -------------------------------------------------------------------------- */
/* embedded in an iframe (?lang_switch=false): no language buttons on top */

body.no_lang_switch .body
{
	margin-top: 20px;
}

body.no_lang_switch h1
{
	margin-top: 0;
}

/* -------------------------------------------------------------------------- */
/* ?logo=false / ?title=false: elements provided by the embedding container */

body.no_logo.no_title .new_features
{
	border-width: 0;
	padding-left: 16px;
}

body.no_logo.no_title .body
{
	margin-top: 20px;
}