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 }
  55 .search-types {
  56         float: left;
  57         padding-left: 0.25em;
  58 }
  59 .search-types ul {
  60         margin: 0;
  61         padding: 0;
  62         list-style: none;
  63 }
  64 .search-types li {
  65         float: left;
  66         margin: 0;
  67         padding: 0;
  68 }
  69 .search-types a {
  70         display: block;
  71         padding: 0.5em;
  72 }
  73 .search-types .current a {
  74         color: #222;
  75         cursor: default;
  76 }
  77 .search-types .current a:hover {
  78         text-decoration: none;
  79 }
  80 .results-info {
  81         float: right;
  82         padding: 0.5em;
  83         padding-right: 0.75em;
  84         color: #54595d;
  85         font-size: 95%;
  86 }
  87 #mw-search-top-table div.oo-ui-actionFieldLayout {
  88         float: left;
  89         width: 100%;
  90 }
  91
  92 /* Advanced options menu */
  93 /*==========================*/
  94
  95 #mw-searchoptions {
  96         margin: 0;
  97         padding: 0.5em 0.75em 0.75em 0.75em;
  98         background-color: #f8f9fa;
  99         border: 1px solid #c8ccd1;
 100         border-top-width: 0;
 101 }
 102 #mw-searchoptions legend {
 103         display: none;
 104 }
 105 #mw-searchoptions h4 {
 106         padding: 0;
 107         margin: 0;
 108         float: left;
 109 }
 110 #mw-searchoptions table {
 111         float: left;
 112         margin-right: 3em;
 113         border-collapse: collapse;
 114 }
 115 #mw-searchoptions table td {
 116         padding: 0 1em 0 0;
 117         white-space: nowrap;
 118 }
 119 #mw-searchoptions .divider {
 120         clear: both;
 121         border-bottom: 1px solid #eaecf0;
 122         padding-top: 0.5em;
 123         margin-bottom: 0.5em;
 124 }
 125 #mw-search-menu {
 126         padding-left: 6em;
 127         font-size: 85%;
 128 }
 129
 130 #mw-search-interwiki {
 131         float: right;
 132         width: 18em;
 133         border: 1px solid #a2a9b1;
 134         margin-top: 2ex;
 135 }
 136
 137 .searchalttitle,
 138 #mw-search-interwiki li {
 139         font-size: 95%;
 140 }
 141 .mw-search-interwiki-more {
 142         float: right;
 143         font-size: 90%;
 144 }
 145 #mw-search-interwiki-caption {
 146         text-align: center;
 147         font-weight: bold;
 148         font-size: 95%;
 149 }
 150 .mw-search-interwiki-project {
 151         font-size: 97%;
 152         text-align: left;
 153         padding: 0.15em 0.15em 0.2em 0.2em;
 154         background-color: #eaecf0;
 155         border-top: 1px solid #c8ccd1;
 156 }
 157
 158 .searchdidyoumean {
 159         font-size: 127%;
 160         margin-top: 0.8em;
 161         /* Note that this color won't affect the link, as desired. */
 162         color: #d33;
 163 }