/**
 * 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.mixins';

.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 #808080;
	padding: 0.5em 1em;
}

.mw-jsonconfig td {
	background-color: #eee;
	font-style: italic;
}

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

.mw-jsonconfig .mw-jsonconfig-value-null {
	background-color: #eaecf0;
}

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

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

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

.mw-jsonconfig th {
	background-color: #fff;
	font-weight: normal;
}

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

.mw-jsonconfig-same {
	color: #800080;
	font-weight: bold;
}

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

.mw-jsonconfig-unknown {
	color: #ffa100;
	font-weight: bold;
}

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

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

.mw-jsonconfig-editnotice {
	color: #000;
	border: solid 1px #a8a8a8;
	padding: 0.5em;
	margin: 0.5em 0;
	background-color: #fff;
	font-size: 95%;
	vertical-align: middle;
	min-height: 30px;
}

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

.mw-jsonconfig-editnotice-icon-CC0 {
	.background-image-svg('images/PD-icon.svg', 'images/PD-icon.png');
	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-svg('images/CC_some_rights_reserved.svg', 'images/CC_some_rights_reserved.png');
	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-svg('images/Cc-by_new_white.svg', 'images/Cc-by_new_white.png');
	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-svg('images/Cc-sa_white.svg', 'images/Cc-sa_white.png');
	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-svg('images/ODbL_LOGO.svg', 'images/ODbL_LOGO.png');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 45px;
	display: block;
	height: 45px;
	padding-left: 165px;
	padding-right: 15px;
	float: right;
}