1 /* interwiki search results */
2 /*==========================*/
18 background-color: #f2f4f7;
22 list-style-type: none;
23 word-break: break-word;
36 * html .interwiki-result { /* IE6 */
39 *:first-child + html .iw-resultset { /* IE7 */
43 /* padding each .iw-resultset section seperately.
44 This allows us greater flexibility in the design.
45 For example changing the background color on the
51 padding: 0.25em 0.85em;
54 /* definition titles appear inline,
55 to resemble a traditional dictionary definition */
56 .iw-resultset--definition .iw-result__title {
61 .iw-resultset > div:first-child {
65 .iw-resultset > div:last-child {
66 padding-bottom: 0.85em;
70 font-size: 16px; /* rem fallback */
74 .iw-result__title a.extiw {
78 .iw-result__content:after { /* clearfix */
92 display: inline-block;
95 vertical-align: middle;
97 background: url( images/special.search/definition-icon.svg ) no-repeat 0 0;
98 background-size: 100% 100%;
101 @interwikiContentTypes: definition, travel, quotation, book, course, news, textbook, image;
105 .generate-iwIcons( @i:1 ) when ( @i =< length( @interwikiContentTypes ) ) {
106 @iwIcon: extract( @interwikiContentTypes, @i );
108 .iw-result__icon--@{iwIcon} {
109 /* stylelint-disable-next-line function-url-quotes */
110 background-image: url( 'images/special.search/@{iwIcon}-icon.png' );
111 /* stylelint-disable-next-line function-url-quotes */
112 background-image: url( 'images/special.search/@{iwIcon}-icon.svg' );
115 .generate-iwIcons( @i + 1 );
118 /* image search result */
119 .iw-result__mini-gallery {
124 box-sizing: border-box;
128 /* second and third images are small */
129 .iw-result__mini-gallery:nth-child( 2 ),
130 .iw-result__mini-gallery:nth-child( 3 ) { /* stylelint-disable-line indentation */
135 .iw-result__mini-gallery__image {
140 background-size: cover;
141 background-repeat: no-repeat;
142 background-position: center center;
145 .iw-result__mini-gallery__image > .iw-result__mini-gallery__caption { /* image gallery text */
152 text-shadow: 0 0 10px rgba( 0, 0, 0, 0.4 ); /* improves legibility on white background */
155 background-color: rgba( 0, 0, 0, 0.5 );
158 .iw-result__mini-gallery__image:hover > .iw-result__mini-gallery__caption {
162 /* different types of interwiki result boxes */
164 .iw-resultset--quotation .iw-result__content {
165 border-left: 4px solid #afb1b5;
170 .iw-resultset--quotation .iw-result__title {
173 .iw-result--quotation .iw-result__title:before {
175 display: inline-block;
177 .iw-result--quotation .iw-result__footer {
183 @media only screen and ( min-width: @deviceWidthTablet ) {
185 #mw-interwiki-results {
187 display: inline-block; /* used to align iw sidebar with the top of the main search results */
190 .searchresults .mw-search-createlink,
191 .searchresults .mw-search-nonefound,
192 .searchresults .mw-search-results {