Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
  • Patrick H. Lauke's avatar
    Skip link workarounds for Chrome and IE · c0892d14
    Patrick H. Lauke authored 
    Add tabindex="-1" to main #content to work around bug in Chrome (and old
WebKits) and IE
Update advice in accessibility section
Include patch in docs CSS to suppress outline when #content is focused
(particularly as Chrome sets focus as result of mouse click for
tabindex="-1" elements)
    c0892d14
docs.css 29.02 KiB
1 
/*!
2 
 * Bootstrap Docs (http://getbootstrap.com)
3 
 * Copyright 2011-2014 Twitter, Inc.
4 
 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
5 
 * details, see http://creativecommons.org/licenses/by/3.0/.
6 
 */
7
8
9 
/*
10 
 * Bootstrap Documentation
11 
 * Special styles for presenting Bootstrap's documentation and code examples.
12 
 */
13
14
15 
/*
16 
 * Scaffolding
17 
 *
18 
 * Update the basics of our documents to prep for docs content.
19 
 */
20
21 
body {
22 
  position: relative; /* For scrollspy */
23 
}
24
25 
/* Keep code small in tables on account of limited space */
26 
.table code {
27 
  font-size: 13px;
28 
  font-weight: normal;
29 
}
30
31 
/* Outline button for use within the docs */
32 
.btn-outline {
33 
  color: #563d7c;
34 
  background-color: transparent;
35 
  border-color: #563d7c;
36 
}
37 
.btn-outline:hover,
38 
.btn-outline:focus,
39 
.btn-outline:active {
40 
  color: #fff;
41 
  background-color: #563d7c;
42 
  border-color: #563d7c;
43 
}
44
45 
/* Inverted outline button (white on dark) */
46 
.btn-outline-inverse {
47 
  color: #fff;
48 
  background-color: transparent;
49 
  border-color: #cdbfe3;
50 
}
51 
.btn-outline-inverse:hover,
52 
.btn-outline-inverse:focus,
53 
.btn-outline-inverse:active {
54 
  color: #563d7c;
55 
  text-shadow: none;
56 
  background-color: #fff;
57 
  border-color: #fff;
58 
}
59
60 
/* Bootstrap "B" icon */
61 
.bs-docs-booticon {
62 
  display: block;
63 
  font-weight: 500;
64 
  color: #fff;
65 
  text-align: center;
66 
  cursor: default;
67 
  background-color: #563d7c;
68 
  border-radius: 15%;
69 
}
70 
.bs-docs-booticon-sm {
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
width: 30px; height: 30px; font-size: 20px; line-height: 28px; } .bs-docs-booticon-lg { width: 144px; height: 144px; font-size: 108px; line-height: 140px; } .bs-docs-booticon-inverse { color: #563d7c; background-color: #fff; } .bs-docs-booticon-outline { background-color: transparent; border: 1px solid #cdbfe3; } /* * Main navigation * * Turn the `.navbar` at the top of the docs purple. */ .bs-docs-nav { margin-bottom: 0; background-color: #fff; border-bottom: 0; } .bs-home-nav .bs-nav-b { display: none; } .bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav > li > a { font-weight: 500; color: #563d7c; } .bs-docs-nav .navbar-nav > li > a:hover, .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { color: #463265; background-color: #f9f9f9; } .bs-docs-nav .navbar-toggle .icon-bar { background-color: #563d7c; } .bs-docs-nav .navbar-header .navbar-toggle { border-color: #fff; } .bs-docs-nav .navbar-header .navbar-toggle:hover, .bs-docs-nav .navbar-header .navbar-toggle:focus { background-color: #f9f9f9; border-color: #f9f9f9; } /* * Footer * * Separated section of content at the bottom of all pages, save the homepage. */ .bs-docs-footer { padding-top: 40px; padding-bottom: 40px; margin-top: 100px; color: #777;