/**
 * CSS for styling HTML-formatted JSON Schema objects
 *
 * @file
 * @author Yuri Astrakhan (yurik/at/wikimedia.org), adapted from Munaf Assaf <massaf@wikimedia.org>
 * @ingroup Extensions
 */

@import 'mediawiki.skin.variables.less';

.mw-jsonconfig {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: 'Bitstream Vera Sans', 'DejaVu Sans', 'Lucida Sans', 'Lucida Grande', sans-serif;
	font-style: normal;
}

.mw-jsonconfig th,
.mw-jsonconfig td {
	border: 1px solid @border-color-interactive;
	padding: 0.5em 1em;
}

.mw-jsonconfig td {
	background-color: @border-color-muted;
	font-style: italic;
}

.mw-jsonconfig .mw-jsonconfig-value {
	font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', 'Courier', monospace;
	background-color: @background-color-success-subtle;
}

.mw-jsonconfig .mw-jsonconfig-value-null {
	background-color: @background-color-neutral;
}

.mw-jsonconfig-value-info {
	float: right;
	font-weight: bold;
	font-size: 80%;
	color: @color-progressive;
}

.mw-jsonconfig-description,
.mw-jsonconfig-license {
	display: inline-block;
	font-style: italic;
}

.mw-jsonconfig tr {
	margin-bottom: 0.5em;
}

.mw-jsonconfig th {
	background-color: @color-inverted;
	font-weight: normal;
}

.mw-jsonconfig-default {
	opacity: 0.3;
}

.mw-jsonconfig-same {
	color: @color-progressive;
	font-weight: bold;
}

.mw-jsonconfig-error {
	color: @color-error;
	font-weight: bold;
}

.mw-jsonconfig-unknown {
	color: @color-warning;
	font-weight: bold;
}

.mw-jsonconfig caption {
	/* For stylistic reasons, suppress the caption of the outermost table */
	display: none;
}

.mw-jsonconfig table caption {
	color: @color-base--subtle;
	display: inline-block;
	font-size: 10px;
	font-style: italic;
	margin-bottom: 0.5em;
	text-align: left;
}

.mw-jsonconfig-editnotice {
	color: @color-emphasized;
	border: solid 1px @border-color-base;
	padding: 0.5em;
	margin: 0.5em 0;
	background-color: @color-inverted;
	font-size: 95%;
	vertical-align: middle;
	min-height: 30px;
}

.mw-jsonconfig-editnotice-footer {
	clear: both;
}

.mw-jsonconfig-editnotice-icon-CC0 {
	background-image: url( images/PD-icon.svg );
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	display: block;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	float: right;
}

.mw-jsonconfig-editnotice-icon-CC {
	background-image: url( images/CC_some_rights_reserved.svg );
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	display: block;
	height: 30px;
	padding-left: 40px;
	padding-right: 40px;
	float: right;
}

.mw-jsonconfig-editnotice-icon-BY {
	background-image: url( images/Cc-by_new_white.svg );
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	display: block;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
}

.mw-jsonconfig-editnotice-icon-SA {
	background-image: url( images/Cc-sa_white.svg );
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	display: block;
	height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	float: right;
}

.mw-jsonconfig-editnotice-icon-ODbL {
	background-image: url( images/ODbL_LOGO.svg );
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 45px;
	display: block;
	height: 45px;
	padding-left: 165px;
	padding-right: 15px;
	float: right;
}

.mw-jsonConfig-jsonEditDialog {
	.oo-ui-messageWidget {
		margin-bottom: 1em;
	}
}