Highlight Ost-Blocks by andykramer

/* ==UserStyle==
@name         Highlight Ost-Blocks
@version      20240327.07.49
@namespace    https://userstyles.world/user/andykramer
@description  Highlights all Ost-Blocks.
@author       andykramer
@license      No License
==/UserStyle== */

@-moz-document regexp("https:\\/\\/(.*)\\/publication\\/.*") {
/* Highlight Ost blocks */
 *[data-ost-type]:not([data-ost-type=""]),
img[data-ost-type]:not([data-ost-type=""]) {
	outline: solid 2px #ff8200 !important;
	position: relative;
	min-height: 20px !important;
}
*[data-ost-type]:not([data-ost-type=""])::before {
	content: "Block: " attr(data-ost-type);
	position: absolute;
	top: -20px;
	left: 0;
	background-color: #ff8200;
	color: #000;
	padding: 0 3px;
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	z-index: 999;
	line-height: 20px;
}
/* Highlight Ost hidden elements  */
*[data-ost-simple-hide="1"] {
	outline: solid 2px #000 !important;
	min-height: 20px !important;
	position: relative;
	opacity: 0.4;
}
*[data-ost-simple-hide="1"]::before {
	content: "Hidden";
	position: absolute;
	top: -20px;
	left: 0;
	background-color: #000;
	color: #fff;
	padding: 0 3px;
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
	z-index: 999;
	line-height: 20px;
}

}