Exibir código-fonte para Predefinição:Databox/styles.css

.databox {
	background: #f8f9fa;
	border: 1px solid #a2a9b1;
	box-sizing: border-box;
	clear: both;
	float: right;
	margin: 0 0 1em 1em;
	position: relative;
	width: 332px;
}
.databox.hidden {
	display: none;
}
.databox.full-width {
	float: none;
	margin: 1em 0;
	width: 100%;
}
.databox.collapsed .databox-content {
	display: none;
}
.databox.collapsed .databox-header:after {
	content: '\FE40';
	float: right;
	font-size: 20px;
	position: absolute;
	top: 2px;
	right: 5px;
}
.databox:not(.collapsed) .databox-header:after {
	content: '\FE3F';
	float: right;
	font-size: 20px;
	position: absolute;
	right: 5px;
	bottom: 0;
}
.databox-header {
	background: #888c9e;
	color:white;
	cursor: pointer;
	font-weight: bold;
	margin: .5em;
	position: relative;
	text-align: center;
}
.databox-table {
	border-collapse: separate;
	border-spacing: .5em;
	width: 100%;
}
.databox-label,
.databox-data {
	padding: .1em .5em;
	vertical-align: top;
}
.databox-label {
	text-align: left;
	white-space: nowrap;
}
.databox-data {
	width: 100%;
	word-break: break-word;
}
.databox.trim .databox-data,
.databox .trim .databox-data {
	max-width: 1px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.databox.trim a:hover,
.databox .trim a:hover {
	white-space: normal;
}
.databox .centered {
	text-align: center;
}
.ve-ce-leafNode .auto {
	opacity: .5;
}
.nofloat {
	float: none;
	margin: 1em 0;
}

/**
 * Dark mode
 */
body.poncho-dark-mode .databox {
	background: #303134;
	border-color: #3c4043;
	color: #bdc1c6;
}

/**
 * Small screens
 */
@media screen and (max-width:1052px) {
	.databox {
		float: none;
		margin: .5em 0;
		width: 100%;
	}
	.databox-table {
		margin: 0;
	}
}

/* [[Category:Template style pages]] */