| Current File : /home/kelaby89/muzza.fit/wp-content/plugins/mp-timetable/media/less/style.less |
@default_color: #3b5998;
@import 'theme.less';
//@import "no-js";
.mptt-main-wrapper {
&.mp-event-item {
img:not(.avatar ) {
width: 100%;
height: auto;
}
}
.mptt-content {
width: 66.999%;
margin-right: 3%;
float: left;
}
.mptt-sidebar {
width: 30%;
float: left;
}
.event-title {
margin: 0 0 2rem;
}
.thumbnail-wrapper {
margin-bottom: 1rem;
}
.event-content {
margin: 1rem 0;
}
.timeslots-title {
margin: 1rem 0;
}
.mptt-event.events-list {
margin: 0 0 1rem 2rem;
list-style: none;
padding: 0;
.event {
list-style: outside;
padding: 1rem;
.event-title {
margin: 0.25rem 0 0;
padding: 0;
}
.event-subtitle {
margin: 0.25rem 0 0;
padding: 0;
}
.timeslot,
.event-user {
margin: 0.25rem 0 0;
padding: 0;
}
.event-description {
margin: 0.25rem 0 0;
padding: 0;
hyphens: auto;
}
.event-user {
.avatar {
border-radius: 50%;
}
}
}
.event:last-child {
margin-bottom: 0;
}
}
.column-title {
margin: 0 0 2rem 0;
}
.column-content {
margin: 1rem 0;
}
.mptt-column.events-list {
margin: 0 0 2rem 0;
list-style: none;
padding: 0;
.event {
list-style: none;
padding: 1rem;
.event-thumbnail {
float: left;
margin: 0 2rem 2rem 0;
}
.event-title {
clear: none;
margin: 0 0 0.25rem 0;
padding: 0;
}
.event-subtitle {
margin: 0.25rem 0 0;
padding: 0;
}
.timeslot,
.event-user {
margin: 0.25rem 0 0;
padding: 0;
}
.event-description {
margin: 0.25rem 0 0;
padding: 0;
hyphens: auto;
}
.event-user {
.avatar {
border-radius: 50%;
}
}
}
}
}
.upcoming-events-widget {
margin-top: 2rem;
.mptt-widget.events-list {
list-style: none;
margin: 0;
padding: 0;
.event {
list-style: none;
margin-bottom: 2rem;
padding: 0.5rem 2rem;
border: none;
border-left: 3px solid @default_color;
.event-title {
margin: 0 0 0.25rem 0;
padding: 0;
}
.column-title {
margin: 0.25rem 0 0;
padding: 0;
}
.timeslot,
.event-user {
margin: 0.25rem 0 0;
padding: 0;
}
&.mptt-colorized {
.event-title {
margin: 0 0 0.25rem 0;
padding: 0;
color: inherit;
.event-link {
color: inherit;
}
}
}
}
}
}
.mptt-hidden {
display: none;
opacity: 0;
clear: both;
}
.mprm_ie_browser {
.mptt-inner-event-content {
width: 100%;
}
}
.mptt-container {
list-style: none;
}
/*====== Widget End ======*/
/* ====== Shortcode start ====== */
.mptt-shortcode-wrapper {
.mptt-shortcode-event {
.mptt-event-container {
display: flex;
flex-direction: column;
&:hover {
//min-height: 100%;
display: flex;
}
}
&.mptt-event-vertical-top {
.mptt-event-container {
justify-content: flex-start;
align-content: flex-start;
}
}
&.mptt-event-vertical-middle {
.mptt-event-container {
justify-content: center;
align-content: center;
}
}
&.mptt-event-vertical-bottom {
.mptt-event-container {
justify-content: flex-end;
align-content: flex-end;
}
}
}
.mptt-shortcode-table {
margin-top: 1rem;
tr.mptt-shortcode-row {
th {
background-color: #f0f0f0;
border: 1px solid #ffffff;
text-align: center;
color: #404040;
padding: 0.25rem 1rem;
overflow-wrap: normal;
hyphens: none;
}
}
tbody {
tr:nth-child(2n+2) {
background-color: #f0f0f0;
}
td {
position: relative;
border: 1px solid #ffffff;
padding: 0;
line-height: normal;
box-sizing: initial;
&.event {
background-color: @default_color;
}
&.mptt-shortcode-hours {
padding: 0 1rem !important;
white-space: nowrap;
width: 1%;
vertical-align: middle;
}
}
.mptt-event-container {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 3;
overflow: hidden;
outline: 1px solid #fff;
color: inherit;
/*word-break: break-all;
word-wrap: break-word;*/
&:hover {
background-color: inherit;
overflow: visible;
z-index: 10;
.event-title {
text-decoration: underline;
}
}
p {
color: inherit;
}
.event-title {
color: inherit;
display: inline-block;
margin: 0.5rem 0.25rem 0.25rem 0.25rem;
text-decoration: none;
font-size: 1.1em;
//word-break: break-all;
}
.event-subtitle {
margin: 0.25rem;
font-size: 0.8em;
}
.event-user {
margin: 0.25rem;
font-size: 0.8em;
.avatar {
border-radius: 50%;
margin-right: 3px;
display: inline-block;
vertical-align: middle;
}
}
.event-description {
font-size: 0.8em;
margin: 0.25rem;
hyphens: auto;
}
.timeslot {
font-size: 0.9em;
margin: 0.25rem;
}
}
}
&.mptt-theme-mode tbody {
tr:nth-child(2n+2) {
td.event {
background-color: inherit;
}
}
td.event {
background-color: #ffffff;
.event-user img {
position: relative;
}
}
}
&.mptt-table-layout-auto {
table-layout: auto;
}
&.mptt-table-layout-fixed {
table-layout: fixed;
}
}
.mptt-navigation-tabs {
margin: 0 0 1rem;
list-style-type: none;
li {
display: inline-block;
padding: 0.25rem 0.5rem 0.25rem 0;
}
}
.mptt-shortcode-list {
display: none;
.mptt-column {
margin: 2rem 0;
.mptt-column-title {
margin: 2rem 0;
}
.mptt-events-list {
list-style: none;
margin: 2rem;
padding: 0;
.mptt-list-event {
list-style: none;
margin-bottom: 2rem;
padding: 0 0 0 2rem;
border-left: 3px solid @default_color;
.mptt-event-title {
margin: 0.25rem 0 0;
padding: 0;
}
.timeslot,
.event-user {
margin: 0.25rem 0 0;
padding: 0;
}
.event-subtitle {
margin: 0.25rem 0 0;
padding: 0;
hyphens: auto;
}
.event-description {
margin: 0.25rem 0 0;
padding: 0;
hyphens: auto;
}
.event-user {
margin: 0.25rem 0 0;
padding: 0;
.avatar {
border-radius: 50%;
margin-right: 3px;
display: inline-block;
vertical-align: middle;
}
}
}
}
}
}
&.mptt-table-fixed {
overflow-x: scroll;
.mptt-shortcode-table {
table-layout: auto;
}
thead, tbody {
width: 100%;
}
}
td{
vertical-align: middle;
}
}
/* ====== Shortcode end ====== */
/* ====== Media start ===== */
@media (max-width: 767px) {
.mptt-main-wrapper {
.mptt-content {
padding: 0 2rem 2rem;
width: 100%;
}
.mptt-sidebar {
padding: 0 2rem 2rem;
width: 100%;
}
}
.mptt-shortcode-wrapper {
.mptt-shortcode-list {
display: block;
}
&.mptt-table-fixed {
.mptt-shortcode-list {
display: none !important;;
}
.mptt-shortcode-table {
display: table;
td.event {
min-width: 200px;
}
}
}
&.mptt-table-responsive {
.mptt-shortcode-table {
display: none !important;
}
}
}
}
.mptt-clearfix {
*zoom: 1;
&:before,
&:after {
display: table;
content: "";
line-height: 0;
}
&:after {
clear: both;
}
}
.twentysixteen {
&.mptt-shortcode-wrapper {
.event-title {
box-shadow: none;
}
}
}
.mptt-theme-mode-event.event {
.event-user img {
position: relative;
}
}
.twentyfifteen {
&.mptt-shortcode-wrapper {
.event-title {
border-bottom: none;
}
}
}
.twentyfourteen {
.mptt-content {
width: 100%;
margin: 0;
}
}