skins/common/shared.css

   1 /**
   2  * CSS in this file is used by *all* skins (that have any CSS at all).  Be
   3  * careful what you put in here, since what looks good in one skin may not in
   4  * another, but don't ignore the poor non-Monobook users either.
   5  */
   6 .mw-plusminus-null { color: #aaa; }
   7
   8 .texvc { direction: ltr; unicode-bidi: embed; }
   9 img.tex { vertical-align: middle; }
  10 span.texhtml { font-family: serif; }
  11
  12 /* (bug 1941) Safari defaults to a proportional font for textareas */
  13 textarea { font-family: monospace; }
  14
  15 /* add a bit of margin space between the preview and the toolbar */
  16 /* this replaces the ugly <p><br /></p> we used to insert into the page source */
  17 #wikiPreview.ontop { margin-bottom: 1em; }
  18
  19 /* Stop floats from intruding into edit area in previews */
  20 #toolbar, #wpTextbox1 { clear: both; }
  21
  22 div#mw-js-message {
  23         margin: 1em 5%;
  24         padding: 0.5em 2.5%;
  25         border: solid 1px #ddd;
  26         background-color: #fcfcfc;
  27 }
  28
  29 /* Edit section links */
  30 .editsection {
  31         float: right;
  32         margin-left: 5px;
  33 }
  34
  35 /**
  36  * File histories
  37  */
  38 table.filehistory {
  39         border:1px solid #ccc;
  40         border-collapse:collapse;
  41 }
  42
  43 table.filehistory th,
  44 table.filehistory td {
  45         padding: 0 0.2em 0 0.2em;
  46         vertical-align:top;
  47         border:1px solid #ccc;
  48 }
  49 table.filehistory th {
  50         text-align: left;
  51 }
  52 table.filehistory td.mw-imagepage-filesize,
  53 table.filehistory th.mw-imagepage-filesize {
  54         white-space:nowrap;
  55 }
  56
  57 table.filehistory td.filehistory-selected {
  58         font-weight: bold;
  59 }
  60
  61 /*
  62  * rev_deleted stuff
  63  */
  64 li span.deleted, span.history-deleted {
  65         text-decoration: line-through;
  66         color: #888;
  67         font-style: italic;
  68 }
  69
  70 /**
  71  * Forms
  72  */
  73 body.ltr td.mw-label { text-align: right; }
  74 body.ltr td.mw-input { text-align: left; }
  75 body.ltr td.mw-submit { text-align: left; }
  76 body.rtl td.mw-label { text-align: left; }
  77 body.rtl td.mw-input { text-align: right; }
  78 body.rtl td.mw-submit { text-align: right; }
  79
  80 td.mw-label { vertical-align: top; }
  81 td.mw-submit { white-space: nowrap; }
  82
  83 /**
  84  * Image captions
  85  */
  86 body.rtl .thumbcaption { text-align:right; }
  87 body.rtl .magnify { float:left; }
  88
  89 body.ltr .thumbcaption { text-align:left; }
  90 body.ltr .magnify { float:right; }
  91
  92 /**
  93  * Hidden categories
  94  */
  95 .mw-hidden-cats-hidden { display: none; }
  96 .catlinks-allhidden { display: none; }
  97
  98 /* Convenience links to edit block, delete and protect reasons */
  99 p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 100 p.mw-filedelete-editreasons, p.mw-delete-editreasons {
 101         font-size: 90%;
 102         float: right;
 103 }
 104
 105 /* Search results */
 106 div.searchresult {
 107         font-size: 95%;
 108         width:38em;
 109 }
 110 .mw-search-results li {
 111         padding-bottom: 1em;
 112         list-style:none;
 113 }
 114 .mw-search-result-data {
 115         color: green;
 116         font-size: 97%;
 117 }
 118
 119 td#mw-search-menu {
 120         padding-left:6em;
 121         font-size:85%;
 122 }
 123
 124 div#mw-search-interwiki {
 125         float: right;
 126         width: 18em;
 127         border-style: solid;
 128         border-color: #AAAAAA;
 129         border-width: 1px;
 130         margin-top: 2ex;
 131 }
 132
 133 div#mw-search-interwiki li {
 134         font-size: 95%;
 135 }
 136
 137 .mw-search-interwiki-more {
 138         float: right;
 139         font-size: 90%;
 140 }
 141
 142 span.searchalttitle {
 143         font-size: 95%;
 144 }
 145
 146 div.searchdidyoumean {
 147         font-size: 127%;
 148         padding-bottom:1ex;
 149         padding-top:1ex;
 150 }
 151
 152 .searchmatch {
 153         font-weight: bold;
 154 }
 155
 156 div.searchresults {
 157         border:1px solid darkblue;
 158         padding-top: 10px;
 159         padding-bottom: 10px;
 160         padding-left: 20px;
 161         padding-right: 20px;
 162 }
 163
 164 /*
 165  * UserRights stuff
 166  */
 167 .mw-userrights-disabled {
 168         color: #888;
 169 }
 170
 171 table.mw-userrights-groups * td,table.mw-userrights-groups * th {
 172         padding-right: 1.5em;
 173 }
 174
 175 /*
 176  * OpenSearch ajax suggestions
 177  */
 178 .os-suggest {
 179         overflow: auto;
 180         overflow-x: hidden;
 181         position: absolute;
 182         top: 0px;
 183         left: 0px;
 184         width: 0px;
 185         background-color: white;
 186         background-color: Window;
 187         border-style: solid;
 188         border-color: #AAAAAA;
 189         border-width: 1px;
 190         z-index:99;
 191         visibility:hidden;
 192         font-size:95%;
 193 }
 194
 195 table.os-suggest-results {
 196         font-size: 95%;
 197         cursor: pointer;
 198         border: 0;
 199         border-collapse: collapse;
 200         width: 100%;
 201 }
 202
 203 td.os-suggest-result, td.os-suggest-result-hl {
 204         white-space: nowrap;
 205         background-color: white;
 206         background-color: Window;
 207         color: black;
 208         color: WindowText;
 209         padding: 2px;
 210 }
 211 td.os-suggest-result-hl,
 212 td.os-suggest-result-hl-webkit {
 213         background-color: #4C59A6;
 214         color: white;
 215 }
 216 td.os-suggest-result-hl {
 217         /* System colors are misimplemented in Safari 3.0 and earlier,
 218            making highlighted text illegible... */
 219         background-color: Highlight;
 220         color: HighlightText;
 221 }
 222
 223 .os-suggest-toggle {
 224         position: relative;
 225         left: 1ex;
 226         font-size: 65%;
 227 }
 228 .os-suggest-toggle-def {
 229         position: absolute;
 230         top: 0px;
 231         left: 0px;
 232         font-size: 65%;
 233         visibility: hidden;
 234 }
 235
 236 /* Page history styling */
 237 /* the auto-generated edit comments */
 238 .autocomment { color: gray; }
 239 #pagehistory .history-user {
 240     margin-left: 0.4em;
 241     margin-right: 0.2em;
 242 }
 243 #pagehistory span.minor { font-weight: bold; }
 244 #pagehistory li { border: 1px solid white; }
 245 #pagehistory li.selected {
 246     background-color: #f9f9f9;
 247     border: 1px dashed #aaa;
 248 }
 249
 250 /*
 251  * Special:ListGroupRights styling
 252  * Special:Statistics styling
 253 */
 254
 255 table.mw-listgrouprights-table,
 256 table.mw-statistics-table {
 257         border: 1px solid #ccc;
 258         border-collapse: collapse;
 259 }
 260
 261 table.mw-listgrouprights-table tr  {
 262         vertical-align: top;
 263 }
 264
 265 table.mw-listgrouprights-table td, table.mw-listgrouprights-table th,
 266 table.mw-statistics-table td, table.mw-statistics-table th {
 267         padding: 0.5em 0.2em 0.5em 0.2em;
 268         border: 1px solid #ccc;
 269 }
 270
 271 td.mw-statistics-numbers {
 272         text-align: right;
 273 }
 274
 275 /* Special:SpecialPages styling */
 276 h4.mw-specialpagesgroup {
 277         background-color: #dcdcdc;
 278         padding: 2px;
 279         margin: .3em 0em 0em 0em;
 280 }
 281 .mw-specialpagerestricted {
 282         font-weight: bold;
 283 }
 284
 285 #shared-image-dup, #shared-image-conflict {
 286         font-style: italic;
 287 }
 288
 289 /* Special:EmailUser styling */
 290 table.mw-emailuser-table {
 291         width: 98%;
 292 }
 293 td#mw-emailuser-sender, td#mw-emailuser-recipient {
 294         font-weight: bold;
 295 }
 296
 297 /*
 298  * Recreating deleted page warning
 299  * Reupload file warning
 300  * Page protection warning
 301  * incl. log entries for these warnings
 302  */
 303 div.mw-warning-with-logexcerpt {
 304         padding: 3px;
 305         margin-bottom: 3px;
 306         border: 2px solid #2F6FAB;
 307 }
 308 div.mw-warning-with-logexcerpt ul li {
 309         font-size: 90%;
 310 }