From cf92b4dd1521241eefc58eaf6dcd202cd83969d8 Mon Sep 17 00:00:00 2001 From: ArthurHoaro Date: Sat, 25 May 2019 15:52:27 +0200 Subject: Apply the new system (Bookmark + Service) to the whole code base See https://github.com/shaarli/Shaarli/issues/1307 --- assets/common/css/markdown.css | 173 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 173 insertions(+) create mode 100644 assets/common/css/markdown.css (limited to 'assets/common') diff --git a/assets/common/css/markdown.css b/assets/common/css/markdown.css new file mode 100644 index 00000000..f651e67e --- /dev/null +++ b/assets/common/css/markdown.css @@ -0,0 +1,173 @@ +/** + * Credit to Simon Laroche + * whom created the CSS which this file is based on. + * License: Unlicense + */ + +.markdown p{ + margin:0.75em 0; +} + +.markdown img{ + max-width:100%; +} + +.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6{ + font-weight:normal; + font-style:normal; + line-height:1em; + margin:0.75em 0; +} +.markdown h4, .markdown h5, .markdown h6{ font-weight: bold; } +.markdown h1{ font-size:2.5em; } +.markdown h2{ font-size:2em; } +.markdown h3{ font-size:1.5em; } +.markdown h4{ font-size:1.2em; } +.markdown h5{ font-size:1em; } +.markdown h6{ font-size:0.9em; } + +.markdown blockquote{ + color:#666666; + padding-left: 3em; + border-left: 0.5em #EEE solid; + margin:0.75em 0; +} +.markdown hr { display: block; height: 2px; border: 0; border-top: 1px solid #aaa;border-bottom: 1px solid #eee; margin: 1em 0; padding: 0; } +.markdown pre, .markdown code, .markdown kbd, .markdown samp { + font-family: monospace, 'courier new'; + font-size: 0.98em; +} +.markdown pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } + +.markdown b, .markdown strong { font-weight: bold; } + +.markdown dfn, .markdown em { font-style: italic; } + +.markdown ins { background: #ff9; color: #000; text-decoration: none; } + +.markdown mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } + +.markdown sub, .markdown sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } +.markdown sup { top: -0.5em; } +.markdown sub { bottom: -0.25em; } + +.markdown ul, .markdown ol { margin: 1em 0; padding: 0 0 0 2em; } +.markdown li p:last-child { margin:0 } +.markdown dd { margin: 0 0 0 2em; } + +.markdown img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } + +.markdown table { border-collapse: collapse; border-spacing: 0; } +.markdown td { vertical-align: top; } + +@media only screen and (min-width: 480px) { + .markdown {font-size:0.9em;} +} + +@media only screen and (min-width: 768px) { + .markdown {font-size:1em;} +} + +#linklist .markdown li { + padding: 0; + border: none; + background: none; +} + +#linklist .markdown ul li { + list-style: circle; +} + +#linklist .markdown ol li { + list-style: decimal; +} + +.markdown table { + padding: 0; +} +.markdown table tr { + border-top: 1px solid #cccccc; + background-color: white; + margin: 0; + padding: 0; +} +.markdown table tr:nth-child(2n) { + background-color: #f8f8f8; +} +.markdown table tr th { + font-weight: bold; + border: 1px solid #cccccc; + text-align: left; + margin: 0; + padding: 6px 13px; +} +.markdown table tr td { + border: 1px solid #cccccc; + text-align: left; + margin: 0; + padding: 6px 13px; +} +.markdown table tr th :first-child, .markdown table tr td :first-child { + margin-top: 0; +} +.markdown table tr th :last-child, table tr td :last-child { + margin-bottom: 0; +} + +.markdown pre { + background-color: #eee; + padding: 4px 9px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + overflow: auto; + box-shadow: 0 -1px 0 #e5e5e5,0 0 1px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24); +} + +.markdown pre code { + color: black; + font-family: 'Consolas', 'Monaco', 'Andale Mono', monospace; + direction: ltr; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + line-height: 1.7; + font-size: 11.5px; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +.markdown :not(pre) code { + background-color: #eee; + padding: 1px 3px; + border-radius: 1px; + box-shadow: 0 -1px 0 #e5e5e5,0 0 1px rgba(0,0,0,0.12),0 1px 1px rgba(0,0,0,0.24); +} + +#pageheader .md_help { + color: white; +} + +/* + Remove header bookmarks style + */ +#pageheader .md_help a { + color: lightgray; + font-weight: bold; + text-decoration: underline; + + background: none; + box-shadow: none; + padding: 0; + margin: 0; +} + +#pageheader .md_help a:hover { + color: white; +} -- cgit v1.2.3