MediaWiki:Gadget-Stockphoto.css: Difference between revisions

From BoyWiki
(Created page with ".stockphoto-layout-vertical { position: absolute; min-width: 160px; } .stockphoto_buttonrow { cursor: pointer; display: inline-block; } a.stockphoto_buttonrow { color: inherit; } .stockphoto-layout-vertical .stockphoto_buttonrow { display: flex; } .stockphoto-layout-horizontal .stockphoto_buttonrow { margin-left: 10px; } .stockphoto_buttonrow_icon { opacity: 0.7; transform: opacity 0.3 ease; } .stockphoto-layout-vertical .stockphoto_buttonrow_icon { displ...")
m (1 revision imported)
 
(No difference)

Latest revision as of 22:47, 21 December 2021

.stockphoto-layout-vertical {
	position: absolute;
	min-width: 160px;
}

.stockphoto_buttonrow {
	cursor: pointer;
	display: inline-block;
}

a.stockphoto_buttonrow {
	color: inherit;
}

.stockphoto-layout-vertical .stockphoto_buttonrow {
	display: flex;
}

.stockphoto-layout-horizontal .stockphoto_buttonrow {
	margin-left: 10px;
}

.stockphoto_buttonrow_icon {
	opacity: 0.7;
	transform: opacity 0.3 ease;
}

.stockphoto-layout-vertical .stockphoto_buttonrow_icon {
	display: inline-block;
	flex: 0;
	margin: 0 10px 10px;
}

.stockphoto-layout-horizontal .stockphoto_buttonrow_icon {
	padding-right: .2em;
}

.stockphoto_buttonrow:hover .stockphoto_buttonrow_icon {
	opacity: 1;
}

.stockphoto_buttonrow_text {
	display: inline-block;
	flex: 1;
	vertical-align: middle;
	text-align: center;
}

.stockphoto-layout-vertical .stockphoto_buttonrow_text a {
	font-weight: bold;
}

.stockphoto_buttonrow_text small {
	display: block; /* new line */
	font-size: inherit; /* undo small size */
}

.stockphoto-layout-horizontal-small .stockphoto_buttonrow_text small {
	display: none;
}

.stockphoto_dialog_row {
	display: block;
	margin-bottom: 15px;
}

.stockphoto_dialog_row input[type="text"],
.stockphoto_dialog_row textarea {
	width: 99%;
}

.stockphoto_attribution_preview {
	margin: 0 1em 1em 0;
	text-align: center;
	font-size: 0.8em;
}

input#stockphoto_attribution {
	width: 88%;
}

.stockphoto_dialog_row textarea {
	min-height: 80px;
}

textarea#stockphoto_html {
	font-size: 90%;
}

.stockphoto_note {
	display: block;
	margin-top: -5px;
	margin-bottom: 15px;
	font-style: italic;
	font-size: smaller;
}