/**
 * These are the styles used on the settings page of the plugin.
 */

#auto-teaser-settings strong {
	font-weight: bold;
}

#auto-teaser-settings {
	width: 60%;
}

#auto-teaser-settings input[type="text"] {
	height:   28px;
	top:      1px;
	position: relative;
}

#auto-teaser-settings textarea {
	width:  100%;
	height: 100px;
	resize: vertical;
}

/** Teaser format */
#auto-teaser-settings #row-teaser-format #teaser-character-counter {
	font-size: 12px;
	padding:   3px;
	position:  relative;
	top:       -4px;
	color:     #999999;
}

#auto-teaser-settings #row-teaser-format #teaser-format-preview {
	margin-top: 20px;
	padding:    5px;
	background: #E0E0E0;
	font-size:  12px;
}

#auto-teaser-settings #row-teaser-format #teaser-format-placeholders code {
	cursor:    pointer;
	font-size: 12px;
}

#auto-teaser-settings #row-teaser-format #teaser-format-placeholders .placeholder-example {
	display: none;
}

#auto-teaser-settings #row-teaser-format #teaser-format-placeholders th,
#auto-teaser-settings #row-teaser-format #teaser-format-placeholders td {
	padding-bottom: 0;
	font-size:      12px;
}

/** Teaser split style */
#auto-teaser-settings #row-teaser-split-style #teaser-split-value {
	width: 40px;
}

/** Exclude IDs */
#auto-teaser-settings #row-exclude-ids #exclude-ids {
	width: 100%;
}

/** Backup teaser */
#auto-teaser-settings #row-backup-teaser #backup-teaser-custom-text {
	height: 60px;
}