MediaWiki:Common.css: Difference between revisions

Latest revision as of 11:53, 1 May 2019

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

/* "Main" Page Div Styles */

.mp-float-right {
    float: right;
    width: 50%;
}

.mp-float-left {
    float: left;
    width: 49%;
}

.mp-1col,
.mp-1col-cmd,
.mp-1col-salsa {
    float: left;
    width: 100%;
}

.mp-3col-left {
    float: left;
    width: 31%;
}

.mp-3col-center {
    float: left;
    width: 31%;
}

.mp-3col-right {
    float: left;
    width: 31%;
}

.mp-2col-left,
.mp-2col-right {
    float: left;
    width: 48%;
}

.mp-1col,
.mp-3col-left,
.mp-3col-center,
.mp-3col-right {
    border: 1px solid #c9d7f0;
    margin: 4px;
}

.mp-3col-left .thumbinner,
.mp-3col-center .thumbinner,
.mp-3col-right .thumbinner {
    display: block !important;
    height: auto !important;
    margin: 0 auto !important;
    max-width: 272px !important;
    width: 100% !important;
}

.mp-3col-left img,
.mp-3col-center img,
.mp-3col-right img {
    display: block !important;
    height: auto !important;
    margin: 0 auto !important;
    width: 100% !important;
}

.mp-3col-right #twitter-widget-0 {
    padding: 0px 5px !important;
    width: calc(100% - 10px) !important;
}

.mp-1col-cmd {
    margin: 4px;
}

.mp-2col-left,
.mp-2col-right {
    border: 1px solid #c9d7f0;
    margin: 4px;
}

/* Salsa/Other */

.red-check ul {
  list-style-image: url(http://www.alecexposed.org/w/images/e/ec/Red-check.png)!important;
}

.more-hot-bills {
  background-image: url(http://www.alecexposed.org/w/images/0/0c/Big-red-check-trans.png);
  background-repeat: no-repeat;
  background-position: center;
}

.twtr-widget {
  text-align: center;
}
.twtr-doc {
  text-align: left;
  margin: auto;
}

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Salsa Sign-Up Form */

.sli-form {
    margin-top: 0 !important;
}

.sli-element {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.sli-element p {
    margin-bottom: 5px !important;
}

/*
 * Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

.sn-banner {
    width:100%;
    height:auto;
}