Difference between revisions of "MediaWiki:Common.css"

(Blanked the page)
Line 1: Line 1:
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
 
/* To make images responsive */
 
.res-img img {
 
max-width:100%;
 
height:auto;
 
}
 
#my-div
 
{
 
    width    : 1200px;
 
    height  : 1200px;
 
    overflow : hidden;
 
    position : relative;
 
}
 
  
#my-iframe
 
{
 
    position : absolute;
 
    top      : -385px;
 
    left    : -15px;
 
    width    : 1280px;
 
    height  : 1200px;
 
}
 
.wallpaper1 {
 
  background: url("https://dahuawiki.com/index.php?action=ajax&title=-&rs=SecureFileStore::getFile&f=/e/e9/New_GUI_Background2.jpg") no-repeat center top !important;
 
}
 
input    {
 
width:100%;
 
display:block;
 
border: 1px solid #999;
 
height: 25px;
 
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
 
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
 
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
 
}
 
form    {
 
background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
 
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
 
margin:auto;
 
font-family: Tahoma, Geneva, sans-serif;
 
font-size: 14px;
 
line-height: 24px;
 
font-weight: bold;
 
text-decoration: none;
 
padding:10px;
 
}
 
input[type="checkbox"]{
 
    width: 13px;
 
    height: 13px;
 
    padding: 0;
 
    margin:0;
 
    vertical-align: bottom;
 
    position: relative;
 
    top: -1px;
 
}
 
 
#checkStuff{
 
    display: block;
 
    padding-left: 15px;
 
    text-indent: -15px;
 
    border:1px solid blue;
 
}
 
.mw-collapsible-toggle {
 
    display:inline-block;
 
    float:none;
 
    border:none;
 
    background-color: transparent;
 
}
 
.wikitable td ul, .wikitable td ol, .wikitable td dl {
 
    text-align: center;
 
}
 
#footer img {
 
    display: none;
 
}
 
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 
    margin: 0em 0 0 0em;
 
    padding: 0;
 
    padding-left: 19px;
 
}
 
#content {
 
    padding: 1.5em;
 
    line-height: 1.5em;
 
}
 
div#content a.external {
 
    background:none !important;
 
    padding: 0px !important;
 
}
 
#bs-left-column #bs-nav-sections.ui-tabs div.ui-tabs-panel {
 
    background: #f2f2f2;
 
}
 
#bs-apps ul.bs-apps-child {
 
    background-color: grey;
 
}
 
#bs-apps ul.bs-apps-child li {
 
    background: lightgrey;
 
}
 
#content h1 {
 
    margin-bottom: 5px;
 
    position: absolute;
 
    top: 35px;
 
}
 
#toc { float: right };
 
#bs-apps li a {display:none;}
 
#bs-left-column .ui-tabs .ui-tabs-panel {
 
padding-left: 10px !important;
 
}
 
#bs-left-column, #bs-logo, #bs-logo a {
 
    margin-top: -1px;
 
    background-size: 112px;
 
}
 
#bs-menu-top-right > div, #bs-user-container > div {
 
    float: none;
 
    position: absolute;
 
    right: 0px;
 
    top: 10px;
 
}
 
#bs-button-user {
 
    display: none;
 
}
 
#ca-history {
 
    display: none !important;
 
}
 
#bs-cexport-button {
 
    display: none !important;
 
}
 
#bs-statebar-viewtoggler span {
 
    display: none;
 
}
 
#bs-nav-sections h5 {
 
    text-transform: none;
 
}
 
#firstHeading {
 
    display: none;
 
}
 
.icon24 {
 
    display: none;
 
}
 
 
#ca-talk {
 
    display: none !important;
 
}
 
#sb-LastEditor {
 
display: none !important;
 
}
 
#bs-content-column #left-navigation li a {display:none;}
 
#sb-PageAssignments-Top-link {display:none;}
 
#sb-PageAssignments-Top-icon {display:none;}
 
#bs-nav-item-text"About BlueSpice" {display:none;}
 
#n-aboutbluespice {
 
    display: none !important;
 
}
 
.bs-statebar-top-item {
 
    height: 30px !important;
 
}
 
#bs-nav-tabs {
 
    background: rgb(236,31,39);
 
}
 
#bs-data-after-content {
 
    background-color: #FFF;
 
    border-top: 2px solid black;
 
    clear: both;
 
}
 
#bs-apps li a {
 
    color: grey;
 
}
 
#searchform button {
 
    border: 1px solid rgb(236,31,39);
 
    background-color: rgb(236,31,39);
 
    border: 0.1px solid rgb(236,31,39);
 
}
 
#searchform input {
 
    padding: 0px 3px;
 
    width: 325px;
 
    border: 1px solid #eee;
 
}
 
#bs-left-column #bs-nav-tabs li.ui-state-default.ui-tabs-selected a, #bs-left-column #bs-nav-tabs li.ui-state-default.ui-state-active a, #bs-left-column #bs-nav-tabs li.ui-state-default.ui-state-hover a, #bs-left-column #bs-nav-tabs li.ui-state-default.ui-state-hover a:hover {
 
    color: black;
 
}
 
#bs-data-before-content, #bs-data-after-content {
 
    border-top: 1px solid rgb(236,31,39);
 
}
 
#bs-content-column #left-navigation li.selected a {
 
    color: black;
 
}
 
#bs-application {
 
    margin-top: -13px;
 
}
 
#bs-nav-sections {
 
    position: absolute;
 
    top: 77px;
 
    width: 276px;
 
}
 
#body.mediawiki #content a, body.mediawiki #content #toc a span {
 
    color: black;
 
}
 
#bs-content-column, #footer {
 
    margin-left: 131px;
 
}
 
#bs-statebar-viewtoggler {
 
    height: 26px;
 
}
 
#bs-logo, #bs-logo a {
 
    height: 83px;
 
}
 
#bs-statebar {
 
    height: 29px;
 
}
 
#bs-application {
 
    margin-top: -54px;
 
}
 
 
#bs-button-user ul#bs-personal-info {
 
    display: none;
 
}
 
#bs-left-column #bs-nav-sections, #bs-left-column #bs-nav-sections h5, #bs-left-column #bs-nav-sections a, #bs-left-column #bs-nav-sections .ui-widget-content a {
 
    width: 131px;
 
}
 
#bs-left-column, #bs-logo, #bs-logo a {
 
    width: 135px;
 
}
 
#ext-gen1018 {
 
    border-top-width: 1px;
 
}
 
right-navigation {
 
    padding-bottom: 2px;
 
}
 
bs-statebar-top-item span, .bs-statebar-top-item a, .bs-statebar-top-item a:visited {
 
    color: black;
 
}
 
/* Infobox template style */
 
.infobox {
 
    border: 1px solid #a2a9b1;
 
    border-spacing: 3px;
 
    background-color: #f8f9fa;
 
    color: black;
 
    /* @noflip */
 
    margin: 0.5em 0 0.5em 1em;
 
    padding: 0.2em;
 
    /* @noflip */
 
    float: right;
 
    /* @noflip */
 
    clear: right;
 
    font-size: 88%;
 
    line-height: 1.5em;
 
}
 
.infobox caption {
 
    font-size: 125%;
 
    font-weight: bold;
 
    padding: 0.2em;
 
}
 
.infobox td,
 
.infobox th {
 
    vertical-align: top;
 
    /* @noflip */
 
    text-align: left;
 
}
 
.infobox.bordered {
 
    border-collapse: collapse;
 
}
 
.infobox.bordered td,
 
.infobox.bordered th {
 
    border: 1px solid #a2a9b1;
 
}
 
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
 
    border: 0;
 
}
 
 
.infobox.sisterproject {
 
    width: 20em;
 
    font-size: 90%;
 
}
 
 
.infobox.standard-talk {
 
    border: 1px solid #c0c090;
 
    background-color: #f8eaba;
 
}
 
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
 
    border: 1px solid #c0c090;
 
}
 
 
/* styles for bordered infobox with merged rows */
 
.infobox.bordered .mergedtoprow td,
 
.infobox.bordered .mergedtoprow th {
 
    border: 0;
 
    border-top: 1px solid #a2a9b1;
 
    /* @noflip */
 
    border-right: 1px solid #a2a9b1;
 
}
 
 
.infobox.bordered .mergedrow td,
 
.infobox.bordered .mergedrow th {
 
    border: 0;
 
    /* @noflip */
 
    border-right: 1px solid #a2a9b1;
 
}
 
 
/* Styles for geography infoboxes, eg countries,
 
  country subdivisions, cities, etc.            */
 
.infobox.geography {
 
    border-collapse: collapse;
 
    line-height: 1.2em;
 
    font-size: 90%;
 
}
 
 
.infobox.geography  td,
 
.infobox.geography  th {
 
    border-top: 1px solid #a2a9b1;
 
    padding: 0.4em 0.6em 0.4em 0.6em;
 
}
 
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow th {
 
    border-top: 1px solid #a2a9b1;
 
    padding: 0.4em 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedrow td,
 
.infobox.geography .mergedrow th {
 
    border: 0;
 
    padding: 0 0.6em 0.2em 0.6em;
 
}
 
 
.infobox.geography .mergedbottomrow td,
 
.infobox.geography .mergedbottomrow th {
 
    border-top: 0;
 
    border-bottom: 1px solid #a2a9b1;
 
    padding: 0 0.6em 0.4em 0.6em;
 
}
 
 
.infobox.geography .maptable td,
 
.infobox.geography .maptable th {
 
    border: 0;
 
    padding: 0;
 
}
 
 
/* Normal font styling for table row headers with scope="row" tag */
 
.wikitable.plainrowheaders th[scope=row] {
 
    font-weight: normal;
 
    /* @noflip */
 
    text-align: left;
 
}
 
/* ...unless they also use the hlist class */
 
.toc.hlist ul,
 
#toc.hlist ul,
 
.wikitable.hlist td ul,
 
.wikitable.hlist td ol,
 
.wikitable.hlist td dl {
 
    text-align: inherit;
 
}
 
.ritz .waffle .s0 {
 
    /* border-bottom: 1px SOLID #000000; */
 
    /* border-right: 1px SOLID #000000; */
 
    }
 
body.mediawiki h2 {
 
    font-size: 175%;
 
}
 
/* Standard Navigationsleisten, aka box hiding thingy
 
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
 
div.NavFrame {
 
    margin: 0;
 
    padding: 4px;
 
    border: 1px solid #aaa;
 
    text-align: center;
 
    border-collapse: collapse;
 
    font-size: 95%;
 
}
 
div.NavFrame + div.NavFrame {
 
    border-top-style: none;
 
    border-top-style: hidden;
 
}
 
div.NavPic {
 
    background-color: #fff;
 
    margin: 0;
 
    padding: 2px;
 
    /* @noflip */
 
    float: left;
 
}
 
div.NavFrame div.NavHead {
 
    height: 1.6em;
 
    font-weight: bold;
 
    background-color: #eee;
 
    position: relative;
 
}
 
div.NavFrame p,
 
div.NavFrame div.NavContent,
 
div.NavFrame div.NavContent p {
 
    font-size: 100%;
 
}
 
div.NavEnd {
 
    margin: 0;
 
    padding: 0;
 
    line-height: 1px;
 
    clear: both;
 
}
 
a.NavToggle {
 
    position: absolute;
 
    top: 0;
 
    /* @noflip */
 
    right: 3px;
 
    font-weight: normal;
 
    font-size: 90%;
 
}
 
#siteNotice, .site-notice {
 
    background-color: palegoldenrod;
 
}
 
#bs-nav-sections > div, #bs-left-column #bs-nav-sections.ui-tabs div.ui-tabs-panel {
 
    background: #eee;
 
    padding-left: 5px;
 
}
 
#clickableAwesomeFont {
 
    cursor: pointer
 
}
 
.select.table-autofilter {
 
    display: none
 
}
 
/*
 
* This combined file was created by the DataTables downloader builder:
 
*  https://datatables.net/download
 
*
 
* To rebuild or modify this file with the latest versions of the included
 
* software please visit:
 
*  https://datatables.net/download/#dt/dt-1.10.18
 
*
 
* Included libraries:
 
*  DataTables 1.10.18
 
*/
 
 
/*
 
* Table styles
 
*/
 
table.dataTable {
 
  width: 100%;
 
  margin: 0 auto;
 
  clear: both;
 
  border-collapse: separate;
 
  border-spacing: 0;
 
  /*
 
  * Header and footer styles
 
  */
 
  /*
 
  * Body styles
 
  */
 
}
 
table.dataTable thead th,
 
table.dataTable tfoot th {
 
  font-weight: bold;
 
}
 
table.dataTable thead th,
 
table.dataTable thead td {
 
  padding: 10px 18px;
 
  border-bottom: 1px solid #111;
 
}
 
table.dataTable thead th:active,
 
table.dataTable thead td:active {
 
  outline: none;
 
}
 
table.dataTable tfoot th,
 
table.dataTable tfoot td {
 
  padding: 10px 18px 6px 18px;
 
  border-top: 1px solid #111;
 
}
 
table.dataTable thead .sorting,
 
table.dataTable thead .sorting_asc,
 
table.dataTable thead .sorting_desc,
 
table.dataTable thead .sorting_asc_disabled,
 
table.dataTable thead .sorting_desc_disabled {
 
  cursor: pointer;
 
  *cursor: hand;
 
  background-repeat: no-repeat;
 
  background-position: center right;
 
}
 
table.dataTable thead .sorting {
 
  background-image: url("DataTables-1.10.18/images/sort_both.png");
 
}
 
table.dataTable thead .sorting_asc {
 
  background-image: url("DataTables-1.10.18/images/sort_asc.png");
 
}
 
table.dataTable thead .sorting_desc {
 
  background-image: url("DataTables-1.10.18/images/sort_desc.png");
 
}
 
table.dataTable thead .sorting_asc_disabled {
 
  background-image: url("DataTables-1.10.18/images/sort_asc_disabled.png");
 
}
 
table.dataTable thead .sorting_desc_disabled {
 
  background-image: url("DataTables-1.10.18/images/sort_desc_disabled.png");
 
}
 
table.dataTable tbody tr {
 
  background-color: #ffffff;
 
}
 
table.dataTable tbody tr.selected {
 
  background-color: #B0BED9;
 
}
 
table.dataTable tbody th,
 
table.dataTable tbody td {
 
  padding: 8px 10px;
 
}
 
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
 
  border-top: 1px solid #ddd;
 
}
 
table.dataTable.row-border tbody tr:first-child th,
 
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
 
table.dataTable.display tbody tr:first-child td {
 
  border-top: none;
 
}
 
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
 
  border-top: 1px solid #ddd;
 
  border-right: 1px solid #ddd;
 
}
 
table.dataTable.cell-border tbody tr th:first-child,
 
table.dataTable.cell-border tbody tr td:first-child {
 
  border-left: 1px solid #ddd;
 
}
 
table.dataTable.cell-border tbody tr:first-child th,
 
table.dataTable.cell-border tbody tr:first-child td {
 
  border-top: none;
 
}
 
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
 
  background-color: #f9f9f9;
 
}
 
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
 
  background-color: #acbad4;
 
}
 
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
 
  background-color: #f6f6f6;
 
}
 
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
 
  background-color: #aab7d1;
 
}
 
table.dataTable.order-column tbody tr > .sorting_1,
 
table.dataTable.order-column tbody tr > .sorting_2,
 
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
 
table.dataTable.display tbody tr > .sorting_2,
 
table.dataTable.display tbody tr > .sorting_3 {
 
  background-color: #fafafa;
 
}
 
table.dataTable.order-column tbody tr.selected > .sorting_1,
 
table.dataTable.order-column tbody tr.selected > .sorting_2,
 
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
 
table.dataTable.display tbody tr.selected > .sorting_2,
 
table.dataTable.display tbody tr.selected > .sorting_3 {
 
  background-color: #acbad5;
 
}
 
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
 
  background-color: #f1f1f1;
 
}
 
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
 
  background-color: #f3f3f3;
 
}
 
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
 
  background-color: whitesmoke;
 
}
 
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
 
  background-color: #a6b4cd;
 
}
 
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
 
  background-color: #a8b5cf;
 
}
 
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
 
  background-color: #a9b7d1;
 
}
 
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
 
  background-color: #fafafa;
 
}
 
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
 
  background-color: #fcfcfc;
 
}
 
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
 
  background-color: #fefefe;
 
}
 
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
 
  background-color: #acbad5;
 
}
 
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
 
  background-color: #aebcd6;
 
}
 
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
 
  background-color: #afbdd8;
 
}
 
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
 
  background-color: #eaeaea;
 
}
 
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
 
  background-color: #ececec;
 
}
 
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
 
  background-color: #efefef;
 
}
 
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
 
  background-color: #a2aec7;
 
}
 
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
 
  background-color: #a3b0c9;
 
}
 
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
 
  background-color: #a5b2cb;
 
}
 
table.dataTable.no-footer {
 
  border-bottom: 1px solid #111;
 
}
 
table.dataTable.nowrap th, table.dataTable.nowrap td {
 
  white-space: nowrap;
 
}
 
table.dataTable.compact thead th,
 
table.dataTable.compact thead td {
 
  padding: 4px 17px 4px 4px;
 
}
 
table.dataTable.compact tfoot th,
 
table.dataTable.compact tfoot td {
 
  padding: 4px;
 
}
 
table.dataTable.compact tbody th,
 
table.dataTable.compact tbody td {
 
  padding: 4px;
 
}
 
table.dataTable th.dt-left,
 
table.dataTable td.dt-left {
 
  text-align: left;
 
}
 
table.dataTable th.dt-center,
 
table.dataTable td.dt-center,
 
table.dataTable td.dataTables_empty {
 
  text-align: center;
 
}
 
table.dataTable th.dt-right,
 
table.dataTable td.dt-right {
 
  text-align: right;
 
}
 
table.dataTable th.dt-justify,
 
table.dataTable td.dt-justify {
 
  text-align: justify;
 
}
 
table.dataTable th.dt-nowrap,
 
table.dataTable td.dt-nowrap {
 
  white-space: nowrap;
 
}
 
table.dataTable thead th.dt-head-left,
 
table.dataTable thead td.dt-head-left,
 
table.dataTable tfoot th.dt-head-left,
 
table.dataTable tfoot td.dt-head-left {
 
  text-align: left;
 
}
 
table.dataTable thead th.dt-head-center,
 
table.dataTable thead td.dt-head-center,
 
table.dataTable tfoot th.dt-head-center,
 
table.dataTable tfoot td.dt-head-center {
 
  text-align: center;
 
}
 
table.dataTable thead th.dt-head-right,
 
table.dataTable thead td.dt-head-right,
 
table.dataTable tfoot th.dt-head-right,
 
table.dataTable tfoot td.dt-head-right {
 
  text-align: right;
 
}
 
table.dataTable thead th.dt-head-justify,
 
table.dataTable thead td.dt-head-justify,
 
table.dataTable tfoot th.dt-head-justify,
 
table.dataTable tfoot td.dt-head-justify {
 
  text-align: justify;
 
}
 
table.dataTable thead th.dt-head-nowrap,
 
table.dataTable thead td.dt-head-nowrap,
 
table.dataTable tfoot th.dt-head-nowrap,
 
table.dataTable tfoot td.dt-head-nowrap {
 
  white-space: nowrap;
 
}
 
table.dataTable tbody th.dt-body-left,
 
table.dataTable tbody td.dt-body-left {
 
  text-align: left;
 
}
 
table.dataTable tbody th.dt-body-center,
 
table.dataTable tbody td.dt-body-center {
 
  text-align: center;
 
}
 
table.dataTable tbody th.dt-body-right,
 
table.dataTable tbody td.dt-body-right {
 
  text-align: right;
 
}
 
table.dataTable tbody th.dt-body-justify,
 
table.dataTable tbody td.dt-body-justify {
 
  text-align: justify;
 
}
 
table.dataTable tbody th.dt-body-nowrap,
 
table.dataTable tbody td.dt-body-nowrap {
 
  white-space: nowrap;
 
}
 
 
table.dataTable,
 
table.dataTable th,
 
table.dataTable td {
 
  box-sizing: content-box;
 
}
 
 
/*
 
* Control feature layout
 
*/
 
.dataTables_wrapper {
 
  position: relative;
 
  clear: both;
 
  *zoom: 1;
 
  zoom: 1;
 
}
 
.dataTables_wrapper .dataTables_length {
 
  float: left;
 
}
 
.dataTables_wrapper .dataTables_filter {
 
  float: right;
 
  text-align: right;
 
}
 
.dataTables_wrapper .dataTables_filter input {
 
  margin-left: 0.5em;
 
}
 
.dataTables_wrapper .dataTables_info {
 
  clear: both;
 
  float: left;
 
  padding-top: 0.755em;
 
}
 
.dataTables_wrapper .dataTables_paginate {
 
  float: right;
 
  text-align: right;
 
  padding-top: 0.25em;
 
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button {
 
  box-sizing: border-box;
 
  display: inline-block;
 
  min-width: 1.5em;
 
  padding: 0.5em 1em;
 
  margin-left: 2px;
 
  text-align: center;
 
  text-decoration: none !important;
 
  cursor: pointer;
 
  *cursor: hand;
 
  color: #333 !important;
 
  border: 1px solid transparent;
 
  border-radius: 2px;
 
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
 
  color: #333 !important;
 
  border: 1px solid #979797;
 
  background-color: white;
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
 
  /* Chrome,Safari4+ */
 
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
 
  /* Chrome10+,Safari5.1+ */
 
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
 
  /* FF3.6+ */
 
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
 
  /* IE10+ */
 
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
 
  /* Opera 11.10+ */
 
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
 
  /* W3C */
 
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
 
  cursor: default;
 
  color: #666 !important;
 
  border: 1px solid transparent;
 
  background: transparent;
 
  box-shadow: none;
 
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
 
  color: white !important;
 
  border: 1px solid #111;
 
  background-color: #585858;
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
 
  /* Chrome,Safari4+ */
 
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
 
  /* Chrome10+,Safari5.1+ */
 
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
 
  /* FF3.6+ */
 
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
 
  /* IE10+ */
 
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
 
  /* Opera 11.10+ */
 
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
 
  /* W3C */
 
}
 
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
 
  outline: none;
 
  background-color: #2b2b2b;
 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
 
  /* Chrome,Safari4+ */
 
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
 
  /* Chrome10+,Safari5.1+ */
 
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
 
  /* FF3.6+ */
 
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
 
  /* IE10+ */
 
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
 
  /* Opera 11.10+ */
 
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
 
  /* W3C */
 
  box-shadow: inset 0 0 3px #111;
 
}
 
.dataTables_wrapper .dataTables_paginate .ellipsis {
 
  padding: 0 1em;
 
}
 
.dataTables_wrapper .dataTables_processing {
 
  position: absolute;
 
  top: 50%;
 
  left: 50%;
 
  width: 100%;
 
  height: 40px;
 
  margin-left: -50%;
 
  margin-top: -25px;
 
  padding-top: 20px;
 
  text-align: center;
 
  font-size: 1.2em;
 
  background-color: white;
 
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
 
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
 
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
 
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
 
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
 
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
 
}
 
.dataTables_wrapper .dataTables_length,
 
.dataTables_wrapper .dataTables_filter,
 
.dataTables_wrapper .dataTables_info,
 
.dataTables_wrapper .dataTables_processing,
 
.dataTables_wrapper .dataTables_paginate {
 
  color: #333;
 
}
 
.dataTables_wrapper .dataTables_scroll {
 
  clear: both;
 
}
 
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
 
  *margin-top: -1px;
 
  -webkit-overflow-scrolling: touch;
 
}
 
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
 
  vertical-align: middle;
 
}
 
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
 
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
 
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
 
  height: 0;
 
  overflow: hidden;
 
  margin: 0 !important;
 
  padding: 0 !important;
 
}
 
.dataTables_wrapper.no-footer .dataTables_scrollBody {
 
  border-bottom: 1px solid #111;
 
}
 
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
 
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
 
  border-bottom: none;
 
}
 
.dataTables_wrapper:after {
 
  visibility: hidden;
 
  display: block;
 
  content: "";
 
  clear: both;
 
  height: 0;
 
}
 
 
@media screen and (max-width: 767px) {
 
  .dataTables_wrapper .dataTables_info,
 
  .dataTables_wrapper .dataTables_paginate {
 
    float: none;
 
    text-align: center;
 
  }
 
  .dataTables_wrapper .dataTables_paginate {
 
    margin-top: 0.5em;
 
  }
 
}
 
@media screen and (max-width: 640px) {
 
  .dataTables_wrapper .dataTables_length,
 
  .dataTables_wrapper .dataTables_filter {
 
    float: none;
 
    text-align: center;
 
  }
 
  .dataTables_wrapper .dataTables_filter {
 
    margin-top: 0.5em;
 
  }
 
}
 

Revision as of 16:08, 26 July 2019