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