Content added Content deleted
No edit summary |
mNo edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.story-chapter { |
|||
display: flex; |
|||
justify-content: center; |
|||
gap: 0 20px; |
|||
flex-wrap: wrap; |
|||
align-items: start; |
|||
⚫ | |||
.story-chapter > div { |
|||
box-shadow: 2px 3px #00cdba; |
|||
padding: 20px; |
|||
border-radius: 10px; |
|||
margin: 20px 3px 20px 0; |
|||
border: 2px solid #00cdba; |
|||
} |
|||
.story-chapter .chapter-info { |
|||
justify-content: center; |
|||
display: flex; |
|||
flex: 3 1 400px; |
|||
gap: 20px; |
|||
flex-wrap: wrap; |
|||
} |
|||
.story-chapter .translation-info { |
|||
display: grid; |
|||
grid-template-columns: 7em 1fr; |
|||
gap: 10px; |
|||
flex-basis: 300px; |
|||
} |
|||
.story-info-wrapper { |
.story-info-wrapper { |
||
display: flex; |
display: flex; |
||
Line 39: | Line 8: | ||
.story-info-wrapper > div { |
.story-info-wrapper > div { |
||
box-shadow: 2px 3px |
box-shadow: 2px 3px var(--theme-primary-0); |
||
padding: 20px; |
padding: 20px; |
||
border-radius: 10px; |
border-radius: 10px; |
||
margin: 20px 3px 20px 0; |
margin: 20px 3px 20px 0; |
||
border: 2px solid |
border: 2px solid var(--theme-primary-0); |
||
} |
} |
||
Line 66: | Line 35: | ||
.story-info-wrapper .story-info .info .title { |
.story-info-wrapper .story-info .info .title { |
||
border-bottom: 1px solid |
border-bottom: 1px solid var(--theme-primary-0); |
||
border-top-right-radius: 6px; |
border-top-right-radius: 6px; |
||
padding-bottom: 10px; |
padding-bottom: 10px; |
||
font-weight: bold; |
|||
} |
} |
||
Line 80: | Line 50: | ||
grid-template-columns: 7em 1fr; |
grid-template-columns: 7em 1fr; |
||
grid-gap: 10px; |
grid-gap: 10px; |
||
flex-basis: |
flex-basis: 325px; |
||
⚫ | |||
/* |
|||
* Citizen skin |
|||
*/ |
|||
body.skin-citizen .story-info-wrapper > div { |
|||
background: var(--color-surface-1); |
|||
} |
} |
Latest revision as of 06:22, 16 April 2022
.story-info-wrapper {
display: flex;
justify-content: center;
gap: 0 20px;
flex-wrap: wrap;
align-items: start;
}
.story-info-wrapper > div {
box-shadow: 2px 3px var(--theme-primary-0);
padding: 20px;
border-radius: 10px;
margin: 20px 3px 20px 0;
border: 2px solid var(--theme-primary-0);
}
.story-info-wrapper .story-info {
justify-content: center;
display: flex;
flex: 3 1 400px;
gap: 20px;
flex-wrap: wrap;
}
.story-info-wrapper .story-info .image {
align-self: center;
width: 280px;
text-align: center;
}
.story-info-wrapper .story-info .info {
flex-grow: 1;
text-align: center;
}
.story-info-wrapper .story-info .info .title {
border-bottom: 1px solid var(--theme-primary-0);
border-top-right-radius: 6px;
padding-bottom: 10px;
font-weight: bold;
}
.story-info-wrapper .story-info .info .characters {
line-height: 2;
padding-top: 10px;
}
.story-info-wrapper .translation-info {
display: grid;
grid-template-columns: 7em 1fr;
grid-gap: 10px;
flex-basis: 325px;
}
/*
* Citizen skin
*/
body.skin-citizen .story-info-wrapper > div {
background: var(--color-surface-1);
}