Template:Battle/style.css: Difference between revisions
From A KoL Wiki
Create style.css, currently for the sandbox version |
Small fixes |
||
| Line 4: | Line 4: | ||
.infobox { | .infobox { | ||
float: right; | |||
width: 23em; | |||
margin-left: 1em; | |||
margin-bottom: 0.5em; | |||
} | } | ||
@media (max-width:850px){ | @media (max-width:850px){ | ||
.infobox { | |||
width: 100%; | |||
margin-left: 0; | |||
float: none; | |||
} | |||
.template-battle2 { | .template-battle2 { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
.template-battle2 .infobox-container { | |||
order: -1; | |||
} | |||
.template-battle2 .monster-info { | |||
order: -2; | |||
} | |||
} | } | ||
Revision as of 12:51, 6 September 2025
.template-battle2 {
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-battle2 {
display: flex;
flex-direction: column;
}
.template-battle2 .infobox-container {
order: -1;
}
.template-battle2 .monster-info {
order: -2;
}
}
