Created
January 26, 2016 04:54
-
-
Save sotayamashita/954fd8aadf74f86fdecc to your computer and use it in GitHub Desktop.
Help Scout Style
This file contains hidden or 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
<style> | |
@font-face { | |
font-family: octicons-link; | |
src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); | |
} | |
#fullArticle { | |
-webkit-text-size-adjust: 100%; | |
text-size-adjust: 100%; | |
color: #333; | |
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
font-size: 16px; | |
line-height: 1.6; | |
word-wrap: break-word; | |
} | |
#fullArticle a { | |
background-color: transparent; | |
} | |
#fullArticle a:active,#fullArticle a:hover { | |
outline: 0; | |
} | |
#fullArticle strong { | |
font-weight: bold; | |
} | |
#fullArticle h1 { | |
font-size: 2em; | |
margin: 0.67em 0; | |
} | |
#fullArticle img { | |
border: 0; | |
} | |
#fullArticle hr { | |
box-sizing: content-box; | |
height: 0; | |
} | |
#fullArticle pre { | |
overflow: auto; | |
} | |
#fullArticle code,#fullArticle kbd,#fullArticle pre { | |
font-family: monospace, monospace; | |
font-size: 1em; | |
} | |
#fullArticle input { | |
color: inherit; | |
font: inherit; | |
margin: 0; | |
} | |
#fullArticle html input[disabled] { | |
cursor: default; | |
} | |
#fullArticle input { | |
line-height: normal; | |
} | |
#fullArticle input[type="checkbox"] { | |
box-sizing: border-box; | |
padding: 0; | |
} | |
#fullArticle table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
#fullArticle td,#fullArticle th { | |
padding: 0; | |
} | |
#fullArticle * { | |
box-sizing: border-box; | |
} | |
#fullArticle input { | |
font: 13px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
} | |
#fullArticle a { | |
color: #4078c0; | |
text-decoration: none; | |
} | |
#fullArticle a:hover,#fullArticle a:active { | |
text-decoration: underline; | |
} | |
#fullArticle hr { | |
height: 0; | |
margin: 15px 0; | |
overflow: hidden; | |
background: transparent; | |
border: 0; | |
border-bottom: 1px solid #ddd; | |
} | |
#fullArticle hr:before { | |
display: table; | |
content: ""; | |
} | |
#fullArticle hr:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
#fullArticle h1,#fullArticle h2,#fullArticle h3,#fullArticle h4,#fullArticle h5,#fullArticle h6 { | |
margin-top: 15px; | |
margin-bottom: 15px; | |
line-height: 1.1; | |
} | |
#fullArticle h1 { | |
font-size: 30px; | |
} | |
#fullArticle h2 { | |
font-size: 21px; | |
} | |
#fullArticle h3 { | |
font-size: 16px; | |
} | |
#fullArticle h4 { | |
font-size: 14px; | |
} | |
#fullArticle h5 { | |
font-size: 12px; | |
} | |
#fullArticle h6 { | |
font-size: 11px; | |
} | |
#fullArticle blockquote { | |
margin: 0; | |
} | |
#fullArticle ul,#fullArticle ol { | |
padding: 0; | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
#fullArticle ol ol,#fullArticle ul ol { | |
list-style-type: lower-roman; | |
} | |
#fullArticle ul ul ol,#fullArticle ul ol ol,#fullArticle ol ul ol,#fullArticle ol ol ol { | |
list-style-type: lower-alpha; | |
} | |
#fullArticle dd { | |
margin-left: 0; | |
} | |
#fullArticle code { | |
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; | |
font-size: 12px; | |
} | |
#fullArticle pre { | |
margin-top: 0; | |
margin-bottom: 0; | |
font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; | |
} | |
#fullArticle .select::-ms-expand { | |
opacity: 0; | |
} | |
#fullArticle .octicon { | |
font: normal normal normal 16px/1 octicons-link; | |
display: inline-block; | |
text-decoration: none; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
#fullArticle .octicon-link:before { | |
content: '\f05c'; | |
} | |
#fullArticle:before { | |
display: table; | |
content: ""; | |
} | |
#fullArticle:after { | |
display: table; | |
clear: both; | |
content: ""; | |
} | |
#fullArticle>*:first-child { | |
margin-top: 0 !important; | |
} | |
#fullArticle>*:last-child { | |
margin-bottom: 0 !important; | |
} | |
#fullArticle a:not([href]) { | |
color: inherit; | |
text-decoration: none; | |
} | |
#fullArticle .anchor { | |
display: inline-block; | |
padding-right: 2px; | |
margin-left: -18px; | |
} | |
#fullArticle .anchor:focus { | |
outline: none; | |
} | |
#fullArticle h1,#fullArticle h2,#fullArticle h3,#fullArticle h4,#fullArticle h5,#fullArticle h6 { | |
margin-top: 1em; | |
margin-bottom: 16px; | |
font-weight: bold; | |
line-height: 1.4; | |
} | |
#fullArticle h1 .octicon-link,#fullArticle h2 .octicon-link,#fullArticle h3 .octicon-link,#fullArticle h4 .octicon-link,#fullArticle h5 .octicon-link,#fullArticle h6 .octicon-link { | |
color: #000; | |
vertical-align: middle; | |
visibility: hidden; | |
} | |
#fullArticle h1:hover .anchor,#fullArticle h2:hover .anchor,#fullArticle h3:hover .anchor,#fullArticle h4:hover .anchor,#fullArticle h5:hover .anchor,#fullArticle h6:hover .anchor { | |
text-decoration: none; | |
} | |
#fullArticle h1:hover .anchor .octicon-link,#fullArticle h2:hover .anchor .octicon-link,#fullArticle h3:hover .anchor .octicon-link,#fullArticle h4:hover .anchor .octicon-link,#fullArticle h5:hover .anchor .octicon-link,#fullArticle h6:hover .anchor .octicon-link { | |
visibility: visible; | |
} | |
#fullArticle h1 { | |
padding-bottom: 0.3em; | |
font-size: 2.25em; | |
line-height: 1.2; | |
border-bottom: 1px solid #eee; | |
} | |
#fullArticle h1 .anchor { | |
line-height: 1; | |
} | |
#fullArticle h2 { | |
padding-bottom: 0.3em; | |
font-size: 1.75em; | |
line-height: 1.225; | |
border-bottom: 1px solid #eee; | |
} | |
#fullArticle h2 .anchor { | |
line-height: 1; | |
} | |
#fullArticle h3 { | |
font-size: 1.5em; | |
line-height: 1.43; | |
} | |
#fullArticle h3 .anchor { | |
line-height: 1.2; | |
} | |
#fullArticle h4 { | |
font-size: 1.25em; | |
} | |
#fullArticle h4 .anchor { | |
line-height: 1.2; | |
} | |
#fullArticle h5 { | |
font-size: 1em; | |
} | |
#fullArticle h5 .anchor { | |
line-height: 1.1; | |
} | |
#fullArticle h6 { | |
font-size: 1em; | |
color: #777; | |
} | |
#fullArticle h6 .anchor { | |
line-height: 1.1; | |
} | |
#fullArticle p,#fullArticle blockquote,#fullArticle ul,#fullArticle ol,#fullArticle dl,#fullArticle table,#fullArticle pre { | |
margin-top: 0; | |
margin-bottom: 16px; | |
} | |
#fullArticle hr { | |
height: 4px; | |
padding: 0; | |
margin: 16px 0; | |
background-color: #e7e7e7; | |
border: 0 none; | |
} | |
#fullArticle ul,#fullArticle ol { | |
padding-left: 2em; | |
} | |
#fullArticle ul ul,#fullArticle ul ol,#fullArticle ol ol,#fullArticle ol ul { | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
#fullArticle li>p { | |
margin-top: 16px; | |
} | |
#fullArticle dl { | |
padding: 0; | |
} | |
#fullArticle dl dt { | |
padding: 0; | |
margin-top: 16px; | |
font-size: 1em; | |
font-style: italic; | |
font-weight: bold; | |
} | |
#fullArticle dl dd { | |
padding: 0 16px; | |
margin-bottom: 16px; | |
} | |
#fullArticle blockquote { | |
padding: 0 15px; | |
color: #777; | |
border-left: 4px solid #ddd; | |
} | |
#fullArticle blockquote>:first-child { | |
margin-top: 0; | |
} | |
#fullArticle blockquote>:last-child { | |
margin-bottom: 0; | |
} | |
#fullArticle table { | |
display: block; | |
width: 100%; | |
overflow: auto; | |
word-break: normal; | |
word-break: keep-all; | |
} | |
#fullArticle table th { | |
font-weight: bold; | |
} | |
#fullArticle table th,#fullArticle table td { | |
padding: 6px 13px; | |
border: 1px solid #ddd; | |
} | |
#fullArticle table tr { | |
background-color: #fff; | |
border-top: 1px solid #ccc; | |
} | |
#fullArticle table tr:nth-child(2n) { | |
background-color: #f8f8f8; | |
} | |
#fullArticle img { | |
max-width: 100%; | |
box-sizing: content-box; | |
background-color: #fff; | |
} | |
#fullArticle code { | |
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; | |
} | |
#fullArticle code:before,#fullArticle code:after { | |
letter-spacing: -0.2em; | |
content: "\00a0"; | |
} | |
#fullArticle pre>code { | |
padding: 0; | |
margin: 0; | |
font-size: 100%; | |
word-break: normal; | |
white-space: pre; | |
background: transparent; | |
border: 0; | |
} | |
#fullArticle .highlight { | |
margin-bottom: 16px; | |
} | |
#fullArticle .highlight pre,#fullArticle pre { | |
padding: 16px; | |
overflow: auto; | |
font-size: 85%; | |
line-height: 1.45; | |
background-color: #f7f7f7; | |
border-radius: 3px; | |
} | |
#fullArticle .highlight pre { | |
margin-bottom: 0; | |
word-break: normal; | |
} | |
#fullArticle pre { | |
word-wrap: normal; | |
} | |
#fullArticle pre code { | |
display: inline; | |
max-width: initial; | |
padding: 0; | |
margin: 0; | |
overflow: initial; | |
line-height: inherit; | |
word-wrap: normal; | |
background-color: transparent; | |
border: 0; | |
} | |
#fullArticle pre code:before,#fullArticle pre code:after { | |
content: normal; | |
} | |
#fullArticle 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; | |
} | |
#fullArticle .pl-c { | |
color: #969896; | |
} | |
#fullArticle .pl-c1,#fullArticle .pl-s .pl-v { | |
color: #0086b3; | |
} | |
#fullArticle .pl-e,#fullArticle .pl-en { | |
color: #795da3; | |
} | |
#fullArticle .pl-s .pl-s1,#fullArticle .pl-smi { | |
color: #333; | |
} | |
#fullArticle .pl-ent { | |
color: #63a35c; | |
} | |
#fullArticle .pl-k { | |
color: #a71d5d; | |
} | |
#fullArticle .pl-pds,#fullArticle .pl-s,#fullArticle .pl-s .pl-pse .pl-s1,#fullArticle .pl-sr,#fullArticle .pl-sr .pl-cce,#fullArticle .pl-sr .pl-sra,#fullArticle .pl-sr .pl-sre { | |
color: #183691; | |
} | |
#fullArticle .pl-v { | |
color: #ed6a43; | |
} | |
#fullArticle .pl-id { | |
color: #b52a1d; | |
} | |
#fullArticle .pl-ii { | |
background-color: #b52a1d; | |
color: #f8f8f8; | |
} | |
#fullArticle .pl-sr .pl-cce { | |
color: #63a35c; | |
font-weight: bold; | |
} | |
#fullArticle .pl-ml { | |
color: #693a17; | |
} | |
#fullArticle .pl-mh,#fullArticle .pl-mh .pl-en,#fullArticle .pl-ms { | |
color: #1d3e81; | |
font-weight: bold; | |
} | |
#fullArticle .pl-mq { | |
color: #008080; | |
} | |
#fullArticle .pl-mi { | |
color: #333; | |
font-style: italic; | |
} | |
#fullArticle .pl-mb { | |
color: #333; | |
font-weight: bold; | |
} | |
#fullArticle .pl-md { | |
background-color: #ffecec; | |
color: #bd2c00; | |
} | |
#fullArticle .pl-mi1 { | |
background-color: #eaffea; | |
color: #55a532; | |
} | |
#fullArticle .pl-mdr { | |
color: #795da3; | |
font-weight: bold; | |
} | |
#fullArticle .pl-mo { | |
color: #1d3e81; | |
} | |
#fullArticle kbd { | |
display: inline-block; | |
padding: 3px 5px; | |
font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; | |
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; | |
} | |
#fullArticle .task-list-item { | |
list-style-type: none; | |
} | |
#fullArticle .task-list-item+.task-list-item { | |
margin-top: 3px; | |
} | |
#fullArticle .task-list-item input { | |
margin: 0 0.35em 0.25em -1.6em; | |
vertical-align: middle; | |
} | |
#fullArticle :checked+.radio-label { | |
z-index: 1; | |
position: relative; | |
border-color: #4078c0; | |
} | |
</style> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment