resources/src/mediawiki.special/mediawiki.special.search.styles.css

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