MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
/* Gentoo Wiki custom css.
   Talk to a3li before changing anything here, please. */

i:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: top;
  margin-left: 1em; /* Adjusts for spacing */
}

a:visited,
.mw-body a.external:visited {
  color: #7E307E;
}

.cmd-box, .cmd-box a, .cmd-box a.external, .cmd-box a.external:visited {
  background-color: #333;
  color: white !important;
  border-radius: 5px;
  padding: 4px;
  margin-bottom: 10px;
  overflow: auto;
}

.cmd-box code {
  border: none;
  background: none;
  color: white;
}

.cmd-box pre {
  background: none;
  border: none;
  color: white;
  margin: 0;
  padding: 2px 4px;
}

.captioned {
    border-top: none;
    border-radius: 0 0 4px 4px;
}

pre {
  margin: 0px;
  padding: 0px;
  border: none;
}

pre.captioned {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
/*    background-color: #f5f5f5; */
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

div.box-caption {
    padding-top: 4.25px;
    padding-right: 8.5px;
    padding-bottom: 6.25px;
    padding-left: 8.5px;
    background-color: #eeeeee;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    overflow: auto;
}

span.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

div.newsitem {
    min-height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 9px;
    padding-right: 9px;
    border-radius: 3px;
}

div.newsitem h3 {
    margin: 0px;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

a.list-group-item:visited {
  color: #555;
}

/* TODO: Find template that needed this to be white. USEFlag?
.mw-collapsible-toggle a:link {
  color: white;
}*/

table {
  background-color: transparent;
  border-spacing: 0px;
  border-collapse: collapse;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table-striped>tbody>tr:nth-child(odd) {
    background-color: #f1f1f1;
}

table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

th {
    text-align: left;
}

.testcasehack p {
  line-height: 0;
  padding: 0;
  margin: 0;
}

.testcasehack p code {
  border: none;
  background: none;
  line-height: 0;
}

/* field trial! */
.mw-body h2 {
  border-bottom: 1px solid #e1e1e1;
}

/* Code highlighting */
.mw-code {
  border: none;
  padding: 1px;
  background: none;
  font-size: 1.2em;
}

/* HACK!
pre pre {
  font-size: .8em;
  padding: 0;
}*/

.gw-box {
   overflow: auto;
}

* {
   box-sizing: border-box;
}

/* Message Boxes (new) */
.gw-msgbox, .gw-contentbox {
  padding: 3px;
  margin-top: .5em;
  margin-bottom: .5em;
}

.gw-msgbox .gw-msgbox-title {
  margin-top: -3px;
  margin-left: -3px;
  display: table-row;
  float: left;
  padding: 3px;
  margin-right: 3px;
  font-weight: bold;
}

.gw-msgbox .gw-msgbox-content {
  display: table-row;
}

/* Content Boxes (new) */
.gw-contentbox {
  padding-top: 0;
}

.gw-contentbox .gw-contentbox-title {
/**  margin-top: -.3em; old **/
  margin-top: 0;
  margin-left: -3px;
  display: table-row;
  padding: 3px;
  padding-top: 1px; /** new **/
  padding-left: 0;
  float: left;
}

.gw-contentbox .gw-contentbox-title1 {
  padding: 3px;
  font-weight: bold;
}

.gw-contentbox .gw-contentbox-subtitle {
  padding: 3px;
  font-weight: bold;
}

.gw-contentbox .gw-contentbox-description {
  padding: 3px;
  font-weight: bold;
}

.gw-contentbox .gw-contentbox-rightmsg {
  float: right;
  margin-top: -3px;
  margin-right: -3px;
  padding: 3px;
}

.gw-contentbox .gw-contentbox-content {
  clear: both;
  padding-top: 3px;
}

.gw-contentbox-content pre, .gw-cmdbox pre {
  border: none;
  background: none;
  margin: 0;
}

/* Notice/Warning/File/Kernel Boxes (old)
   Hybrid boxes are usable for one-line as well as multi-line content.
   To achieve that, the title box has position: absolute so that all text flows around it.
   You have to manually add padding for the first line. Got a better solution? Let a3li know.
 */
.OLDgw-box, .gw-hybrid-box {
  margin-top: .5em;
  margin-bottom: .5em;
  background-color: #f3f3f3;
}

.gw-hybrid-box {
  padding: .3em;
}

.OLDgw-box pre, .gw-hybrid-box pre {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

.gw-box-show-pre pre {
  border: 1px solid silver !important;
  background-color: white !important;
}

.OLDgw-box .gw-box-title {
  padding: .3em;
  font-weight: bold;
  color: white;
}

.gw-hybrid-box .gw-box-title {
  padding: .3em;
  font-weight: bold;
  color: white;
  display: inline-block;
  float: left;
  margin: -.3em .3em 0 -.3em;
  position: absolute;
}

.OLDgw-box .gw-box-content {
}