Willkommen bei WordPress. Dies ist dein erster Beitrag. Bearbeite oder lösche ihn und beginne mit dem Schreiben!
Hallo Welt!
von raredesign | Dez 3, 2019 | Allgemein | 0 Kommentare
Cokiee Shell
| Current Path : /var/www/web28/html/wp-content/plugins/wp-statistics/assets/dev/sass/objects/ |
| Current File : //var/www/web28/html/wp-content/plugins/wp-statistics/assets/dev/sass/objects/_table.scss |
#wp_statistics_editor_meta_box,
#wp-statistics-browsers-widget,
#wp-statistics-countries-widget,
#wp-statistics-hitsmap-widget,
#wp-statistics-hits-widget,
#wp-statistics-referring-widget,
#wp-statistics-search-widget,
#wp-statistics-summary-widget,
#wp-statistics-words-widget,
#wp-statistics-top-visitors-widget,
#wps_hits_postbox,
#wps_top_visitors_postbox,
#wps_search_postbox,
#wps_words_postbox,
#wps_recent_postbox,
#wps_map_postbox,
#wps_pages_postbox,
#wps_summary_postbox,
#wps_browsers_postbox,
#wps_referring_postbox,
#wps_countries_postbox,
#wps_pages_postbox,
#wp-statistics-models-widget,
#wp-statistics-platforms-widget,
#wp-statistics-quickstats-widget,
#wp-statistics-devices-widget,
#wp-statistics-recent-widget,
#wp-statistics-useronline-widget,
#wp-statistics-pages-widget,
.wps-wrap {
.o-table {
width: 100%;
border-collapse: collapse;
thead {
tr th {
padding: 8px 0 12px 40px;
font-weight: 400;
font-size: 13px;
line-height: 16px;
border-bottom: 1px solid $light-secondary-color;
color: $low-color;
text-align: left;
.rtl &{
text-align: right;
}
&:first-child {
padding-left: 16px;
@media screen and (min-width: 1300px) {
padding-left: 24px;
}
}
&:last-child {
padding-right: 16px;
@media screen and (min-width: 768px) {
padding-right: 24px;
}
}
}
tr td.row-id {
color: $low-color !important;
}
}
tr {
.o-table__td--sm-width {
max-width: 40px;
width: 25px;
min-width: 40px;
+ .o-table__link {
padding-left: 20px !important;
}
}
}
tr:first-child td {
text-align: left;
.rtl &{
text-align: right;
}
}
tr td {
min-width: 60px;
.wps-flag {
margin-right: 4px;
margin-bottom: 2px;
vertical-align: middle;
}
.wps-flag--first {
float: unset !important;
}
&:first-child {
min-width: unset;
}
span.truncate{
max-width: 147px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: inherit;
display: inline-block;
&:hover {
color: inherit;
}
}
span.disabled {
color: #999;
}
a {
color: $primary-color !important;
display: inline-block;
&:hover {
color: $dark-color !important;
}
}
a.is-normal-text {
color: $dim-black-color !important;
}
a.button {
border-radius: 4px;
font-weight: 500 !important;
padding: 7px 10px;
background-color: #fafafb !important;
line-height: 0;
text-align: center;
font-size: 11px;
span {
font-size: inherit;
color: inherit;
}
.hover-effect {
min-width: 70px;
}
.hover-effect--show {
display: none !important;
}
&:hover {
.hover-effect--show {
display: inline-block !important;
}
.hover-effect--hide {
display: none !important;
}
}
svg {
vertical-align: middle;
}
}
}
a.button.disabled {
margin: 0!important;
&:hover {
color: #A7AAAD !important;
}
span:hover {
color: #A7AAAD !important;
}
}
tbody {
tr th {
padding: 14px 0 14px 40px;
font-weight: 500;
font-size: 14px;
line-height: 16px;
color: $low-color;
text-align: left;
&:last-child {
padding-right: 24px;
}
}
tr td {
padding: 14px 0 14px 40px;
font-weight: 400;
font-size: 13px;
color: $dim-black-color;
border: none;
&:first-child {
padding-left: 16px;
@media screen and (min-width: 1300px) {
padding-left: 24px;
}
}
a.table-icon-btn, a.table-icon-btn .dashicons {
font-size: 16px !important;
}
a.table-icon-btn {
margin: 0 4px;
}
&:last-child {
padding-right: 24px;
}
a, a span {
font-weight: 400;
font-size: 13px;
color: $dim-black-color;
&:hover {
color: $primary-color;
}
}
.table-cell-scroller {
//max-width: 100%;
//overflow-x: auto;
//white-space: nowrap;
//scroll-behavior: smooth;
//scrollbar-width: thin;
//scrollbar-color: #DADCE0 $light-tertiary-color;
//
///* width */
//::-webkit-scrollbar {
// width: 4px;
// border-radius: 2px;
//}
//
///* Track */
//::-webkit-scrollbar-track {
// background: $light-tertiary-color;
//}
//
///* Handle */
//::-webkit-scrollbar-thumb {
// background: #DADCE0;
//}
}
}
tr:nth-child(even) {
th, td {
background-color: $light-tertiary-color;
}
}
tr td.row-id {
color: $low-color !important;
}
}
}
.o-table--link {
tbody tr td {
img {
margin-right: 8px;
}
a {
color: $primary-color;
transition: 0.22s;
display: inline-flex;
align-items: center;
span, svg {
max-height: 17px;
color: $primary-color;
transition: 0.22s;
}
svg {
margin-left: 2px;
}
&:hover {
color: $dark-color;
span {
color: $dark-color;
}
svg {
transform: translateX(3px);
filter: grayscale(1) brightness(0.9);
}
}
}
}
}
table {
svg {
transition: 0.22s;
}
}
.o-table--space-between {
tr td, tr, th {
&:first-child {
text-align: left;
}
&:last-child {
text-align: left;
}
}
}
.o-table-wrapper {
overflow-x: auto;
scroll-behavior: smooth;
scrollbar-width: thin;
scrollbar-color: #DADCE0 $light-tertiary-color;
table{
position: relative;
}
/* width */
&::-webkit-scrollbar {
width: 4px !important;
border-radius: 2px !important;
}
/* Track */
&::-webkit-scrollbar-track {
width: 4px !important;
background: $light-tertiary-color !important;
}
/* Handle */
&::-webkit-scrollbar-thumb {
border: 5px solid transparent;
border-radius: 100px;
background-color: #DADCE0;
background-clip: content-box;
}
.quickstats-values{
font-weight: 500;
font-size: 13px;
color: #404BF2;
}
}
.o-table--visitors {
thead {
tr th {
text-align: left;
max-width: max-content;
padding-left: 40px;
&:first-child {
text-align: left;
}
&:last-child {
text-align: left;
}
}
}
tbody {
tr td {
text-align: left;
max-width: max-content;
padding-left: 40px;
&:first-child {
padding-right: 10px;
}
&:nth-child(2) {
}
a {
display: inline-flex;
align-items: center;
}
a img {
float: unset;
margin: 0 4px 0 0;
}
.wps-flag {
margin-right: 4px;
vertical-align: middle;
}
a {
}
&:last-child {
text-align: left;
}
}
.o-table__browser {
&::after {
content: attr(title);
display: inline-block;
margin-left: 2px;
}
}
}
.o-table__link a {
color: $primary-color;
padding-right: 0;
&:hover {
color: $dark-color;
}
}
}
.o-table.o-table--responsive {
tr:first-child td {
text-align: left;
}
tr td {
min-width: 60px;
.wps-flag {
margin-right: 4px;
}
&:first-child {
min-width: unset;
}
}
}
.o-table--tracker{
tbody{
tr{
td{
a{
display: inline!important;
&.button{
color: #0C0C0D;
font-size: 12px;
font-weight: 400;
line-height: 20px;
border: 1px solid #EEEFF1;
&:hover{
font-weight: 500;
border: 1px solid #DADCE0;
background: #FAFAFB;
}
&.disabled, &.disabled:focus{
border: 1px solid #DADCE0;
background: #EEEFF1;
span,span:hover{
color: #56585A!important;
}
}
}
}
&.head{
white-space: nowrap;
.wps-tooltip{
margin-left: 2px;
}
}
&.o-table__cell--right{
text-align: right;
}
ul{
display: flex;
margin: 0;
gap:5px;
justify-content: flex-end;
align-items: center;
li{
margin-bottom: 0;
}
}
}
}
}
}
}
#side-sortables #wp-statistics-countries-widget {
tr {
td:nth-child(2), th:nth-child(2) {
min-width: 100px;
padding-left: 24px;
}
td:nth-child(3), th:nth-child(3) {
padding-right: 20px;
}
}
}
.wps-wrap, #dashboard-widgets-wrap {
.o-table--wps-summary-stats {
thead, tbody {
tr td, tr th {
&:not(:first-child) {
padding: 14px 0 14px 24px;
}
&:first-child {
color: #56585A !important;
}
&:last-child {
padding: 14px 24px 14px 24px;
}
}
b{
font-weight: 500;
color: #0C0C0D;
line-height: 15.23px;
font-size: 13px;
}
}
}
#wp-statistics-pages-widget{
&.postbox .inside{
padding-right: 0;
padding-left: 0;
}
}
.c-footer{
.c-footer__more__link{
color: #56585a;
font-size: 12px;
font-weight: 400;
display: flex;
align-items: center;
gap: 2px;
text-decoration: none;
svg{
margin : 0 !important;
}
&:hover{
color: #000;
svg{
filter: contrast(1.5);
}
}
}
.c-footer__filter.is-active .c-footer__filter__btn::after{
transform: rotate(180deg);
}
.c-footer__filter__btn{
color: #56585a;
font-size: 12px;
font-weight: 400;
display: flex;
align-items: center;
gap: 2px;
padding: 0;
&:after{
content: "";
width: 16px;
height: 16px;
background: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgMTcgMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjMzMzIyIDEwLjYxMTFMMTEuNDQ0NCA3LjVMMTIuMzMzMyA4LjM4ODg5TDguMzMzMjIgMTIuMzg4OUw0LjMzMzI1IDguMzg4ODlMNS4yMjIxNCA3LjVMOC4zMzMyMiAxMC42MTExWiIgZmlsbD0iIzU2NTg1QSIvPgo8L3N2Zz4K) center center no-repeat;
transform: rotate(0deg);
}
&:hover{
color: #000;
&:after{
filter: contrast(1.5);
}
}
}
}
}
#wp-statistics-summary-widget{
table.o-table {
thead tr, tbody tr {
td, th {
&:first-child {
padding-left: 16px !important;
.rtl &{
padding-left: 0px !important;
padding-right: 16px !important;
}
@media screen and (min-width: 1450px) {
padding-left: 24px !important;
.rtl &{
padding-left: 0px !important;
padding-right: 24px !important;
}
}
}
&:last-child {
padding-right: 8px !important;
.rtl &{
padding-left: 8px !important;
padding-right: 0px !important;
}
@media screen and (min-width: 1450px) {
padding-right: 24px !important;
.rtl &{
padding-left: 24px !important;
padding-right: 0px !important;
}
}
}
}
th{
padding: 11.1px 0 12px 22px !important;
@media screen and (min-width: 1450px) {
padding: 11.1px 0 12px 40px !important;
}
}
td{
padding: 11.1px 0 11.1px 22px !important;
@media screen and (min-width: 1450px) {
padding: 11.1px 0 11.1px 40px !important;
}
}
}
}
}
#normal-sortables {
.o-table.o-table--layout-fixed {
@media screen and (min-width: 1200px) {
table-layout: fixed !important;
}
}
}
#dashboard-widgets {
#normal-sortables {
.o-table.o-table--layout-fixed {
@media screen and (min-width: 1200px) {
table-layout: initial !important;
}
}
}
}
.rtl {
#wp_statistics_editor_meta_box,
#wp-statistics-browsers-widget,
#wp-statistics-countries-widget,
#wp-statistics-hitsmap-widget,
#wp-statistics-hits-widget,
#wp-statistics-referring-widget,
#wp-statistics-search-widget,
#wp-statistics-summary-widget,
#wp-statistics-words-widget,
#wp-statistics-top-visitors-widget,
#wps_hits_postbox,
#wps_top_visitors_postbox,
#wps_search_postbox,
#wps_words_postbox,
#wps_recent_postbox,
#wps_map_postbox,
#wps_pages_postbox,
#wps_summary_postbox,
#wps_browsers_postbox,
#wps_referring_postbox,
#wps_countries_postbox,
#wps_pages_postbox,
#wp-statistics-models-widget,
#wp-statistics-platforms-widget,
#wp-statistics-quickstats-widget,
#wp-statistics-devices-widget,
.wps-wrap {
.o-table {
thead {
tr th {
padding: 8px 40px 8px 0;
text-align: right;
}
}
tr:first-child td {
text-align: right;
}
}
.o-table--link {
tbody tr td {
img {
margin-left: 8px;
margin-right: 0;
}
}
}
}
}
Cokiee Shell Web 1.0, Coded By Razor
Neueste Kommentare