vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Theme update

pull/132/head
cagataycivici 2019-12-30 11:50:35 +03:00
parent 73f3fa64a7
commit 5f3b696d21
9 changed files with 1044 additions and 441 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

165
public/themes/luna-amber/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #ffe8b3;
-moz-box-shadow: 0 0 0 0.2em #ffe8b3;
box-shadow: 0 0 0 0.2em #ffe8b3;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #ffe8b3;
-moz-box-shadow: 0 0 0 0.2em #ffe8b3;
box-shadow: 0 0 0 0.2em #ffe8b3;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #252525;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #ffe8b3;
-moz-box-shadow: 0 0 0 0.2em #ffe8b3;
box-shadow: 0 0 0 0.2em #ffe8b3;
border-color: #FFB300;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #252525;
border: 1px solid #191919;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #191919;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #191919;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #191919;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #191919;
color: #dedede;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #dedede;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #191919;
}
body .p-dataview .p-dataview-footer {
background-color: #323232;
color: #dedede;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #4c4c4c;
color: #dedede;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #ffe8b3;
-moz-box-shadow: 0 0 0 0.2em #ffe8b3;
box-shadow: 0 0 0 0.2em #ffe8b3;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/luna-blue/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #aed3f3;
-moz-box-shadow: 0 0 0 0.2em #aed3f3;
box-shadow: 0 0 0 0.2em #aed3f3;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #aed3f3;
-moz-box-shadow: 0 0 0 0.2em #aed3f3;
box-shadow: 0 0 0 0.2em #aed3f3;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #252525;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #aed3f3;
-moz-box-shadow: 0 0 0 0.2em #aed3f3;
box-shadow: 0 0 0 0.2em #aed3f3;
border-color: #1f7ed0;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #252525;
border: 1px solid #191919;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #191919;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #191919;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #191919;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #191919;
color: #dedede;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #dedede;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #191919;
}
body .p-dataview .p-dataview-footer {
background-color: #323232;
color: #dedede;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #4c4c4c;
color: #dedede;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #aed3f3;
-moz-box-shadow: 0 0 0 0.2em #aed3f3;
box-shadow: 0 0 0 0.2em #aed3f3;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/luna-green/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #88e9aa;
-moz-box-shadow: 0 0 0 0.2em #88e9aa;
box-shadow: 0 0 0 0.2em #88e9aa;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #88e9aa;
-moz-box-shadow: 0 0 0 0.2em #88e9aa;
box-shadow: 0 0 0 0.2em #88e9aa;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #252525;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #88e9aa;
-moz-box-shadow: 0 0 0 0.2em #88e9aa;
box-shadow: 0 0 0 0.2em #88e9aa;
border-color: #1ea04c;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #252525;
border: 1px solid #191919;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #191919;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #191919;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #191919;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #191919;
color: #dedede;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #dedede;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #191919;
}
body .p-dataview .p-dataview-footer {
background-color: #323232;
color: #dedede;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #4c4c4c;
color: #dedede;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #88e9aa;
-moz-box-shadow: 0 0 0 0.2em #88e9aa;
box-shadow: 0 0 0 0.2em #88e9aa;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/luna-pink/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #dedede;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #f1b6c8;
-moz-box-shadow: 0 0 0 0.2em #f1b6c8;
box-shadow: 0 0 0 0.2em #f1b6c8;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #4c4c4c;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #f1b6c8;
-moz-box-shadow: 0 0 0 0.2em #f1b6c8;
box-shadow: 0 0 0 0.2em #f1b6c8;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #252525;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #f1b6c8;
-moz-box-shadow: 0 0 0 0.2em #f1b6c8;
box-shadow: 0 0 0 0.2em #f1b6c8;
border-color: #cc285c;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #252525;
border: 1px solid #191919;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #191919;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #191919;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #191919;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #191919;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #191919;
background-color: #323232;
color: #dedede;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #323232;
color: #dedede;
border: 1px solid #191919;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #191919;
color: #dedede;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #dedede;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #191919;
}
body .p-dataview .p-dataview-footer {
background-color: #323232;
color: #dedede;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #4c4c4c;
color: #dedede;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #f1b6c8;
-moz-box-shadow: 0 0 0 0.2em #f1b6c8;
box-shadow: 0 0 0 0.2em #f1b6c8;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/nova-colored/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #ffffff;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
border-color: #007ad9;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #f4f4f4;
border: 1px solid #c8c8c8;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #007ad9;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #c8c8c8;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #c8c8c8;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #007ad9;
color: #ffffff;
border: 1px solid #007ad9;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #007ad9;
color: #ffffff;
border: 1px solid #007ad9;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #007ad9;
color: #ffffff;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #333333;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #c8c8c8;
}
body .p-dataview .p-dataview-footer {
background-color: #ffffff;
color: #333333;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #eaeaea;
color: #333333;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/nova-dark/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #ffffff;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
border-color: #007ad9;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #f4f4f4;
border: 1px solid #c8c8c8;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #333333;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #c8c8c8;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #c8c8c8;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #333333;
color: #ffffff;
border: 1px solid #333333;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #333333;
color: #ffffff;
border: 1px solid #333333;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #333333;
color: #ffffff;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #333333;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #c8c8c8;
}
body .p-dataview .p-dataview-footer {
background-color: #ffffff;
color: #333333;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #eaeaea;
color: #333333;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/nova-light/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #007ad9;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #ffffff;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
border-color: #007ad9;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #f4f4f4;
border: 1px solid #c8c8c8;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #f4f4f4;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #c8c8c8;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #c8c8c8;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #f4f4f4;
color: #333333;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #333333;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #c8c8c8;
}
body .p-dataview .p-dataview-footer {
background-color: #ffffff;
color: #333333;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #eaeaea;
color: #333333;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #8dcdff;
-moz-box-shadow: 0 0 0 0.2em #8dcdff;
box-shadow: 0 0 0 0.2em #8dcdff;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/nova-vue/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #41b883;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c2e9d8;
-moz-box-shadow: 0 0 0 0.2em #c2e9d8;
box-shadow: 0 0 0 0.2em #c2e9d8;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #eaeaea;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c2e9d8;
-moz-box-shadow: 0 0 0 0.2em #c2e9d8;
box-shadow: 0 0 0 0.2em #c2e9d8;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #ffffff;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c2e9d8;
-moz-box-shadow: 0 0 0 0.2em #c2e9d8;
box-shadow: 0 0 0 0.2em #c2e9d8;
border-color: #41b883;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #f4f4f4;
border: 1px solid #c8c8c8;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #f4f4f4;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #c8c8c8;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #c8c8c8;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #c8c8c8;
background-color: #ffffff;
color: #333333;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #f4f4f4;
color: #333333;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #333333;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #c8c8c8;
}
body .p-dataview .p-dataview-footer {
background-color: #ffffff;
color: #333333;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 24px;
background-color: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #eaeaea;
color: #333333;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #c2e9d8;
-moz-box-shadow: 0 0 0 0.2em #c2e9d8;
box-shadow: 0 0 0 0.2em #c2e9d8;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);

165
public/themes/rhea/theme.css
View File

@ -900,12 +900,46 @@ body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hove
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
color: #666666;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
background-color: #f4f4f4;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):hover {
body .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #e4e9ec;
-moz-box-shadow: 0 0 0 0.2em #e4e9ec;
box-shadow: 0 0 0 0.2em #e4e9ec;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker {
margin: 0.857em 0 0 0;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled) {
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
background-color: #f4f4f4;
}
body .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #e4e9ec;
-moz-box-shadow: 0 0 0 0.2em #e4e9ec;
box-shadow: 0 0 0 0.2em #e4e9ec;
}
body .p-datepicker .p-datepicker-header {
padding: 0.429em 0.857em 0.429em 0.857em;
background-color: #ffffff;
@ -932,6 +966,18 @@ body .p-datepicker .p-datepicker-header .p-datepicker-title {
body .p-datepicker .p-datepicker-header .p-datepicker-title select {
margin-top: -0.35em;
margin-bottom: 0;
-moz-transition: border-color 0.2s, box-shadow 0.2s;
-o-transition: border-color 0.2s, box-shadow 0.2s;
-webkit-transition: border-color 0.2s, box-shadow 0.2s;
transition: border-color 0.2s, box-shadow 0.2s;
}
body .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #e4e9ec;
-moz-box-shadow: 0 0 0 0.2em #e4e9ec;
box-shadow: 0 0 0 0.2em #e4e9ec;
border-color: #7B95A3;
}
body .p-datepicker table {
font-size: 14px;
@ -1847,6 +1893,9 @@ body .p-card {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
body {
/* Responsive Table */
}
body .p-paginator {
background-color: #ffffff;
border: 1px solid #dadada;
@ -2102,7 +2151,56 @@ body .p-datatable .p-datatable-scrollable-header,
body .p-datatable .p-datatable-scrollable-footer {
background-color: #7B95A3;
}
body .p-datatable .p-column-filter {
width: 100%;
}
body .p-datatable.p-datatable-borderless .p-datatable-header {
border: 0 none;
border-bottom: 1px solid #dadada;
}
body .p-datatable.p-datatable-borderless .p-datatable-thead > tr > th {
border: 0 none;
text-align: left;
padding: 0.857em;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tbody > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-datatable-tfoot > tr > td {
border: 0 none;
}
body .p-datatable.p-datatable-borderless .p-paginator {
border: 0 none;
}
body .p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
display: none;
}
@media screen and (max-width: 40em) {
body .p-datatable.p-datatable-responsive .p-datatable-thead > tr > th,
body .p-datatable.p-datatable-responsive .p-datatable-tfoot > tr > td {
display: none !important;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td {
text-align: left;
display: block;
border: 0 none !important;
width: 100% !important;
float: left;
clear: left;
}
body .p-datatable.p-datatable-responsive .p-datatable-tbody > tr > td .p-column-title {
padding: 0.4em;
min-width: 30%;
display: inline-block;
margin: -0.4em 1em -0.4em -0.4em;
font-weight: bold;
}
body .p-datatable.p-datatable-responsive .p-paginator-top {
border-bottom: 1px solid #dadada;
}
@ -2113,50 +2211,6 @@ body .p-datatable .p-datatable-scrollable-footer {
border: 0 none;
}
}
body .p-datagrid .p-datagrid-header {
background-color: #7B95A3;
color: #ffffff;
border: 1px solid #7B95A3;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datagrid .p-datagrid-content {
padding: 0.571em 1em;
border: 1px solid #dadada;
background-color: #ffffff;
color: #666666;
padding: 0.571em 1em;
}
body .p-datagrid .p-datagrid-footer {
background-color: #ffffff;
color: #666666;
border: 1px solid #dadada;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datalist .p-datalist-header {
background-color: #7B95A3;
color: #ffffff;
border: 1px solid #7B95A3;
padding: 0.571em 1em;
font-weight: 700;
border-bottom: 0 none;
}
body .p-datalist .p-datalist-content {
padding: 0.571em 1em;
border: 1px solid #dadada;
background-color: #ffffff;
color: #666666;
padding: 0.571em 1em;
}
body .p-datalist .p-datalist-footer {
background-color: #ffffff;
color: #666666;
border: 1px solid #dadada;
padding: 0.571em 1em;
border-top: 0 none;
}
body .p-datascroller .p-datascroller-header {
background-color: #7B95A3;
color: #ffffff;
@ -2200,6 +2254,9 @@ body .p-dataview .p-dataview-content {
color: #666666;
padding: 0.571em 1em;
}
body .p-dataview .p-dataview-content > .p-grid > div {
border-bottom: 1px solid #dadada;
}
body .p-dataview .p-dataview-footer {
background-color: #ffffff;
color: #666666;
@ -3879,6 +3936,9 @@ body .p-progressbar {
border: 0 none;
height: 1.714em;
background-color: #efefef;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
body .p-progressbar .p-progressbar-value {
border: 0 none;
@ -3935,15 +3995,22 @@ body .p-inplace .p-inplace-display {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
transition: background-color 0.2s;
-moz-transition: background-color 0.2s, box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
-webkit-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
}
body .p-inplace .p-inplace-display:not(.p-disabled):hover {
background-color: #f4f4f4;
color: #666666;
}
body .p-inplace .p-inplace-display:focus {
outline: 0 none;
outline-offset: 0;
-webkit-box-shadow: 0 0 0 0.2em #e4e9ec;
-moz-box-shadow: 0 0 0 0.2em #e4e9ec;
box-shadow: 0 0 0 0.2em #e4e9ec;
}
body .p-fluid .p-inplace.p-inplace-closable .p-inplace-content > :first-child {
display: inline-block;
width: calc(100% - 2.357em);