$white: fff; $light_gray: efefef; $dark_gray: #666; $lighter_gray: d7d7d7; $black: #000; //////////////////////////////////////////////////////////////////////////////// h1, h2, h3, p, blockquote {
margin: 0; padding: 0;
} @font-face {
font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(cheatset_resources/Open_Sans.woff) format('woff');
} @font-face {
font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(cheatset_resources/Open_Sans_Semibold.woff) format('woff');
} @font-face {
font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(cheatset_resources/Open_Sans_Bold.woff) format('woff');
} @font-face {
font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(cheatset_resources/Open_Sans_Extrabold.woff) format('woff');
} @font-face {
font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(cheatset_resources/Open_Sans_Italic.woff) format('woff');
} @font-face {
font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(cheatset_resources/Open_Sans_Semibold_Italic.woff) format('woff');
} @font-face {
font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(cheatset_resources/Open_Sans_Bold_Italic.woff) format('woff');
} @font-face {
font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(cheatset_resources/Open_Sans_Extrabold_Italic.woff) format('woff');
}
body {
font-family: 'Open Sans', sans-serif; font-size: 14px; color: $black; background-color: $white; margin: 0;
} code, pre {
font-family: Menlo, Consolas, "Liberation Mono", Courier, monospace; font-size:13px;
}
code {
margin:0; border:1px solid #ddd; background-color:#f8f8f8; border-radius:3px; white-space:nowrap;
}
.name code {
vertical-align:1px;
}
code:before, code:after {
content: "\00a0";
}
//////////////////////////////////////////////////////////////////////////////// header {
color: $light_gray; background-color: $dark_gray; padding: 0px 10px 3px 10px;
} h1 {
font-size: 35px; font-weight:600;
}
//////////////////////////////////////////////////////////////////////////////// footer {
background-color: $dark_gray; color: $light_gray; text-align: center; padding:3px 0px; a { color: $light_gray; }
} //////////////////////////////////////////////////////////////////////////////// // notes section.notes {
margin-top: 1em; h2 { color: $dark_gray; font-size: 1.5em; }
} //////////////////////////////////////////////////////////////////////////////// article {
margin: 2em 1em;
}
@media print {
section.category { page-break-inside: avoid; break-inside: avoid; }
}
section.category {
border: 2px solid $dark_gray; border-radius: 6px 6px; background-color: $dark_gray; margin: 2em 0; overflow: hidden; h2 { color: $white; font-size: 1.5em; text-align: center; margin-top: -2px; font-weight:600; } padding-bottom: 5px;
} table {
background-color: $white; border-collapse: collapse; width: 100%;
} td {
padding: 13px 8px 0px 8px; border-left:1px solid $lighter_gray;
} th {
border-left:1px solid $lighter_gray;
} tr {
border-bottom:1px dotted $lighter_gray;
} tr:last-child {
border-bottom:none;
} td.command {
width: 1%; white-space: nowrap; vertical-align:top; padding: 9px 8px 4px 7px; text-align:right; // border-right:1px solid $lighter_gray; code { // Nice key styling: // https://developers.google.com/chrome-developer-tools/docs/shortcuts padding: .1em 0.2em; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset; border-radius: 3px; border: 1px solid #ccc; background-color: $light_gray; color: #333; }
}
td.td_command {
@extend td.command; text-align:center;
}
td.description {
.name { font-size: 1.2em; }
}
th {
background: $light_gray; padding:5px 12px 5px 8px; text-align: left; border-bottom: 1px solid $lighter_gray; font-weight:600;
}
th:nth-child(1), td:nth-child(1) {
border-left:none;
}
a {
color: $dark_gray;
}
p {
margin:0 0 7px;
}
.highlight { background-color: f8f8f8; border: 1px solid ccc; padding: 6px 10px; border-radius: 3px; margin-right:1px; white-space: pre-wrap; word-wrap:break-word;} .c { color: #999988; font-style: italic; } .k { font-weight: bold; } .o { font-weight: bold; } .cm { color: #999988; font-style: italic; } .cp { color: #999999; font-weight: bold; } .c1 { color: #999988; font-style: italic; } .cs { color: #999999; font-weight: bold; font-style: italic; } .gd { color: #000000; background-color: ffdddd; } .gd .x { color: #000000; background-color: ffaaaa; } .ge { font-style: italic; } .gr { color: aa0000; } .gh { color: #999999; } .gi { color: #000000; background-color: ddffdd; } .gi .x { color: #000000; background-color: aaffaa; } .go { color: #888888; } .gp { color: #555555; } .gs { font-weight: bold; } .gu { color: #800080; font-weight: bold; } .gt { color: aa0000; } .kc { font-weight: bold; } .kd { font-weight: bold; } .kn { font-weight: bold; } .kp { font-weight: bold; } .kr { font-weight: bold; } .kt { color: #445588; font-weight: bold; } .m { color: #009999; } .s { color: dd1144; } .n { color: #333333; } .na { color: teal; } .nb { color: #0086b3; } .nc { color: #445588; font-weight: bold; } .no { color: teal; } .ni { color: purple; } .ne { color: #990000; font-weight: bold; } .nf { color: #990000; font-weight: bold; } .nn { color: #555555; } .nt { color: navy; } .nv { color: teal; } .ow { font-weight: bold; } .w { color: bbbbbb; } .mf { color: #009999; } .mh { color: #009999; } .mi { color: #009999; } .mo { color: #009999; } .sb { color: dd1144; } .sc { color: dd1144; } .sd { color: dd1144; } .s2 { color: dd1144; } .se { color: dd1144; } .sh { color: dd1144; } .si { color: dd1144; } .sx { color: dd1144; } .sr { color: #009926; } .s1 { color: dd1144; } .ss { color: #990073; } .bp { color: #999999; } .vc { color: teal; } .vg { color: teal; } .vi { color: teal; } .il { color: #009999; } .gc { color: #999; background-color: EAF2F5; }
pre {
padding: 15px; line-height: 17px; margin-top: 0px; margin-bottom: 9px;
}
.name {
margin-top: -4px;
}
ul {
padding-left: 24px;
}
.scrollable {
overflow-x:auto;
}
a {
-ms-word-break: break-all; -ms-word-wrap: break-all; -webkit-word-break: break-word; -webkit-word-wrap: break-word; word-break: break-word; word-wrap: break-word;
}