src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/build/less/core.less

   1 /*
   2  * Core: General Layout Style
   3  * -------------------------
   4  */
   5 html,
   6 body {
   7   min-height: 100%;
   8   .layout-boxed & {
   9     height: 100%;
  10   }
  11 }
  12
  13 body {
  14   -webkit-font-smoothing: antialiased;
  15   -moz-osx-font-smoothing: grayscale;
  16   font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  17   font-weight: 400;
  18   overflow-x: hidden;
  19   overflow-y: auto;
  20 }
  21
  22 /* Layout */
  23 .wrapper {
  24   .clearfix();
  25   min-height: 100%;
  26   position: relative;
  27   overflow: hidden;
  28   .layout-boxed & {
  29     max-width: 1250px;
  30     margin: 0 auto;
  31     min-height: 100%;
  32     box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  33     position: relative;
  34   }
  35 }
  36
  37 .layout-boxed {
  38   background: url('@{boxed-layout-bg-image-path}') repeat fixed;
  39 }
  40
  41 /*
  42  * Content Wrapper - contains the main content
  43  * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper  ```
  44  */
  45 .content-wrapper,
  46 .right-side,
  47 .main-footer {
  48   //Using disposable variable to join statements with a comma
  49   @transition-rule: @transition-speed @transition-fn,
  50   margin @transition-speed @transition-fn;
  51   .transition-transform(@transition-rule);
  52   margin-left: @sidebar-width;
  53   z-index: 820;
  54   //Top nav layout
  55   .layout-top-nav & {
  56     margin-left: 0;
  57   }
  58   @media (max-width: @screen-xs-max) {
  59     margin-left: 0;
  60   }
  61   //When opening the sidebar on large screens
  62   .sidebar-collapse & {
  63     @media (min-width: @screen-sm) {
  64       margin-left: 0;
  65     }
  66   }
  67   //When opening the sidebar on small screens
  68   .sidebar-open & {
  69     @media (max-width: @screen-xs-max) {
  70       .translate(@sidebar-width, 0);
  71     }
  72   }
  73 }
  74
  75 .content-wrapper,
  76 .right-side {
  77   min-height: 100%;
  78   background-color: @body-bg;
  79   z-index: 800;
  80 }
  81
  82 .main-footer {
  83   background: #fff;
  84   padding: 15px;
  85   color: #444;
  86   border-top: 1px solid @gray;
  87 }
  88
  89 /* Fixed layout */
  90 .fixed {
  91   .main-header,
  92   .main-sidebar,
  93   .left-side {
  94     position: fixed;
  95   }
  96   .main-header {
  97     top: 0;
  98     right: 0;
  99     left: 0;
 100   }
 101   .content-wrapper,
 102   .right-side {
 103     padding-top: 50px;
 104     @media (max-width: @screen-header-collapse) {
 105       padding-top: 100px;
 106     }
 107   }
 108   &.layout-boxed {
 109     .wrapper {
 110       max-width: 100%;
 111     }
 112   }
 113 }
 114
 115 body.hold-transition {
 116   .content-wrapper,
 117   .right-side,
 118   .main-footer,
 119   .main-sidebar,
 120   .left-side,
 121   .main-header .navbar,
 122   .main-header .logo {
 123     /* Fix for IE */
 124     .transition(none);
 125   }
 126 }
 127
 128 /* Content */
 129 .content {
 130   min-height: 250px;
 131   padding: 15px;
 132   .container-fixed(@grid-gutter-width);
 133 }
 134
 135 /* H1 - H6 font */
 136 h1,
 137 h2,
 138 h3,
 139 h4,
 140 h5,
 141 h6,
 142 .h1,
 143 .h2,
 144 .h3,
 145 .h4,
 146 .h5,
 147 .h6 {
 148   font-family: 'Source Sans Pro', sans-serif;
 149 }
 150
 151 /* General Links */
 152 a {
 153   color: @link-color;
 154 }
 155
 156 a:hover,
 157 a:active,
 158 a:focus {
 159   outline: none;
 160   text-decoration: none;
 161   color: @link-hover-color;
 162 }
 163
 164 /* Page Header */
 165 .page-header {
 166   margin: 10px 0 20px 0;
 167   font-size: 22px;
 168
 169   > small {
 170     color: #666;
 171     display: block;
 172     margin-top: 5px;
 173   }
 174 }