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         padding: 0.5em 0.75em 0.75em 0.75em;
  98         background-color: #f8f9fa;
  99         margin: -1px 0 0;
 100         border: 1px solid #c8ccd1;
 101         border-radius: 0 0 2px 2px;
 102 }
 103 #mw-searchoptions legend {
 104         display: none;
 105 }
 106 #mw-searchoptions h4 {
 107         padding: 0;
 108         margin: 0;
 109         float: left;
 110 }
 111 #mw-searchoptions table {
 112         float: left;
 113         margin-right: 3em;
 114         border-collapse: collapse;
 115 }
 116 #mw-searchoptions table td {
 117         padding: 0 1em 0 0;
 118         white-space: nowrap;
 119 }
 120 #mw-searchoptions .divider {
 121         clear: both;
 122         border-bottom: 1px solid #eaecf0;
 123         padding-top: 0.5em;
 124         margin-bottom: 0.5em;
 125 }
 126 #mw-search-menu {
 127         padding-left: 6em;
 128         font-size: 85%;
 129 }
 130
 131 #mw-search-interwiki {
 132         float: right;
 133         width: 18em;
 134         border: 1px solid #a2a9b1;
 135         margin-top: 2ex;
 136 }
 137
 138 .searchalttitle,
 139 #mw-search-interwiki li {
 140         font-size: 95%;
 141 }
 142 .mw-search-interwiki-more {
 143         float: right;
 144         font-size: 90%;
 145 }
 146 #mw-search-interwiki-caption {
 147         text-align: center;
 148         font-weight: bold;
 149         font-size: 95%;
 150 }
 151 .mw-search-interwiki-project {
 152         font-size: 97%;
 153         text-align: left;
 154         padding: 0.15em 0.15em 0.2em 0.2em;
 155         background-color: #eaecf0;
 156         border-top: 1px solid #c8ccd1;
 157 }
 158
 159 .searchdidyoumean {
 160         font-size: 127%;
 161         margin-top: 0.8em;
 162         /* Note that this color won't affect the link, as desired. */
 163         color: #d33;
 164 }