docs.css 20.60 KiB
/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/
/* Body and structure
-------------------------------------------------- */
body {
  position: relative;
  padding-top: 44px;
/* Code in headings */
h3 code {
  font-size: 14px;
  font-weight: normal;
/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */
/* Change the docs' brand */
body > .navbar .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
body > .navbar .brand:hover {
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
/* Sections
-------------------------------------------------- */
/* padding for in-page bookmarks and fixed navbar */
section {
  padding-top: 30px;
section > .page-header,
section > .lead {
  color: #5a5a5a;
section > ul li {
  margin-bottom: 5px;
/* Separators (hr) */
.bs-docs-separator {
  margin: 40px 0 39px;
/* Faded out hr */
hr.soften {
  height: 1px;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
margin: 70px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); border: 0; } /* Jumbotrons -------------------------------------------------- */ /* Base class ------------------------- */ .jumbotron { position: relative; padding: 40px 0; color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); background: #020031; /* Old browsers */ background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); } .jumbotron h1 { font-size: 80px; font-weight: bold; letter-spacing: -1px; line-height: 1; } .jumbotron p { font-size: 24px; font-weight: 300; line-height: 30px; margin-bottom: 30px; } /* Link styles (used on .masthead-links as well) */ .jumbotron a { color: #fff; color: rgba(255,255,255,.5); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .jumbotron a:hover { color: #fff; text-shadow: 0 0 10px rgba(255,255,255,.25); } /* Download button */ .masthead .btn { padding: 19px 24px; font-size: 24px; font-weight: 200; color: #fff; /* redeclare to override the `.jumbotron a` */ border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25);
141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -webkit-transition: none; -moz-transition: none; transition: none; } .masthead .btn:hover { -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); } .masthead .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); } /* Pattern overlay ------------------------- */ .jumbotron .container { position: relative; z-index: 2; } .jumbotron:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/bs-docs-masthead-pattern.png) repeat center center; opacity: .4; } /* Masthead (docs home) ------------------------- */ .masthead { padding: 70px 0 80px; margin-bottom: 0; color: #fff; } .masthead h1 { font-size: 120px; line-height: 1; letter-spacing: -2px; } .masthead p { font-size: 40px; font-weight: 200; line-height: 1.25; } /* Textual links in masthead */ .masthead-links { margin: 0; list-style: none; } .masthead-links li { display: inline; padding: 0 10px; color: rgba(255,255,255,.25); } /* Social proof buttons from GitHub & Twitter */ .bs-docs-social { padding: 15px 0; text-align: center; background-color: #f5f5f5;
211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280
border-top: 1px solid #fff; border-bottom: 1px solid #ddd; } /* Quick links on Home */ .bs-docs-social-buttons { margin-left: 0; margin-bottom: 0; padding-left: 0; list-style: none; } .bs-docs-social-buttons li { display: inline-block; padding: 5px 8px; line-height: 1; *display: inline; *zoom: 1; } /* Subhead (other pages) ------------------------- */ .subhead { text-align: left; border-bottom: 1px solid #ddd; } .subhead h1 { font-size: 60px; } .subhead p { margin-bottom: 20px; } .subhead .navbar { display: none; } /* Marketing section of Overview -------------------------------------------------- */ .marketing { text-align: center; color: #5a5a5a; } .marketing h1 { margin: 60px 0 10px; font-size: 60px; font-weight: 200; line-height: 1; letter-spacing: -1px; } .marketing h2 { font-weight: 200; margin-bottom: 5px; } .marketing p { font-size: 16px; line-height: 1.5; } .marketing .marketing-byline { margin-bottom: 40px; font-size: 20px; font-weight: 300; line-height: 25px; color: #999; } .marketing img { display: block; margin: 0 auto 30px; }
281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350
/* Footer -------------------------------------------------- */ .footer { padding: 70px 0; margin-top: 70px; border-top: 1px solid #e5e5e5; background-color: #f5f5f5; } .footer p { margin-bottom: 0; color: #777; } .footer-links { margin: 10px 0; } .footer-links li { display: inline; margin-right: 10px; } /* Special grid styles -------------------------------------------------- */ .show-grid { margin-top: 10px; margin-bottom: 20px; } .show-grid [class*="span"] { background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 40px; line-height: 40px; } .show-grid .show-grid { margin-top: 0; margin-bottom: 0; } .show-grid .show-grid [class*="span"] { background-color: #ccc; } .show-grid [class*="span"]:nth-child(even) { background-color: #ddd; } .show-grid [class*="span"]:hover { background-color: #333; color: #fff; cursor: pointer; } /* Mini layout previews -------------------------------------------------- */ .mini-layout { border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);