formatting

update for azure and grey themes
This commit is contained in:
dmacias72 2017-06-17 02:16:23 -06:00
parent 77d59d32d6
commit 2d192fd0ba
4 changed files with 100 additions and 83 deletions

View File

@ -1,16 +1,17 @@
.package { .package {
cursor: pointer; cursor: pointer;
} }
#package_form { #package_form {
margin-top: -22px; margin-top: -10px;
} }
.switch-button-label.off { .switch-button-label.off {
color: inherit; color: inherit;
} }
.uptodate { .uptodate {
color:#44B012; color:#44B012;
white-space:nowrap; white-space:nowrap;
} }
.updateready { .updateready, .update {
white-space:nowrap; white-space:nowrap;
cursor: pointer;
} }

View File

@ -2,25 +2,33 @@
.tablesorter .headerSortUp, .tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp, .tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc { .tablesorter .tablesorter-headerAsc {
background-color:#101010; background-color:#212421;
} }
.tablesorter .headerSortDown, .tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown, .tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc { .tablesorter .tablesorter-headerDesc {
background-color:#101010; background-color:#212421;
} }
/* filter widget */ /* filter widget */
.tablesorter .tablesorter-filter-row { .tablesorter .tablesorter-filter-row {
background-color: #101010; background-color: #101010;
} }
.tablesorter .tablesorter-filter-row td { .tablesorter .tablesorter-filter-row td {
background-color: #101010; background-color: #1b1d1b;
border-bottom: #000000 1px solid; border-bottom: #101010 1px solid;
} }
/* filters */ /* filters */
.tablesorter input.tablesorter-filter, .tablesorter input.tablesorter-filter,
.tablesorter select.tablesorter-filter { .tablesorter select.tablesorter-filter {
background-color: #000000; background-color: #1b1d1b;
border: 1px solid #101010; border: 1px solid #101010;
color: #808080; color: #808080;
}
/* Zebra Widget - row alternating colors */
.tablesorter tr.odd > td {
background-color: #202020;
}
.tablesorter tr.even > td {
background-color: #1b1d1b;
} }

View File

@ -2,25 +2,33 @@
.tablesorter .headerSortUp, .tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp, .tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc { .tablesorter .tablesorter-headerAsc {
background-color:#E0E0E0; background-color:#E0E0E0;
} }
.tablesorter .headerSortDown, .tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown, .tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc { .tablesorter .tablesorter-headerDesc {
background-color:#E0E0E0; background-color:#E0E0E0;
} }
/* filter widget */ /* filter widget */
.tablesorter .tablesorter-filter-row { .tablesorter .tablesorter-filter-row {
background-color: #E0E0E0; background-color: #E0E0E0;
} }
.tablesorter .tablesorter-filter-row td { .tablesorter .tablesorter-filter-row td {
background-color: #E0E0E0; background-color: #E0E0E0;
border-bottom: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid;
} }
/* filters */ /* filters */
.tablesorter input.tablesorter-filter, .tablesorter input.tablesorter-filter,
.tablesorter select.tablesorter-filter { .tablesorter select.tablesorter-filter {
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px solid #E0E0E0; border: 1px solid #E0E0E0;
}
/* Zebra Widget - row alternating colors */
.tablesorter tr.odd > td {
background-color: #F0F0F0;
}
.tablesorter tr.even > td {
background-color: #E0E0E0;
} }

View File

