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 span.diffchange { background-color: #FFCDF3; }
 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     margin: 0.3em 0.5em 0.5em 0;
 306     position: relative;
 307     border-width: 0.5em 1.4em 0.8em 0;
 308 }
 309 div.floatleft p { font-style: italic; }
 310 /* thumbnails */
 311 div.thumb {
 312     margin-bottom: 0.5em;
 313     width: auto;
 314 }
 315 div.thumb div {
 316     padding: 3px !important;
 317     text-align: center;
 318     overflow: hidden;
 319 }
 320
 321 div.thumb div div.thumbcaption {
 322     border: none;
 323     text-align: left;
 324     line-height: 1.4;
 325     padding: 0.3em 0 0.1em 0;
 326 }
 327 div.magnify {
 328     float: right;
 329     border: none !important;
 330     background: none !important;
 331 }
 332 div.magnify a, div.magnify img {
 333     display: block;
 334     border: none !important;
 335     background: none !important;
 336 }
 337 div.tright {
 338     clear: right;
 339     float: right;
 340     border-width: 0.5em 0 0.8em 1.4em;
 341 }
 342 div.tleft {
 343     float: left;
 344     margin-right:0.5em;
 345     border-width: 0.5em 1.4em 0.8em 0;
 346 }
 347
 348 a.stub { color: #772233; }
 349 a.new,
 350 #p-personal a.new {
 351         text-decoration: line-through;
 352 }
 353 li.new {
 354         text-decoration: line-through;
 355 }
 356 p.catlinks {
 357   text-align: center;
 358   width: 80%;
 359   margin-left: auto;
 360   margin-right: auto;
 361   padding: 3px;
 362 }
 363
 364 #mytabs {
 365   background-color: inherit;
 366 }
 367 #p-cactions {
 368   background-color: inherit;
 369 }
 370 div.printfooter {
 371   display: none;
 372 }
 373
 374
 375 #ca-addsection a:before {
 376   content: "Add section";
 377   font-size: 10pt;
 378 }
 379
 380 #ca-addsection a {
 381   font-size: 0px;
 382 }
 383
 384 #n-portal,
 385 #n-currentevents,
 386 #n-help,
 387 #n-sitesupport {
 388   display: none;
 389 }
 390
 391 span.searchmatch {
 392   font-weight: bold;
 393 }
 394
 395 #preftoc {
 396     float: left;
 397     margin: 1em;
 398     width: 13em;
 399 }
 400 #preftoc li {
 401 }
 402 #preftoc li.selected {
 403     border: 1px dashed #aaa;
 404 }
 405 #preftoc a,
 406 #preftoc a:active {
 407     display: block;
 408 }
 409 #prefcontrol {
 410     clear: both;
 411     float: left;
 412     margin-top: 1em;
 413 }
 414 div.prefsectiontip {
 415     font-size: 95%;
 416     margin-top: 1em;
 417 }
 418
 419 #mw_trackbacks {
 420         border-style: groove;
 421         padding: 0.2em;
 422 }
 423
 424 #jump-to-nav {
 425   display: none;
 426 }
 427
 428 table.collapsed tr.collapsable {
 429         display: none;
 430 }
 431
 432 .editsection {
 433         float: right;
 434         margin-left: 5px;
 435 }