2 Taken from angular-ui/bootstrap
3 See https://github.com/angular-ui/bootstrap/blob/master/misc/demo/assets/demo.css
8 -webkit-transition: opacity 1s ease;
9 -moz-transition: opacity 1s ease;
10 transition: opacity 1s;
18 border: 1px solid red !important;
25 .page-header h1 > small > a {
29 .page-header h1 > small > a:hover {
30 text-decoration: none;
37 border-top: 1px solid #e5e5e5;
38 background-color: #f5f5f5;
47 @media (min-width: 768px) {
54 .nav, .pagination, .carousel, .panel-title a {
59 display: inline-block;
65 .bs-social-buttons li {
66 display: inline-block;
71 @media (max-width: 767px) {
73 .visible-xs.collapse.in {
74 display: block !important;
77 .visible-xs.collapse {
78 display: none !important;
83 border-top: 1px solid #e7e7e7;
97 * Tweak to width of container.
100 /*@media (min-width: 1200px) {
109 * Tweaks to the Tabs.
113 border-bottom: 1px solid #ccc;
116 .code pre, .code code {
118 border-top-left-radius: 0;
119 border-top-right-radius: 0;
122 .code .nav-tabs > li.active > a, .code .nav-tabs > li.active > a:hover, .code .nav-tabs > li.active > a:focus {
123 background-color: #f8f8f8;
124 border: 1px solid #ccc;
125 border-bottom-color: transparent;
131 * Buttons in the masthead.
134 .btn-outline-inverse {
136 background-color: transparent;
137 border-color: #cdbfe3;
141 @media (min-width: 768px) {
143 .btn-outline-inverse {
145 margin: 20px 5px 20px 0;
151 .btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active {
154 background-color: #fff;
161 padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */
164 text-shadow: 0 1px 0 rgba(0,0,0,.15);
166 background-color: #563d7c;
167 background-image: url(header.png);
184 .bs-header .container {
188 @media (min-width: 768px) {
200 @media (min-width: 992px) {
207 -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.175);
208 box-shadow: 0 3px 3px rgba(0,0,0,0.175);
214 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
215 * sections of docs content.
218 /* By default it's not affixed in mobile views, so undo that */
223 /* First level of nav */
228 padding-bottom: 10px;
229 text-shadow: 0 1px 0 #fff;
230 background-color: #f7f5fa;
234 /* All levels of nav */
235 .bs-sidebar .nav > li > a {
241 .bs-sidebar .nav > li > a:hover,
242 .bs-sidebar .nav > li > a:focus {
243 text-decoration: none;
244 background-color: #e5e3e9;
245 border-right: 1px solid #dbd8e0;
248 .bs-sidebar .nav > .active > a,
249 .bs-sidebar .nav > .active:hover > a,
250 .bs-sidebar .nav > .active:focus > a {
253 background-color: transparent;
254 border-right: 1px solid #563d7c;
257 /* Nav: second level (shown on .active) */
258 .bs-sidebar .nav .nav {
259 display: none; /* Hide by default, but at >768px, show it */
263 .bs-sidebar .nav .nav > li > a {
270 /* Show and affix the side nav when space allows it */
271 @media (min-width: 992px) {
272 .bs-sidebar .nav > .active > ul {
275 /* Widen the fixed sidebar */
277 .bs-sidebar.affix-bottom {
282 position: fixed; /* Undo the static from mobile first approach */
286 .bs-sidebar.affix-bottom {
287 position: absolute; /* Undo the static from mobile first approach */
290 .bs-sidebar.affix-bottom .bs-sidenav,
291 .bs-sidebar.affix .bs-sidenav {
297 @media (min-width: 1200px) {
298 /* Widen the fixed sidebar again */
299 .bs-sidebar.affix-bottom,
306 /* Not enough room on mobile for markup tab, js tab, and plunk btn.
307 And no one cares about plunk button on a phone anyway */
308 @media only screen and (max-device-width: 480px) {
314 .navbar-nav .dropdown .navbar-brand {
316 margin-right: inherit;
317 margin-left: inherit;
320 .header-placeholder {
324 @media screen and (min-width: 768px) {
326 .dropdown.open > .navbar-brand + .dropdown-menu {
330 .header-placeholder {
334 .navbar-nav .dropdown .navbar-brand {