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