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@226: h4 {line-height:1.4em;} 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@226: .logo-python { info@226: margin-top:20px; info@226: } 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@200: .navbar-default .navbar-nav > .active > a, info@200: .navbar-default .navbar-nav > .active > a:hover, info@200: .navbar-default .navbar-nav > .active > a:focus { info@200: border-bottom:1px dotted @blue-darker; info@200: color:@blue; info@200: } info@200: 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@226: .module-prizes { info@226: background: url('../images/berlin.jpg') no-repeat 0px -200px; info@226: background-size: 1920px 981px; info@226: } 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@212: .module-info {border-bottom:1px solid @yellow;padding-bottom:20px;} info@212: .module-cite {padding-bottom:20px;} info@212: 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@212: info@212: .module-impression {background:@blue;} info@212: .module-impression a {color:white;} info@212: .module-thumbnail, info@212: .module-impression h3 {margin-top:20px;} info@212: .module-footer .headline {padding:20px 0;} info@212: info@212: /* Video info@212: ------------------------------------ */ info@212: .flex-video { info@212: position: relative; info@212: padding-top: 25px; info@212: padding-bottom: 67.5%; info@212: height: 0; info@212: margin-bottom: 16px; info@212: overflow: hidden; info@212: } info@212: info@212: .flex-video.widescreen { padding-bottom: 57.25%; } info@212: .flex-video.vimeo { padding-top: 0; } info@212: info@212: .flex-video iframe, info@212: .flex-video object, info@212: .flex-video embed { info@212: position: absolute; info@212: top: 0; info@212: left: 0; info@212: width: 100%; info@212: height: 100%; info@212: } info@212: info@54: /* Footer info@54: ------------------------------------ */ info@220: .carousel-inner .sponsor {max-height:65px;} 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@220: .carousel-control { info@220: position: absolute; info@220: font-size: 80px; info@220: color: @blue; info@220: top: -46px; info@220: bottom: 0px; info@220: } info@212: .module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;} info@212: info@212: /* media queries info@212: ------------------------------------ */ info@212: @media (max-width: 767px) { info@212: .module-gallery .module-content { info@215: height: 405px; info@212: } info@212: .module-impression svg {display:none;} info@212: } info@212: info@212: @media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { info@212: .flex-video { padding-top: 0; } info@212: }