1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/static/less/eskp.less Mon May 05 14:37:39 2014 +0200
1.3 @@ -0,0 +1,166 @@
1.4 +html,
1.5 +body {
1.6 + height: 100%;
1.7 +}
1.8 +body {padding-top:8px;border-top:8px solid @blue;}
1.9 +#wrap {
1.10 + min-height: 100%;
1.11 + height: auto;
1.12 + margin: 0 auto -60px;
1.13 + padding: 0 0 60px;
1.14 +}
1.15 +/* Typo
1.16 +------------------------------------ */
1.17 +@font-face {
1.18 + font-family: 'gandhi_serifbold';
1.19 + src: url('../fonts/gandhiserif-bold-webfont.eot');
1.20 + src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
1.21 + url('../fonts/gandhiserif-bold-webfont.woff') format('woff'),
1.22 + url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'),
1.23 + url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg');
1.24 + font-weight: normal;
1.25 + font-style: normal;
1.26 +}
1.27 +@font-face {
1.28 + font-family: 'gandhi_serifregular';
1.29 + src: url('../fonts/gandhiserif-regular-webfont.eot');
1.30 + src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
1.31 + url('../fonts/gandhiserif-regular-webfont.woff') format('woff'),
1.32 + url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'),
1.33 + url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg');
1.34 + font-weight: normal;
1.35 + font-style: normal;
1.36 +}
1.37 +h4 {line-height:1.4em;}
1.38 +/* Utilities
1.39 +------------------------------------ */
1.40 +#wrap > .container {
1.41 + /*padding: 60px 15px 0;*/
1.42 +}
1.43 +img {
1.44 + vertical-align: middle;
1.45 + border: 0;
1.46 + page-break-inside: avoid;
1.47 + max-width: 100% !important;
1.48 + }
1.49 +.logo-python {
1.50 + margin-top:20px;
1.51 +}
1.52 +/* Navigation
1.53 +------------------------------------ */
1.54 +.navbar-nav > li:hover {
1.55 +//border-top:8px solid @yellow;position: relative;top: -17px;
1.56 +}
1.57 +.navbar-nav > li > a {
1.58 + // margin-top: 48px;
1.59 + font-size: 18px;
1.60 +}
1.61 +.nav > li > a:hover,
1.62 +.nav > li > a:focus {
1.63 +//margin-top: 54px;
1.64 +}
1.65 +.navbar {
1.66 +margin-bottom: 0px;
1.67 +border-bottom:3px solid #f0f0f0;
1.68 +}
1.69 +.navbar-nav {margin-top:24px;}
1.70 +a.link-yellow {color:@yellow !important;text-decoration:underline;}
1.71 +a.link-yellow:hover {color:@gray-dark !important;text-decoration:none;}
1.72 +
1.73 +.navbar-default .navbar-nav > .active > a,
1.74 +.navbar-default .navbar-nav > .active > a:hover,
1.75 +.navbar-default .navbar-nav > .active > a:focus {
1.76 +border-bottom:1px dotted @blue-darker;
1.77 +color:@blue;
1.78 +}
1.79 +
1.80 +/* Module
1.81 +------------------------------------ */
1.82 +.module-gallery {
1.83 + background: url('../images/python_blender.jpg') no-repeat 0px -200px;
1.84 + background-size: 2000px 884px;
1.85 +}
1.86 +.module-prizes {
1.87 + background: url('../images/berlin.jpg') no-repeat 0px -200px;
1.88 + background-size: 1920px 981px;
1.89 +}
1.90 +.module-gallery .module-content {
1.91 + height: 300px;
1.92 + position: relative;
1.93 +}
1.94 +.module-cite h1 {color:@blue;}
1.95 +.col-yellow {background:@yellow-light;}
1.96 +li.module-language a:first-child {border-right:1px solid @blue;}
1.97 +.module-course {background-color: #f5f5f5;}
1.98 +
1.99 +.module-info {border-bottom:1px solid @yellow;padding-bottom:20px;}
1.100 +.module-cite {padding-bottom:20px;}
1.101 +
1.102 +
1.103 +.cite {position:relative;}
1.104 +.cite-left {top: 6px;}
1.105 +.cite-right {top:48px;}
1.106 +.cite-right svg {margin-top: -48px;}
1.107 +
1.108 +.module-impression {background:@blue;}
1.109 +.module-impression a {color:white;}
1.110 +.module-thumbnail,
1.111 +.module-impression h3 {margin-top:20px;}
1.112 +.module-footer .headline {padding:20px 0;}
1.113 +
1.114 +/* Video
1.115 +------------------------------------ */
1.116 +.flex-video {
1.117 +position: relative;
1.118 +padding-top: 25px;
1.119 +padding-bottom: 67.5%;
1.120 +height: 0;
1.121 +margin-bottom: 16px;
1.122 +overflow: hidden;
1.123 +}
1.124 +
1.125 +.flex-video.widescreen { padding-bottom: 57.25%; }
1.126 +.flex-video.vimeo { padding-top: 0; }
1.127 +
1.128 +.flex-video iframe,
1.129 +.flex-video object,
1.130 +.flex-video embed {
1.131 +position: absolute;
1.132 +top: 0;
1.133 +left: 0;
1.134 +width: 100%;
1.135 +height: 100%;
1.136 +}
1.137 +
1.138 +/* Footer
1.139 +------------------------------------ */
1.140 +.carousel-inner .sponsor {max-height:65px;}
1.141 +.carousel-control.left {
1.142 + background-image: none;
1.143 + filter: 0;
1.144 +}
1.145 +.carousel-control.right {
1.146 + background-image:none;
1.147 + filter: 0;
1.148 +}
1.149 +.carousel-control {
1.150 +position: absolute;
1.151 +font-size: 80px;
1.152 +color: @blue;
1.153 +top: -46px;
1.154 +bottom: 0px;
1.155 +}
1.156 +.module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;}
1.157 +
1.158 +/* media queries
1.159 +------------------------------------ */
1.160 +@media (max-width: 767px) {
1.161 +.module-gallery .module-content {
1.162 + height: 405px;
1.163 + }
1.164 +.module-impression svg {display:none;}
1.165 +}
1.166 +
1.167 +@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) {
1.168 +.flex-video { padding-top: 0; }
1.169 +}
1.170 \ No newline at end of file