User:OH&S/wikia.css

/* Sandbox for CSS code */

/* sharpen class */ .sharpen img { max-width: 100%; height: auto; }

div.weblinks { display: inline-flex; width: 169px; }

div.weblinks img { vertical-align: middle; transition: opacity 0.5s; }

/* style properties for images in weblinks div on hover */ div.weblinks img:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ transition: opacity 0.5s; }

/* spin animation */ @keyframes spin { from  	{transform: rotate(0deg);} to 		{transform: rotate(360deg);} }

/* apply spin animation to images in img-spin class containers*/ .img-spin img { animation-name: spin; animation-duration: 10s; animation-iteration-count: infinite; animation-timing-function: linear; }