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 .4em;
  19 }
  20 /* needs extra specificity to override `.mw-body p` selector */
  21 .mw-body .mw-search-nonefound {
  22         margin: 0;
  23 }
  24 .mw-search-interwiki-header,
  25 .searchdidyoumean em,
  26 .searchmatch {
  27         font-weight: bold;
  28 }
  29 .mw-search-nonefound + .mw-search-interwiki-header {
  30         margin-top: 0;
  31 }
  32 .searchresult {
  33         font-size: 95%;
  34         max-width: 38em;
  35 }
  36 .mw-search-results {
  37         margin-left: 0;
  38         float: left;
  39 }
  40 .mw-search-visualclear {
  41         clear: both;
  42 }
  43 .mw-search-results li {
  44         padding-bottom: 1.2em;
  45         list-style: none;
  46         list-style-image: none;
  47 }
  48 .mw-search-results li a {
  49         font-size: 108%;
  50 }
  51 .mw-search-result-data {
  52         color: #008000;
  53         font-size: 97%;
  54 }
  55 .mw-search-profile-tabs {
  56         background-color: #f8f9fa;
  57         margin-top: 1em;
  58         border: 1px solid #c8ccd1;
  59 }
  60 .search-types {
  61         float: left;
  62         padding-left: 0.25em;
  63 }
  64 .search-types ul {
  65         margin: 0;
  66         padding: 0;
  67         list-style: none;
  68 }
  69 .search-types li {
  70         float: left;
  71         margin: 0;
  72         padding: 0;
  73 }
  74 .search-types a {
  75         display: block;
  76         padding: 0.5em;
  77 }
  78 .search-types .current a {
  79         color: #222;
  80         cursor: default;
  81 }
  82 .search-types .current a:hover {
  83         text-decoration: none;
  84 }
  85 .results-info {
  86         float: right;
  87         padding: 0.5em;
  88         padding-right: 0.75em;
  89         color: #54595d;
  90         font-size: 95%;
  91 }
  92 #mw-search-top-table div.oo-ui-actionFieldLayout {
  93         float: left;
  94         width: 100%;
  95 }
  96 #mw-searchoptions {
  97         margin: 0;
  98         padding: 0.5em 0.75em 0.75em 0.75em;
  99         background-color: #f8f9fa;
 100         border: 1px solid #c8ccd1;
 101         border-top-width: 0;
 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 #mw-search-interwiki {
 131         float: right;
 132         width: 18em;
 133         border: 1px solid #a2a9b1;
 134         margin-top: 2ex;
 135 }
 136 .searchalttitle,
 137 #mw-search-interwiki li {
 138         font-size: 95%;
 139 }
 140 .mw-search-interwiki-more {
 141         float: right;
 142         font-size: 90%;
 143 }
 144 #mw-search-interwiki-caption {
 145         text-align: center;
 146         font-weight: bold;
 147         font-size: 95%;
 148 }
 149 .mw-search-interwiki-project {
 150         font-size: 97%;
 151         text-align: left;
 152         padding: 0.15em 0.15em 0.2em 0.2em;
 153         background-color: #eaecf0;
 154         border-top: 1px solid #c8ccd1;
 155 }
 156 .searchdidyoumean {
 157         font-size: 127%;
 158         margin-top: 0.8em;
 159         /* Note that this color won't affect the link, as desired. */
 160         color: #d33;
 161 }