Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

357 lines (342 sloc) 6.84 kB
/**
* CasperJS documentation styles, based on Twitter Bootstrap 2
*
*/
@import "load.less";
// mixins
.alphabg (@amount: .5) {
background-color: rgb(75, 75, 75);
background-color: rgba(75, 75, 75, @amount);
}
.monospace {
font-family: Consolas, Inconsolata, Monaco, monospace;
}
// bootstrap overrides
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #222;
}
// tags
html, body {
background: #000 url("../images/bg.png");
}
a code {
text-decoration: underline
}
code {
font-size: 14px;
color: #f66;
background-color: #444;
border: none;
}
h1 small {
color: #ccc;
}
h3 code {
.monospace;
font-weight: bold;
font-size: 20px;
background: none;
margin-left: -4px;
color: #fff;
border: none;
}
pre, pre.prettyprint {
.monospace;
.alphabg;
color: #eee;
font-size: 15px;
line-height: 21px;
white-space: pre;
overflow: auto;
border: none;
code {
color: #fff;
}
}
section {
padding-top: 80px;
hr {
display: none;
}
}
section h2[id], section h3[id], section h4[id] {
padding-top: 50px;
}
td code {
background: none;
}
// specifics
#about {
.page-header h1 {
margin-top: 20px;
}
blockquote {
border: none;
padding: 0;
text-align: center;
q {
font-family: Palatino, Georgia, serif;
font-style: italic;
font-size: 24px;
line-height: 36px;
}
cite {
display: block;
}
}
}
#apidoc h3, #colorizer h3, #client-side-utils h3 {
margin-bottom: 10px;
}
#commits-master a {
color: #eee;
}
#intro .nav-pills {
// COLORS?
}
.alert {
.alphabg;
text-shadow: none;
}
.apinav {
margin-top: 135px;
text-align: right;
}
.apitoc {
.alphabg;
.border-radius(5px);
.wrapper {
padding: 1em;
}
a.hashactive code {
color: #f66;
background-color: #444;
}
code {
background: none;
font-size: 14px;
color: #eee;
}
ul {
margin: 0;
list-style-type: none;
}
}
.bottom {
margin-bottom: 0;
padding-bottom: 0;
}
.casper-intro {
background: #333 url(../images/casperjs-logo.png) no-repeat right 100px;
}
.center {
text-align: center;
}
.container > footer {
padding: 1em 0 .3em;
hr {
display: block;
width: 50%;
margin: 0 auto;
border-top: 1px solid #aaa;
border-bottom: none;
}
p {
padding-top: 1em;
text-align: center;
}
}
.contribute img {
position: fixed;
top: 40px;
right: 0;
border: 0;
z-index: 9999;
}
.demo img {
padding-top: 15px;
}
.dl-links {
margin-top: 20px;
a {
width: 220px; color: #fff;
}
}
.download {
padding-top: .5em;
text-align: center;
p { margin-top: 20px }
p.social {
text-indent: 42px;
}
.flattr {
margin-top: -1em;
}
form {
display: inline;
input[type="image"] {
width: 92px;
height: 26px;
}
}
}
.just-informative {
color: #fff;
padding: 1em;
margin-bottom: 1em;
.border-radius(4px);
}
.label-info a {
color: #fff;
}
.navbar {
.brand {
color: #ccc;
}
.nav > li > a {
text-shadow: none;
color: #888;
font-size: 14px;
}
.nav > li > a:hover {
color: #fff;
}
.nav .dropdown.active > a, .nav .dropdown.active > a:hover {
color: #fff;
background: none;
}
.nav .dropdown-menu li a {
background: #fff;
color: #222;
}
.nav .dropdown-menu li a:hover {
background: #ddd;
}
}
.page-header {
padding: 20px 20px 10px;
margin: -20px -20px 20px;
border: none;
h1 {
color: #fff; font-size: 3em;
}
}
.row h2 {
margin-bottom: 10px
}
.table {
th, td { border-top: 1px solid #333; }
}
.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
.alphabg;
}
// responsive tricks
@media (max-width: 480px) {
.contribute img { display: none; }
section:first-child { padding-top: 0; }
.casper-intro {
background: #333;
}
}
@media (max-width: 768px) {
.contribute img { display: none; }
section:first-child { padding-top: 0; }
.page-header h1 {
font-size: 2.4em;
small {
font-size: 16px;
}
}
#about .page-header h1 {
background: transparent url(../images/casperjs-logo-xsmall.png) no-repeat;
padding-left: 60px;
small {
display: block;
line-height: 1.3em;
margin: .5em 0;
display: block;
text-indent: none;
}
}
.casper-intro {
background: #333;
}
}
@media (min-width: 768px) and (max-width: 980px) {
.contribute img { display: none; }
section:first-child { padding-top: 0; }
#about .page-header h1 {
background: transparent url(../images/casperjs-logo-xsmall.png) no-repeat;
text-indent: 58px;
small {
margin: .5em 0;
display: block;
}
}
.casper-intro {
background: #333;
}
}
@media (min-width: 980px) and (max-width: 1200px) {
.navbar .nav > li > a {
font-size: 13px;
padding-left: 0;
}
// stolen from twitter bootstrap page :)
.subnav-fixed {
position: fixed;
top: 40px;
left: 0;
right: 0;
z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
background: #000 url("../images/bg.png");
.nav {
width: 938px;
margin: 0 auto;
padding: 0 1px;
}
}
.casper-intro {
background: #333 url(../images/casperjs-logo-medium.png) no-repeat right 220px;
}
}
@media (min-width: 1200px) {
}
// prettify dark theme
.tag { color: #4169E1; }
.str { color: #93c763; }
.kwd { color: #85adf5; }
.com { color: #aaa; }
.typ { color: #678cb1; }
.lit { color: #facd22; }
.pun { color: #f1f2f3; }
.pln { color: #fff; }
.tag { color: #8ac763; }
.atn { color: #e0e2e4; }
.atv { color: #ec7600; }
.dec { color: purple; }
// scrollbars
// webkit-only, ya ya ya... where are FF, Op. & IE equivalents?
::-webkit-scrollbar {
width: 13px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-track-piece {
background: #333;
-webkit-border-radius: 2px;
}
::-webkit-scrollbar-thumb {
height: 50px;
background: #bbb;
-webkit-border-radius: 8px;
outline: 2px solid #333;
outline-offset:-2px;
border: 2px solid #333;
}
::-webkit-scrollbar-thumb:hover {
height: 50px;
background-color: #ddd;
-webkit-border-radius: 8px;
}
Jump to Line
Something went wrong with that request. Please try again.