227
git/css/style.css
Normal file
227
git/css/style.css
Normal file
@@ -0,0 +1,227 @@
|
||||
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;
|
||||
}
|
||||
Reference in New Issue
Block a user