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 .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
  33 .mw-search-results {
  34         margin: 0;
  35         float: left;
  36         max-width: 60%;
  37 }
  38 .mw-search-visualclear {
  39         clear: both;
  40 }
  41 .mw-search-results li {
  42         padding-bottom: 1.2em;
  43         list-style: none;
  44         list-style-image: none;
  45 }
  46 .mw-search-results li a {
  47         font-size: 108%;
  48 }
  49 .mw-search-result-data {
  50         color: #008000;
  51         font-size: 97%;
  52 }
  53 .mw-search-profile-tabs {
  54         background-color: #f8f9fa;
  55         margin-top: 1em;
  56         border: 1px solid #c8ccd1;
  57 }
  58 .search-types {
  59         float: left;
  60         padding-left: 0.25em;
  61 }
  62 .search-types ul {
  63         margin: 0;
  64         padding: 0;
  65         list-style: none;
  66 }
  67 .search-types li {
  68         float: left;
  69         margin: 0;
  70         padding: 0;
  71 }
  72 .search-types a {
  73         display: block;
  74         padding: 0.5em;
  75 }
  76 .search-types .current a {
  77         color: #222;
  78         cursor: default;
  79 }
  80 .search-types .current a:hover {
  81         text-decoration: none;
  82 }
  83 .results-info {
  84         float: right;
  85         padding: 0.5em;
  86         padding-right: 0.75em;
  87         color: #54595d;
  88         font-size: 95%;
  89 }
  90 #mw-search-top-table div.oo-ui-actionFieldLayout {
  91         float: left;
  92         width: 100%;
  93 }
  94
  95 /* Advanced options menu */
  96 /*==========================*/
  97
  98 #mw-searchoptions {
  99         margin: 0;
 100         padding: 0.5em 0.75em 0.75em 0.75em;
 101         background-color: #f8f9fa;
 102         border: 1px solid #c8ccd1;
 103         border-top-width: 0;
 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 }