1 /* interwiki search results */
2 /*==========================*/
4 #mw-interwiki-results {
23 background-color: #f2f4f7;
27 list-style-type: none;
40 * html .interwiki-result { zoom: 1; } /* IE6 */
41 *:first-child+html .iw-resultset { zoom: 1; } /* 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
52 padding-right: 0.85em;
54 padding-bottom: 0.25em;
57 /* definition titles appear inline,
58 to resemble a traditional dictionary definition */
59 .iw-resultset--definition .iw-result__title {
64 .iw-resultset > div:first-child {
68 .iw-resultset > div:last-child {
69 padding-bottom: 0.85em;
73 font-size: 16px; /* rem fallback */
77 .iw-result__title a.extiw {
82 .iw-result__content:after { /* clearfix */
96 display: inline-block;
99 vertical-align: middle;
100 margin-right: 0.25em;
101 background: url( images/special.search/definition-icon.svg ) no-repeat 0 0;
102 background-size: 100% 100%;
105 @interwikiContentTypes: definition, travel, quotation, book, course, news, textbook, image;
109 .generate-iwIcons( @i:1 ) when ( @i =< length( @interwikiContentTypes ) ) {
110 @iwIcon: extract( @interwikiContentTypes, @i );
112 .iw-result__icon--@{iwIcon} {
113 /* stylelint-disable-next-line function-url-quotes */
114 background-image: url( 'images/special.search/@{iwIcon}-icon.png' );
115 /* stylelint-disable-next-line function-url-quotes */
116 background-image: url( 'images/special.search/@{iwIcon}-icon.svg' );
119 .generate-iwIcons( @i + 1 );
122 /* image search result */
123 .iw-result__mini-gallery {
128 box-sizing: border-box;
132 .iw-result__mini-gallery__image {
137 background-size: cover;
138 background-repeat: no-repeat;
139 background-position: center center;
142 .iw-result__mini-gallery__image:hover > .iw-result__mini-gallery__caption {
146 .iw-result__mini-gallery__image > .iw-result__mini-gallery__caption { /* image gallery text */
153 text-shadow: 0 0 10px rgba( 0, 0, 0, 0.4 ); /* improves legibility on white background*/
156 background-color: rgba( 0, 0, 0, 0.5 );
159 .iw-result__mini-gallery:nth-child(2),
160 .iw-result__mini-gallery:nth-child(3) { /* second and third images are small */
165 /* different types of interwiki result boxes */
167 .iw-resultset--quotation .iw-result__content {
168 border-left: 4px solid #afb1b5;
173 .iw-resultset--quotation .iw-result__title{
176 .iw-result--quotation .iw-result__title:before{
178 display: inline-block;
180 .iw-result--quotation .iw-result__footer {
185 span the interwiki results across the bottom of the page.
188 .mw-search-nonefound ~ #mw-search-interwiki {
192 .mw-search-nonefound ~ #mw-search-interwiki .iw-resultset {
200 @media only screen and ( max-width:768px ) {
201 #mw-interwiki-results {
205 max-width: none !important;
208 width: 45% !important;
209 margin-left: 0.5em !important;
210 margin-right: 0.5em !important;
215 @media only screen and ( max-width:600px ) {
217 width: 100% !important;
218 margin-left: 0 !important;
219 margin-right: 0 !important;
220 max-width: none !important;