skins/common/oldshared.css

   1 /**
   2  * oldshared.css
   3  * This file contains CSS settings common to Wikistandard, Nostalgia and
   4  * CologneBlue, the old pre-Monobook skins
   5  */
   6
   7 /* For clarity, explicitly state some recommendations from
   8  * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right
   9  */
  10
  11 h1 { font-size: 2em; }
  12 h2 { font-size: 1.5em; }
  13 h3 { font-size: 1.17em; }
  14 h5 { font-size: .83em; }
  15 h6 { font-size: .75em; }
  16 h1, h2, h3, h4, h5, h6 {
  17         font-weight: bolder;
  18 }
  19
  20 /* Now the custom parts */
  21
  22 /* Make edit sections (which are inside h# tags) normal-sized */
  23 .editsection {
  24         font-weight: normal;
  25 }
  26 h1 .editsection { font-size: 50%; }
  27 h2 .editsection { font-size: 66.7%; }
  28 h3 .editsection { font-size: 85.5%; }
  29 h5 .editsection { font-size: 120%; }
  30 h6 .editsection { font-size: 133%; }
  31
  32 #footer { clear: both }
  33 /* images */
  34 /* @noflip */
  35 div.floatright {
  36         float: right;
  37         clear: right;
  38         margin: 0 0 1em 1em;
  39 }
  40
  41 /* @noflip */
  42 div.floatright p {
  43         font-style: italic;
  44 }
  45
  46 /* @noflip */
  47 div.floatleft {
  48         float: left;
  49         clear: left;
  50         margin: 0.3em 0.5em 0.5em 0;
  51 }
  52
  53 /* @noflip */
  54 div.floatleft p {
  55         font-style: italic;
  56 }
  57
  58 /* table standards */
  59 table.rimage {
  60         float: right;
  61         margin-left: 1em;
  62         margin-bottom: 1em;
  63         text-align: center;
  64         font-size: smaller;
  65 }
  66
  67 /* thumbnails */
  68 div.thumb {
  69         margin-bottom: .5em;
  70         border-style: solid;
  71         border-color: white;
  72         width: auto;
  73 }
  74 div.thumbinner {
  75         border: 1px solid #ccc;
  76         padding: 3px !important;
  77         background-color: #f9f9f9;
  78         font-size: 94%;
  79         text-align: center;
  80         overflow: hidden;
  81 }
  82 html .thumbimage {
  83         border: 1px solid #ccc;
  84 }
  85 html .thumbcaption {
  86         border: none;
  87         text-align: left;
  88         line-height: 1.4em;
  89         padding: 3px !important;
  90         font-size: 94%;
  91 }
  92 div.magnify {
  93         float: right;
  94         border: none !important;
  95         background: none !important;
  96 }
  97 div.magnify a,
  98 div.magnify img {
  99         display: block;
 100         border: none !important;
 101         background: none !important;
 102 }
 103 /* @noflip */
 104 div.tright {
 105         clear: right;
 106         float: right;
 107         border-width: .5em 0 .8em 1.4em;
 108 }
 109 /* @noflip */
 110 div.tleft {
 111         float: left;
 112         clear: left;
 113         margin-right: .5em;
 114         border-width: .5em 1.4em .8em 0;
 115 }
 116 img.thumbborder {
 117         border: 1px solid #dddddd;
 118 }
 119
 120 /* Page history styling */
 121 /* the auto-generated edit comments */
 122 .autocomment { color: #4b4b4b; }
 123
 124 img { border: none; }
 125
 126 #toc,
 127 .toc {
 128         border: 1px solid #bba;
 129         background-color: #f7f8ff;
 130         padding: 5px;
 131         font-size: 95%;
 132         text-align: center;
 133 }
 134 #toc h2,
 135 .toc h2 {
 136         display: inline;
 137         border: none;
 138         padding: 0;
 139         font-size: 100%;
 140         font-weight: bold;
 141 }
 142 #toc ul,
 143 .toc ul {
 144         list-style-type: none;
 145         list-style-image: none;
 146         padding: 0;
 147         text-align: left;
 148 }
 149 #toc ul ul,
 150 .toc ul ul {
 151         margin: 0 0 0 2em;
 152 }
 153 #toc .toctoggle,
 154 .toc .toctoggle {
 155         font-size: 94%;
 156 }
 157
 158 .error {
 159         color: red;
 160         font-size: larger;
 161 }
 162
 163 /* preference page with js-genrated toc */
 164 #mw-pref-clear {
 165         clear: both;
 166 }
 167 #preftoc {
 168         float: left;
 169         margin: 1em 1em 1em 1em;
 170         width: 13em;
 171 }
 172 #preftoc li {
 173         border: 1px solid White;
 174 }
 175 #preftoc li.selected {
 176         background-color:#f9f9f9;
 177         border:1px dashed #aaaaaa;
 178 }
 179 #preftoc a,
 180 #preftoc a:active {
 181         display: block;
 182         color: #005189;
 183 }
 184 .mw-prefs-buttons {
 185         clear: left;
 186         float: left;
 187         margin-top: 1em;
 188 }
 189 div.htmlform-tip {
 190         font-size: 94%;
 191         margin-top: 0.4em;
 192         color: #666;
 193 }
 194 fieldset.prefsection {
 195         margin-top: 1em;
 196 }
 197 fieldset.operaprefsection {
 198         margin-left: 15em;
 199 }
 200
 201 /* emulate center */
 202 .center {
 203         width: 100%;
 204         text-align: center;
 205 }
 206 *.center * {
 207         margin-left: auto;
 208         margin-right: auto;
 209 }
 210
 211 /* small for tables and similar */
 212 .small {
 213         font-size: 94%;
 214 }
 215 table.small {
 216         font-size: 100%;
 217 }
 218
 219 /* use this instead of #toc for page content */
 220 .toccolours {
 221         border: 1px solid #aaaaaa;
 222         background-color: #f9f9f9;
 223         padding: 5px;
 224         font-size: 95%;
 225 }
 226 #siteNotice {
 227         border: 1px solid #aaaaaa;
 228         padding-left: 0.5em;
 229         padding-right: 0.5em;
 230 }
 231 .redirectText {
 232         font-size: 150%;
 233         margin: 5px;
 234 }
 235 .sharedUploadNotice {
 236         font-style: italic;
 237 }
 238 span.unpatrolled {
 239         font-weight: bold;
 240         color: red;
 241 }
 242
 243 span.updatedmarker {
 244         color: black;
 245         background-color: #00FF00;
 246 }
 247
 248 div.gallerybox {
 249         width: 150px;
 250 }
 251
 252 span.comment {
 253         font-style: italic;
 254 }
 255
 256 span.changedby {
 257         font-size: 95%;
 258 }
 259
 260 .previewnote {
 261         text-align: center;
 262         color: #cc0000;
 263 }
 264 .editExternally {
 265         border-style: solid;
 266         border-width: 1px;
 267         border-color: gray;
 268         background: #ffffff;
 269         padding: 3px;
 270         margin-top: 0.5em;
 271         float: left;
 272         font-size: small;
 273         text-align: center;
 274 }
 275 .editExternallyHelp {
 276         font-style: italic;
 277         color: gray;
 278 }
 279
 280 li span.deleted {
 281         text-decoration: line-through;
 282         color: #888;
 283         font-style: italic;
 284 }
 285
 286 /* Classes for EXIF data display */
 287 table.mw_metadata {
 288         margin-left: 0.5em;
 289 }
 290
 291 table.mw_metadata caption {
 292         font-weight: bold;
 293 }
 294 table.mw_metadata th {
 295         font-weight: normal;
 296 }
 297 table.mw_metadata td {
 298         padding: 0.1em;
 299 }
 300
 301 table.mw_metadata {
 302         border: none;
 303         border-collapse: collapse;
 304 }
 305 table.mw_metadata td,
 306 table.mw_metadata th {
 307         border: 1px solid #aaaaaa;
 308         padding-left: 4px;
 309         padding-right: 4px;
 310 }
 311 table.mw_metadata th {
 312         background-color: #f9f9f9;
 313 }
 314 table.mw_metadata td {
 315         background-color: #fcfcfc;
 316 }
 317 table.mw_metadata td.spacer {
 318         background: inherit;
 319         border-top: none;
 320         border-bottom: none;
 321 }
 322 table.collapsed tr.collapsable {
 323         display: none;
 324 }
 325
 326 .visualClear {
 327         clear: both;
 328 }
 329
 330 /* Allmessages table */
 331 #allmessagestable th {
 332         background-color: #b2b2ff;
 333 }
 334
 335 #allmessagestable tr.orig {
 336         background-color: #ffe2e2;
 337 }
 338
 339 #allmessagestable tr.new {
 340         background-color: #e2ffe2;
 341 }
 342
 343 #allmessagestable tr.def {
 344         background-color: #f0f0ff;
 345 }
 346
 347 #jump-to-nav {
 348         display: none;
 349 }
 350
 351 div.multipageimagenavbox {
 352         border: solid 1px silver;
 353         padding: 4px;
 354         margin: 1em;
 355         background: #f0f0f0;
 356 }
 357
 358 div.multipageimagenavbox div.thumb {
 359         border: none;
 360         margin-left: 2em;
 361         margin-right: 2em;
 362 }
 363
 364 div.multipageimagenavbox hr {
 365         margin: 6px;
 366 }
 367
 368 table.multipageimage td {
 369         text-align: center;
 370 }
 371
 372 /*
 373   Table pager (e.g. Special:Imagelist)
 374   - remove underlines from the navigation link
 375   - collapse borders
 376   - set the borders to outsets (similar to Special:Allmessages)
 377   - remove line wrapping for all td and th, set background color
 378   - restore line wrapping for the last two table cells (description and size)
 379 */
 380 .TablePager_nav a {
 381         text-decoration: none;
 382 }
 383 .TablePager {
 384         border-collapse: collapse;
 385 }
 386 .TablePager,
 387 .TablePager td,
 388 .TablePager th {
 389         border: 0.15em solid #777777;
 390         padding: 0 0.15em 0 0.15em;
 391 }
 392 .TablePager th {
 393         background-color: #eeeeff;
 394 }
 395 .TablePager td {
 396         background-color: #ffffff;
 397 }
 398 .TablePager tr:hover td {
 399         background-color: #eeeeff;
 400 }
 401
 402 .imagelist td,
 403 .imagelist th {
 404         white-space: nowrap;
 405 }
 406 .imagelist .TablePager_col_links {
 407         background-color: #eeeeff;
 408 }
 409 .imagelist .TablePager_col_img_description {
 410         white-space: normal;
 411 }
 412 .imagelist th.TablePager_sort {
 413         background-color: #ccccff;
 414 }
 415
 416 .templatesUsed {
 417         margin-top: 1em;
 418 }
 419
 420 .MediaTransformError {
 421         border: thin solid #777;
 422         background-color: #ccc;
 423         padding: 0.1em;
 424 }
 425 .MediaTransformError td {
 426         text-align: center;
 427         vertical-align: middle;
 428         font-size: 90%;
 429 }
 430
 431 form#specialpages {
 432         display: inline;
 433 }
 434
 435 body {
 436         direction: ltr;
 437         unicode-bidi: embed;
 438         background-color: #ffffec;
 439 }
 440 body.ns-0 {
 441         background-color: white;
 442 }
 443
 444 /** RTL specific CSS starts here **/
 445
 446 /**
 447  * Lists:
 448  * The following lines don't have a visible effect on non-Gecko browsers
 449  * They fix a problem with Gecko browsers rendering lists to the right of
 450  * left-floated objects in an RTL layout.
 451  */
 452 /* @noflip */
 453 html > body.rtl div#article ul {
 454         display: table;
 455 }
 456 /* @noflip */
 457 html > body.rtl div#bodyContent ul#filetoc {
 458         display: block;
 459 }
 460
 461 /* RTL specific CSS ends here **/