ro
8d3af5b6e1
Added the folder containg Fipamo markdown files to set up a basic route
for the start of the dashboard and quick test to make sure the file
paths can be read
also added CSS files that will style the new template system, which is
currenlty in twig but will be convereted to blade
110 lines
2.3 KiB
CSS
110 lines
2.3 KiB
CSS
section[role="book-index-header"] {
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
margin: 100px auto 20px;
|
|
width: 100%;
|
|
max-width: 900px;
|
|
}
|
|
|
|
section[role="book-index-header"] > div[role="book-index-header-left"] {
|
|
text-transform: capitalize;
|
|
display: inline-block;
|
|
color: var(--white);
|
|
font-size: 3em;
|
|
}
|
|
|
|
section[role="book-index-header"] > div[role="book-index-header-right"] {
|
|
text-align: right;
|
|
display: inline-block;
|
|
}
|
|
|
|
section[role="book-index-pages"] {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
max-width: 900px;
|
|
}
|
|
|
|
section[role="book-index-pages"] > a.page-link {
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
width: 100%;
|
|
text-decoration: none;
|
|
margin: 0 0 20px;
|
|
border-radius: 3px;
|
|
height: 350px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
section[role="book-index-pages"] > a.page-link div.page-video {
|
|
width: 100%;
|
|
height: 350px;
|
|
display: flex;
|
|
justify-content: left;
|
|
align-items: center;
|
|
border-radius: 5px;
|
|
border-bottom: none;
|
|
position: relative;
|
|
}
|
|
|
|
section[role="book-index-pages"] > a.page-link video {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
object-fit: cover;
|
|
}
|
|
|
|
section[role="book-index-pages"] > a.page-link > div.page-bg {
|
|
width: 100%;
|
|
height: 350px;
|
|
display: flex;
|
|
justify-content: left;
|
|
align-items: center;
|
|
border-radius: 5px;
|
|
border-bottom: none;
|
|
position: relative;
|
|
}
|
|
|
|
section[role="book-index-pages"] aside {
|
|
font-size: 1.1em;
|
|
color: var(--white);
|
|
text-shadow: 2px 2px 2px var(--black);
|
|
padding: 10px;
|
|
position: relative;
|
|
}
|
|
|
|
section[role="book-index-pages"] hr {
|
|
color: var(--white);
|
|
border: 0.1px solid;
|
|
margin: 7px 0;
|
|
}
|
|
|
|
section[role="book-index-pages"] button[data-active="true"] {
|
|
background: var(--primary);
|
|
color: var(--tertiary);
|
|
}
|
|
|
|
section[role="book-index-pages"] button[data-active="false"] {
|
|
background: var(--secondary);
|
|
}
|
|
|
|
section[role="book-index-pages"] > div[role="paginate"] {
|
|
width: fit-content;
|
|
margin: 0 auto;
|
|
font-size: 1.5em;
|
|
color: var(--highlight);
|
|
}
|
|
|
|
section[role="book-index-pages"] > div[role="paginate"] i {
|
|
color: var(--secondary);
|
|
}
|
|
|
|
section[role="book-index-pages"] > div[role="paginate"] a,
|
|
section[role="book-index-pages"] > div[role="paginate"] span {
|
|
display: inline;
|
|
}
|
|
|
|
section[role="book-index-pages"] > div[role="paginate"] span {
|
|
position: relative;
|
|
top: -15px;
|
|
}
|