@tanndev/maelstrom
Version:
Rules and resources for Maelstrom RPG.
138 lines (114 loc) • 2.15 kB
CSS
/*
* Copyright (c) 2018 James Tanner
*/
html {
/*scroll-behavior: smooth;*/
}
body {
margin: 0;
display: flex;
flex-direction: column;
}
.header, h1, h2, h3, h4, h5, h6 {
font-family: 'Cinzel Decorative', serif;
}
.default-font {
font-family: auto, serif;
}
.banner {
background: linear-gradient(10deg, black, #1010d6);
color: white;
padding-left: 1.5rem;
}
.navbar {
--navbar-current-color: darkslategray;
--navbar-hover-color: darkblue;
position: sticky;
top: 0;
background: black;
color: white;
border: solid var(--navbar-current-color);
border-width: 1px 0;
display: flex;
flex-wrap: wrap;
}
.navbar-link {
color: inherit;
font-family: 'Black Ops One', cursive;
font-size: smaller;
padding: 0.2rem 1rem;
text-align: center;
text-decoration: none;
text-transform: capitalize;
}
.navbar-link:hover {
background: var(--navbar-hover-color);
}
.navbar-link.current {
background: var(--navbar-current-color);
}
.content {
flex-grow: 1;
display: flex;
justify-content: center;
/*flex-wrap: wrap-reverse;*/
}
.content > * {
margin: 1rem;
}
.center-text {
text-align: center;
}
.fixed-width {
max-width: 45rem;
margin: 0.5rem;
padding: 0 0.8rem;
border: dashed darkslategray;
border-width: 0 1px;
}
.fixed-width img {
max-width: 100%;
max-height: 100%;
}
.left {
padding: 0 1rem;
margin-right: auto;
}
.footer {
background: black;
color: white;
font-family: monospace;
font-size: smaller;
padding: 0.4rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer img {
width: 24px;
height: 24px;
cursor: pointer;
}
.footer a {
color: inherit;
}
.footer a:hover {
color: forestgreen;
}
@media print {
.fixed-width {
width: 100%;
margin: 0;
padding: 0;
border: none;
}
.banner, .navbar, .footer{
display:none
}
.content {
max-width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0;
}
}