padding:10px 50px 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
- font-size: 14px;
- color: #232323;
- background-color: #FBFAF7;
- margin: 0;
- line-height: 1.8em;
- -webkit-font-smoothing: antialiased;
+ font-size: 14px;
+ color: #232323;
+ background-color: #FBFAF7;
+ margin: 0;
+ line-height: 1.8em;
+ -webkit-font-smoothing: antialiased;
}
}
h1, h2, h3 {
- font-family: Times, serif;
+ font-family: Times, serif;
font-weight: 300;
line-height:1.3;
- font-weight: normal;
+ font-weight: normal;
display: block;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
h1 {
- font-size: 30px;
+ font-size: 30px;
}
h2 {
- font-size: 24px;
+ font-size: 24px;
}
h3 {
- font-size: 18px;
+ font-size: 18px;
}
h4, h5, h6 {
- font-family: Times, serif;
- font-weight: 700;
+ font-family: Times, serif;
+ font-weight: 700;
}
a {
}
a:hover {
- text-decoration: underline;
+ text-decoration: underline;
}
a small {
- font-size: 12px;
+ font-size: 12px;
}
em {
- font-style: italic;
+ font-style: italic;
}
strong {
}
dl, dt, dd, dl p {
- font-color: #444;
+ font-color: #444;
}
dl dt {
/* Code blocks */
code, pre {
- font-family: monospace;
+ font-family: monospace;
color:#000;
font-size:12px;
line-height: 14px;
}
pre {
- padding: 6px 12px;
+ padding: 6px 12px;
background: #FDFEFB;
border-radius:4px;
border:1px solid #D7D8C8;
overflow: auto;
white-space: pre-wrap;
- margin-bottom: 16px;
+ margin-bottom: 16px;
}
th {
font-family: 'Arvo', Helvetica, Arial, sans-serif;
- font-size: 18px;
- font-weight: normal;
+ font-size: 18px;
+ font-weight: normal;
padding: 10px;
background: #232323;
color: #FDFEFB;
td {
padding: 10px;
- background: #ccc;
+ background: #ccc;
}
/* Header */
header {
- background-color: #171717;
- color: #FDFDFB;
+ background-color: #171717;
+ color: #FDFDFB;
width:170px;
float:left;
position:fixed;
- border: 1px solid #000;
- -webkit-border-top-right-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -moz-border-radius-topright: 4px;
- -moz-border-radius-bottomright: 4px;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- padding: 14px 25px 22px 50px;
- margin: 24px 25px 0 0;
- -webkit-font-smoothing: antialiased;
+ border: 1px solid #000;
+ -webkit-border-top-right-radius: 4px;
+ -webkit-border-bottom-right-radius: 4px;
+ -moz-border-radius-topright: 4px;
+ -moz-border-radius-bottomright: 4px;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+ padding: 12px 25px 22px 50px;
+ margin: 24px 25px 0 0;
+ -webkit-font-smoothing: antialiased;
}
p.header {
- font-size: 16px;
+ font-size: 16px;
}
h1.header {
- /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
- font-size: 30px;
- font-weight: 300;
- line-height: 1.3em;
- border-bottom: none;
- margin-top: 0;
+ /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
+ font-size: 30px;
+ font-weight: 300;
+ line-height: 1.3em;
+ border-bottom: none;
+ margin-top: 0;
}
h1.header, a.header, a.name, header a{
- color: #fff;
+ color: #fff;
}
a.header {
- text-decoration: underline;
+ text-decoration: underline;
}
a.name {
- white-space: nowrap;
+ white-space: nowrap;
}
header ul {
}
header li {
- list-style-type: none;
+ list-style-type: none;
width:132px;
height:15px;
- margin-bottom: 12px;
- line-height: 1em;
- padding: 6px 6px 6px 7px;
+ margin-bottom: 12px;
+ line-height: 1em;
+ padding: 6px 6px 6px 7px;
- background: #AF0011;
- background: -moz-linear-gradient(top, #AF0011 0%, #820011 100%);
+ background: #AF0011;
+ background: -moz-linear-gradient(top, #AF0011 0%, #820011 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #AF0011 0%,#820011 100%);
background: -o-linear-gradient(top, #AF0011 0%,#820011 100%);
background: -ms-linear-gradient(top, #AF0011 0%,#820011 100%);
background: linear-gradient(top, #AF0011 0%,#820011 100%);
- border-radius:4px;
+ border-radius:4px;
border:1px solid #0D0D0D;
- -webkit-box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
- box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
+ -webkit-box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
+ box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
}
header li:hover {
- background: #C3001D;
- background: -moz-linear-gradient(top, #C3001D 0%, #950119 100%);
+ background: #C3001D;
+ background: -moz-linear-gradient(top, #C3001D 0%, #950119 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #C3001D 0%,#950119 100%);
background: -o-linear-gradient(top, #C3001D 0%,#950119 100%);
}
a.buttons {
- -webkit-font-smoothing: antialiased;
- background: url(../images/arrow-down.png) no-repeat;
- font-weight: normal;
- text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
- padding: 2px 2px 2px 22px;
- height: 30px;
+ -webkit-font-smoothing: antialiased;
+ background: url(../images/arrow-down.png) no-repeat;
+ font-weight: normal;
+ text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
+ padding: 2px 2px 2px 22px;
+ height: 30px;
}
a.github {
- background: url(../images/octocat-small.png) no-repeat 1px;
+ background: url(../images/octocat-small.png) no-repeat 1px;
}
a.buttons:hover {
- color: #fff;
- text-decoration: none;
+ color: #fff;
+ text-decoration: none;
}
float:left;
position:fixed;
bottom:10px;
- padding-left: 50px;
+ padding-left: 50px;
}
@media print, screen and (max-width: 960px) {
width:auto;
}
- footer {
- border-top: 1px solid #ccc;
- margin:0 84px 0 50px;
- padding:0;
- }
+ footer {
+ border-top: 1px solid #ccc;
+ margin:0 84px 0 50px;
+ padding:0;
+ }
header {
padding-right:320px;
header {
padding:10px 20px 0;
- margin-right: 0;
+ margin-right: 0;
}
- section {
+ section {
padding:10px 0 10px 20px;
margin:0 0 30px;
}
- footer {
- margin: 0 0 0 30px;
- }
+ footer {
+ margin: 0 0 0 30px;
+ }
header ul, header p.view {
position:static;
display:none;
}
- footer {
- margin: 0 0 0 20px;
- }
+ footer {
+ margin: 0 0 0 20px;
+ }
- footer a{
- display:block;
- }
+ footer a{
+ display:block;
+ }
}