/* Somewhat riffing off of Pleroma-FE’s generated CSS. Using the colors of Tirifto’s Malvo theme. */ body { background-color: #f5f5dc; font-family: Ubuntu sans; font-size: 14px; } .panel { box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 3px 1px rgba(0, 0, 0, 0.5); overflow: hidden; border-radius: 3px; padding: 0; background-color: #ffffd7; max-width: 1000px; margin: auto; } img { bottom: 0; display: table-cell; vertical-align: bottom; max-width: 100%; float: right; } h1 { text-align: center; } .panel-heading { border-radius: 3px 3px 0 0; align-items: stretch; background: transparent; background-color: #d7d7af; box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset; flex-direction: column; padding: .5em; position: relative; text-align: left; font-size: 1.3em; } .panel-body p { padding-left: 20px; padding-right: 20px; } .panel-body:empty:before { content: "¯\\_(ツ)_/¯"; display: block; margin: 1em; text-align: center; } .panel-body>p { line-height: 1.3; margin: 0; padding: 1em; text-align: center; }