123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- //
- // Page Header
- // --------------------------------------------------
- // Common styles
- .page-header {
- margin: 0px;
- margin-bottom: @line-height-computed;
- }
- // Small displays
- @media screen and (max-width: @screen-sm-max) {
- .container {
- h1 {
- font-size: @font-size-large * 1.25;
- }
- &>.btn {
- float: right;
- margin-top: @line-height-computed - 7px;
- }
- &>.btn-dropdown-toggle {
- .material-icon {
- width: 24px;
- height: 24px;
- font-size: 24px;
- line-height: 24px;
- }
- }
- }
- .header-stats .list-inline {
- margin-top: @line-height-computed / 2;
- margin-bottom: 0px;
- font-size: @font-size-small;
- }
- }
- // Tabs
- .page-header .page-tabs .nav {
- &>li {
- margin: 0px;
- &>a {
- border-radius: 0px;
- }
- }
- }
- @media screen and (max-width: @screen-sm-max) {
- .page-header .page-tabs {
- margin-top: ((@line-height-computed / 2) - 1);
- margin-bottom: ((@line-height-computed / 2) - 1) * -1;
- }
- .page-header .page-tabs .container {
- padding: 0px;
- width: 100%;
- .nav-pills {
- li {
- display: block;
- float: inherit;
- width: auto;
- }
- }
- }
- }
- @media screen and (min-width: @screen-md-min) {
- .page-header.tabbed {
- padding-bottom: 0px;
- }
- }
|