9iron/minecraft/styles/styles.css

60 lines
1.0 KiB
CSS
Raw Normal View History

/*
* styles.css
* Copyright (C) 2021 Vintage Salt
*
* Distributed under terms of the MIT license.
*/
code.bigcode {
display: block;
font-size: 400%;
text-align: center;
margin: auto;
padding: 0.5em;
}
div.packcontainer {
display: grid;
grid-gap: 1em;
grid-template-columns: 1fr 1fr;
}
div.modpack {
background: var(--background-bright);
border-radius: 8px;
box-shadow: 5px 5px var(--shadow);
display: block;
margin: auto 0 0 0;
padding: 1em;
}
div.modpack h2 {
display: inline;
vertical-align: middle;
}
div.modpack a.downloadbutton {
background: var(--link);
border-radius: 8px;
box-shadow: 5px 5px var(--shadow);
color: var(--background);
display: block;
font-size: 120%;
font-weight: bold;
margin: 0 auto;
max-width: 24em;
padding: 1em;
text-align: center;
}
div.modpack a.downloadbutton:hover {
background: var(--link-hover);
}
img.packicon {
border-radius: 50%;
float: right;
height: 48px;
width: 48px;
vertical-align: middle;
}
@media only screen and (max-width: 600px) {
div.packcontainer {
grid-template-columns: 1fr;
}
}