@ -1,98 +1,98 @@
.fa { .fa {
margin:0 0 2px 2px; margin:0 0 2px 2px;
width: 15px; width: 15px;
cursor: pointer; cursor: pointer;
} }
/* header */ /* header */
.tablesorter { .tablesorter {
font-family:arimo; font-family:arimo;
margin:0 0 15px 0; margin:0 0 15px 0;
} }
.tablesorter .header, .tablesorter .header,
.tablesorter .tablesorter-header { .tablesorter .tablesorter-header {
background-position: center right; background-position: center right;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; cursor: pointer;
outline: none; outline: none;
} }
.tablesorter .headerSortUp, .tablesorter .headerSortUp,
.tablesorter .tablesorter-headerSortUp, .tablesorter .tablesorter-headerSortUp,
.tablesorter .tablesorter-headerAsc { .tablesorter .tablesorter-headerAsc {
background-image: url(/webGui/images/sort-asc.png); background-image: url(/webGui/images/sort-asc.png);
} }
.tablesorter .headerSortDown, .tablesorter .headerSortDown,
.tablesorter .tablesorter-headerSortDown, .tablesorter .tablesorter-headerSortDown,
.tablesorter .tablesorter-headerDesc { .tablesorter .tablesorter-headerDesc {
background-image: url(/webGui/images/sort-desc.png); background-image: url(/webGui/images/sort-desc.png);
} }
/* tbody */ /* tbody */
.tablesorter td { .tablesorter td {
padding:4px 20px 4px 6px; padding:4px 20px 4px 6px;
vertical-align:middle; vertical-align:middle;
text-align:justify; text-align:justify;
} }
tablesorter tbody tr.tr_last td{ tablesorter tbody tr.tr_last td{
padding:8px 20px 8px 6px; padding:8px 20px 8px 6px;
} }
/* filter widget */ /* filter widget */
.tablesorter .tablesorter-filter-row td { .tablesorter .tablesorter-filter-row td {
line-height: normal; line-height: normal;
text-align: center; /* center the input */ text-align: center; /* center the input */
-webkit-transition: line-height 0.1s ease; -webkit-transition: line-height 0.1s ease;
-moz-transition: line-height 0.1s ease; -moz-transition: line-height 0.1s ease;
-o-transition: line-height 0.1s ease; -o-transition: line-height 0.1s ease;
transition: line-height 0.1s ease; transition: line-height 0.1s ease;
} }
/* optional disabled input styling */ /* optional disabled input styling */
.tablesorter .tablesorter-filter-row .disabled { .tablesorter .tablesorter-filter-row .disabled {
opacity: 0.5; opacity: 0.5;
filter: alpha(opacity=50); filter: alpha(opacity=50);
cursor: not-allowed; cursor: not-allowed;
} }
/* filters */ /* filters */
.tablesorter input.tablesorter-filter, .tablesorter input.tablesorter-filter,
.tablesorter select.tablesorter-filter { .tablesorter select.tablesorter-filter {
width: 95%; width: 95%;
height: auto; height: auto;
margin: 2px auto; margin: 2px auto;
padding: 2px; padding: 2px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
-webkit-transition: height 0.1s ease; -webkit-transition: height 0.1s ease;
-moz-transition: height 0.1s ease; -moz-transition: height 0.1s ease;
-o-transition: height 0.1s ease; -o-transition: height 0.1s ease;
transition: height 0.1s ease; transition: height 0.1s ease;
} }
/* rows hidden by filtering (needed for child rows) */ /* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered { .tablesorter .filtered {
display: none; display: none;
} }
/* pager wrapper, div */ /* pager wrapper, div */
.tablesorter-pager { .tablesorter-pager {
padding: 5px; padding: 5px;
} }
/* pager wrapper, in thead/tfoot */ /* pager wrapper, in thead/tfoot */
td.tablesorter-pager { td.tablesorter-pager {
background-color: #e6eeee; background-color: #e6eeee;
margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */ margin: 0; /* needed for bootstrap .pager gets a 18px bottom margin */
} }
/* pager navigation arrows */ /* pager navigation arrows */
.tablesorter-pager img { .tablesorter-pager img {
vertical-align: middle; vertical-align: middle;
margin-right: 2px; margin-right: 2px;
cursor: pointer; cursor: pointer;
} }
/* pager output text */ /* pager output text */
.tablesorter-pager .pagedisplay { .tablesorter-pager .pagedisplay {
padding: 0 5px 0 5px; padding: 0 5px 0 5px;
width: 50px; width: 50px;
text-align: center; text-align: center;
} }
.tablesorter-pager select { .tablesorter-pager select {
margin: 0; margin: 0;
@ -107,37 +107,37 @@ td.tablesorter-pager {
} }
/* hide or fade out pager arrows when the first or last row is visible */ /* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled { .tablesorter-pager .disabled {
/* visibility: hidden */ /* visibility: hidden */
opacity: 0.5; opacity: 0.5;
filter: alpha(opacity=50); filter: alpha(opacity=50);
cursor: default; cursor: default;
} }
/* HOVER ROW highlight colors */ /* HOVER ROW highlight colors */
table.hover-highlight tbody > tr:hover > td, /* override tablesorter theme row hover */ table.hover-highlight tbody > tr:hover > td, /* override tablesorter theme row hover */
table.hover-highlight tbody > tr.odd:hover > td, table.hover-highlight tbody > tr.odd:hover > td,
table.hover-highlight tbody > tr.even:hover > td { table.hover-highlight tbody > tr.even:hover > td {
background-color: #9FC2E6; background-color: #9FC2E6;
color: #000000; color: #000000;
} }
/* ************************************************* */ /* ************************************************* */
/* **** No need to modify the definitions below **** */ /* **** No need to modify the definitions below **** */
/* ************************************************* */ /* ************************************************* */
.hover-highlight td:hover::after, .hover-highlight th:hover::after { .hover-highlight td:hover::after, .hover-highlight th:hover::after {
content: ''; content: '';
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 999em; height: 999em;
left: 0; left: 0;
top: -555em; top: -555em;
z-index: -1; z-index: -1;
} }
/* required styles */ /* required styles */
.hover-highlight { .hover-highlight {
overflow: hidden; overflow: hidden;
} }
.hover-highlight td, .hover-highlight th { .hover-highlight td, .hover-highlight th {
position: relative; position: relative;
outline: 0; outline: 0;
} }