| body { |
| display: flex; |
| min-height: 100vh; |
| flex-direction: column; |
| |
| @media (min-width: @screen-sm) { |
| background: url(@image_body_bg) top left no-repeat; |
| } |
| @media (min-width: @screen-md) { |
| background-position: top center; |
| } |
| } |
| |
| #main { |
| flex: 1; |
| |
| .main { |
| .make-md-column(9); |
| .make-lg-column(9); |
| } |
| .side { |
| .make-md-column(3); |
| .make-lg-column(3); |
| } |
| } |
| |
| .header { |
| |
| @media (min-width: @screen-lg) { |
| height: 143px; |
| } |
| |
| .logo { |
| |
| .make-md-column-pull(4); |
| .make-md-column(8); |
| |
| .make-lg-column(8); |
| |
| img { |
| margin-top: 10px; |
| margin-bottom: 10px; |
| @media (min-width: @screen-sm) { |
| margin-left: 58px; |
| } |
| @media (min-width: @screen-md) and (max-width: @screen-md) { |
| width: 252px; |
| height: 127px; |
| margin-left: 58px; |
| } |
| @media (min-width: @screen-lg) { |
| margin-left: 155px; |
| } |
| } |
| } |
| |
| .soc-wrapper { |
| .make-md-column(4); |
| .make-md-column-push(8); |
| .make-lg-column(4); |
| } |
| |
| .soc { |
| font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; |
| |
| @media (min-width: @screen-md) { |
| .pull-right; |
| } |
| a { |
| background: @color_grey; |
| display: block; |
| .lh-border-bottom-left-radius(10px); |
| .lh-border-bottom-right-radius(10px); |
| padding: 6px 13px 10px 13px; |
| line-height: 12px; |
| text-align: center; |
| |
| @media (min-width: @screen-md) { |
| text-align: left; |
| } |
| |
| &:hover { |
| background: #0082c8; |
| color: #fff; |
| text-decoration: none; |
| } |
| } |
| } |
| .clearfix; |
| } |
| |
| #footer { |
| background: @color_light_blue; |
| border-top: 1px solid #89a4b7; |
| font-size: 15px; |
| font-weight: bold; |
| padding: 10px 0; |
| margin-top: 20px; |
| |
| .footer-columns { |
| margin-top: 10px; |
| } |
| |
| .menu-footer { |
| margin-bottom: 5px; |
| |
| li { |
| padding: 0 11px; |
| |
| &.social { |
| padding: 0 3px; |
| } |
| |
| a { |
| color: #238bd2; |
| } |
| |
| img { |
| vertical-align: text-top; |
| } |
| } |
| } |
| |
| .menu-credit { |
| color: #6998b7; |
| |
| li { |
| display: block; |
| |
| @media (min-width: @screen-sm) { |
| display: inline; |
| } |
| |
| & ul { |
| padding: 0; |
| } |
| |
| &.menu-credit-melange { |
| padding-right: 0; |
| @media (min-width: @screen-sm) { |
| padding-right: 30px; |
| } |
| } |
| &.menu-credit-echoditto img { |
| vertical-align: top; |
| } |
| &.menu-credit-version { |
| font-size: 10px; |
| } |
| &.menu-credit-bug { |
| font-size: 10px; |
| a { |
| color: #b22222; |
| } |
| } |
| } |
| } |
| } |