|
|
| (9 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* 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;
| |
| margin-right: -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 {
| |
| }
| |