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

/* Common styles CentralNotice extension admin UI
 * @licence GNU General Public Licence 2.0 or later
 *
 * FIXME This file combines styles previously in centralnotice.css and adminui.common.css,
 * as well as one from campaignManager.css. Check for coherence.
 */

/* Styles previously in centralnotice.css */

fieldset.prefsection {
	margin: 0;
	padding: 1em;
	border-top: 1px solid;
}

#preferences fieldset.prefsection:first-child {
	border-top: 0;
}

#preferences fieldset.prefsection h2,
h2.cn-special-section {
	border: 0;
}

#preferences div.cn-pager {
	margin: 1em 0;
}

#preferences div.cn-error {
	color: @color-error;
	margin: 1em;
}

#preferences fieldset.prefsection div.cn-error {
	margin: 0;
}

#preferences table#envpicker {
	margin-bottom: 1em;
}

#preferences table#envpicker td {
	white-space: nowrap;
}

#preferences .cn-date-column {
	white-space: nowrap;
}

#preferences td.cn-timepicker {
	text-align: left; /* To ensure RTL flipping */
}

#preferences input#clone {
	margin-left: 0.25em;
}

#preferences div#fundraisingInterface {
	margin-left: 1.6em;
	margin-right: 1.6em;
}

#preferences div#cn-log-filters-container {
	margin: 1em 0;
}

#preferences table {
	width: auto;
}

#preferences div#cn-log-filters table td {
	padding: 0.5em;
}

#preferences table#cn-campaign-logs td.primary {
	white-space: nowrap;
}

#preferences table#cn-campaign-logs td.primary,
#preferences table#cn-campaign-logs td.primary-summary {
	background-color: @background-color-neutral-subtle;
}

#preferences .cn-new-value {
	color: @color-content-added;
}

#preferences .cn-old-value {
	color: @color-content-removed;
}

#preferences .cn-log-label {
	font-weight: bold;
}

#preferences .cn-filter-buttons {
	margin-right: 0.5em;
}

#preferences #cn-log-switcher label {
	margin-right: 1em;
}

#preferences #cn-template-searchbox {
	border: 1px solid #c8ccd1;
	line-height: 1.5em;
	margin: 1em 0;
	padding: 0 1em 1em;
	display: block;
}

#preferences #cn-template-searchbox legend {
	font-size: 95%;
	color: inherit;
}

#preferences #cn-template-searchbox label,
#preferences #cn-template-searchbox input {
	margin-right: 0.25em;
}

#preferences a.cn-banner-title {
	font-size: large;
	margin-top: 1em;
}

.banner-editing-top-hint {
	margin-bottom: 0.2em;
	/* Leaving room for the background image. */
	padding-left: 17px !important;
	/* @embed */
	background: url( down-arrow-ltr.png ) no-repeat scroll left center transparent;
}

.select-hint {
	margin-top: 0.2em;
	/* Leaving room for the background image. */
	padding-left: 17px !important;
	/* @embed */
	background: url( up-arrow-ltr.png ) no-repeat scroll left top transparent;
}

select.cn-multiselect {
	width: 500px;
	height: 175px;
}

/* Vector-specific definitions */
body.skin-vector #preferences fieldset.prefsection {
	border-color: #c8ccd1;
}

/* Monobook-specific definitions */
body.skin-monobook #preferences fieldset.prefsection {
	border-color: #a2a9b1;
}

/* For HTMLForm generated forms */
form .error {
	color: inherit;
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	background-color: @background-color-destructive-subtle;
	border: 2px solid #d73333;
}

/* Styles previously in adminui.common.css */

#cn-js-error-warn {
	padding: 0.5em;
	background-color: @background-color-destructive-subtle;
	border: 2px solid #d73333;
	margin-bottom: 0.5em;
	font-weight: bold;
	text-align: center;
}

div.separate-form-element {
	margin: 0.5em 0;
}

fieldset#cn-formsection-form-actions {
	padding: 0.5em;
	background-color: @background-color-neutral-subtle;
	border: 1px solid #2a4b8d;
}

fieldset#cn-formsection-form-actions legend {
	display: none;
}

.cn-formbutton {
	clear: none;
	float: right;
	display: inline;
}

input#mw-input-wpsummary,
.cn-change-summary-input {
	float: left;
	margin-left: 3px;
}

label[ for='mw-input-wpsummary' ],
.cn-change-summary-label {
	float: left;
	position: relative;
	top: 0.15em;
	font-weight: bold;
}

.cn-dialog-message {
	margin-bottom: 0.6em;
}

/* --- Banner list --- */
#mw-htmlform-banner-list {
	margin-left: 0.9em;
}

.cn-banner-list-element {
	margin: 0.25em 0 0.5em 0.25em;
}

.cn-banner-preview-div {
	border: 1px solid #eaf3ff;
	padding: 1em;
	margin-top: 0.5em;
}

#mw-htmlform-banner-list .mw-htmlform-field-HTMLCheckField {
	display: inline-block;
	float: left;
}

#mw-htmlform-banner-list .mw-label {
	display: none;
}

/* Styles from campaignManager.css */

.cn-buttons {
	text-align: right;
}

/* Style for geolocation input tree */

.cn-tree {
	max-height: 500px;
	overflow: hidden scroll;
	border: solid 1px #ccc;
}

.cn-tree-search {
	width: 100%;
	margin: 0 5px 0 5px;
	padding: 4px;
}

.cn-tree-search-label {
	display: flex;
	margin-bottom: 5px;
}

.jstree-icon.jstree-country {
	background: url( ../vendor/jquery.jstree/themes/default/country_icon_32px.png ) center center no-repeat;
	background-size: 20px 20px;
}

.jstree-icon.jstree-region {
	background: url( ../vendor/jquery.jstree/themes/default/region_icon_32px.png ) 3px center no-repeat;
	background-size: 15px 20px;
}

.cn-tree-status {
	margin: 10px 0;
}

/* Prevent scroll bar overlapping: https://phabricator.wikimedia.org/T340480 */
.ui-multiselect li a.action {
	right: 12px;
}