blob: cd232d4c7d6da3477881ec26b306a3047dd67787 [file] [log] [blame]
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;
}
}
}
}
}