Merge "ApiSandbox: Move labels outside progress bars"
[lhc/web/wiklou.git] / resources / src / mediawiki.special.search.styles.css
1 /* Special:Search */
2
3 /* stylelint-disable selector-class-pattern */
4
5 /*
6 * Fixes sister projects box moving down the extract
7 * of the first result (T18886).
8 * It only happens when the window is small and
9 * This changes slightly the layout for big screens
10 * where there was space for the extracts and the
11 * sister projects and thus it showed like in any
12 * other browser.
13 *
14 * This will only affect IE 7 and lower
15 */
16 .searchresult {
17 display: inline !ie;
18 }
19
20 .searchresults {
21 margin: 1em 0 1em 0.4em;
22 }
23
24 /* needs extra specificity to override `.mw-body p` selector */
25 .mw-body .mw-search-nonefound {
26 margin: 0;
27 }
28
29 .searchdidyoumean em,
30 .searchmatch {
31 font-weight: bold;
32 }
33
34 .mw-search-results {
35 margin: 0;
36 max-width: 38em;
37 }
38
39 .mw-search-visualclear {
40 clear: both;
41 }
42
43 .mw-search-results li {
44 padding-bottom: 1.2em;
45 list-style: none;
46 list-style-image: none;
47 }
48
49 .mw-search-results li a {
50 font-size: 108%;
51 }
52
53 .mw-search-result-data {
54 color: #008000;
55 font-size: 97%;
56 }
57
58 .mw-search-profile-tabs {
59 background-color: #f8f9fa;
60 margin-top: 1em;
61 border: 1px solid #c8ccd1;
62 border-radius: 2px;
63 }
64
65 .search-types {
66 float: left;
67 padding-left: 0.25em;
68 }
69
70 .search-types ul {
71 margin: 0;
72 padding: 0;
73 list-style: none;
74 }
75
76 .search-types li {
77 float: left;
78 margin: 0;
79 padding: 0;
80 }
81
82 .search-types a {
83 display: block;
84 padding: 0.5em;
85 }
86
87 .search-types .current a {
88 color: #222;
89 cursor: default;
90 }
91
92 .search-types .current a:hover {
93 text-decoration: none;
94 }
95
96 .results-info {
97 float: right;
98 padding: 0.5em;
99 padding-right: 0.75em;
100 color: #54595d;
101 font-size: 95%;
102 }
103
104 #mw-search-top-table div.oo-ui-actionFieldLayout {
105 float: left;
106 width: 100%;
107 }
108
109 /* Advanced options menu */
110 /* ===================== */
111
112 #mw-searchoptions {
113 /* Support: Firefox, needs `clear: both` on `fieldset` when zoom level > 100%, see T176499 */
114 clear: both;
115 padding: 0.5em 0.75em 0.75em 0.75em;
116 background-color: #f8f9fa;
117 margin: -1px 0 0;
118 border: 1px solid #c8ccd1;
119 border-radius: 0 0 2px 2px;
120 }
121
122 #mw-searchoptions legend {
123 display: none;
124 }
125
126 #mw-searchoptions h4 {
127 padding: 0;
128 margin: 0;
129 float: left;
130 }
131
132 #mw-searchoptions table {
133 float: left;
134 margin-right: 3em;
135 border-collapse: collapse;
136 }
137
138 #mw-searchoptions table td {
139 padding: 0 1em 0 0;
140 white-space: nowrap;
141 }
142
143 #mw-searchoptions .divider {
144 clear: both;
145 border-bottom: 1px solid #eaecf0;
146 padding-top: 0.5em;
147 margin-bottom: 0.5em;
148 }
149
150 #mw-search-menu {
151 padding-left: 6em;
152 font-size: 85%;
153 }
154
155 #mw-search-interwiki {
156 float: right;
157 width: 18em;
158 border: 1px solid #a2a9b1;
159 margin-top: 2ex;
160 }
161
162 .searchalttitle,
163 #mw-search-interwiki li {
164 font-size: 95%;
165 }
166
167 .mw-search-interwiki-more {
168 float: right;
169 font-size: 90%;
170 }
171
172 #mw-search-interwiki-caption {
173 text-align: center;
174 font-weight: bold;
175 font-size: 95%;
176 }
177
178 .mw-search-interwiki-project {
179 font-size: 97%;
180 text-align: left;
181 padding: 0.15em 0.15em 0.2em 0.2em;
182 background-color: #eaecf0;
183 border-top: 1px solid #c8ccd1;
184 }
185
186 .searchdidyoumean {
187 font-size: 127%;
188 margin-top: 0.8em;
189 /* Note that this color won't affect the link, as desired. */
190 color: #d33;
191 }
192
193 #mw-search-togglebox {
194 float: right;
195 }
196
197 #mw-search-togglebox label {
198 margin-right: 0.25em;
199 }
200
201 #mw-search-togglebox input {
202 margin-left: 0.25em;
203 }
204
205 .client-nojs #mw-search-togglebox {
206 display: none;
207 }