Created
November 14, 2016 00:20
-
-
Save natebwangsut/38fe2bfb6320f4a65d20d46bf46ce435 to your computer and use it in GitHub Desktop.
github3 css file
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 { | |
color: #333; | |
font: 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |
padding: 30px; | |
margin: 0; | |
word-wrap: break-word; | |
} | |
body > *:first-child { | |
margin-top: 0 !important; | |
} | |
body > *:last-child { | |
margin-bottom: 0 !important; | |
} | |
a { | |
background: transparent; | |
color: #4183c4; | |
text-decoration: none; | |
} | |
a:active, | |
a:hover { | |
outline: 0 none; | |
text-decoration: underline; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b, | |
strong { | |
font-weight: bold; | |
} | |
dfn { | |
font-style: italic; | |
} | |
h1 { | |
font-size: 2em; | |
margin: 0.67em 0; | |
} | |
mark { | |
background: #ff0; | |
color: #000; | |
} | |
small { | |
font-size: 80%; | |
} | |
sub, sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
img { | |
border: 0 none; | |
} | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
figure { | |
margin: 1em 40px; | |
} | |
hr { | |
box-sizing: content-box; | |
height: 0; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: monospace,monospace; | |
font-size: 1em; | |
} | |
pre { | |
overflow: auto; | |
font: 12px Consolas,"Liberation Mono",Menlo,Courier,monospace; | |
margin-bottom: 0; | |
margin-top: 0; | |
} | |
.absent { | |
color: #c00; | |
} | |
.anchor { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
display: block; | |
padding-right: 6px; | |
padding-left: 30px; | |
margin-left: -30px; | |
} | |
.anchor:focus { | |
outline: none; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
position: relative; | |
margin-top: 1em; | |
margin-bottom: 16px; | |
font-weight: 600; | |
line-height: 1.4; | |
} | |
h1 .octicon-link, | |
h2 .octicon-link, | |
h3 .octicon-link, | |
h4 .octicon-link, | |
h5 .octicon-link, | |
h6 .octicon-link { | |
display: none; | |
color: #000; | |
vertical-align: middle; | |
} | |
h1:hover .anchor, | |
h2:hover .anchor, | |
h3:hover .anchor, | |
h4:hover .anchor, | |
h5:hover .anchor, | |
h6:hover .anchor { | |
padding-left: 8px; | |
margin-left: -30px; | |
line-height: 1; | |
text-decoration: none; | |
} | |
h1:hover .anchor .octicon-link, | |
h2:hover .anchor .octicon-link, | |
h3:hover .anchor .octicon-link, | |
h4:hover .anchor .octicon-link, | |
h5:hover .anchor .octicon-link, | |
h6:hover .anchor .octicon-link { | |
display: inline-block; | |
} | |
h1 tt, | |
h1 code, | |
h2 tt, | |
h2 code, | |
h3 tt, | |
h3 code, | |
h4 tt, | |
h4 code, | |
h5 tt, | |
h5 code, | |
h6 tt, | |
h6 code { | |
font-size: inherit; | |
} | |
h1 { | |
padding-bottom: 0.3em; | |
font-size: 2.25em; | |
line-height: 1.2; | |
border-bottom: 1px solid #eee; | |
} | |
h2 { | |
padding-bottom: 0.3em; | |
font-size: 1.75em; | |
line-height: 1.225; | |
border-bottom: 1px solid #eee; | |
} | |
h3 { | |
font-size: 1.5em; | |
line-height: 1.43; | |
} | |
h4 { | |
font-size: 1.25em; | |
} | |
h5 { | |
font-size: 1em; | |
} | |
h6 { | |
font-size: 1em; | |
color: #777; | |
} | |
p,blockquote, | |
ul,ol, | |
dl,table, | |
pre { | |
margin-top: 0; | |
margin-bottom: 16px; | |
} | |
hr { | |
height: 4px; | |
padding: 0; | |
margin: 16px 0; | |
background-color: #e7e7e7; | |
border: 0 none; | |
} | |
ul, | |
ol { | |
padding-left: 2em; | |
} | |
ul.no-list, | |
ol.no-list { | |
padding: 0; | |
list-style-type: none; | |
} | |
ul ul, | |
ul ol, | |
ol ol, | |
ol ul { | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
li>p { | |
margin-top: 16px; | |
} | |
dl { | |
padding: 0; | |
} | |
dl dt { | |
padding: 0; | |
margin-top: 16px; | |
font-size: 1em; | |
font-style: italic; | |
font-weight: bold; | |
} | |
dl dd { | |
padding: 0 16px; | |
margin-bottom: 16px; | |
} | |
blockquote { | |
padding: 0 15px; | |
color: #777; | |
border-left: 4px solid #ddd; | |
} | |
blockquote>:first-child { | |
margin-top: 0; | |
} | |
blockquote>:last-child { | |
margin-bottom: 0; | |
} | |
table { | |
display: block; | |
width: 100%; | |
overflow: auto; | |
word-break: keep-all; | |
border-collapse: collapse; | |
} | |
table th { | |
font-weight: bold; | |
} | |
table th, | |
table td { | |
padding: 6px 13px; | |
border: 1px solid #ddd; | |
} | |
table tr { | |
background-color: #fff; | |
border-top: 1px solid #ccc; | |
} | |
table tr:nth-child(2n) { | |
background-color: #f8f8f8; | |
} | |
img { | |
max-width: 100%; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
span.frame { | |
display: block; | |
overflow: hidden; | |
} | |
span.frame>span { | |
display: block; | |
float: left; | |
width: auto; | |
padding: 7px; | |
margin: 13px 0 0; | |
overflow: hidden; | |
border: 1px solid #ddd; | |
} | |
span.frame span img { | |
display: block; | |
float: left; | |
} | |
span.frame span span { | |
display: block; | |
padding: 5px 0 0; | |
clear: both; | |
color: #333; | |
} | |
span.align-center { | |
display: block; | |
overflow: hidden; | |
clear: both; | |
} | |
span.align-center>span { | |
display: block; | |
margin: 13px auto 0; | |
overflow: hidden; | |
text-align: center; | |
} | |
span.align-center span img { | |
margin: 0 auto; | |
text-align: center; | |
} | |
span.align-right { | |
display: block; | |
overflow: hidden; | |
clear: both; | |
} | |
span.align-right>span { | |
display: block; | |
margin: 13px 0 0; | |
overflow: hidden; | |
text-align: right; | |
} | |
span.align-right span img { | |
margin: 0; | |
text-align: right; | |
} | |
span.float-left { | |
display: block; | |
float: left; | |
margin-right: 13px; | |
overflow: hidden; | |
} | |
span.float-left span { | |
margin: 13px 0 0; | |
} | |
span.float-right { | |
display: block; | |
float: right; | |
margin-left: 13px; | |
overflow: hidden; | |
} | |
span.float-right>span { | |
display: block; | |
margin: 13px auto 0; | |
overflow: hidden; | |
text-align: right; | |
} | |
code,tt { | |
padding: 0.2em 0; | |
margin: 0; | |
font-size: 85%; | |
background-color: rgba(0,0,0,0.04); | |
border-radius: 3px; | |
} | |
code:before, | |
code:after, | |
tt:before, | |
tt:after { | |
letter-spacing: -0.2em; | |
content: "\00a0"; | |
} | |
code br, | |
tt br { | |
display: none; | |
} | |
del code { | |
text-decoration: inherit; | |
} | |
pre>code { | |
padding: 0; | |
margin: 0; | |
font-size: 100%; | |
word-break: normal; | |
white-space: pre; | |
background: transparent; | |
border: 0; | |
} | |
pre { | |
padding: 16px; | |
overflow: auto; | |
font-size: 85%; | |
line-height: 1.45; | |
background-color: #f7f7f7; | |
border-radius: 3px; | |
word-wrap: normal; | |
} | |
pre code, | |
pre tt { | |
display: inline; | |
max-width: initial; | |
padding: 0; | |
margin: 0; | |
overflow: initial; | |
line-height: inherit; | |
word-wrap: normal; | |
background-color: transparent; | |
border: 0; | |
} | |
pre code:before, | |
pre code:after, | |
pre tt:before, | |
pre tt:after { | |
content: normal; | |
} | |
@media screen and (min-width: 914px) { | |
body { | |
width: 854px; | |
margin:0 auto; | |
} | |
} | |
@media print { | |
table, pre { | |
page-break-inside: avoid; | |
} | |
pre { | |
word-wrap: break-word; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment