1 html, |
|
2 body { |
|
3 height: 100%; |
|
4 } |
|
5 body {padding-top:8px;border-top:8px solid @blue;} |
|
6 #wrap { |
|
7 min-height: 100%; |
|
8 height: auto; |
|
9 margin: 0 auto -60px; |
|
10 padding: 0 0 60px; |
|
11 } |
|
12 /* Typo |
|
13 ------------------------------------ */ |
|
14 @font-face { |
|
15 font-family: 'gandhi_serifbold'; |
|
16 src: url('../fonts/gandhiserif-bold-webfont.eot'); |
|
17 src: url('../fonts/gandhiserif-bold-webfont.eot?#iefix') format('embedded-opentype'), |
|
18 url('../fonts/gandhiserif-bold-webfont.woff') format('woff'), |
|
19 url('../fonts/gandhiserif-bold-webfont.ttf') format('truetype'), |
|
20 url('../fonts/gandhiserif-bold-webfont.svg#gandhi_serifbold') format('svg'); |
|
21 font-weight: normal; |
|
22 font-style: normal; |
|
23 } |
|
24 @font-face { |
|
25 font-family: 'gandhi_serifregular'; |
|
26 src: url('../fonts/gandhiserif-regular-webfont.eot'); |
|
27 src: url('../fonts/gandhiserif-regular-webfont.eot?#iefix') format('embedded-opentype'), |
|
28 url('../fonts/gandhiserif-regular-webfont.woff') format('woff'), |
|
29 url('../fonts/gandhiserif-regular-webfont.ttf') format('truetype'), |
|
30 url('../fonts/gandhiserif-regular-webfont.svg#gandhi_serifregular') format('svg'); |
|
31 font-weight: normal; |
|
32 font-style: normal; |
|
33 } |
|
34 h4 {line-height:1.4em;} |
|
35 /* Utilities |
|
36 ------------------------------------ */ |
|
37 #wrap > .container { |
|
38 /*padding: 60px 15px 0;*/ |
|
39 } |
|
40 img { |
|
41 vertical-align: middle; |
|
42 border: 0; |
|
43 page-break-inside: avoid; |
|
44 max-width: 100% !important; |
|
45 } |
|
46 .logo-python { |
|
47 margin-top:20px; |
|
48 } |
|
49 /* Navigation |
|
50 ------------------------------------ */ |
|
51 .navbar-nav > li:hover { |
|
52 //border-top:8px solid @yellow;position: relative;top: -17px; |
|
53 } |
|
54 .navbar-nav > li > a { |
|
55 // margin-top: 48px; |
|
56 font-size: 18px; |
|
57 } |
|
58 .nav > li > a:hover, |
|
59 .nav > li > a:focus { |
|
60 //margin-top: 54px; |
|
61 } |
|
62 .navbar { |
|
63 margin-bottom: 0px; |
|
64 border-bottom:3px solid #f0f0f0; |
|
65 } |
|
66 .navbar-nav {margin-top:24px;} |
|
67 a.link-yellow {color:@yellow !important;text-decoration:underline;} |
|
68 a.link-yellow:hover {color:@gray-dark !important;text-decoration:none;} |
|
69 |
|
70 .navbar-default .navbar-nav > .active > a, |
|
71 .navbar-default .navbar-nav > .active > a:hover, |
|
72 .navbar-default .navbar-nav > .active > a:focus { |
|
73 border-bottom:1px dotted @blue-darker; |
|
74 color:@blue; |
|
75 } |
|
76 |
|
77 /* Module |
|
78 ------------------------------------ */ |
|
79 .module-gallery { |
|
80 background: url('../images/python_blender.jpg') no-repeat 0px -200px; |
|
81 background-size: 2000px 884px; |
|
82 } |
|
83 .module-prizes { |
|
84 background: url('../images/berlin.jpg') no-repeat 0px -200px; |
|
85 background-size: 1920px 981px; |
|
86 } |
|
87 .module-gallery .module-content { |
|
88 height: 300px; |
|
89 position: relative; |
|
90 } |
|
91 .module-cite h1 {color:@blue;} |
|
92 .col-yellow {background:@yellow-light;} |
|
93 li.module-language a:first-child {border-right:1px solid @blue;} |
|
94 .module-course {background-color: #f5f5f5;} |
|
95 |
|
96 .module-info {border-bottom:1px solid @yellow;padding-bottom:20px;} |
|
97 .module-cite {padding-bottom:20px;} |
|
98 |
|
99 |
|
100 .cite {position:relative;} |
|
101 .cite-left {top: 6px;} |
|
102 .cite-right {top:48px;} |
|
103 .cite-right svg {margin-top: -48px;} |
|
104 |
|
105 .module-impression {background:@blue;} |
|
106 .module-impression a {color:white;} |
|
107 .module-thumbnail, |
|
108 .module-impression h3 {margin-top:20px;} |
|
109 .module-footer .headline {padding:20px 0;} |
|
110 |
|
111 /* Video |
|
112 ------------------------------------ */ |
|
113 .flex-video { |
|
114 position: relative; |
|
115 padding-top: 25px; |
|
116 padding-bottom: 67.5%; |
|
117 height: 0; |
|
118 margin-bottom: 16px; |
|
119 overflow: hidden; |
|
120 } |
|
121 |
|
122 .flex-video.widescreen { padding-bottom: 57.25%; } |
|
123 .flex-video.vimeo { padding-top: 0; } |
|
124 |
|
125 .flex-video iframe, |
|
126 .flex-video object, |
|
127 .flex-video embed { |
|
128 position: absolute; |
|
129 top: 0; |
|
130 left: 0; |
|
131 width: 100%; |
|
132 height: 100%; |
|
133 } |
|
134 |
|
135 /* Footer |
|
136 ------------------------------------ */ |
|
137 .carousel-inner .sponsor {max-height:65px;} |
|
138 .carousel-control.left { |
|
139 background-image: none; |
|
140 filter: 0; |
|
141 } |
|
142 .carousel-control.right { |
|
143 background-image:none; |
|
144 filter: 0; |
|
145 } |
|
146 .carousel-control { |
|
147 position: absolute; |
|
148 font-size: 80px; |
|
149 color: @blue; |
|
150 top: -46px; |
|
151 bottom: 0px; |
|
152 } |
|
153 .module-imprint {border-top:1px solid #f5f5f5; padding:20px 0;} |
|
154 |
|
155 /* media queries |
|
156 ------------------------------------ */ |
|
157 @media (max-width: 767px) { |
|
158 .module-gallery .module-content { |
|
159 height: 405px; |
|
160 } |
|
161 .module-impression svg {display:none;} |
|
162 } |
|
163 |
|
164 @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) { |
|
165 .flex-video { padding-top: 0; } |
|
166 } |
|