MediaWiki:Gadget-TemplateDataEditor.css

/********** Start buttons **********/
 
	.group-tde a {
		display: inline-block;
		padding: 2px;
	}
 
/********** Interface **********/
 
	#tde {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}
 
	#tde-mask {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.3);
	}
 
	#tde-dialog {
		position: absolute;
		top: 1em;
		bottom: 1em;
		left: 1em;
		right: 1em;
		background: white;
		border: 1px solid #aaa;
		border-radius: 0.5em;
	}
 
	#tde-close {
		position: absolute;
		top: 0.5em;
		right: 0.5em;
	}
 
	#tde-dialog h2 {
		margin: 0;
		padding: 0.25em 0.5em;
		text-align: center;
		border: none;
		font-size: 1.3em;
		position: absolute;
		left: 0;
		right: 0;
		top: 0.25em;
		height: 1em;
	}
 
	#tde-body {
		position: absolute;
		top: 3em; bottom: 3em; left: 1em; right: 1em;
		overflow-y: scroll;
		border: solid black;
		border-width: 1px 0;
	}
 
/********** Body content **********/
 
	#tde-body h3 {
		clear: right;
		background: #e0e0e0;
		padding: 0.25em 0.5em;
		margin: 1em 0 0.5em;
	}
 
	#tde-desc-cont {
		margin: 0.25em 1em;
	}
 
	.tde-clear {
		clear: right;
	}
 
	/***** Textareas *****/
 
		#tde textarea {
			margin: 0;
			box-sizing: border-box;
			height: 6em;
		}
 
		#tde li textarea {
			height: 4em;
		}
 
	/***** Lists *****/
 
		#tde ul {
			margin: 1em 0 0;
			padding: 0;
			list-style: none;
		}
 
		#tde-body li {
			margin: 0.25em 1em;
			padding: 0.5em;
			border: 1px solid #aaa;
			border-radius: 0.5em;
			display: block;
		}
 
		#tde-body li:first-child {
			border-top: 1px solid #aaa;
		}
 
		#tde-body li:nth-child(2n) { background: #ffc; }
		#tde-body li:nth-child(2n+1) { background: #dfd; }
 
/********** Preload **********/
 
	#tde-preload-select [value=""] {
		font-style: italic;
	}
 
	#tde-preload {
		margin-top: 3em;
		text-align: center;
	}
 
	.tde-preload-loading {
		color: #aaa;
	}
 
/********** Actions **********/
 
	.tde-remove-line,
	.tde-it-block .tde-add-language,
	.tde-param-expand,
	.tde-param-collapse {
		float: right;
		margin-right: 0.5em;
	}
 
	.tde-add-line {
		float: right;
		margin-right: 2em;
		margin-bottom: 1em;
	}
 
/********** Form separation **********/
 
	.tde-param-required,
	.tde-param-inherits-label,
	.tde-param-default-label,
	.tde-setParams-label {
		margin-left: 1em;
	}
 
	.tde-set-params,
	.tde-param-aliases {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
 
/********** Renamer **********/
 
	.tde-renamer-name-input {
		background: #ccc;
		color: #800;
		border: 0 none;
		padding: 0.2em 0.4em;
		border-radius: 0.2em;
	}
 
/********** InterfaceText **********/
 
	.tde-it-otherlanguages table {
		width: 100%;
	}
 
	.tde-it-otherlanguages th {
		width: 5em;
	}
 
	.tde-it-otherlanguages th input {
		box-sizing: border-box;
		width: 100%;
	}
 
	.tde-it-otherlanguages tr:last-child {
		width: 24px;
		padding: 0;
	}
 
	.tde-it .tde-renamer-name-input {
		width: 4em;
		text-align: center;
		box-sizing: border-box;
	}
 
	/***** InterfaceTextBlock *****/
 
		.tde-it-block table {
			width: 100%;
		}
 
		.tde-it-block th, .tde-it-block td {
			padding: 1px;
		}
 
		.tde-it-block th {
			width: 4em;
		}
 
		.tde-it-block td:last-child {
			width: 30px;
			text-align: left;
		}
 
		.tde-it-block .tde-it-expand,
		.tde-it-block .tde-it-collapse {
			margin-left: 3em;
		}
 
	/***** InterfaceTextInline *****/
 
		.tde-it-inline .tde-it-lang {
			border: 1px solid #a6f;
			padding: 1px;
			margin: 1px 0.2em;
			display: inline-block;
		}
 
		.tde-it-inline .tde-it-lang input {
			margin-top: 0;
			margin-bottom: 0;
		}
 
		.tde-it-inline .tde-it-input {
			width: 10em;
		}
 
/********** Buttons **********/
 
	.tde-buttons {
		text-align: right;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		padding: 0.25em 1em;
	}
 
	#tde input[type=button] {
		height: 2em;
		margin: 0.25em;
		padding: 0.25em 0.5em;
		border: 1px solid #00763B;
		background: #00944C;
		color: #FFF6E8;
		border-radius: 0.3em;
		cursor: pointer;
	}
 
	#tde input[type=button]:hover,
	#tde input[type=button]:focus {
		background: #00763B;
	}