oration: none; font-size: calc(22px + (26 - 20) * ((100vh - 300px) / (1600 - 300))); padding: 10px; } .back a{ padding:10px; font-size: 90% } .navbar, .topbar, a:hover, a:active{ color:#f165a6; } .back{ display: block; flex-basis: 100%; text-align: center; } content{ display: block; background-image: url(TMBG14pink.png); padding: 20px; line-height: 1.3; background-color: #ffc9e2; } content img{max-width: 85%;} .box{ font-family: Arial; display: block; min-width: 300px; border: 2px solid white; background: white; margin: auto; margin-bottom: 25px; padding: 8px; outline: 4px solid #f784ba; max-width: 90%; } .box img{max-height: 20em;} h1{ font-weight:600; word-spacing: 0.05em; letter-spacing: 0.025em; background: #426955; padding: 8px; color: white; margin-bottom: 15px; font-weight: bold; font-size: 125%; text-transform: uppercase; } h2{ font-family: Lato, Arial; font-weight:600; letter-spacing: 0.015em; background: #4b956c; padding: 4px; padding-left: 8px; color: white; margin-bottom: 8px; font-size: 110%; } h1 a, h2 a{ color: white; } h1 a:hover, h1 a:active, h2 a:hover, h2 a:active{ color: white; text-decoration-color: #f165a6; } .centerlink{ margin: auto; width: 100%; align-self: center; text-align: center; font-weight: bold; } p{padding: 5px 8px 5px;} ul, ol{padding: 5px 8px 5px;} li{ display: list-item; list-style-position: inside; padding: 2px 0px 2px 8px; } ol li{ list-style-type: decimal; } blockquote{ margin: 5px 8px 5px; padding: 5px 8px 5px; background-color: #eeeeee; border-left:4px solid #4b956c; } details { border: 2px solid #ffc9e2; padding: 4px; margin: 4px; padding-left:8px; } details[open] summary{ padding-bottom:4px; } table { text-align: center; margin: 4px 0px; background-color: white; } td h2{ padding: 4px 8px; margin-bottom: 0px; white-space: nowrap; } tr.alt td, td.alt{ background-color: #eeeeee; } /* mobile formatting rules */ @media only screen and (max-width: 800px){ .navbar, .topbar{} .navbar a, .topbar a{flex-basis: 40%;} content{ padding: 10px 0px; } .box{ outline:none; border:6px solid #f784ba; max-width:100%; } details{ margin:4px 0px; max-width: calc(100% - 16px); } table { margin: 4px auto; } } /* gallery formatting rules */ .gallery{ border: 1px solid red; padding: 5px; height: 200px; } .container{ display: none; text-align: center; position: fixed; padding-top: 1em; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.75); } /* Next & previous buttons */ #prev, #next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; } /* Position the "next button" to the right */ #next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ #prev:hover, #next:hover { background-color: rgba(0, 0, 0, 0.8); } #imgtext{ font-size: 120%; font-weight: bold; }
Otherwise uncategorizeable things to read or do or print or watch or hear.