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 body {
  88         margin: 0;
  89         padding: 0;
  90 }
  91
  92 #globalWrapper {
  93         width: 100%;
  94         height: 100%;
  95         margin: 0;
  96         padding: 0;
  97 }
  98 .visualClear {
  99         clear: both;
 100 }
 101
 102 img {
 103         border: none;
 104 }
 105 p {
 106         margin: 0.4em 0em 0.5em 0em;
 107         line-height: 1.5em;
 108 }
 109 p img {
 110         margin: 0;
 111 }
 112
 113 h1, h2, h3, h4, h5, h6 {
 114         margin: 0;
 115         padding-top: 0.5em;
 116         padding-bottom: 0.17em;
 117 }
 118 fieldset {
 119         margin: 1em 0em 1em 0em;
 120         padding: 0em 1em 1em 1em;
 121 }
 122 .usermessage {
 123         background-color: #ffce7b;
 124         border: 1px solid #ffa500;
 125         color: black;
 126         font-weight: bold;
 127         margin: 2em 0em 1em 0em;
 128         padding: 0.5em 1em;
 129         vertical-align: middle;
 130 }
 131 .error {
 132         color: red;
 133         font-size: larger;
 134 }
 135
 136 table.rimage {
 137         float: right;
 138         position: relative;
 139         margin-left: 1em;
 140         margin-bottom: 1em;
 141         text-align: center;
 142 }
 143
 144 .portlet {
 145         border: none;
 146         float: none;
 147         padding: 0;
 148         width: 11.8em;
 149         overflow: hidden;
 150 }
 151 .portlet h4 {
 152         font-weight: normal;
 153         white-space: nowrap;
 154 }
 155 .portlet h5 {
 156         padding: 0em 1em 0em 0.5em;
 157         display: inline;
 158         height: 1em;
 159         font-weight: normal;
 160         white-space: nowrap;
 161 }
 162 .portlet h6 {
 163         padding: 0em 1em 0em 1em;
 164         display: block;
 165         height: 1.2em;
 166         font-weight: normal;
 167         white-space: nowrap;
 168 }
 169 .pBody {
 170         border-collapse: collapse;
 171         padding: 0 0.8em 0.3em 0.5em;
 172 }
 173 .portlet h1,
 174 .portlet h2,
 175 .portlet h3,
 176 .portlet h4 {
 177         margin: 0;
 178         padding: 0;
 179         font-size: small;
 180 }
 181
 182 #p-search .pBody {
 183         text-align: center;
 184 }
 185
 186 #searchInput {
 187         width: 100%;
 188         clear: both;
 189         margin: 0 0 0 0;
 190 }
 191
 192 input.searchButton {
 193         margin-top: 1px;
 194         padding: 0 0.4em;
 195         cursor: pointer;
 196 }
 197
 198 #p-search .pBody {
 199         padding: 0.5em 0.4em 0.4em 0.4em;
 200 }
 201
 202 /* feed links */
 203 a.feedlink {
 204         background: url(../common/images/feed-icon.png) center left no-repeat;
 205         padding-left: 16px;
 206 }
 207
 208 textarea {
 209         width: 100%;
 210 }
 211
 212 .pBody li,
 213 .pBody ul {
 214         padding-left: 0em;
 215         margin-left: 0.5em;
 216 }
 217
 218 pre {
 219         margin: 2em;
 220         border: solid 1px black;
 221 }
 222
 223 h1.firstHeading,
 224 h2 {
 225         border-bottom: solid 1px black;
 226 }
 227 #bodyContent a.external,
 228 #bodyContent a.external[href ^="gopher://"] {
 229         background: url(external.png) center right no-repeat;
 230         padding-right: 13px;
 231 }
 232 #bodyContent a.external[href ^="https://"],
 233 .link-https {
 234         background: url(lock_icon.gif) center right no-repeat;
 235         padding-right: 16px;
 236 }
 237 #bodyContent a.external[href ^="mailto:"],
 238 .link-mailto {
 239         background: url(mail_icon.gif) center right no-repeat;
 240         padding-right: 18px;
 241 }
 242 #bodyContent a.external[href ^="news:"] {
 243         background: url(news_icon.png) center right no-repeat;
 244         padding-right: 18px;
 245 }
 246 #bodyContent a.external[href ^="ftp://"],
 247 .link-ftp {
 248         background: url(file_icon.gif) center right no-repeat;
 249         padding-right: 18px;
 250 }
 251 #bodyContent a.external[href ^="irc://"],
 252 #bodyContent a.external[href ^="ircs://"],
 253 .link-irc {
 254         background: url(discussionitem_icon.gif) center right no-repeat;
 255         padding-right: 18px;
 256 }
 257
 258 #bodyContent a.extiw,
 259 #bodyContent a.extiw:active {
 260         color: #5E7CFF;
 261 }
 262
 263 td.diff-addedline {
 264         background-color: #B9FFB0;
 265 }
 266
 267 td.diff-deletedline {
 268         background-color: #f8ffaa;
 269 }
 270
 271 .diffchange {
 272         background-color: #FFCDF3;
 273         text-decoration: none;
 274 }
 275
 276 #pagehistory li {
 277         border: none;
 278 }
 279
 280 div.tocindent {
 281         margin-left: 2em;
 282 }
 283 #toc {
 284         text-align: left;
 285         border-top: solid 1px black;
 286         border-bottom: solid 1px black;
 287 }
 288
 289 /* @noflip */div.floatright, table.floatright {
 290         margin: 0;
 291         border-width: 0.5em 0 0.8em 1.4em;
 292 }
 293 div.floatright p {
 294         font-style: italic;
 295 }
 296 /* @noflip */div.floatleft, table.floatleft {
 297         margin: 0.3em 0.5em 0.5em 0;
 298         border-width: 0.5em 1.4em 0.8em 0;
 299 }
 300 div.floatleft p {
 301         font-style: italic;
 302 }
 303
 304 /* thumbnails */
 305 div.thumb {
 306         margin-bottom: 0.5em;
 307         width: auto;
 308 }
 309 div.thumbinner {
 310         padding: 3px !important;
 311         text-align: center;
 312         overflow: hidden;
 313 }
 314
 315 html .thumbcaption {
 316         border: none;
 317         text-align: left;
 318         line-height: 1.4;
 319         padding: 0.3em 0 0.1em 0;
 320 }
 321 div.magnify {
 322         float: right;
 323         border: none !important;
 324         background: none !important;
 325 }
 326 div.magnify a,
 327 div.magnify img {
 328         display: block;
 329         border: none !important;
 330         background: none !important;
 331 }
 332 /* @noflip */div.tright {
 333         border-width: 0.5em 0 0.8em 1.4em;
 334 }
 335 /* @noflip */div.tleft {
 336         margin-right: 0.5em;
 337         border-width: 0.5em 1.4em 0.8em 0;
 338 }
 339 img.thumbborder {
 340         border: 1px solid #dddddd;
 341 }
 342
 343 a.stub {
 344         color: #772233;
 345 }
 346 a.new,
 347 #p-personal a.new {
 348         color: #BA0000;
 349         text-decoration: line-through;
 350 }
 351 li.new {
 352         text-decoration: line-through;
 353 }
 354 /**
 355  * Overrides text justification (user preference)
 356  * See bug 31990
 357  */
 358 #catlinks {
 359         text-align: center;
 360 }
 361 .catlinks {
 362         text-align: center;
 363         width: 80%;
 364         margin-left: auto;
 365         margin-right: auto;
 366         padding: 3px;
 367 }
 368
 369 #mytabs {
 370         background-color: inherit;
 371 }
 372 #p-cactions {
 373         background-color: inherit;
 374 }
 375 div.printfooter {
 376         display: none;
 377 }
 378
 379 #footer {
 380         padding-left: 11.8em;
 381 }
 382
 383 #n-portal,
 384 #n-currentevents,
 385 #n-help,
 386 #n-sitesupport {
 387         display: none;
 388 }
 389
 390 #preftoc {
 391         float: left;
 392         margin: 1em;
 393         width: 13em;
 394 }
 395 #preftoc li {
 396 }
 397 #preftoc li.selected {
 398         border: 1px dashed #aaa;
 399 }
 400 #preftoc a,
 401 #preftoc a:active {
 402         display: block;
 403 }
 404 div.htmlform-tip {
 405         font-size: 95%;
 406         margin-top: 1em;
 407 }
 408
 409 #mw_trackbacks {
 410         border-style: groove;
 411 }
 412
 413 #jump-to-nav {
 414         display: none;
 415 }
 416
 417 table.collapsed tr.collapsable {
 418         display: none;
 419 }
 420
 421 .templatesUsed {
 422         margin-top: 1.5em;
 423 }
 424