skins/simple/main.css

   1 /**
   2  * For clarity, explicitly state some recommendations from
   3  * http://www.w3.org/TR/CSS21/sample.html to make sure the editsection links scale right.
   4  */
   5
   6 h1 {
   7         font-size: 2em;
   8 }
   9 h2 {
  10         font-size: 1.5em;
  11 }
  12 h3 {
  13         font-size: 1.17em;
  14 }
  15 h5 {
  16         font-size: .83em;
  17 }
  18 h6 {
  19         font-size: .75em;
  20 }
  21 h1, h2, h3, h4, h5, h6 {
  22         font-weight: bolder;
  23 }
  24
  25 /* Now the custom parts */
  26
  27 /* Make edit sections (which are inside h# tags) normal-sized */
  28 .editsection {
  29         font-weight: normal;
  30 }
  31 h1 .editsection {
  32         font-size: 50%;
  33 }
  34 h2 .editsection {
  35         font-size: 66.7%;
  36 }
  37 h3 .editsection {
  38         font-size: 85.5%;
  39 }
  40 h5 .editsection {
  41         font-size: 120%;
  42 }
  43 h6 .editsection {
  44         font-size: 133%;
  45 }
  46
  47 #toolbar {
  48         display: none;
  49 }
  50
  51 div.center {
  52         text-align: center;
  53 }
  54
  55 #contentSub {
  56         padding-left: 2em;
  57 }
  58
  59 a {
  60         text-decoration: none;
  61 }
  62
  63 a:hover {
  64         text-decoration: underline;
  65 }
  66
  67 #column-content {
  68         width: 100%;
  69         float: right;
  70         margin: 0 0 0.6em -12.2em;
  71         padding: 0;
  72 }
  73
  74 #content {
  75         margin: 0em 0 0 12.2em;
  76         padding: 0em 1em 1.5em 1em;
  77         border-left: 1px solid #959595;
  78         line-height: 1.5em;
  79 }
  80
  81 #column-one {
  82         position: absolute;
  83         top: 0;
  84         left: 0;
  85 }
  86
  87 /* Hide, but keep accessible for screen-readers */
  88 #column-one h2 {
  89         position: absolute;
  90         top: -9999px;
  91 }
  92
  93 body {
  94         margin: 0;
  95         padding: 0;
  96 }
  97
  98 #globalWrapper {
  99         width: 100%;
 100         height: 100%;
 101         margin: 0;
 102         padding: 0;
 103 }
 104 .visualClear {
 105         clear: both;
 106 }
 107
 108 img {
 109         border: none;
 110 }
 111 p {
 112         margin: 0.4em 0em 0.5em 0em;
 113         line-height: 1.5em;
 114 }
 115 p img {
 116         margin: 0;
 117 }
 118
 119 h1, h2, h3, h4, h5, h6 {
 120         margin: 0;
 121         padding-top: 0.5em;
 122         padding-bottom: 0.17em;
 123 }
 124 fieldset {
 125         margin: 1em 0em 1em 0em;
 126         padding: 0em 1em 1em 1em;
 127 }
 128 .usermessage {
 129         background-color: #ffce7b;
 130         border: 1px solid #ffa500;
 131         color: black;
 132         font-weight: bold;
 133         margin: 2em 0em 1em 0em;
 134         padding: 0.5em 1em;
 135         vertical-align: middle;
 136 }
 137 .error {
 138         color: red;
 139         font-size: larger;
 140 }
 141
 142 table.rimage {
 143         float: right;
 144         position: relative;
 145         margin-left: 1em;
 146         margin-bottom: 1em;
 147         text-align: center;
 148 }
 149
 150 .portlet {
 151         border: none;
 152         float: none;
 153         padding: 0;
 154         width: 11.8em;
 155         overflow: hidden;
 156 }
 157 .portlet h4 {
 158         font-weight: normal;
 159         white-space: nowrap;
 160 }
 161 .portlet h5 {
 162         padding: 0em 1em 0em 0.5em;
 163         display: inline;
 164         height: 1em;
 165         font-weight: normal;
 166         white-space: nowrap;
 167 }
 168 .portlet h6 {
 169         padding: 0em 1em 0em 1em;
 170         display: block;
 171         height: 1.2em;
 172         font-weight: normal;
 173         white-space: nowrap;
 174 }
 175 .pBody {
 176         border-collapse: collapse;
 177         padding: 0 0.8em 0.3em 0.5em;
 178 }
 179 .portlet h1,
 180 .portlet h2,
 181 .portlet h3,
 182 .portlet h4 {
 183         margin: 0;
 184         padding: 0;
 185         font-size: small;
 186 }
 187
 188 #p-search .pBody {
 189         text-align: center;
 190 }
 191
 192 #searchInput {
 193         width: 100%;
 194         clear: both;
 195         margin: 0 0 0 0;
 196 }
 197
 198 input.searchButton {
 199         margin-top: 1px;
 200         padding: 0 0.4em;
 201         cursor: pointer;
 202 }
 203
 204 #p-search .pBody {
 205         padding: 0.5em 0.4em 0.4em 0.4em;
 206 }
 207
 208 /* feed links */
 209 a.feedlink {
 210         background: url(../common/images/feed-icon.png) center left no-repeat;
 211         padding-left: 16px;
 212 }
 213
 214 textarea {
 215         width: 100%;
 216 }
 217
 218 .pBody li,
 219 .pBody ul {
 220         padding-left: 0em;
 221         margin-left: 0.5em;
 222 }
 223
 224 pre, .mw-code {
 225         margin: 2em;
 226         border: solid 1px black;
 227 }
 228
 229 h1.firstHeading,
 230 h2 {
 231         border-bottom: solid 1px black;
 232 }
 233 #bodyContent a.external,
 234 #bodyContent a.external[href ^="gopher://"] {
 235         background: url(external.png) center right no-repeat;
 236         padding-right: 13px;
 237 }
 238 #bodyContent a.external[href ^="https://"],
 239 .link-https {
 240         background: url(lock_icon.gif) center right no-repeat;
 241         padding-right: 16px;
 242 }
 243 #bodyContent a.external[href ^="mailto:"],
 244 .link-mailto {
 245         background: url(mail_icon.gif) center right no-repeat;
 246         padding-right: 18px;
 247 }
 248 #bodyContent a.external[href ^="news:"] {
 249         background: url(news_icon.png) center right no-repeat;
 250         padding-right: 18px;
 251 }
 252 #bodyContent a.external[href ^="ftp://"],
 253 .link-ftp {
 254         background: url(file_icon.gif) center right no-repeat;
 255         padding-right: 18px;
 256 }
 257 #bodyContent a.external[href ^="irc://"],
 258 #bodyContent a.external[href ^="ircs://"],
 259 .link-irc {
 260         background: url(discussionitem_icon.gif) center right no-repeat;
 261         padding-right: 18px;
 262 }
 263
 264 #bodyContent a.extiw,
 265 #bodyContent a.extiw:active {
 266         color: #5E7CFF;
 267 }
 268
 269 td.diff-addedline {
 270         background-color: #B9FFB0;
 271 }
 272
 273 td.diff-deletedline {
 274         background-color: #f8ffaa;
 275 }
 276
 277 .diffchange {
 278         background-color: #FFCDF3;
 279         text-decoration: none;
 280 }
 281
 282 #pagehistory li {
 283         border: none;
 284 }
 285
 286 div.tocindent {
 287         margin-left: 2em;
 288 }
 289 #toc {
 290         text-align: left;
 291         border-top: solid 1px black;
 292         border-bottom: solid 1px black;
 293 }
 294
 295 /* @noflip */div.floatright, table.floatright {
 296         margin: 0;
 297         border-width: 0.5em 0 0.8em 1.4em;
 298 }
 299 div.floatright p {
 300         font-style: italic;
 301 }
 302 /* @noflip */div.floatleft, table.floatleft {
 303         margin: 0.3em 0.5em 0.5em 0;
 304         border-width: 0.5em 1.4em 0.8em 0;
 305 }
 306 div.floatleft p {
 307         font-style: italic;
 308 }
 309
 310 /* thumbnails */
 311 div.thumb {
 312         margin-bottom: 0.5em;
 313         width: auto;
 314 }
 315 div.thumbinner {
 316         padding: 3px !important;
 317         text-align: center;
 318         overflow: hidden;
 319 }
 320
 321 html .thumbcaption {
 322         border: none;
 323         text-align: left;
 324         line-height: 1.4;
 325         padding: 0.3em 0 0.1em 0;
 326 }
 327 div.magnify {
 328         float: right;
 329         border: none !important;
 330         background: none !important;
 331 }
 332 div.magnify a,
 333 div.magnify img {
 334         display: block;
 335         border: none !important;
 336         background: none !important;
 337 }
 338 /* @noflip */div.tright {
 339         border-width: 0.5em 0 0.8em 1.4em;
 340 }
 341 /* @noflip */div.tleft {
 342         margin-right: 0.5em;
 343         border-width: 0.5em 1.4em 0.8em 0;
 344 }
 345 img.thumbborder {
 346         border: 1px solid #dddddd;
 347 }
 348
 349 a.stub {
 350         color: #772233;
 351 }
 352 a.new,
 353 #p-personal a.new {
 354         color: #BA0000;
 355         text-decoration: line-through;
 356 }
 357 li.new {
 358         text-decoration: line-through;
 359 }
 360 /**
 361  * Overrides text justification (user preference)
 362  * See bug 31990
 363  */
 364 #catlinks {
 365         text-align: center;
 366 }
 367 .catlinks {
 368         text-align: center;
 369         width: 80%;
 370         margin-left: auto;
 371         margin-right: auto;
 372         padding: 3px;
 373 }
 374
 375 #mytabs {
 376         background-color: inherit;
 377 }
 378 #p-cactions {
 379         background-color: inherit;
 380 }
 381
 382 #footer {
 383         padding-left: 11.8em;
 384 }
 385
 386 #n-portal,
 387 #n-currentevents,
 388 #n-help,
 389 #n-sitesupport {
 390         display: none;
 391 }
 392
 393 #preftoc {
 394         float: left;
 395         margin: 1em;
 396         width: 13em;
 397 }
 398 #preftoc li {
 399 }
 400 #preftoc li.selected {
 401         border: 1px dashed #aaa;
 402 }
 403 #preftoc a,
 404 #preftoc a:active {
 405         display: block;
 406 }
 407 div.htmlform-tip {
 408         font-size: 95%;
 409         margin-top: 1em;
 410 }
 411
 412 #mw_trackbacks {
 413         border-style: groove;
 414 }
 415
 416 #jump-to-nav {
 417         display: none;
 418 }
 419
 420 table.collapsed tr.collapsable {
 421         display: none;
 422 }
 423
 424 .templatesUsed {
 425         margin-top: 1.5em;
 426 }
 427