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 */
*: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;
}
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-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;
}
.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;
}
#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 {
display: none
}
.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
}
// stylelint-disable no-duplicate-selectors, selector-no-qualifying-type
//
// Grid examples
//
.bd-example-row {
.row {
> .col,
> [class^="col-"] {
padding-top: .75rem;
padding-bottom: .75rem;
background-color: rgba(86, 61, 124, .15);
border: 1px solid rgba(86, 61, 124, .2);
}
}
.row + .row {
margin-top: 1rem;
}
.flex-items-top,
.flex-items-middle,
.flex-items-bottom {
min-height: 6rem;
background-color: rgba(255, 0, 0, .1);
}
}
.bd-example-row-flex-cols .row {
min-height: 10rem;
background-color: rgba(255, 0, 0, .1);
}
.bd-highlight {
background-color: rgba($bd-purple, .15);
border: 1px solid rgba($bd-purple, .15);
}
// Grid mixins
.example-container {
width: 800px;
@include make-container();
}
.example-row {
@include make-row();
}
.example-content-main {
@include make-col-ready();
@include media-breakpoint-up(sm) {
@include make-col(6);
}
@include media-breakpoint-up(lg) {
@include make-col(8);
}
}
.example-content-secondary {
@include make-col-ready();
@include media-breakpoint-up(sm) {
@include make-col(6);
}
@include media-breakpoint-up(lg) {
@include make-col(4);
}
}
//
// Container illustrations
//
.bd-example-container {
min-width: 16rem;
max-width: 25rem;
margin-right: auto;
margin-left: auto;
}
.bd-example-container-header {
height: 3rem;
margin-bottom: .5rem;
background-color: lighten($blue, 50%);
border-radius: .25rem;
}
.bd-example-container-sidebar {
float: right;
width: 4rem;
height: 8rem;
background-color: lighten($blue, 25%);
border-radius: .25rem;
}
.bd-example-container-body {
height: 8rem;
margin-right: 4.5rem;
background-color: lighten($bd-purple, 25%);
border-radius: .25rem;
}
.bd-example-container-fluid {
max-width: none;
}
//
// Docs examples
//
.bd-example {
position: relative;
padding: 1rem;
margin: 1rem (-$grid-gutter-width / 2) 0;
border: solid #f7f7f9;
border-width: .2rem 0 0;
@include clearfix();
@include media-breakpoint-up(sm) {
padding: 1.5rem;
margin-right: 0;
margin-left: 0;
border-width: .2rem;
}
+ .highlight,
+ .clipboard + .highlight {
margin-top: 0;
}
+ p {
margin-top: 2rem;
}
.pos-f-t {
position: relative;
margin: -1rem;
@include media-breakpoint-up(sm) {
margin: -1.5rem;
}
}
.custom-file-input:lang(es) ~ .custom-file-label::after {
content: "Elegir";
}
> .form-control {
+ .form-control {
margin-top: .5rem;
}
}
> .nav + .nav,
> .alert + .alert,
> .navbar + .navbar,
> .progress + .progress,
> .progress + .btn {
margin-top: 1rem;
}
> .dropdown-menu:first-child {
position: static;
display: block;
}
> .form-group:last-child {
margin-bottom: 0;
}
> .close {
float: none;
}
}
// Typography
.bd-example-type {
.table {
.type-info {
color: #999;
vertical-align: middle;
}
td {
padding: 1rem 0;
border-color: #eee;
}
tr:first-child td {
border-top: 0;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
}
}
// Contextual background colors
.bd-example-bg-classes p {
padding: 1rem;
}
// Images
.bd-example > img {
+ img {
margin-left: .5rem;
}
}
// Buttons
.bd-example {
> .btn-group {
margin-top: .25rem;
margin-bottom: .25rem;
}
> .btn-toolbar + .btn-toolbar {
margin-top: .5rem;
}
}
// Forms
.bd-example-control-sizing select,
.bd-example-control-sizing input[type="text"] + input[type="text"] {
margin-top: .5rem;
}
.bd-example-form .input-group {
margin-bottom: .5rem;
}
.bd-example > textarea.form-control {
resize: vertical;
}
// List groups
.bd-example > .list-group {
max-width: 400px;
}
// Navbars
.bd-example {
.fixed-top,
.sticky-top {
position: static;
margin: -1rem -1rem 1rem;
}
.fixed-bottom {
position: static;
margin: 1rem -1rem -1rem;
}
@include media-breakpoint-up(sm) {
.fixed-top,
.sticky-top {
margin: -1.5rem -1.5rem 1rem;
}
.fixed-bottom {
margin: 1rem -1.5rem -1.5rem;
}
}
}
// Pagination
.bd-example .pagination {
margin-top: .5rem;
margin-bottom: .5rem;
}
// Example modals
.modal {
z-index: 1072;
.tooltip,
.popover {
z-index: 1073;
}
}
.modal-backdrop {
z-index: 1071;
}
.bd-example-modal {
background-color: #fafafa;
.modal {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
display: block;
}
.modal-dialog {
left: auto;
margin-right: auto;
margin-left: auto;
}
}
// Example tabbable tabs
.bd-example-tabs .nav-tabs {
margin-bottom: 1rem;
}
// Popovers
.bd-example-popover-static {
padding-bottom: 1.5rem;
background-color: #f9f9f9;
.popover {
position: relative;
display: block;
float: left;
width: 260px;
margin: 1.25rem;
}
}
// Tooltips
.tooltip-demo a {
white-space: nowrap;
}
.bd-example-tooltip-static .tooltip {
position: relative;
display: inline-block;
margin: 10px 20px;
opacity: 1;
}
// Scrollspy demo on fixed height div
.scrollspy-example {
position: relative;
height: 200px;
margin-top: .5rem;
overflow: auto;
}
.scrollspy-example-2 {
position: relative;
height: 350px;
overflow: auto;
}
.bd-example-border-utils {
[class^="border"] {
display: inline-block;
width: 5rem;
height: 5rem;
margin: .25rem;
background-color: #f5f5f5;
}
}
.bd-example-border-utils-0 {
[class^="border"] {
border: 1px solid $border-color;
}
}
//
// Code snippets
//
.highlight {
padding: 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
background-color: #f7f7f9;
-ms-overflow-style: -ms-autohiding-scrollbar;
@include media-breakpoint-up(sm) {
padding: 1.5rem;
}
}
.bd-content .highlight {
margin-right: (-$grid-gutter-width / 2);
margin-left: (-$grid-gutter-width / 2);
@include media-breakpoint-up(sm) {
margin-right: 0;
margin-left: 0;
}
}
.highlight {
pre {
padding: 0;
margin-top: 0;
margin-bottom: 0;
background-color: transparent;
border: 0;
}
pre code {
font-size: inherit;
color: $gray-900; // Effectively the base text color
}
}