Mudanças entre as edições de "MediaWiki:Common.css"

Edição atual tal como às 01h24min de 30 de junho de 2020

/** o código CSS colocado aqui será aplicado a todos os temas */
.icon { padding: 6px 8px 4px 24px; position:relative; width:28px; height:24px; background-color: transparent; border:none; background-repeat:no-repeat; background-position:2px 2px;}
.icon .text {  font-size:11px; bottom:-11px; text-align:center; color: #FAFEFD;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
.icon a { color:#000000; }

.ItemInfo  { display: none; position:absolute; top:0px; left:0px; width:280px;	background-image: url(../sapphire/images/collection_bg.png); background-repeat:no-repeat; background-color:white; z-index: 1; border-radius: 8px; border: 1px solid #828282; box-shadow: 0px 0px 36px rgba(0,0,0,0.3);}
.ItemInfo .collection { position:absolute; top:11px; left:10px; width:75px; height:100px; background-repeat:no-repeat; background-color:transparent; }
.ItemInfo .title { color: #333333; position:absolute; top:3px; left:86px; width:185px; height:14px; padding-left:4px; padding-top:6px; font-size:12px; text-shadow:1px 1px 0px white; white-space:nowrap; }
.ItemInfo .description { position:absolute; top:35px; left:100px; line-height:18px; width:170px; color: #797777; }

.ItemInfo .subtitle { color: #c37777; }
.ItemInfo .color1 	{ color: #777799; }
.ItemInfo .color2 	{ color: #888855; }
.ItemInfo .color3	{ color: #589977; }
.ItemInfo .color4 	{ color: #997766; }
.ItemInfo .color5 	{ color: #896684; }


.MapIcon { width:5px; height:5px; position: absolute; display:none; border:none; z-index: 1; background-repeat:no-repeat; }
.MapMin  { height: 64px; width: 64px; background-size: contain; background-repeat:no-repeat; }
.MapInfo  {  display: none; position:absolute; height: 160px; width: 160px; z-index: 1; background-size: contain; background-repeat:no-repeat; }

.SprInfo  { display: none; position:absolute; width:140px; height: 140px; z-index: 1; background-repeat:no-repeat;}


/*
* AudioButton extension styles
* These FontAwesome icons are licensed under the Creative Commons Attribution 4.0 International license: https://fontawesome.com/license
*/

a.ext-audiobutton:before {
	display: inline-block;
	width: 1em;
	vertical-align: middle;
}

a.ext-audiobutton[ data-state='play' ]:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="play-circle" class="svg-inline--fa fa-play-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>');
}

a.ext-audiobutton[ data-state='pause' ]:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="pause-circle" class="svg-inline--fa fa-pause-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%238b0000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-16 328c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160zm112 0c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160z"></path></svg>');
}

a.ext-audiobutton[ data-state='play' ]:hover:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="play-circle" class="svg-inline--fa fa-play-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%238b0000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>');
}

a.ext-audiobutton[ data-state='pause' ]:hover:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="pause-circle" class="svg-inline--fa fa-pause-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%238b0000" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-16 328c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160zm112 0c0 8.8-7.2 16-16 16h-48c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16v160z"></path></svg>');
}

a.ext-audiobutton[ data-state='error' ]:before {
	content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" data-prefix="fas" data-icon="exclamation-triangle" class="svg-inline--fa fa-exclamation-triangle fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="%23000" d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"></path></svg>');
}