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