diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/styles.css | 41 |
1 files changed, 37 insertions, 4 deletions
diff --git a/static/styles.css b/static/styles.css index 3d513f2..c26cf59 100644 --- a/static/styles.css +++ b/static/styles.css @@ -8,20 +8,43 @@ section { padding: 1ex; } -/* .symbol { font-family: Symbola; } -*/ -.ssb-post img { +.ssb-post img, +.ssb-issue img { max-width: 100%; - background-color: #eee; + max-height: 500px; +} + +.ssb-post blockquote { + border-left: 4px #e0e0e0 solid; + color: #444; + background-color: #f9f9f9; + padding: .2rem .2rem .2rem 1rem; + margin: .5rem 0; +} + +.ssb-post-text pre, .ssb-post-text pre * { + overflow-wrap: break-word; + word-wrap: break-word; + -ms-word-break: break-all; + /* This is the dangerous one in WebKit, as it breaks things wherever */ + word-break: break-all; + /* Instead use this non-standard one: */ + word-break: break-word; + /* Adds a hyphen where the word breaks, if supported (No Blink) */ + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } img.ssb-emoji { height: 1em; width: auto; + border: none; } .nav-bar { @@ -160,3 +183,13 @@ table.ssb-object { table.ssb-object td { border: 1px solid black; } + +.chess-square { + width: 1em; + height: 1em; + text-align: center; +} + +.chess-square-dark { + background-color: #ccc; +} |