info@63: html, info@54: body { info@63: height: 100%; info@63: } info@63: body {padding-top:8px;border-top:8px solid @blue;} info@63: #wrap { info@63: min-height: 100%; info@63: height: auto; info@63: margin: 0 auto -60px; info@63: padding: 0 0 60px; info@63: } info@54: /* Typo info@54: ------------------------------------ */ info@54: @font-face { info@54: font-family: 'gandhi_serifbold'; info@54: src: url('../fonts/gandhiserif-bold-webfont.eot'); info@54: src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'), info@54: url('../fonts/gandhiserif-bold-webfont.woff') format('woff'), info@54: url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'), info@54: url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg'); info@54: font-weight: normal; info@54: font-style: normal; info@54: } info@54: @font-face { info@54: font-family: 'gandhi_serifregular'; info@54: src: url('../fonts/gandhiserif-regular-webfont.eot'); info@54: src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'), info@54: url('../fonts/gandhiserif-regular-webfont.woff') format('woff'), info@54: url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'), info@54: url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg'); info@54: font-weight: normal; info@54: font-style: normal; info@54: } info@54: /* Utilities info@54: ------------------------------------ */ info@63: #wrap > .container { info@63: /*padding: 60px 15px 0;*/ info@54: } info@63: img { info@63: vertical-align: middle; info@63: border: 0; info@63: page-break-inside: avoid; info@63: max-width: 100% !important; info@63: } info@54: /* Navigation info@54: ------------------------------------ */ info@63: .navbar-nav > li:hover { info@63: //border-top:8px solid @yellow;position: relative;top: -17px; info@63: } info@63: .navbar-nav > li > a { info@63: // margin-top: 48px; info@63: font-size: 18px; info@63: } info@63: .nav > li > a:hover, info@63: .nav > li > a:focus { info@63: //margin-top: 54px; info@63: } info@54: .navbar { info@63: margin-bottom: 0px; info@63: border-bottom:3px solid #f0f0f0; info@63: } info@114: .navbar-nav {margin-top:24px;} info@108: a.link-yellow {color:@yellow !important;text-decoration:underline;} info@108: a.link-yellow:hover {color:@gray-dark !important;text-decoration:none;} info@114: info@91: /* Module info@54: ------------------------------------ */ info@91: .module-gallery { info@91: background: url('../images/python_blender.jpg') no-repeat 0px -200px; info@91: background-size: 2000px 884px; info@63: } info@91: .module-gallery .module-content { info@108: height: 300px; info@91: position: relative; info@63: } info@114: .module-cite h1 {color:@blue;} info@91: .col-yellow {background:@yellow-light;} info@108: li.module-language a:first-child {border-right:1px solid @blue;} info@104: .module-course {background-color: #f5f5f5;} info@114: info@114: .module-cite {border-bottom:1px solid @yellow;padding-bottom:20px;} info@114: info@114: .cite {position:relative;} info@114: .cite-left {top: 6px;} info@114: .cite-right {top:48px;} info@114: .cite-right svg {margin-top: -48px;} info@54: /* Footer info@54: ------------------------------------ */ info@54: #footer { info@63: height: 60px; info@63: } info@63: #footer > .container { info@63: padding-left: 15px; info@63: padding-right: 15px; info@104: } info@104: .carousel-control.left { info@104: background-image: none; info@104: filter: 0; info@104: } info@104: .carousel-control.right { info@104: background-image:none; info@104: filter: 0; info@104: } info@104: .module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;}