MediaWiki:Tweeki.css
From Iwan
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 affect users of the Tweeki skin */
/* Add Bootstrap CSS from CDN */
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet">
*:not(.fa):not(.code):not(.fas):not(.far):not(.fal):not(.fab) {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
ul:not(.fa):not(.code):not(.fas):not(.far):not(.fal):not(.fab),
ol:not(.fa):not(.code):not(.fas):not(.far):not(.fal):not(.fab),
li:not(.fa):not(.code):not(.fas):not(.far):not(.fal):not(.fab),
p:not(.fa):not(.code):not(.fas):not(.far):not(.fal):not(.fab),
a:not(.fa):not(.code):not(.fas):not(.far):not(.fal):not(.fab) {
font-size: 14px;
}
body {
background-image: url(/skins/Tweeki/images/NSXninjaOpacityLow.png?b9bb2);
background-repeat: no-repeat;
background-position: center 150px;
background-attachment: fixed;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-size: 14px !important;
background-color: #eaeaea !important;
}
body.page-Main_Page #sidebar-right {
order: 0;
max-width: 12%;
}
.code {
font-family: "andale mono","lucida console",monospace;
}
#myTabs .active {
background: white;
}
ul {
font-size: 14px !important;
}
li {
font-family: 'Open Sans',sans-serif;
font-weight: 300;
line-height: 24px;
font-size: 14px; }
.figure {
display: inline-block;
display: flex;
margin-top: 2px;
margin-bottom: 4px;
border: 1px solid #1e1d1db2;
overflow: hidden;
padding: var(--callout-padding);
border-radius: var(--callout-border-radii);
box-shadow: var(--callout-shadow);
}
#bodyContent a {
color: red;
}
#navbar a, #navbar a:visited, #navbar a:focus, .navbar-brand, #navbar a:hover { color: red !important; }
#tweekiTOC #toc ul > li a {
font-weight: bold;
color: #343a40;}
#tweekiTOC #toc a.active, #tweekiTOC #toc a:focus, #tweekiTOC #toc a:hover {
color: red; }
.collapsible-content,
.nested-collapsible .collapsible-content {
display: none;
padding: /* add appropriate padding value here */;
border-radius: /* add appropriate border-radius value here */;
box-shadow: /* add appropriate box-shadow value here */;
}
.collapsible-alone-header {
font-size: 1.35em;
cursor: pointer;
list-style: none;
}
.collapsible-sub-subheader {
font-size: 1.2em;
margin-left: 45px;
cursor: pointer;
list-style: none;
}
.collapsible-subheader {
font-size: 1.5em;
margin-left: 20px;
cursor: pointer;
list-style: none;
}
.collapsible-header {
font-size: 1.875em;
font-weight: bold;
cursor: pointer;
list-style: none;
}
.collapsible-content,
.nested-collapsible .collapsible-content {
display: none;
padding: var(--callout-padding);
border-radius: var(--callout-border-radii);
box-shadow: var(--callout-shadow);
}
.collapsible-header .fa, .nested-collapsible .collapsible-header .fa {
margin-right: 5px;
}
.collapsible-header .fas.fa-square-caret-right::before,
.nested-collapsible .collapsible-header .fas.fa-square-caret-right::before {
content: '\f152'; /* Unicode for square-caret-right */
}
.collapsible-header .fas.fa-square-caret-down::before,
.nested-collapsible .collapsible-header .fas.fa-square-caret-down::before {
content: '\f150'; /* Unicode for square-caret-down */
}
.collapsible-subheader .fa, .nested-collapsible .collapsible-subheader .fa {
margin-right: 5px;
}
.collapsible-subheader .fas.fa-square-caret-right::before,
.nested-collapsible .collapsible-subheader .fas.fa-square-caret-right::before {
content: '\f152'; /* Unicode for square-caret-right */
}
.collapsible-subheader .fas.fa-square-caret-down::before,
.nested-collapsible .collapsible-subheader .fas.fa-square-caret-down::before {
content: '\f150'; /* Unicode for square-caret-down */
}
.collapsible-sub-subheader .fa, .nested-collapsible .collapsible-subheader .fa {
margin-right: 5px;
}
.collapsible-sub-subheader .fas.fa-square-caret-right::before,
.nested-collapsible .collapsible-subheader .fas.fa-square-caret-right::before {
content: '\f152'; /* Unicode for square-caret-right */
}
.collapsible-sub-subheader .fas.fa-square-caret-down::before,
.nested-collapsible .collapsible-subheader .fas.fa-square-caret-down::before {
content: '\f150'; /* Unicode for square-caret-down */
}
.collapsible-alone-header .fa, .nested-collapsible .collapsible-subheader .fa {
margin-right: 5px;
}
.collapsible-alone-header .fas.fa-square-caret-right::before,
.nested-collapsible .collapsible-subheader .fas.fa-square-caret-right::before {
content: '\f152'; /* Unicode for square-caret-right */
}
.collapsible-alone-header .fas.fa-square-caret-down::before,
.nested-collapsible .collapsible-subheader .fas.fa-square-caret-down::before {
content: '\f150'; /* Unicode for square-caret-down */
}
.collapsible-content > .code {
margin-left: 45px;
}
body img {
max-width: 100% !important;
}
/* To make images responsive */
img {
max-width:100%;
height:auto;
}
#navbar a, #navbar a:visited, #navbar a:focus, .navbar-brand, #navbar a:hover {
color: red !important; }
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.nav>li>a:hover,.nav>li>a:focus {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #777
}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent
}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus {
background-color: #eee;
border-color: #337ab7
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 5px;
text-align: center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width: 768px) {
.nav-tabs.nav-justified>li {
display:table-cell;
width: 1%
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
border: 1px solid #ddd
}
@media (min-width: 768px) {
.nav-tabs.nav-justified>li>a {
border-bottom:1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus {
border-bottom-color: #fff
}
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 4px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus {
color: #fff;
background-color: #337ab7
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified {
width: 100%
}
.nav-justified>li {
float: none
}
.nav-justified>li>a {
margin-bottom: 5px;
text-align: center
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width: 768px) {
.nav-justified>li {
display:table-cell;
width: 1%
}
.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
border: 1px solid #ddd
}
@media (min-width: 768px) {
.nav-tabs-justified>li>a {
border-bottom:1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus {
border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.mw-content-ltr ul.nav,.mw-content-rtl .mw-content-ltr ul.nav {
margin-left: 0
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
display: table;
content: " ";
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
clear: both;
}
#footer {
max-width: 100%;
position:static;
bottom:-.1em;
left:0;
width:100%;
background:#eee;
padding:.5em 0;
color:#555;
text-align:center;
font-size:9pt
}
#footer .btn {
font-size:9pt;
padding:0;
margin:0
}
#footer > ul,
#footer > ul li {
padding:0;
list-style:none
}
#footer > ul li {
display:inline-block
}
#footer.footer-sticky {
position:static;
opacity:0
}
#footer.footer-sticky.sticky-fixed {
position:fixed
}
#footer.footer-fixed {
position:fixed
}
#footer-info li,
#footer-places li,
#footer-icons span {
margin-right:.5em;
margin-left:0
}
#footer-custom > * {
margin-right:1em;
margin-left:0
}
#footer-places li + li:before,
#footer-icons span + span:before,
ul + #footer-custom:before {
content:"·";
margin-right:.5em
}
#footer > ul {
margin:0 auto;
display:inline-block
}
#footer #footer-icons {
display:block
}
#footer * {
font-size: 9pt;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}
.panel-body {
padding: 15px
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit
}
.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.list-group,.panel>.panel-collapse>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.list-group+.panel-footer {
border-top-width: 0
}
.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table {
margin-bottom: 0
}
.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption {
padding-right: 15px;
padding-left: 15px
}
.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px
}
.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td {
border-top: 0
}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered {
border: 0
}
.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0
}
.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0
}
.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
border-bottom: 0
}
.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
.panel>.table-responsive {
margin-bottom: 0;
border: 0
}
.panel-group {
margin-bottom: 20px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd
}
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd
}
.panel-primary {
border-color: #337ab7
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #337ab7
}
.panel-primary>.panel-heading .badge {
color: #337ab7;
background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #337ab7
}
.panel-success {
border-color: #d6e9c6
}
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger>.panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height,visibility;
-o-transition-property: height,visibility;
transition-property: height,visibility;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease
}
#footer {
position:static;
bottom:-.1em;
left:0;
width:100%;
background:#343a40;
padding:.5em 0;
color:#555;
text-align:center;
font-size:9pt
}
#footer .btn {
font-size:9pt;
padding:0;
margin:0
}
#footer > ul,
#footer > ul li {
padding:0;
list-style:none
}
#footer > ul li {
display:inline-block
}
#footer.footer-sticky {
position:static;
opacity:0
}
#footer.footer-sticky.sticky-fixed {
position:fixed
}
#footer.footer-fixed {
position:fixed
}
#footer-info li,
#footer-places li,
#footer-icons span {
margin-right:.5em;
margin-left:0
}
#footer-custom > * {
margin-right:1em;
margin-left:0
}
#footer-places li + li:before,
#footer-icons span + span:before,
ul + #footer-custom:before {
content:"·";
margin-right:.5em
}
#footer > ul {
margin:0 auto;
display:inline-block
}
#footer #footer-icons {
display:block
}
@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,600;0,800;1,500&display=swap);@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap);.navbar-header a {
font-family: Raleway;
font-weight: 600
}
.toc,#toc {
display: none
}
.firstHeading .namespace {
font-family: Raleway;
font-weight: 300
}
ul {
font-family: 'Open Sans',sans-serif;
font-weight: 300;
line-height: 24px;
font-size: 16px
}
#enunpimpam {
padding-bottom: 27px;
max-width: 70%
}
h1 {
font-family: Raleway;
font-weight: 600
}
#portada p {
font-size: 14px
}
#portada h3 {
font-size: 22px
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3,0.3,0.3);
transform: scale3d(0.3,0.3,0.3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s
}
.animated.fast {
-webkit-animation-duration: 800ms;
animation-duration: 800ms
}
.animated.faster {
-webkit-animation-duration: 500ms;
animation-duration: 500ms
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s
}
@media (print),(prefers-reduced-motion:reduce) {
.animated {
-webkit-animation-duration: 1ms !important;
animation-duration: 1ms !important;
-webkit-transition-duration: 1ms !important;
transition-duration: 1ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important
}
}
.mw-headline {
font-weight: 500
}
html {
font-family: 'Open Sans',sans-serif
}
body {
font-family: 'Open Sans',sans-serif
}
p {
font-family: 'Open Sans',sans-serif;
font-weight: 300;
line-height: 24px;
font-size: 16px
}
strong {
font-weight: 600
}
pre {
background-color: #eeeeee;
padding: 6px 10px
}
.cuidado {
border-collapse: separate;
border-spacing: 0;
border-width: 3px;
background-color: #fde1e1;
solid: ;
border-radius: 5px;
border-style: solid;
border-color: #ff7979;
padding: 5px;
margin: 1em auto 1em auto
}
.advertencia {
border-collapse: separate;
border-spacing: 0;
border-width: 3px;
background-color: #f6f7c8;
solid: ;
border-radius: 5px;
border-style: solid;
border-color: #ffdc79;
padding: 5px;
margin: 1em auto 1em auto
}
.fa-exclamation-circle {
margin-right: 5px
}
.pimpam {
font-weight: 700;
color: red}
.jumbotron h1 {
padding-bottom: 30px;
margin-top: 0
}
.jumbotron p {
font-size: 18px
}
.seccion {
min-height: 130px
}
#portada_sec .seccion:hover { background-color: red; border-radius: 6px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); transition: all 400ms linear }
.icons8 img {
width: 48px
}
.fa-size {
font-size: 48px
}
.alert > p > * {
vertical-align: middle
}
.nota {
font-size: 14px;
padding-left: 5px;
}
.col-md-3.seccion {
padding: 18px 0 0 0;
}
.wikitable {
background-color: #f8f9fa;
color: #222;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse
}
.wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td {
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em
}
.wikitable > tr > th,.wikitable > * > tr > th {
background-color: #eaecf0;
text-align: center
}
.wikitable > caption {
font-weight: bold
}
/* common.css */
.dropup-container {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
padding: 10px;
background-color: #f1f1f1;
border: 1px solid #ccc;
}
.dropup-btn {
background-color: #4CAF50;
color: white;
padding: 10px;
border: none;
cursor: pointer;
}
#loginext {
top: -12px !important;
}
#loginext .form-group {
margin-bottom: 2px;
color: white;
}
#wpLoginAttempt2 {
height: 33px;
}
blockquote {
border-left: 5px solid #d0cfcf;
background: #e5e4e4;
}
#tweekiTOC {
overflow-y: auto;
height: 75vh;
}
#toc {
display:block;
}