mirror of https://github.com/kgabis/parson.git
parent
d9318845fd
commit
64f2e07261
After Width: | Height: | Size: 78 B |
After Width: | Height: | Size: 463 B |
After Width: | Height: | Size: 216 B |
After Width: | Height: | Size: 14 KiB |
File diff suppressed because one or more lines are too long
@ -1,245 +1,425 @@ |
|||||||
* { |
/******************************************************************************* |
||||||
box-sizing: border-box; } |
Slate Theme for GitHub Pages |
||||||
|
by Jason Costello, @jsncostello |
||||||
|
*******************************************************************************/ |
||||||
|
|
||||||
body { |
@import url(github-light.css); |
||||||
padding: 0; |
|
||||||
|
/******************************************************************************* |
||||||
|
MeyerWeb Reset |
||||||
|
*******************************************************************************/ |
||||||
|
|
||||||
|
html, body, div, span, applet, object, iframe, |
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||||
|
a, abbr, acronym, address, big, cite, code, |
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp, |
||||||
|
small, strike, strong, sub, sup, tt, var, |
||||||
|
b, u, i, center, |
||||||
|
dl, dt, dd, ol, ul, li, |
||||||
|
fieldset, form, label, legend, |
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td, |
||||||
|
article, aside, canvas, details, embed, |
||||||
|
figure, figcaption, footer, header, hgroup, |
||||||
|
menu, nav, output, ruby, section, summary, |
||||||
|
time, mark, audio, video { |
||||||
margin: 0; |
margin: 0; |
||||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; |
padding: 0; |
||||||
|
border: 0; |
||||||
|
font: inherit; |
||||||
|
vertical-align: baseline; |
||||||
|
} |
||||||
|
|
||||||
|
/* HTML5 display-role reset for older browsers */ |
||||||
|
article, aside, details, figcaption, figure, |
||||||
|
footer, header, hgroup, menu, nav, section { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
ol, ul { |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
|
||||||
|
table { |
||||||
|
border-collapse: collapse; |
||||||
|
border-spacing: 0; |
||||||
|
} |
||||||
|
|
||||||
|
/******************************************************************************* |
||||||
|
Theme Styles |
||||||
|
*******************************************************************************/ |
||||||
|
|
||||||
|
body { |
||||||
|
box-sizing: border-box; |
||||||
|
color:#373737; |
||||||
|
background: #212121; |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
|
font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; |
||||||
line-height: 1.5; |
line-height: 1.5; |
||||||
color: #606c71; } |
-webkit-font-smoothing: antialiased; |
||||||
|
} |
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 { |
||||||
|
margin: 10px 0; |
||||||
|
font-weight: 700; |
||||||
|
color:#222222; |
||||||
|
font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif; |
||||||
|
letter-spacing: -1px; |
||||||
|
} |
||||||
|
|
||||||
|
h1 { |
||||||
|
font-size: 36px; |
||||||
|
font-weight: 700; |
||||||
|
} |
||||||
|
|
||||||
|
h2 { |
||||||
|
padding-bottom: 10px; |
||||||
|
font-size: 32px; |
||||||
|
background: url('../images/bg_hr.png') repeat-x bottom; |
||||||
|
} |
||||||
|
|
||||||
|
h3 { |
||||||
|
font-size: 24px; |
||||||
|
} |
||||||
|
|
||||||
|
h4 { |
||||||
|
font-size: 21px; |
||||||
|
} |
||||||
|
|
||||||
|
h5 { |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
|
||||||
|
h6 { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
|
||||||
|
p { |
||||||
|
margin: 10px 0 15px 0; |
||||||
|
} |
||||||
|
|
||||||
|
footer p { |
||||||
|
color: #f2f2f2; |
||||||
|
} |
||||||
|
|
||||||
a { |
a { |
||||||
color: #1e6bb8; |
|
||||||
text-decoration: none; } |
|
||||||
a:hover { |
|
||||||
text-decoration: underline; } |
|
||||||
|
|
||||||
.btn { |
|
||||||
display: inline-block; |
|
||||||
margin-bottom: 1rem; |
|
||||||
color: rgba(255, 255, 255, 0.7); |
|
||||||
background-color: rgba(255, 255, 255, 0.08); |
|
||||||
border-color: rgba(255, 255, 255, 0.2); |
|
||||||
border-style: solid; |
|
||||||
border-width: 1px; |
|
||||||
border-radius: 0.3rem; |
|
||||||
transition: color 0.2s, background-color 0.2s, border-color 0.2s; } |
|
||||||
.btn + .btn { |
|
||||||
margin-left: 1rem; } |
|
||||||
|
|
||||||
.btn:hover { |
|
||||||
color: rgba(255, 255, 255, 0.8); |
|
||||||
text-decoration: none; |
text-decoration: none; |
||||||
background-color: rgba(255, 255, 255, 0.2); |
color: #007edf; |
||||||
border-color: rgba(255, 255, 255, 0.3); } |
text-shadow: none; |
||||||
|
|
||||||
@media screen and (min-width: 64em) { |
transition: color 0.5s ease; |
||||||
.btn { |
transition: text-shadow 0.5s ease; |
||||||
padding: 0.75rem 1rem; } } |
-webkit-transition: color 0.5s ease; |
||||||
|
-webkit-transition: text-shadow 0.5s ease; |
||||||
|
-moz-transition: color 0.5s ease; |
||||||
|
-moz-transition: text-shadow 0.5s ease; |
||||||
|
-o-transition: color 0.5s ease; |
||||||
|
-o-transition: text-shadow 0.5s ease; |
||||||
|
-ms-transition: color 0.5s ease; |
||||||
|
-ms-transition: text-shadow 0.5s ease; |
||||||
|
} |
||||||
|
|
||||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
a:hover, a:focus {text-decoration: underline;} |
||||||
.btn { |
|
||||||
padding: 0.6rem 0.9rem; |
|
||||||
font-size: 0.9rem; } } |
|
||||||
|
|
||||||
@media screen and (max-width: 42em) { |
footer a { |
||||||
.btn { |
color: #F2F2F2; |
||||||
display: block; |
text-decoration: underline; |
||||||
width: 100%; |
} |
||||||
padding: 0.75rem; |
|
||||||
font-size: 0.9rem; } |
|
||||||
.btn + .btn { |
|
||||||
margin-top: 1rem; |
|
||||||
margin-left: 0; } } |
|
||||||
|
|
||||||
.page-header { |
em { |
||||||
color: #fff; |
font-style: italic; |
||||||
text-align: center; |
} |
||||||
background-color: #159957; |
|
||||||
background-image: linear-gradient(120deg, #155799, #159957); } |
strong { |
||||||
|
font-weight: bold; |
||||||
@media screen and (min-width: 64em) { |
} |
||||||
.page-header { |
|
||||||
padding: 5rem 6rem; } } |
img { |
||||||
|
position: relative; |
||||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
margin: 0 auto; |
||||||
.page-header { |
max-width: 739px; |
||||||
padding: 3rem 4rem; } } |
padding: 5px; |
||||||
|
margin: 10px 0 10px 0; |
||||||
@media screen and (max-width: 42em) { |
border: 1px solid #ebebeb; |
||||||
.page-header { |
|
||||||
padding: 2rem 1rem; } } |
box-shadow: 0 0 5px #ebebeb; |
||||||
|
-webkit-box-shadow: 0 0 5px #ebebeb; |
||||||
.project-name { |
-moz-box-shadow: 0 0 5px #ebebeb; |
||||||
margin-top: 0; |
-o-box-shadow: 0 0 5px #ebebeb; |
||||||
margin-bottom: 0.1rem; } |
-ms-box-shadow: 0 0 5px #ebebeb; |
||||||
|
} |
||||||
@media screen and (min-width: 64em) { |
|
||||||
.project-name { |
p img { |
||||||
font-size: 3.25rem; } } |
|
||||||
|
|
||||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
|
||||||
.project-name { |
|
||||||
font-size: 2.25rem; } } |
|
||||||
|
|
||||||
@media screen and (max-width: 42em) { |
|
||||||
.project-name { |
|
||||||
font-size: 1.75rem; } } |
|
||||||
|
|
||||||
.project-tagline { |
|
||||||
margin-bottom: 2rem; |
|
||||||
font-weight: normal; |
|
||||||
opacity: 0.7; } |
|
||||||
|
|
||||||
@media screen and (min-width: 64em) { |
|
||||||
.project-tagline { |
|
||||||
font-size: 1.25rem; } } |
|
||||||
|
|
||||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
|
||||||
.project-tagline { |
|
||||||
font-size: 1.15rem; } } |
|
||||||
|
|
||||||
@media screen and (max-width: 42em) { |
|
||||||
.project-tagline { |
|
||||||
font-size: 1rem; } } |
|
||||||
|
|
||||||
.main-content :first-child { |
|
||||||
margin-top: 0; } |
|
||||||
.main-content img { |
|
||||||
max-width: 100%; } |
|
||||||
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { |
|
||||||
margin-top: 2rem; |
|
||||||
margin-bottom: 1rem; |
|
||||||
font-weight: normal; |
|
||||||
color: #159957; } |
|
||||||
.main-content p { |
|
||||||
margin-bottom: 1em; } |
|
||||||
.main-content code { |
|
||||||
padding: 2px 4px; |
|
||||||
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; |
|
||||||
font-size: 0.9rem; |
|
||||||
color: #383e41; |
|
||||||
background-color: #f3f6fa; |
|
||||||
border-radius: 0.3rem; } |
|
||||||
.main-content pre { |
|
||||||
padding: 0.8rem; |
|
||||||
margin-top: 0; |
|
||||||
margin-bottom: 1rem; |
|
||||||
font: 1rem Consolas, "Liberation Mono", Menlo, Courier, monospace; |
|
||||||
color: #567482; |
|
||||||
word-wrap: normal; |
|
||||||
background-color: #f3f6fa; |
|
||||||
border: solid 1px #dce6f0; |
|
||||||
border-radius: 0.3rem; } |
|
||||||
.main-content pre > code { |
|
||||||
padding: 0; |
|
||||||
margin: 0; |
|
||||||
font-size: 0.9rem; |
|
||||||
color: #567482; |
|
||||||
word-break: normal; |
|
||||||
white-space: pre; |
|
||||||
background: transparent; |
|
||||||
border: 0; } |
|
||||||
.main-content .highlight { |
|
||||||
margin-bottom: 1rem; } |
|
||||||
.main-content .highlight pre { |
|
||||||
margin-bottom: 0; |
|
||||||
word-break: normal; } |
|
||||||
.main-content .highlight pre, .main-content pre { |
|
||||||
padding: 0.8rem; |
|
||||||
overflow: auto; |
|
||||||
font-size: 0.9rem; |
|
||||||
line-height: 1.45; |
|
||||||
border-radius: 0.3rem; } |
|
||||||
.main-content pre code, .main-content pre tt { |
|
||||||
display: inline; |
display: inline; |
||||||
max-width: initial; |
|
||||||
padding: 0; |
|
||||||
margin: 0; |
margin: 0; |
||||||
overflow: initial; |
padding: 0; |
||||||
line-height: inherit; |
vertical-align: middle; |
||||||
word-wrap: normal; |
text-align: center; |
||||||
background-color: transparent; |
border: none; |
||||||
border: 0; } |
} |
||||||
.main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { |
|
||||||
content: normal; } |
pre, code { |
||||||
.main-content ul, .main-content ol { |
|
||||||
margin-top: 0; } |
|
||||||
.main-content blockquote { |
|
||||||
padding: 0 1rem; |
|
||||||
margin-left: 0; |
|
||||||
color: #819198; |
|
||||||
border-left: 0.3rem solid #dce6f0; } |
|
||||||
.main-content blockquote > :first-child { |
|
||||||
margin-top: 0; } |
|
||||||
.main-content blockquote > :last-child { |
|
||||||
margin-bottom: 0; } |
|
||||||
.main-content table { |
|
||||||
display: block; |
|
||||||
width: 100%; |
width: 100%; |
||||||
|
color: #222; |
||||||
|
background-color: #fff; |
||||||
|
|
||||||
|
font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; |
||||||
|
font-size: 14px; |
||||||
|
|
||||||
|
border-radius: 2px; |
||||||
|
-moz-border-radius: 2px; |
||||||
|
-webkit-border-radius: 2px; |
||||||
|
} |
||||||
|
|
||||||
|
pre { |
||||||
|
width: 100%; |
||||||
|
padding: 10px; |
||||||
|
box-shadow: 0 0 10px rgba(0,0,0,.1); |
||||||
overflow: auto; |
overflow: auto; |
||||||
word-break: normal; |
} |
||||||
word-break: keep-all; } |
|
||||||
.main-content table th { |
code { |
||||||
font-weight: bold; } |
padding: 3px; |
||||||
.main-content table th, .main-content table td { |
margin: 0 3px; |
||||||
padding: 0.5rem 1rem; |
box-shadow: 0 0 10px rgba(0,0,0,.1); |
||||||
border: 1px solid #e9ebec; } |
} |
||||||
.main-content dl { |
|
||||||
padding: 0; } |
pre code { |
||||||
.main-content dl dt { |
display: block; |
||||||
padding: 0; |
box-shadow: none; |
||||||
margin-top: 1rem; |
} |
||||||
font-size: 1rem; |
|
||||||
font-weight: bold; } |
blockquote { |
||||||
.main-content dl dd { |
color: #666; |
||||||
padding: 0; |
margin-bottom: 20px; |
||||||
margin-bottom: 1rem; } |
padding: 0 0 0 20px; |
||||||
.main-content hr { |
border-left: 3px solid #bbb; |
||||||
height: 2px; |
} |
||||||
padding: 0; |
|
||||||
margin: 1rem 0; |
|
||||||
background-color: #eff0f1; |
ul, ol, dl { |
||||||
border: 0; } |
margin-bottom: 15px |
||||||
|
} |
||||||
@media screen and (min-width: 64em) { |
|
||||||
.main-content { |
ul { |
||||||
max-width: 64rem; |
list-style-position: inside; |
||||||
padding: 2rem 6rem; |
list-style: disc; |
||||||
|
padding-left: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
ol { |
||||||
|
list-style-position: inside; |
||||||
|
list-style: decimal; |
||||||
|
padding-left: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
dl dt { |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
dl dd { |
||||||
|
padding-left: 20px; |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
|
||||||
|
dl p { |
||||||
|
padding-left: 20px; |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
|
||||||
|
hr { |
||||||
|
height: 1px; |
||||||
|
margin-bottom: 5px; |
||||||
|
border: none; |
||||||
|
background: url('../images/bg_hr.png') repeat-x center; |
||||||
|
} |
||||||
|
|
||||||
|
table { |
||||||
|
border: 1px solid #373737; |
||||||
|
margin-bottom: 20px; |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
|
th { |
||||||
|
font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
||||||
|
padding: 10px; |
||||||
|
background: #373737; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
td { |
||||||
|
padding: 10px; |
||||||
|
border: 1px solid #373737; |
||||||
|
} |
||||||
|
|
||||||
|
form { |
||||||
|
background: #f2f2f2; |
||||||
|
padding: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
/******************************************************************************* |
||||||
|
Full-Width Styles |
||||||
|
*******************************************************************************/ |
||||||
|
|
||||||
|
.outer { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.inner { |
||||||
|
position: relative; |
||||||
|
max-width: 640px; |
||||||
|
padding: 20px 10px; |
||||||
margin: 0 auto; |
margin: 0 auto; |
||||||
font-size: 1.1rem; } } |
} |
||||||
|
|
||||||
|
#forkme_banner { |
||||||
|
display: block; |
||||||
|
position: absolute; |
||||||
|
top:0; |
||||||
|
right: 10px; |
||||||
|
z-index: 10; |
||||||
|
padding: 10px 50px 10px 10px; |
||||||
|
color: #fff; |
||||||
|
background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%; |
||||||
|
font-weight: 700; |
||||||
|
box-shadow: 0 0 10px rgba(0,0,0,.5); |
||||||
|
border-bottom-left-radius: 2px; |
||||||
|
border-bottom-right-radius: 2px; |
||||||
|
} |
||||||
|
|
||||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
#header_wrap { |
||||||
.main-content { |
background: #212121; |
||||||
padding: 2rem 4rem; |
background: -moz-linear-gradient(top, #373737, #212121); |
||||||
font-size: 1.1rem; } } |
background: -webkit-linear-gradient(top, #373737, #212121); |
||||||
|
background: -ms-linear-gradient(top, #373737, #212121); |
||||||
|
background: -o-linear-gradient(top, #373737, #212121); |
||||||
|
background: linear-gradient(top, #373737, #212121); |
||||||
|
} |
||||||
|
|
||||||
@media screen and (max-width: 42em) { |
#header_wrap .inner { |
||||||
.main-content { |
padding: 50px 10px 30px 10px; |
||||||
padding: 2rem 1rem; |
} |
||||||
font-size: 1rem; } } |
|
||||||
|
|
||||||
.site-footer { |
#project_title { |
||||||
padding-top: 2rem; |
margin: 0; |
||||||
margin-top: 2rem; |
color: #fff; |
||||||
border-top: solid 1px #eff0f1; } |
font-size: 42px; |
||||||
|
font-weight: 700; |
||||||
|
text-shadow: #111 0px 0px 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#project_tagline { |
||||||
|
color: #fff; |
||||||
|
font-size: 24px; |
||||||
|
font-weight: 300; |
||||||
|
background: none; |
||||||
|
text-shadow: #111 0px 0px 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#downloads { |
||||||
|
position: absolute; |
||||||
|
width: 210px; |
||||||
|
z-index: 10; |
||||||
|
bottom: -40px; |
||||||
|
right: 0; |
||||||
|
height: 70px; |
||||||
|
background: url('../images/icon_download.png') no-repeat 0% 90%; |
||||||
|
} |
||||||
|
|
||||||
|
.zip_download_link { |
||||||
|
display: block; |
||||||
|
float: right; |
||||||
|
width: 90px; |
||||||
|
height:70px; |
||||||
|
text-indent: -5000px; |
||||||
|
overflow: hidden; |
||||||
|
background: url(../images/sprite_download.png) no-repeat bottom left; |
||||||
|
} |
||||||
|
|
||||||
.site-footer-owner { |
.tar_download_link { |
||||||
display: block; |
display: block; |
||||||
font-weight: bold; } |
float: right; |
||||||
|
width: 90px; |
||||||
|
height:70px; |
||||||
|
text-indent: -5000px; |
||||||
|
overflow: hidden; |
||||||
|
background: url(../images/sprite_download.png) no-repeat bottom right; |
||||||
|
margin-left: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
.zip_download_link:hover { |
||||||
|
background: url(../images/sprite_download.png) no-repeat top left; |
||||||
|
} |
||||||
|
|
||||||
|
.tar_download_link:hover { |
||||||
|
background: url(../images/sprite_download.png) no-repeat top right; |
||||||
|
} |
||||||
|
|
||||||
|
#main_content_wrap { |
||||||
|
background: #f2f2f2; |
||||||
|
border-top: 1px solid #111; |
||||||
|
border-bottom: 1px solid #111; |
||||||
|
} |
||||||
|
|
||||||
|
#main_content { |
||||||
|
padding-top: 40px; |
||||||
|
} |
||||||
|
|
||||||
|
#footer_wrap { |
||||||
|
background: #212121; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/******************************************************************************* |
||||||
|
Small Device Styles |
||||||
|
*******************************************************************************/ |
||||||
|
|
||||||
|
@media screen and (max-width: 480px) { |
||||||
|
body { |
||||||
|
font-size:14px; |
||||||
|
} |
||||||
|
|
||||||
|
#downloads { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
.inner { |
||||||
|
min-width: 320px; |
||||||
|
max-width: 480px; |
||||||
|
} |
||||||
|
|
||||||
|
#project_title { |
||||||
|
font-size: 32px; |
||||||
|
} |
||||||
|
|
||||||
|
h1 { |
||||||
|
font-size: 28px; |
||||||
|
} |
||||||
|
|
||||||
|
h2 { |
||||||
|
font-size: 24px; |
||||||
|
} |
||||||
|
|
||||||
|
h3 { |
||||||
|
font-size: 21px; |
||||||
|
} |
||||||
|
|
||||||
|
h4 { |
||||||
|
font-size: 18px; |
||||||
|
} |
||||||
|
|
||||||
.site-footer-credits { |
h5 { |
||||||
color: #819198; } |
font-size: 14px; |
||||||
|
} |
||||||
|
|
||||||
@media screen and (min-width: 64em) { |
h6 { |
||||||
.site-footer { |
font-size: 12px; |
||||||
font-size: 1rem; } } |
} |
||||||
|
|
||||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
code, pre { |
||||||
.site-footer { |
min-width: 320px; |
||||||
font-size: 1rem; } } |
max-width: 480px; |
||||||
|
font-size: 11px; |
||||||
|
} |
||||||
|
|
||||||
@media screen and (max-width: 42em) { |
} |
||||||
.site-footer { |
|
||||||
font-size: 0.9rem; } } |
|
||||||
|
Loading…
Reference in new issue