Tomas_UD
/* Base styles from itch.io, not including custom theme settings like colors and fonts. You may want to inspect your page and copy any theme styles into this section. Add your CSS customizations in the section below these base styles to overwrite the defaults. */
#wrapper {
}
.inner_column {
width: 960px;
margin: 0 auto;
position: relative;
padding-bottom: 40px;
background: white;
overflow: hidden;
// wrapped in body.responsive
max-width: 960px;
width: auto;
}
.header {
overflow: hidden;
&.has_image {
img {
display: inline-block;
max-width: 100%;
}
h1 {
display: none;
}
}
}
// wrapped in .view_game_page
.header_buy_row {
display: none;
}
.columns {
display: flex;
justify-content: center;
margin-top: 20px;
.column {
// wrapped in .view_game_page
padding-bottom: 20px;
}
.left_col {
flex: 1;
width: 0;
min-width: 0;
}
.right_col {
width: 367px;
// wrapped in .view_game_page
display: block;
}
}
.formatted_description {
word-wrap: break-word;
// wrapped in .view_game_page
margin: 20px;
margin-bottom: 40px;
margin-top: 0;
}
// wrapped in .view_game_page
.screenshot_list {
margin-right: 20px;
box-sizing: border-box;
img {
display: block;
margin-bottom: 10px;
max-width: 347px;
}
}
// wrapped in .inner_column
.footer {
display: flex;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
}
// wrapped in body.responsive .view_game_page
@media (max-width: 1000px) {
.header_buy_row {
display: block;
p {
margin: 20px 20px 0 20px;
}
p:last-child {
margin-bottom: 20px;
}
}
.columns {
margin: 0;
display: flex;
flex-direction: column;
max-width: 100vw;
.left_col {
order: 2;
display: block;
margin: 0;
width: auto;
}
.right_col {
order: 1;
display: block;
margin: 0;
width: auto;
}
}
.screenshot_list {
white-space: nowrap;
overflow: auto;
font-size: 0;
text-align: center;
margin: 0;
img {
display: inline-block;
margin: 0;
height: 200px;
}
}
.footer {
position: static;
display: block;
background: rgba(0, 0, 0, 0.05);
margin-top: 30px;
padding: 10px 20px;
line-height: 1.8;
}
}
/* Custom styles for your itch.io page. Because this pen uses SCSS, don't forget to use the dropdown to "View Compiled CSS" and copy the CSS version before transferring your customizations to itch.io. */
