Last active
February 8, 2019 01:57
-
-
Save seanCodes/241066b82bc2e5c2ed87aedfa8b6b973 to your computer and use it in GitHub Desktop.
Prettier JIRA wiki page styles (GitHub-flavored)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body, | |
| .wiki-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; line-height: 1.5; word-wrap: break-word; color: rgb(51, 51, 51); } | |
| .wiki-content p, | |
| .wiki-content blockquote, | |
| .wiki-content ul, | |
| .wiki-content ol, | |
| .wiki-content dl, | |
| .wiki-content table, | |
| .wiki-content pre, | |
| .wiki-content .code.panel { margin-top: 0; margin-bottom: 16px; overflow: hidden; } | |
| .wiki-content p { overflow: visible; } | |
| .wiki-content hr { height: 0.25em; padding: 0; margin: 24px 0; background-color: #e7e7e7; border: 0; } | |
| .wiki-content blockquote { padding: 0 1em; color: #777; border-left: 0.25em solid #ddd; } | |
| .wiki-content blockquote > :first-child { margin-top: 0; } | |
| .wiki-content blockquote > :last-child { margin-bottom: 0; } | |
| .wiki-content pre, | |
| .wiki-content code, | |
| .wiki-content samp, | |
| .wiki-content tt { font-family: "Source Code Pro", Input, Menlo, Consolas, "Bitstream Vera Sans Mono", monospace !important; } | |
| .wiki-content kbd { display: inline-block; padding: 3px 5px; font-size: 11px; line-height: 10px; color: #555; vertical-align: middle; background-color: #fcfcfc; border: solid 1px #ccc; border-bottom-color: #bbb; border-radius: 3px; box-shadow: inset 0 -1px 0 #bbb; } | |
| .wiki-content h1, | |
| .wiki-content h2, | |
| .wiki-content h3, | |
| .wiki-content h4, | |
| .wiki-content h5, | |
| .wiki-content h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } | |
| .wiki-content h1 tt, | |
| .wiki-content h1 code, | |
| .wiki-content h2 tt, | |
| .wiki-content h2 code, | |
| .wiki-content h3 tt, | |
| .wiki-content h3 code, | |
| .wiki-content h4 tt, | |
| .wiki-content h4 code, | |
| .wiki-content h5 tt, | |
| .wiki-content h5 code, | |
| .wiki-content h6 tt, | |
| .wiki-content h6 code { font-size: inherit; } | |
| .wiki-content h1 { padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid #eee; } | |
| .wiki-content h2 { padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid #eee; } | |
| .wiki-content h3 { font-size: 1.25em; } | |
| .wiki-content h4 { font-size: 1em; } | |
| .wiki-content h5 { font-size: 0.875em; } | |
| .wiki-content h6 { font-size: 0.85em; color: #777; } | |
| .wiki-content ul, | |
| .wiki-content ol { padding-left: 2em; } | |
| .wiki-content ul.no-list, | |
| .wiki-content ol.no-list { padding: 0; list-style-type: none; } | |
| .wiki-content ul ul, | |
| .wiki-content ul ol, | |
| .wiki-content ol ol, | |
| .wiki-content ol ul { margin-top: 0; margin-bottom: 0; } | |
| .wiki-content li > p { margin-top: 16px; } | |
| .wiki-content li + li { margin-top: 0.25em; } | |
| .wiki-content dl { padding: 0; } | |
| .wiki-content dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: bold; } | |
| .wiki-content dl dd { padding: 0 16px; margin-bottom: 16px; } | |
| .wiki-content table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; } | |
| .wiki-content table th { font-weight: bold; } | |
| .wiki-content table th, | |
| .wiki-content table td:not(.code) { padding: 6px 13px; border: 1px solid #ddd; } | |
| .wiki-content table td.code { box-sizing: border-box; } | |
| .wiki-content table tr { background-color: #fff; border-top: 1px solid #ccc; } | |
| .wiki-content table tr:nth-child(2n) { background-color: #f8f8f8; } | |
| .wiki-content img { max-width: 100%; box-sizing: content-box; background-color: #fff; } | |
| .wiki-content img[align=right] { padding-left: 20px; } | |
| .wiki-content img[align=left] { padding-right: 20px; } | |
| .wiki-content span.frame { display: block; overflow: hidden; } | |
| .wiki-content span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid #ddd; } | |
| .wiki-content span.frame span img { display: block; float: left; } | |
| .wiki-content span.frame span span { display: block; padding: 5px 0 0; clear: both; color: #333; } | |
| .wiki-content span.align-center { display: block; overflow: hidden; clear: both; } | |
| .wiki-content span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; } | |
| .wiki-content span.align-center span img { margin: 0 auto; text-align: center; } | |
| .wiki-content span.align-right { display: block; overflow: hidden; clear: both; } | |
| .wiki-content span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; } | |
| .wiki-content span.align-right span img { margin: 0; text-align: right; } | |
| .wiki-content span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; } | |
| .wiki-content span.float-left span { margin: 13px 0 0; } | |
| .wiki-content span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; } | |
| .wiki-content span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; } | |
| .wiki-content code, | |
| .wiki-content tt { padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; font-size: 85%; background-color: rgba(0,0,0,0.04); border-radius: 3px; } | |
| .wiki-content code::before, | |
| .wiki-content code::after, | |
| .wiki-content tt::before, | |
| .wiki-content tt::after { letter-spacing: -0.2em; content: "\00a0"; } | |
| .wiki-content code br, | |
| .wiki-content tt br { display: none; } | |
| .wiki-content del code { text-decoration: inherit; } | |
| .wiki-content pre { padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px; } | |
| .wiki-content pre { word-wrap: normal; } | |
| .wiki-content pre > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } | |
| .wiki-content pre code, | |
| .wiki-content pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } | |
| .wiki-content pre code::before, | |
| .wiki-content pre code::after, | |
| .wiki-content pre tt::before, | |
| .wiki-content pre tt::after { content: normal; } | |
| .wiki-content .code.panel { word-wrap: normal; margin-bottom: 16px; } | |
| .wiki-content .code.panel > code { padding: 0; margin: 0; font-size: 100%; word-break: normal; white-space: pre; background: transparent; border: 0; } | |
| .wiki-content .code.panel pre { padding: 16px; overflow: auto; margin-bottom: 0; word-break: normal; } | |
| .wiki-content .code.panel pre, | |
| .wiki-content .code.panel { font-size: 85%; line-height: 1.45; background-color: #f7f7f7; border-radius: 3px; border: none !important; } | |
| .wiki-content .code.panel code, | |
| .wiki-content .code.panel tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } | |
| .wiki-content .code.panel code::before, | |
| .wiki-content .code.panel code::after, | |
| .wiki-content .code.panel tt::before, | |
| .wiki-content .code.panel tt::after { content: normal; } | |
| .wiki-content .code.panel .panelHeader { border-bottom-width: 0 !important; } | |
| .wiki-content .code.panel .panelHeader .code-title { display: block; margin: 5px 0; padding-right: 10px; } | |
| .wiki-content .code.panel .panelHeader .code-title + .collapse-source { display: block; position: static; float: none; margin: 5px 0 5px -4px; } | |
| .wiki-content .code.panel .panelHeader .collapse-source { font-weight: 500; } | |
| .wiki-content .code.panel .panelHeader .collapse-source .expand-control-icon { position: relative; top: 1px; } | |
| .wiki-content .codeContent, | |
| .wiki-content .syntaxhighlighter, | |
| .wiki-content .syntaxhighlighter .line { background-color: transparent !important; font-family: "Source Code Pro", Input, Menlo, Consolas, "Bitstream Vera Sans Mono", monospace !important; } | |
| .wiki-content .syntaxhighlighter { background-color: #f7f7f7; border-radius: 3px; border: 1px solid #ddd; box-sizing: border-box; } | |
| .wiki-content .syntaxhighlighter.sh-midnight { background-color: #0f192a !important; } | |
| .wiki-content .syntaxhighlighter > table { margin-bottom: 0; } | |
| .wiki-content .syntaxhighlighter > table tr { background-color: inherit; } | |
| .wiki-content .syntaxhighlighter .comments { color: #969896 !important; } | |
| .wiki-content .syntaxhighlighter .string { color: #189154 !important; } | |
| .wiki-content .syntaxhighlighter .keyword { color: #0086b3 !important; font-weight: normal !important; } | |
| .wiki-content .confluence-information-macro-body p:last-child { margin-bottom: 0; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment