Difference between revisions of "MediaWiki:Common.css"
Difference between revisions of "MediaWiki:Common.css"
Line 239: | Line 239: | ||
{ | { | ||
border-color:black; | border-color:black; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Scrolling table */ | ||
+ | .table-wrapper{ | ||
+ | overflow-y: scroll; | ||
+ | height: 150px; | ||
+ | } | ||
+ | |||
+ | .table-wrapper th{ | ||
+ | position: sticky; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | /* A bit more styling to make it look better */ | ||
+ | .table-wrapper{ | ||
+ | background: CadetBlue; | ||
+ | } | ||
+ | |||
+ | table{ | ||
+ | border-collapse: collapse; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | th{ | ||
+ | background: #DDD; | ||
+ | } | ||
+ | |||
+ | td,th{ | ||
+ | padding: 10px; | ||
+ | text-align: center; | ||
} | } |
Revision as of 17:12, 5 November 2020
/* CSS placed here will be applied to all skins */ /*RCABC SPECIFIC*/ .toc { display:block; padding:5px; background-color:#e7e9e9; border: 0px solid black !important; } .toc > ul { padding: 0 1em; list-style: none; } .toc > ul ul {= padding: 0 1em; list-style: none; } .toc>ul>li:before,.toc>ul ul>li:before { content: ""; border-color: transparent; border-style: solid; border-width: 0.45em 0 0.45em 0.55em; margin:-0.4em; display: block; height: 0; width: 0; left: -1em; top: 0.8em; position: relative; } .toc>ul>li.active:before,.toc>ul ul>li.active:before { border-color: transparent #b22222; } .toc-top { margin-top:-150px; } .toc-scrolling { top:20px; } /*Main Page*/ body { background-color: #e7e9e9; width: 97%; } /*removed Main Page from first page of RPM*/ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } /*Buttons*/ .btn-warning { color:#b22222; font-weight:bold; } /*Panels*/ .panel-primary > .panel-heading { background-color: #337ab7; } .panel-primary { border-color:#e7e9e9; } .panel-danger > .panel-heading { background-color: #b22222; color: white; } .panel-danger { border-color:#e7e9e9; } .panel-success > .panel-heading { background-color:#3CB371; } .panel-success { border-color:#e7e9e9; } .panel-success > .panel-heading { color: white; } .panel-info > .panel-heading { background-color:#7B68EE; } .panel-info { border-color:#e7e9e9; } .panel-info > .panel-heading { color: white; } .panel-body { background-color: #f8f8ff; } /*Thumbnails*/ .thumbnail { background-color: #f8f8ff; /*DISAPPEARING BORDER*/ border: 1px solid #f8f8ff; } /*Thumbnails*/ .caption { text-align:center; } /*Wikitable*/ table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: #d3d3d3; /*TABLE HEADER COLOUR*/ } /*Force images to center horizontally in pane column*/ img { display: block; margin: auto; width: auto; } .noautonum .tocnumber { display: none; } ol { counter-reset: list; } ol > li { list-style: none; position: relative; } ol > li:before { counter-increment: list; content: counter(list) ") "; position: absolute; left: -1.8em; } /*End of RCABC Specific*/ /*"X" Icon colour = red*/ .fa-times { color: red; } /*"Check" Icon colour = green*/ .fa-check { color: green; } /*Panels*/ .panel-primary > .panel-heading { background-color: #337ab7; } .panel-primary { border-color:#e7e9e9; } .panel-danger > .panel-heading { background-color: #b22222; color: white; } .panel-danger { border-color:#e7e9e9; } .panel-success > .panel-heading { background-color:#3CB371; } .panel-success { border-color:#e7e9e9; } .panel-success > .panel-heading { color: white; } .panel-info > .panel-heading { background-color:#7B68EE; } .panel-info { border-color:#e7e9e9; } .panel-info > .panel-heading { color: white; } .panel-body { background-color: #f8f8ff; } /*Thumbnails*/ .caption { text-align:center; } #footer-places-about,#footer-info-viewcount,#searchGoButton {display:none;} .tipsy { font-size: 0.8em; } .principles { color:green; } .reference { color:blue; } .recommended { color:red; } .fa-2x { vertical-align: middle; } .fa-3x { vertical-align: middle; } .fa-4x { vertical-align: middle; } .fa-5x { vertical-align: middle; } .intersection { list-style: none !important; } @media only screen and (max-width: 799px) { img { width: 100%; height: auto; } } .forcewhite a{ color:white; } hr { border-color:black; } /* Scrolling table */ .table-wrapper{ overflow-y: scroll; height: 150px; } .table-wrapper th{ position: sticky; top: 0; } /* A bit more styling to make it look better */ .table-wrapper{ background: CadetBlue; } table{ border-collapse: collapse; width: 100%; } th{ background: #DDD; } td,th{ padding: 10px; text-align: center; }