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: }