8 flex-direction: column;
13 font-family: "Open Sans", sans-serif;
16 text-decoration: none;
20 /* Top level layout */
45 /* heavily inspired by: */
46 /* https://github.com/philipwalton/solved-by-flexbox/blob/master/_sass/components/_input-add-on.scss */
52 .mkws-search-form .mkws-query {
54 border-right: 0 !important;
55 border-radius: 2px 0 0 2px;
57 .mkws-search-form .mkws-button {
58 border-radius: 0 2px 2px 0;
59 background-color: hsla(31, 15%, 50%, 0.1);
60 /* color: hsl(0, 0%, 40%); */
64 .mkws-search-form .mkws-query, .mkws-search-form .mkws-button {
65 border: 1px solid hsla(31, 15%, 50%, 0.25);
66 padding: 0.5em 0.75em;
73 font-family: "Open Sans Light", sans-serif;
77 font-family: "Open Sans", sans-serif;
79 .mkws-motd-container {
88 font-family: "Open Sans Light", sans-serif;
99 .mkws-ranking select {
118 .mkws-removable:after {
122 .mkws-removable:hover {
123 text-decoration: line-through;
135 border-left: 5px solid #7d8187;
137 text-transform: uppercase;
139 .mkws-facet:nth-child(1)>.mkws-facet-title {
140 border-color: #2980b9;
142 .mkws-facet:nth-child(2)>.mkws-facet-title {
143 border-color: #68a863;
145 .mkws-facet:nth-child(3)>.mkws-facet-title {
146 border-color: #b45b47;
149 .mkws-facet:last-child {
150 padding-bottom: initial;
160 text-overflow: ellipsis;
164 flex: 0 0 min-content;
169 /* Result containers */
173 border-bottom: 1px solid rgba(0, 0, 0, 0.15);
178 flex-direction: column;
180 align-items: flex-start;
181 align-content: flex-start;
182 justify-content: space-around;
192 color: rgba(0, 0, 0, 0.3);
196 font-family: "Open Sans Light", sans-serif;
199 letter-spacing: -0.02em;
202 .result-title-remainder {
204 font-family: "Open Sans Light", sans-serif;
209 text-overflow: ellipsis;
211 .result-description {
213 font-family: "Open Sans Light", sans-serif;
223 letter-spacing: 0.1em;
224 text-transform: uppercase;
230 .result-thumb > img {
238 .mkws-prev, .mkws-next {
239 text-transform: uppercase;
245 @media screen and (max-width: 1020px) {
246 .mkws-motd-container {
250 @media screen and (max-width: 900px) {
254 align-content: flex-start;
268 .mkws-motd-container {
292 .result-description {
303 .result-thumb > img {
309 float: none !important;
312 @media screen and (max-width: 600px) {
319 /* Font (from mozilla.org) */
321 font-family:'Open Sans Light';
322 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.eot);
323 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.woff) format('woff'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.ttf) format('truetype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Light-webfont.svg#OpenSansLight) format('svg');
329 font-family:'Open Sans Light';
330 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot);
331 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.woff) format('woff'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.ttf) format('truetype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format('svg');
337 font-family:'Open Sans Light';
338 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.eot);
339 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.eot?#iefix) format('embedded-opentype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.woff) format('woff'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.ttf) format('truetype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-LightItalic-webfont.svg#OpenSansRegular) format('svg');
345 font-family:'Open Sans';
346 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot);
347 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.woff) format('woff'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.ttf) format('truetype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular) format('svg');
353 font-family:'Open Sans';
354 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.eot);
355 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.woff) format('woff'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.ttf) format('truetype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold) format('svg');
361 font-family:'Open Sans';
362 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.eot);
363 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.eot?#iefix) format('embedded-opentype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.woff) format('woff'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.ttf) format('truetype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic) format('svg');
369 font-family:'Open Sans Extra Bold';
370 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.eot);
371 src:url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.eot?#iefix) format('embedded-opentype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.woff) format('woff'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.ttf) format('truetype'),url(//mozorg.cdn.mozilla.net/media/fonts/OpenSans-ExtraBold-webfont.svg#OpenSansSemibold) format('svg');