Template:HeroNav/styles.css: Difference between revisions

From Gigantic Wiki
Content added Content deleted
No edit summary
No edit summary
Line 23: Line 23:


/* Icon image (hover) */
/* Icon image (hover) */
.iconsize img {
.heroicon {
border: 3px solid #017087;
border: 3px solid #017087;
margin: 3px;
margin: 3px;
background: linear-gradient(#E7E7E7, #C6C7C6); }
background: linear-gradient(#E7E7E7, #C6C7C6); }
.heroicon:hover {
.iconsize img:hover {
border: 5px solid #3FB9BE;
border: 5px solid #3FB9BE;
margin: 1px; }
margin: 1px; }

Revision as of 10:39, 22 October 2023

/* For Template:HeroNav */

/* Container for all icons */
.iconbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	white-space: pre-wrap;
	text-align: center;
	padding: 10px;
	color: #F5F7D1;
	font-size: 90%; }
	
/* Container for single icon (a table) */
.iconhandler {
	border-collapse: collapse;
	margin-bottom: 5px; }
body.skin-vector .iconhandler { /* On Vector */
	margin: 0 15px; }
.iconsize {
	width: 102px;
	height: 102px; }

/* Icon image (hover) */
.iconsize img {
	border: 3px solid #017087;
	margin: 3px;
	background: linear-gradient(#E7E7E7, #C6C7C6); }
.iconsize img:hover {
	border: 5px solid #3FB9BE;
	margin: 1px; }

/* [[Category:Styling pages]] */