MediaWiki: Common.css: Difference between revisions
From Iwan
(Created page with "→CSS placed here will be applied to all skins: #navbar a, #navbar a:visited, #navbar a:focus, .navbar-brand, #navbar a:hover { color: white !important; }") |
No edit summary |
||
(10 intermediate revisions by one other user not shown) | |||
Line 2: | Line 2: | ||
#navbar a, #navbar a:visited, #navbar a:focus, .navbar-brand, #navbar a:hover { | #navbar a, #navbar a:visited, #navbar a:focus, .navbar-brand, #navbar a:hover { | ||
color: white !important; | color: white !important; | ||
} | |||
.dropdown-menu.show { | |||
background-color: #343a40!important; | |||
} | |||
.jellyfish { | |||
background-color: #000; | |||
color: #fff; | |||
background-image: url(http://iwan.wiki/images/top_banner_image.jpg); | |||
background-position: 50% 15%; | |||
text-shadow: 1px 1px black; | |||
} | |||
.bs-announce a { | |||
color:#773 | |||
} | |||
.bs-announce-main { | |||
background-color:#cacaaa; | |||
color:#224 | |||
} | |||
.bs-announce-blurb { | |||
background-color:#c3e48e; | |||
color:#2c5871; | |||
font-weight:normal | |||
} | |||
.bs-callout { | |||
margin:20px 0; | |||
padding:15px 30px 15px 15px; | |||
border-left:5px solid #eeeeee | |||
} | |||
.bs-callout h4, | |||
.bs-announce h4 { | |||
margin-top:0 | |||
} | |||
.bs-callout p:last-child, | |||
.bs-announce p:last-child { | |||
margin-bottom:0 | |||
} | |||
.bs-callout code, | |||
.bs-callout .highlight { | |||
background-color:#fff | |||
} | |||
.bs-callout-danger { | |||
background-color:#fcf2f2; | |||
border-color:#d9534f | |||
} | |||
.bs-callout-warning { | |||
background-color:#FBF3CF; | |||
border-color:#f0ad4e; | |||
color:#1c232b | |||
} | |||
.bs-callout-info { | |||
background-color:#f0f7fd; | |||
background-color:#eaebff; | |||
border-color:#5bc0de | |||
} | |||
.bs-head { | |||
margin-top:0; | |||
font-size:18px; | |||
margin-bottom:10px; | |||
font-family:inherit; | |||
font-weight:500; | |||
line-height:1.1; | |||
display:block | |||
} | |||
.bs-callout-danger .bs-head { | |||
color:#B94A48 | |||
} | |||
.bs-callout-warning .bs-head { | |||
color:#C09853 | |||
} | |||
.bs-callout-info .bs-head { | |||
color:#3A87AD | |||
} | |||
.bs-callout .mw-editsection { | |||
font-size:0 | |||
} | |||
div[role="tabpanel"] > ul { | |||
margin:0 | |||
} | |||
.tab-content { | |||
padding-bottom:10px | |||
} | |||
.bs-callout p { | |||
color:#1c232b | |||
} | |||
.code { | |||
background-color:#002e3a; | |||
color:#40b2d0 | |||
} | |||
blockquote { | |||
padding: 10px 20px; | |||
margin: 0 0 20px; | |||
font-size: 17.5px; | |||
border-left: 5px solid #eee | |||
} | |||
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child { | |||
margin-bottom: 0 | |||
} | |||
blockquote footer,blockquote small,blockquote .small { | |||
display: block; | |||
font-size: 80%; | |||
line-height: 1.42857143; | |||
color: #777 | |||
} | |||
blockquote footer:before,blockquote small:before,blockquote .small:before { | |||
content: "\2014 \00A0" | |||
} | |||
.blockquote-reverse,blockquote.pull-right { | |||
padding-right: 15px; | |||
padding-left: 0; | |||
text-align: right; | |||
border-right: 5px solid #eee; | |||
border-left: 0 | |||
} | |||
.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before { | |||
content: "" | |||
} | |||
.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after { | |||
content: "\00A0 \2014" | |||
} | |||
.table { | |||
width: 100%; | |||
max-width: 100%; | |||
margin-bottom: 20px | |||
} | |||
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td { | |||
padding: 8px; | |||
line-height: 1.42857143; | |||
vertical-align: top; | |||
border-top: 1px solid #ddd | |||
} | |||
.table>thead>tr>th { | |||
vertical-align: bottom; | |||
border-bottom: 2px solid #ddd | |||
} | |||
.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td { | |||
border-top: 0 | |||
} | |||
.table>tbody+tbody { | |||
border-top: 2px solid #ddd | |||
} | |||
.table .table { | |||
background-color: #fff | |||
} | |||
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td { | |||
padding: 5px | |||
} | |||
.table-bordered { | |||
border: 1px solid #ddd | |||
} | |||
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td { | |||
border: 1px solid #ddd | |||
} | |||
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td { | |||
border-bottom-width: 2px | |||
} | |||
.table-striped>tbody>tr:nth-of-type(odd) { | |||
background-color: #f9f9f9 | |||
} | |||
.table-hover>tbody>tr:hover { | |||
background-color: #f5f5f5 | |||
} | |||
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th { | |||
background-color: #f5f5f5 | |||
} | |||
.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th { | |||
background-color: #e8e8e8 | |||
} | |||
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th { | |||
background-color: #dff0d8 | |||
} | |||
.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th { | |||
background-color: #d0e9c6 | |||
} | |||
.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th { | |||
background-color: #d9edf7 | |||
} | |||
.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th { | |||
background-color: #c4e3f3 | |||
} | |||
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th { | |||
background-color: #fcf8e3 | |||
} | |||
.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th { | |||
background-color: #faf2cc | |||
} | |||
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th { | |||
background-color: #f2dede | |||
} | |||
.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th { | |||
background-color: #ebcccc | |||
} | |||
.table-responsive { | |||
min-height: .01%; | |||
overflow-x: auto | |||
} | |||
@media screen and (max-width: 767px) { | |||
.table-responsive { | |||
width:100%; | |||
margin-bottom: 15px; | |||
overflow-y: hidden; | |||
-ms-overflow-style: -ms-autohiding-scrollbar; | |||
border: 1px solid #ddd | |||
} | |||
.table-responsive>.table { | |||
margin-bottom: 0 | |||
} | |||
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td { | |||
white-space: nowrap | |||
} | |||
.table-responsive>.table-bordered { | |||
border: 0 | |||
} | |||
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child { | |||
border-left: 0 | |||
} | |||
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child { | |||
border-right: 0 | |||
} | |||
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td { | |||
border-bottom: 0 | |||
} | |||
} | |||
#console1 .code { | |||
background-color: #fbeee4; | |||
color: #6d3737 | |||
} | |||
#console .code { | |||
background-color: #002e3a; | |||
color: #40b2d0 | |||
} | |||
#tweekiTOC { | |||
overflow-y: auto; | |||
height: 500px; | |||
} | } |
Latest revision as of 17:15, 17 March 2024
/* CSS placed here will be applied to all skins */
#navbar a, #navbar a:visited, #navbar a:focus, .navbar-brand, #navbar a:hover {
color: white !important;
}
.dropdown-menu.show {
background-color: #343a40!important;
}
.jellyfish {
background-color: #000;
color: #fff;
background-image: url(http://iwan.wiki/images/top_banner_image.jpg);
background-position: 50% 15%;
text-shadow: 1px 1px black;
}
.bs-announce a {
color:#773
}
.bs-announce-main {
background-color:#cacaaa;
color:#224
}
.bs-announce-blurb {
background-color:#c3e48e;
color:#2c5871;
font-weight:normal
}
.bs-callout {
margin:20px 0;
padding:15px 30px 15px 15px;
border-left:5px solid #eeeeee
}
.bs-callout h4,
.bs-announce h4 {
margin-top:0
}
.bs-callout p:last-child,
.bs-announce p:last-child {
margin-bottom:0
}
.bs-callout code,
.bs-callout .highlight {
background-color:#fff
}
.bs-callout-danger {
background-color:#fcf2f2;
border-color:#d9534f
}
.bs-callout-warning {
background-color:#FBF3CF;
border-color:#f0ad4e;
color:#1c232b
}
.bs-callout-info {
background-color:#f0f7fd;
background-color:#eaebff;
border-color:#5bc0de
}
.bs-head {
margin-top:0;
font-size:18px;
margin-bottom:10px;
font-family:inherit;
font-weight:500;
line-height:1.1;
display:block
}
.bs-callout-danger .bs-head {
color:#B94A48
}
.bs-callout-warning .bs-head {
color:#C09853
}
.bs-callout-info .bs-head {
color:#3A87AD
}
.bs-callout .mw-editsection {
font-size:0
}
div[role="tabpanel"] > ul {
margin:0
}
.tab-content {
padding-bottom:10px
}
.bs-callout p {
color:#1c232b
}
.code {
background-color:#002e3a;
color:#40b2d0
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee
}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child {
margin-bottom: 0
}
blockquote footer,blockquote small,blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777
}
blockquote footer:before,blockquote small:before,blockquote .small:before {
content: "\2014 \00A0"
}
.blockquote-reverse,blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0
}
.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before {
content: ""
}
.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after {
content: "\00A0 \2014"
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td {
padding: 5px
}
.table-bordered {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td {
border: 1px solid #ddd
}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5
}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th {
background-color: #f5f5f5
}
.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8
}
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th {
background-color: #dff0d8
}
.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6
}
.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th {
background-color: #d9edf7
}
.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th {
background-color: #c4e3f3
}
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th {
background-color: #fcf8e3
}
.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc
}
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th {
background-color: #f2dede
}
.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc
}
.table-responsive {
min-height: .01%;
overflow-x: auto
}
@media screen and (max-width: 767px) {
.table-responsive {
width:100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd
}
.table-responsive>.table {
margin-bottom: 0
}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td {
white-space: nowrap
}
.table-responsive>.table-bordered {
border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0
}
}
#console1 .code {
background-color: #fbeee4;
color: #6d3737
}
#console .code {
background-color: #002e3a;
color: #40b2d0
}
#tweekiTOC {
overflow-y: auto;
height: 500px;
}