| /* |
| * Base structure |
| */ |
| |
| /* Move down content because we have a fixed navbar that is 50px tall */ |
| body { |
| position:relative; |
| padding-top: 50px; |
| } |
| |
| .footer { |
| width: 100%; |
| /* Set the fixed height of the footer here */ |
| height: 60px; |
| background-color: #f5f5f5; |
| } |
| |
| /* |
| * Global add-ons |
| */ |
| .sub-header { |
| padding-bottom: 10px; |
| border-bottom: 1px solid #eee; |
| } |
| |
| /* |
| * Sidebar |
| */ |
| |
| /* Hide for mobile, show later */ |
| .sidebar { |
| display: none; |
| } |
| @media (min-width: 768px) { |
| .sidebar { |
| position: fixed; |
| top: 51px; |
| bottom: 0; |
| left: 0; |
| z-index: 1000; |
| display: block; |
| padding: 20px; |
| overflow-x: hidden; |
| overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ |
| background-color: #f5f5f5; |
| border-right: 1px solid #eee; |
| } |
| } |
| |
| /* Sidebar navigation */ |
| .nav-sidebar { |
| margin-right: -21px; /* 20px padding + 1px border */ |
| margin-bottom: 20px; |
| margin-left: -20px; |
| } |
| .nav-sidebar > li > a { |
| padding-right: 20px; |
| padding-left: 20px; |
| } |
| .sideoverflow { |
| display: block; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| overflow: hidden; |
| max-width:100%; |
| } |
| .side-abbr { |
| border-bottom: none !important; |
| cursor: inherit !important; |
| text-decoration: none !important; |
| } |
| .nav-sidebar > .active > a, |
| .nav-sidebar > .active > a:hover, |
| .nav-sidebar > .active > a:focus { |
| color: #fff; |
| background-color: #428bca; |
| } |
| |
| /* |
| * Main content |
| */ |
| .main { |
| padding: 20px; |
| } |
| @media (min-width: 768px) { |
| .main { |
| padding-right: 40px; |
| padding-left: 40px; |
| } |
| } |
| .main .page-header { |
| margin-top: 0; |
| } |
| .footer > .container { |
| padding-top: 20px; |
| text-align: center; |
| } |
| |
| /* |
| * Row Links |
| */ |
| .table.rowlink td:not(.rowlink-skip), |
| .table .rowlink td:not(.rowlink-skip) { |
| cursor: pointer; |
| } |
| .table.rowlink td:not(.rowlink-skip) a, |
| .table .rowlink td:not(.rowlink-skip) a { |
| font: inherit; |
| color: inherit; |
| text-decoration: inherit; |
| } |
| .multi-row-description { |
| border-left: 1px solid #DDD; |
| } |
| |
| pre { |
| max-height: 40em; |
| } |
| |
| /* shift the anchors to accommodate fixed navbar. See https://github.com/twbs/bootstrap/issues/1768#issuecomment-46519033 */ |
| *[id]:before { |
| display: block; |
| content: " "; |
| margin-top: -70px; |
| height: 70px; |
| visibility: hidden; |
| } |