Template:HeroNav/styles.css: Difference between revisions
From Gigantic Wiki
Content added Content deleted
mNo edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* For Template:HeroNav */ |
/* For Template:HeroNav */ |
||
/* Container for icons */ |
/* Container for all icons */ |
||
.iconbox { |
.iconbox { |
||
display: flex; |
display: flex; |
||
Line 11: | Line 11: | ||
color: #F5F7D1; |
color: #F5F7D1; |
||
font-size: 90%; } |
font-size: 90%; } |
||
/* Container for single icon (a table) */ |
|||
.iconhandler { |
|||
border-collapse: collapse; |
|||
margin-bottom: 5px; } |
|||
.iconsize { |
|||
width: 102px; |
|||
height: 102px; } |
|||
/* Icon ( |
/* Icon image (hover) */ |
||
.heroicon { |
.heroicon { |
||
border: 2px solid #017087; |
border: 2px solid #017087; |
Revision as of 16:40, 18 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; }
.iconsize {
width: 102px;
height: 102px; }
/* Icon image (hover) */
.heroicon {
border: 2px solid #017087;
margin: 4px; }
.heroicon:hover {
border: 5px solid #3FB9BE;
margin: 1px; }
/* [[Category:Styling pages]] */