Current Path : /var/test/www/foundation/wp-content/plugins/mp-timetable/media/less/ |
Current File : /var/test/www/foundation/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 { .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-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-description { margin: 0.25rem 0 0; padding: 0; hyphens: auto; } .event-user { margin: 0.25rem 0 0; padding: 0; } } } } } &.mptt-table-fixed { overflow-x: scroll; .mptt-shortcode-table { table-layout: auto; } thead, tbody { width: 100%; } } } /* ====== 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; } }