6,482
edits
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 342: | Line 342: | ||
.flex-container { | .flex-container { | ||
display: flex; | display: flex; | ||
flex-wrap: | flex-wrap: wrap; | ||
grid-gap: 1em; | grid-gap: 1em; | ||
} | } | ||
Line 389: | Line 389: | ||
.no-prev, .no-next { | .no-prev, .no-next { | ||
display: none; | display: none; | ||
} | |||
/* 20231128 */ | |||
.nav-container-flex { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 1em; | |||
margin: 1em 0; | |||
} | |||
.nav-container-flex p { | |||
margin: 0; | |||
} | } | ||
Line 595: | Line 607: | ||
} | } | ||
.page- | .page-Main_Page .intro-container { | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
.page- | .page-Main_Page .community-section { | ||
max-width: unset; | max-width: unset; | ||
} | } | ||
Line 616: | Line 628: | ||
.box-header { | .box-header { | ||
padding: 0.5em; | padding: 0.5em; | ||
} | |||
/* 20210805 */ | |||
.page-Main_Page .welcome-links { | |||
flex-direction: column; | |||
} | |||
.page-Main_Page .welcome-links ul { | |||
list-style: disc; | |||
padding: 0; | |||
padding-left: 1em; | |||
} | |||
.page-Main_Page .welcome-links li { | |||
margin-bottom: 0.5em; | |||
} | |||
.page-Main_Page div.floatleft { | |||
margin: 0; | |||
float: unset; | |||
} | |||
.page-Main_Page .box-header { | |||
padding: 0.5em 0; | |||
} | |||
.page-Main_Page .button-object a { | |||
overflow: hidden; | |||
} | |||
.page-Main_Page h2.in-block { | |||
margin: 0.2em 0; | |||
border-bottom: none; | |||
} | |||
.page-Main_Page .eric-profile h2.in-block, | |||
.page-Main_Page .community-section h2.in-block { | |||
margin-bottom: 0.5em; | |||
padding: 0; | |||
border-bottom: 3px solid #c7c7c7; | |||
} | |||
.page-Main_Page h4.in-block { | |||
padding-bottom: 0.4em; | |||
} | |||
.box-header h4, .box-header h3 { | |||
padding-bottom: 0.1em; | |||
} | |||
/* Grid Templates */ | |||
.grid-3-col { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr 1fr; | |||
gap: 1em; | |||
} | |||
.grid-2-col { | |||
display: grid; | |||
grid-template-columns: 1fr 1fr; | |||
gap: 1em; | |||
} | |||
@media screen and (max-width: 800px) { | |||
.grid-3-col, | |||
.grid-2-col { | |||
grid-template-columns: 1fr; | |||
} | |||
} | |||
/* CardBook */ | |||
.card-book { | |||
display: grid; | |||
grid-template-columns: 112px 1fr; | |||
grid-template-rows: auto 1fr; | |||
grid-template-areas: | |||
"img info" | |||
"followon followon"; | |||
gap: 0.75em; | |||
padding: 0.75em; | |||
background: #e9e9e9; | |||
border-radius: 6px; | |||
} | |||
.card-book-img { | |||
grid-area: img; | |||
} | |||
.card-book-img img { | |||
border-radius: 3px; | |||
} | |||
.card-book-info { | |||
grid-area: info; | |||
} | |||
.card-book-title p, | |||
.card-book-authors p { | |||
line-height: 1.15; | |||
} | |||
.card-book-title p { | |||
margin: 0 0 0.25em; | |||
} | |||
.card-book-title a { | |||
font-weight: bold; | |||
} | |||
.card-book-authors p, | |||
.card-book-description p { | |||
margin: 0 0 0.5em; | |||
} | |||
.card-book-authors { | |||
font-size: 0.8em; | |||
} | |||
.card-book-description { | |||
line-height: 1.3; | |||
} | |||
.card-book-followon { | |||
grid-area: followon; | |||
} | |||
.card-book-followon-heading { | |||
color: #393939; | |||
font-weight: bold; | |||
line-height: 1.3; | |||
margin: 0 0 0.5em; | |||
} | |||
ul.card-book-followon-list { | |||
margin: 0; | |||
padding: 0; | |||
} | |||
.card-book-followon-list-item { | |||
list-style: none; | |||
display: grid; | |||
grid-template-columns: 80px 1fr; | |||
gap: 0.75em; | |||
width: 100%; | |||
} | |||
.card-book-followon-list-item:not(:last-child) { | |||
margin: 0 0 0.75em; | |||
} | |||
.card-book-followon-img { | |||
border-radius: 3px; | |||
} | |||
.card-book-followon-title p { | |||
margin: 0; | |||
} | } |