MediaWiki:Common.css
From HPC Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Gentoo Wiki custom css.
Talk to a3li before changing anything here, please. */
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;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.well {
min-height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.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;
}*/
/* 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 {
}