228 lines
5.0 KiB
CSS
228 lines
5.0 KiB
CSS
body {
|
|
background: #FFF;
|
|
font-family: Georgia, Times New Roman, Times, serif;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 60px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
font-family: 'Chelsea Market', Georgia, serif;
|
|
color: #000;
|
|
line-height: 1;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 70px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
color: #FFB000;
|
|
font-family: 'Chelsea Market', Georgia, serif;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 40px;
|
|
font-weight: normal;
|
|
margin: 0;
|
|
margin-top: 40px;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
p {
|
|
width: 960px;
|
|
margin: 40px auto;
|
|
color: #000;
|
|
line-height: 200%;
|
|
}
|
|
|
|
a, a:visited {
|
|
color: #000;
|
|
font-size: 12px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
|
|
.download {
|
|
padding: 10px;
|
|
}
|
|
|
|
pre {
|
|
font-size: 18px;
|
|
}
|
|
|
|
blockquote {
|
|
text-align: left;
|
|
width: 720px;
|
|
margin: 10px auto;
|
|
background: #C5C3DE;
|
|
border: solid 2px #69697A;
|
|
padding: 0 40px;
|
|
}
|
|
|
|
code {
|
|
background-color: #000;
|
|
font-style: normal;
|
|
border-radius: 10px;
|
|
color: white;
|
|
padding: 5px 15px;
|
|
font-family: menlo, monospace;
|
|
}
|
|
|
|
/*---------------------------------------- BLOCKS */
|
|
|
|
.scrollblock {
|
|
position: relative;
|
|
margin: 0;
|
|
width: 100%;
|
|
color: white;
|
|
padding-top: 80px;
|
|
padding-bottom: 80px;
|
|
}
|
|
|
|
.scrollblock h2 {
|
|
|
|
}
|
|
|
|
.block-title { background-color: #FFF; padding-bottom: 50px; }
|
|
.block-title h2 { color: #000; }
|
|
.block-title .meta { font-size: 16px; color: #999; }
|
|
.block-title .meta a { font-size: 16px; color: #333; }
|
|
.block-setup { background-color: #348fd4; }
|
|
.block-setup h2 { color: #06406c; }
|
|
.block-setup h2 a { background: none; padding: 0; font-size: normal; }
|
|
.block-setup a { color: #FFF; font-size: 40px; font-weight: normal;font-style: normal; background-color: #06406c; padding: 10px 15px; border-radius: 10px; text-decoration: none; }
|
|
.block-setup a:hover { text-decoration: underline; }
|
|
.block-create { background-color: #06406c; }
|
|
.block-create h2 { color: #FFF; }
|
|
.block-create p { color: #FFF; }
|
|
.block-create code { background-color: #000; color: #FFF; }
|
|
.block-checkout { background-color: #FFF; }
|
|
.block-checkout h2 { color: #000; }
|
|
.block-trees { background-color: #4c0d09; }
|
|
.block-trees h2 { color: #d3b2af; }
|
|
.block-trees p { color: #d3b2af; }
|
|
.block-trees code { color: #000; background-color: white; }
|
|
.block-add { background-color: #cc4037; }
|
|
.block-add h2, .block-add p { color: #4c0d09; }
|
|
.block-remote { background-color: #ffc19f; }
|
|
.block-remote h2 { color: #cc4037; }
|
|
.block-branching { background-color: #000; }
|
|
.block-branching h2 { color: #FFF; }
|
|
.block-branching p { color: #DDD; }
|
|
.block-branching code { color: #000; background-color: white; }
|
|
.block-merging { background-color: #F2F2F2; }
|
|
.block-merging h2 { color: #666; }
|
|
.block-tagging { background-color: #F2F2F2; }
|
|
.block-tagging h2 { color: #FFF; }
|
|
.block-hints { background-color: #F2F2F2; }
|
|
.block-hints h2 { color: #FFF; }
|
|
.block-resources { background-color: #ffc19f; }
|
|
.block-resources h2 { color: #cc4037; }
|
|
.block-resources h3 { color: #7d1f19; }
|
|
.block-resources ul { list-style: disc; margin: 0; padding: 0; }
|
|
.block-resources ul li a { font-size: 24px; color: #cc4037; }
|
|
.block-tagging { background-color: #348fd4; }
|
|
.block-tagging h2 { color: #06406c; }
|
|
.block-hints { background-color: #06406c; }
|
|
.block-hints h2 { color: #FFF; }
|
|
.block-hints p { color: #FFF; }
|
|
.block-hints code { background-color: #000; color: #FFF; }
|
|
.block-checkout-replace { background-color: #fff8c9; }
|
|
.block-checkout-replace h2 { color: #2d2700; }
|
|
.block-checkout-replace p { color: #615400; }
|
|
.block-comments { background-color: #FFF; padding-bottom: 50px; font-size: 14px; color: #000; }
|
|
.block-comments h2 { color: #000; }
|
|
.block-comments h3 { font-size: 16px; }
|
|
.block-comments #disqus_thread { width: 600px; text-align: left; margin-left: auto; margin-right: auto; }
|
|
|
|
.tower {
|
|
display: block;
|
|
width: 180px;
|
|
height: 260px;
|
|
position: absolute;
|
|
top: 330px;
|
|
right: 0;
|
|
background: #FFF url(../img/git-tower.png) no-repeat;
|
|
}
|
|
|
|
.cheatsheet {
|
|
display: block;
|
|
width: 180px;
|
|
height: 250px;
|
|
position: absolute;
|
|
top: 346px;
|
|
left: 0;
|
|
background: #FFF url(../img/cheatsheet.png) no-repeat;
|
|
}
|
|
|
|
.announcement {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.announcement img {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#carbonads {
|
|
display: block;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
background-color: #dfdfdf;
|
|
border-radius: 3px;
|
|
max-width: 300px;
|
|
margin: 0 auto;
|
|
font-family: Verdana, "Helvetica Neue", Helvetica, sans-serif;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
#carbonads a {
|
|
color: #606060;
|
|
}
|
|
|
|
#carbonads a:hover {
|
|
color: hsl(0, 0%, 20%);
|
|
text-decoration: none;
|
|
}
|
|
|
|
#carbonads span {
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.carbon-img {
|
|
float: left;
|
|
margin-right: 1em;
|
|
}
|
|
|
|
.carbon-img img { display: block; }
|
|
|
|
.carbon-text {
|
|
display: block;
|
|
float: left;
|
|
max-width: calc(100% - 130px - 1em);
|
|
text-align: left;
|
|
}
|
|
|
|
.carbon-poweredby {
|
|
position: absolute;
|
|
left: 144px;
|
|
bottom: 0;
|
|
display: block;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
font-size: 9px;
|
|
}
|