diff options
| author | Morris Jobke <hey@morrisjobke.de> | 2017-07-21 01:44:29 +0300 |
|---|---|---|
| committer | Morris Jobke <hey@morrisjobke.de> | 2017-07-21 10:13:21 +0300 |
| commit | bd52e377d7ce27679a70ddb2c4e4dc43aeef2cc4 (patch) | |
| tree | 19f1f9a252f8dc1b064c8aced86b94e17e796774 /css | |
| parent | effc065513070d6a65441c27caf3a400ca6d8825 (diff) | |
Render markdown files directly in public share
renders markdown files for single share pages directly inline
and uses a readable styling
Signed-off-by: Morris Jobke <hey@morrisjobke.de>
Diffstat (limited to 'css')
| -rw-r--r-- | css/public-share.css | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/css/public-share.css b/css/public-share.css new file mode 100644 index 0000000..8748e87 --- /dev/null +++ b/css/public-share.css @@ -0,0 +1,77 @@ +.preview { + max-width: 700px; + padding: 0px 20px !important; + box-sizing: border-box; + font-size: 18px; + line-height: 1.6em; + min-height: 440px; + color: #333; + text-align: left; + margin-bottom: 170px !important; +} + +.preview h1, +.preview h2, +.preview h3 { + margin-top: 1em; +} + +.preview h1 { + line-height: 1.1em; + margin-bottom: 1em; + text-align: center; + font-size: 3em; +} + +.preview h2 { + line-height: 1.1em; + margin-bottom: .5em; + font-size: 2em; +} + +.preview h3 { + line-height: 1.1em; + margin-bottom: .6em; + font-size: 1.4em; +} + +.preview p, +.preview ul, +.preview ol, +.preview pre { + margin-bottom: 17.6px; + line-height: 1.45em; +} +.preview ul, +.preview ol { + padding-left: 25px; +} + +.preview ul { + list-style-type: square; +} + +.preview ul ul { + list-style-type: circle; +} + +.preview a { + color: #448ac9; + text-decoration: none; +} +.preview a:hover, +.preview a:focus, +.preview a:active { + text-decoration: underline; +} + +.preview em { + opacity: 1; + font-style: italic; +} + +/* hide image preview during loading or if it renders fine */ +.icon-loading .text-preview, +.preview .text-preview { + display: none !important; +} |