Template:Battle/style.css: Difference between revisions
From A KoL Wiki
Create style.css, currently for the sandbox version |
m Use correct class now that this is tested |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
.template- | .template-battle { | ||
display: block; | display: block; | ||
} | } | ||
.infobox { | .infobox { | ||
float: right; | |||
width: 23em; | |||
margin-left: 1em; | |||
margin-bottom: 0.5em; | |||
} | } | ||
@media (max-width:850px){ | @media (max-width:850px){ | ||
.template- | .infobox { | ||
width: 100%; | |||
margin-left: 0; | |||
float: none; | |||
} | |||
.template-battle { | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
.template-battle .infobox-container { | |||
order: -1; | |||
} | |||
.template-battle .monster-info { | |||
order: -2; | |||
} | |||
} | } | ||
Latest revision as of 12:52, 6 September 2025
.template-battle {
display: block;
}
.infobox {
float: right;
width: 23em;
margin-left: 1em;
margin-bottom: 0.5em;
}
@media (max-width:850px){
.infobox {
width: 100%;
margin-left: 0;
float: none;
}
.template-battle {
display: flex;
flex-direction: column;
}
.template-battle .infobox-container {
order: -1;
}
.template-battle .monster-info {
order: -2;
}
}
