Template:HeroNav/styles.css: Difference between revisions
From Gigantic Wiki
Content added Content deleted
No edit summary |
No edit summary |
||
Line 15: | Line 15: | ||
.iconhandler { |
.iconhandler { |
||
border-collapse: collapse; |
border-collapse: collapse; |
||
⚫ | |||
⚫ | |||
margin: 0 15px; } |
margin: 0 15px; } |
||
/* Behaviour on smaller screens on Timeless */ |
|||
@media only screen and (max-width:1412px) { |
|||
⚫ | |||
margin: 0 10px; } |
|||
} |
|||
@media only screen and (max-width:1332px) { |
|||
body.skin-timeless .iconhandler { |
|||
⚫ | |||
} |
|||
@media only screen and (max-width:1284px) { |
|||
body.skin-timeless .iconhandler { |
|||
margin: 0 3px; } |
|||
} |
|||
@media only screen and (max-width:1220px) { |
|||
body.skin-timeless .iconhandler { |
|||
margin: 0; } |
|||
} |
|||
.iconsize { |
.iconsize { |
||
width: 102px; |
width: 102px; |
Revision as of 16:29, 15 November 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: 0 15px; }
/* Behaviour on smaller screens on Timeless */
@media only screen and (max-width:1412px) {
body.skin-timeless .iconhandler {
margin: 0 10px; }
}
@media only screen and (max-width:1332px) {
body.skin-timeless .iconhandler {
margin: 0 5px; }
}
@media only screen and (max-width:1284px) {
body.skin-timeless .iconhandler {
margin: 0 3px; }
}
@media only screen and (max-width:1220px) {
body.skin-timeless .iconhandler {
margin: 0; }
}
.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]] */