Difference between revisions of "MediaWiki:Common.css"

Revision as of 15:35, 26 April 2012

/* CSS placed here will be applied to all skins */

pre {
  color:blue;
}

imp {
  color:red;
}

.leftColumn {

  float: left;

  clear: both;

}

.rightColumn {

  margin-left: 51%;

}

.rightColumn, .leftColumn {

  width: 49%;

}

.rightColumn .box {

  border: 1px #666 dotted;

  background-color: #f8f8f8;

  margin-bottom: 8px;

  padding: 0 4px 0 4px;

}

.rightColumn .box li {

  margin-bottom: 4px !important;

}

.leftColumn .box {

  border: 1px #666 dotted;

  background-color: #aaf8aa;

  margin-bottom: 8px;

  padding: 0 4px 0 4px;

}

.leftColumn .box li {

  margin-bottom: 4px !important;

}

.mainPage.rightColumn .box {

  text-align: center;

}

.mainPage.rightColumn .box ul {

  text-align: left;

}

/* added by rich, shared with other wiki. Updated 2010-05-12 */

div.fancy

{

    background-image:url('/wiki/upload/9/93/Hl_box_bg.png');

    background-repeat:no-repeat;

    background-position:bottom left;

    overflow:auto;

    padding-left:16px;

    padding-bottom:11px;

    margin:0;

    margin-left:-16px;

    margin-top:3px;

}

div.fancy>div.box

{

    overflow:auto;

    border:solid 1px red;

    border-bottom:none;

    background-color:transparent;

    background-image:none;

    padding-right:10px;

    padding-left:10px;

    margin:0;

    /*color:#a71f26;*/

}

table, td, th { border-collapse:collapse; border:solid 1px #888; }

td, th { padding: 2px 4px;text-align: left; }

th { background-color: #C9D8BB; }

.amber { background-color: #ffee99; }

.red   { background-color: #ffbaaa; }

.green { background-color: #bbffa8; }

div.nav

{

    float:right;

    border:solid 1px #bcd;

    background-color: #ddeef4;

    padding:3px 12px;

    margin:3px 0;

    margin-left:6px;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    border-radius: 8px;

}

div.quote

{

    margin-left:32px;

    border:dotted 1px #888;

    background-color:#f5f5f5;

    padding:12px;

}

li.good,

li.bad,

li.warn,

li.video,

li.takeaction,

li.rss,

li.twitter,

li.facebook,

li.info,

li.no_info,

li.doc,

li.docx,

li.pdf,

li.odt ,

li.editable

{

    list-style: none;

    background-position:0 1px;

    background-repeat:no-repeat;

    background-image:('/format/icon_16px_default_bullet.png');

    padding-left:22px;

    margin-left:0;

    min-height:18px;

}

li.good { background-image: url('/format/icon_good.png'); }

li.bad { background-image: url('/format/icon_bad.png'); }

li.warn { background-image: url('/format/icon_warning.png'); }

li.video { background-image: url('/format/icon_video.png'); }

li.takeaction { background-image: url('/format/icon_megaphone_16px.png'); }

li.rss { background-image: url('/format/icon_16px_rss.png'); }

li.twitter { background-image: url('/format/icon_16px_twitter.png'); }

li.facebook { background-image: url('/format/icon_16px_facebook.png'); }

li.info { background-image: url('/format/icon_info.png'); }

li.doc,

li.docx { background-image: url('/format/icon_16px_document_msword.jpg'); }

li.pdf { background-image: url('/format/icon_16px_document_pdf.png'); }

li.odt { background-image: url('/format/icon_16px_document_openoffice.png'); }

li.no_info { background-image url('/format/icon_no_info.png'); }

li.editable:hover { background-image url('/format/icon_edit.png');}