1 /* interwiki search results */
2 /*==========================*/
18 background-color: #f2f4f7;
22 list-style-type: none;
35 * html .interwiki-result { /* IE6 */
38 *:first-child + html .iw-resultset { /* IE7 */
42 /* padding each .iw-resultset section seperately.
43 This allows us greater flexibility in the design.
44 For example changing the background color on the
50 padding: 0.25em 0.85em;
53 /* definition titles appear inline,
54 to resemble a traditional dictionary definition */
55 .iw-resultset--definition .iw-result__title {
60 .iw-resultset > div:first-child {
64 .iw-resultset > div:last-child {
65 padding-bottom: 0.85em;
69 font-size: 16px; /* rem fallback */
73 .iw-result__title a.extiw {
77 .iw-result__content:after { /* clearfix */
91 display: inline-block;
94 vertical-align: middle;
96 background: url( images/special.search/definition-icon.svg ) no-repeat 0 0;
97 background-size: 100% 100%;
100 @interwikiContentTypes: definition, travel, quotation, book, course, news, textbook, image;
104 .generate-iwIcons( @i:1 ) when ( @i =< length( @interwikiContentTypes ) ) {
105 @iwIcon: extract( @interwikiContentTypes, @i );
107 .iw-result__icon--@{iwIcon} {
108 /* stylelint-disable-next-line function-url-quotes */
109 background-image: url( 'images/special.search/@{iwIcon}-icon.png' );
110 /* stylelint-disable-next-line function-url-quotes */
111 background-image: url( 'images/special.search/@{iwIcon}-icon.svg' );
114 .generate-iwIcons( @i + 1 );
117 /* image search result */
118 .iw-result__mini-gallery {
123 box-sizing: border-box;
127 /* second and third images are small */
128 .iw-result__mini-gallery:nth-child( 2 ),
129 .iw-result__mini-gallery:nth-child( 3 ) { /* stylelint-disable-line indentation */
134 .iw-result__mini-gallery__image {
139 background-size: cover;
140 background-repeat: no-repeat;
141 background-position: center center;
144 .iw-result__mini-gallery__image > .iw-result__mini-gallery__caption { /* image gallery text */
151 text-shadow: 0 0 10px rgba( 0, 0, 0, 0.4 ); /* improves legibility on white background */
154 background-color: rgba( 0, 0, 0, 0.5 );
157 .iw-result__mini-gallery__image:hover > .iw-result__mini-gallery__caption {
161 /* different types of interwiki result boxes */
163 .iw-resultset--quotation .iw-result__content {
164 border-left: 4px solid #afb1b5;
169 .iw-resultset--quotation .iw-result__title {
172 .iw-result--quotation .iw-result__title:before {
174 display: inline-block;
176 .iw-result--quotation .iw-result__footer {
182 @media only screen and ( min-width: @deviceWidthTablet ) {
184 #mw-interwiki-results {
186 display: inline-block; /* used to align iw sidebar with the top of the main search results */
189 .searchresults .mw-search-createlink,
190 .searchresults .mw-search-nonefound,
191 .searchresults .mw-search-results {