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