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 { |
||||
padding: 0; |
||||
@import url(github-light.css); |
||||
|
||||
/******************************************************************************* |
||||
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; |
||||
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-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; |
||||
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 { |
||||
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; |
||||
background-color: rgba(255, 255, 255, 0.2); |
||||
border-color: rgba(255, 255, 255, 0.3); } |
||||
color: #007edf; |
||||
text-shadow: none; |
||||
|
||||
@media screen and (min-width: 64em) { |
||||
.btn { |
||||
padding: 0.75rem 1rem; } } |
||||
transition: color 0.5s ease; |
||||
transition: text-shadow 0.5s ease; |
||||
-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) { |
||||
.btn { |
||||
padding: 0.6rem 0.9rem; |
||||
font-size: 0.9rem; } } |
||||
a:hover, a:focus {text-decoration: underline;} |
||||
|
||||
@media screen and (max-width: 42em) { |
||||
.btn { |
||||
display: block; |
||||
width: 100%; |
||||
padding: 0.75rem; |
||||
font-size: 0.9rem; } |
||||
.btn + .btn { |
||||
margin-top: 1rem; |
||||
margin-left: 0; } } |
||||
footer a { |
||||
color: #F2F2F2; |
||||
text-decoration: underline; |
||||
} |
||||
|
||||
.page-header { |
||||
color: #fff; |
||||
text-align: center; |
||||
background-color: #159957; |
||||
background-image: linear-gradient(120deg, #155799, #159957); } |
||||
|
||||
@media screen and (min-width: 64em) { |
||||
.page-header { |
||||
padding: 5rem 6rem; } } |
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.page-header { |
||||
padding: 3rem 4rem; } } |
||||
|
||||
@media screen and (max-width: 42em) { |
||||
.page-header { |
||||
padding: 2rem 1rem; } } |
||||
|
||||
.project-name { |
||||
margin-top: 0; |
||||
margin-bottom: 0.1rem; } |
||||
|
||||
@media screen and (min-width: 64em) { |
||||
.project-name { |
||||
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 { |
||||
em { |
||||
font-style: italic; |
||||
} |
||||
|
||||
strong { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
img { |
||||
position: relative; |
||||
margin: 0 auto; |
||||
max-width: 739px; |
||||
padding: 5px; |
||||
margin: 10px 0 10px 0; |
||||
border: 1px solid #ebebeb; |
||||
|
||||
box-shadow: 0 0 5px #ebebeb; |
||||
-webkit-box-shadow: 0 0 5px #ebebeb; |
||||
-moz-box-shadow: 0 0 5px #ebebeb; |
||||
-o-box-shadow: 0 0 5px #ebebeb; |
||||
-ms-box-shadow: 0 0 5px #ebebeb; |
||||
} |
||||
|
||||
p img { |
||||
display: inline; |
||||
max-width: initial; |
||||
padding: 0; |
||||
margin: 0; |
||||
overflow: initial; |
||||
line-height: inherit; |
||||
word-wrap: normal; |
||||
background-color: transparent; |
||||
border: 0; } |
||||
.main-content pre code:before, .main-content pre code:after, .main-content pre tt:before, .main-content pre tt:after { |
||||
content: normal; } |
||||
.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; |
||||
padding: 0; |
||||
vertical-align: middle; |
||||
text-align: center; |
||||
border: none; |
||||
} |
||||
|
||||
pre, code { |
||||
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; |
||||
word-break: normal; |
||||
word-break: keep-all; } |
||||
.main-content table th { |
||||
font-weight: bold; } |
||||
.main-content table th, .main-content table td { |
||||
padding: 0.5rem 1rem; |
||||
border: 1px solid #e9ebec; } |
||||
.main-content dl { |
||||
padding: 0; } |
||||
.main-content dl dt { |
||||
padding: 0; |
||||
margin-top: 1rem; |
||||
font-size: 1rem; |
||||
font-weight: bold; } |
||||
.main-content dl dd { |
||||
padding: 0; |
||||
margin-bottom: 1rem; } |
||||
.main-content hr { |
||||
height: 2px; |
||||
padding: 0; |
||||
margin: 1rem 0; |
||||
background-color: #eff0f1; |
||||
border: 0; } |
||||
|
||||
@media screen and (min-width: 64em) { |
||||
.main-content { |
||||
max-width: 64rem; |
||||
padding: 2rem 6rem; |
||||
} |
||||
|
||||
code { |
||||
padding: 3px; |
||||
margin: 0 3px; |
||||
box-shadow: 0 0 10px rgba(0,0,0,.1); |
||||
} |
||||
|
||||
pre code { |
||||
display: block; |
||||
box-shadow: none; |
||||
} |
||||
|
||||
blockquote { |
||||
color: #666; |
||||
margin-bottom: 20px; |
||||
padding: 0 0 0 20px; |
||||
border-left: 3px solid #bbb; |
||||
} |
||||
|
||||
|
||||
ul, ol, dl { |
||||
margin-bottom: 15px |
||||
} |
||||
|
||||
ul { |
||||
list-style-position: inside; |
||||
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; |
||||
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) { |
||||
.main-content { |
||||
padding: 2rem 4rem; |
||||
font-size: 1.1rem; } } |
||||
#header_wrap { |
||||
background: #212121; |
||||
background: -moz-linear-gradient(top, #373737, #212121); |
||||
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) { |
||||
.main-content { |
||||
padding: 2rem 1rem; |
||||
font-size: 1rem; } } |
||||
#header_wrap .inner { |
||||
padding: 50px 10px 30px 10px; |
||||
} |
||||
|
||||
.site-footer { |
||||
padding-top: 2rem; |
||||
margin-top: 2rem; |
||||
border-top: solid 1px #eff0f1; } |
||||
#project_title { |
||||
margin: 0; |
||||
color: #fff; |
||||
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; |
||||
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 { |
||||
color: #819198; } |
||||
h5 { |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@media screen and (min-width: 64em) { |
||||
.site-footer { |
||||
font-size: 1rem; } } |
||||
h6 { |
||||
font-size: 12px; |
||||
} |
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) { |
||||
.site-footer { |
||||
font-size: 1rem; } } |
||||
code, pre { |
||||
min-width: 320px; |
||||
max-width: 480px; |
||||
font-size: 11px; |
||||
} |
||||
|
||||
@media screen and (max-width: 42em) { |
||||
.site-footer { |
||||
font-size: 0.9rem; } } |
||||
} |
||||
|
Loading…
Reference in new issue