skins/simple/main.css

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