new ui with AdminLTE

resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-timegrid/LICENSE.txt

@@ -0,0 +1,20 @@
+Copyright (c) 2019 Adam Shaw
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-timegrid/main.css

@@ -0,0 +1,309 @@
+@charset "UTF-8";
+/* TimeGridView all-day area
+--------------------------------------------------------------------------------------------------*/
+.fc-timeGrid-view .fc-day-grid {
+  position: relative;
+  z-index: 2;
+  /* so the "more.." popover will be over the time grid */
+}
+
+.fc-timeGrid-view .fc-day-grid .fc-row {
+  min-height: 3em;
+  /* all-day section will never get shorter than this */
+}
+
+.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
+  padding-bottom: 1em;
+  /* give space underneath events for clicking/selecting days */
+}
+
+/* TimeGrid axis running down the side (for both the all-day area and the slot area)
+--------------------------------------------------------------------------------------------------*/
+.fc .fc-axis {
+  /* .fc to overcome default cell styles */
+  vertical-align: middle;
+  padding: 0 4px;
+  white-space: nowrap;
+}
+
+.fc-ltr .fc-axis {
+  text-align: right;
+}
+
+.fc-rtl .fc-axis {
+  text-align: left;
+}
+
+/* TimeGrid Structure
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid-container,
+.fc-time-grid {
+  /* so slats/bg/content/etc positions get scoped within here */
+  position: relative;
+  z-index: 1;
+}
+
+.fc-time-grid {
+  min-height: 100%;
+  /* so if height setting is 'auto', .fc-bg stretches to fill height */
+}
+
+.fc-time-grid table {
+  /* don't put outer borders on slats/bg/content/etc */
+  border: 0 hidden transparent;
+}
+
+.fc-time-grid > .fc-bg {
+  z-index: 1;
+}
+
+.fc-time-grid .fc-slats,
+.fc-time-grid > hr {
+  /* the <hr> TimeGridView injects when grid is shorter than scroller */
+  position: relative;
+  z-index: 2;
+}
+
+.fc-time-grid .fc-content-col {
+  position: relative;
+  /* because now-indicator lives directly inside */
+}
+
+.fc-time-grid .fc-content-skeleton {
+  position: absolute;
+  z-index: 3;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+/* divs within a cell within the fc-content-skeleton */
+.fc-time-grid .fc-business-container {
+  position: relative;
+  z-index: 1;
+}
+
+.fc-time-grid .fc-bgevent-container {
+  position: relative;
+  z-index: 2;
+}
+
+.fc-time-grid .fc-highlight-container {
+  position: relative;
+  z-index: 3;
+}
+
+.fc-time-grid .fc-event-container {
+  position: relative;
+  z-index: 4;
+}
+
+.fc-time-grid .fc-now-indicator-line {
+  z-index: 5;
+}
+
+.fc-time-grid .fc-mirror-container {
+  /* also is fc-event-container */
+  position: relative;
+  z-index: 6;
+}
+
+/* TimeGrid Slats (lines that run horizontally)
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-slats td {
+  height: 1.5em;
+  border-bottom: 0;
+  /* each cell is responsible for its top border */
+}
+
+.fc-time-grid .fc-slats .fc-minor td {
+  border-top-style: dotted;
+}
+
+/* TimeGrid Highlighting Slots
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-highlight-container {
+  /* a div within a cell within the fc-highlight-skeleton */
+  position: relative;
+  /* scopes the left/right of the fc-highlight to be in the column */
+}
+
+.fc-time-grid .fc-highlight {
+  position: absolute;
+  left: 0;
+  right: 0;
+  /* top and bottom will be in by JS */
+}
+
+/* TimeGrid Event Containment
+--------------------------------------------------------------------------------------------------*/
+.fc-ltr .fc-time-grid .fc-event-container {
+  /* space on the sides of events for LTR (default) */
+  margin: 0 2.5% 0 2px;
+}
+
+.fc-rtl .fc-time-grid .fc-event-container {
+  /* space on the sides of events for RTL */
+  margin: 0 2px 0 2.5%;
+}
+
+.fc-time-grid .fc-event,
+.fc-time-grid .fc-bgevent {
+  position: absolute;
+  z-index: 1;
+  /* scope inner z-index's */
+}
+
+.fc-time-grid .fc-bgevent {
+  /* background events always span full width */
+  left: 0;
+  right: 0;
+}
+
+/* TimeGrid Event Styling
+----------------------------------------------------------------------------------------------------
+We use the full "fc-time-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+.fc-time-grid-event {
+  margin-bottom: 1px;
+}
+
+.fc-time-grid-event-inset {
+  -webkit-box-shadow: 0px 0px 0px 1px #fff;
+  box-shadow: 0px 0px 0px 1px #fff;
+}
+
+.fc-time-grid-event.fc-not-start {
+  /* events that are continuing from another day */
+  /* replace space made by the top border with padding */
+  border-top-width: 0;
+  padding-top: 1px;
+  /* remove top rounded corners */
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.fc-time-grid-event.fc-not-end {
+  /* replace space made by the top border with padding */
+  border-bottom-width: 0;
+  padding-bottom: 1px;
+  /* remove bottom rounded corners */
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.fc-time-grid-event .fc-content {
+  overflow: hidden;
+  max-height: 100%;
+}
+
+.fc-time-grid-event .fc-time,
+.fc-time-grid-event .fc-title {
+  padding: 0 1px;
+}
+
+.fc-time-grid-event .fc-time {
+  font-size: 0.85em;
+  white-space: nowrap;
+}
+
+/* short mode, where time and title are on the same line */
+.fc-time-grid-event.fc-short .fc-content {
+  /* don't wrap to second line (now that contents will be inline) */
+  white-space: nowrap;
+}
+
+.fc-time-grid-event.fc-short .fc-time,
+.fc-time-grid-event.fc-short .fc-title {
+  /* put the time and title on the same line */
+  display: inline-block;
+  vertical-align: top;
+}
+
+.fc-time-grid-event.fc-short .fc-time span {
+  display: none;
+  /* don't display the full time text... */
+}
+
+.fc-time-grid-event.fc-short .fc-time:before {
+  content: attr(data-start);
+  /* ...instead, display only the start time */
+}
+
+.fc-time-grid-event.fc-short .fc-time:after {
+  content: " - ";
+  /* seperate with a dash, wrapped in nbsp's */
+}
+
+.fc-time-grid-event.fc-short .fc-title {
+  font-size: 0.85em;
+  /* make the title text the same size as the time */
+  padding: 0;
+  /* undo padding from above */
+}
+
+/* resizer (cursor device) */
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 8px;
+  overflow: hidden;
+  line-height: 8px;
+  font-size: 11px;
+  font-family: monospace;
+  text-align: center;
+  cursor: s-resize;
+}
+
+.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
+  content: "=";
+}
+
+/* resizer (touch device) */
+.fc-time-grid-event.fc-selected .fc-resizer {
+  /* 10x10 dot */
+  border-radius: 5px;
+  border-width: 1px;
+  width: 8px;
+  height: 8px;
+  border-style: solid;
+  border-color: inherit;
+  background: #fff;
+  /* horizontally center */
+  left: 50%;
+  margin-left: -5px;
+  /* center on the bottom edge */
+  bottom: -5px;
+}
+
+/* Now Indicator
+--------------------------------------------------------------------------------------------------*/
+.fc-time-grid .fc-now-indicator-line {
+  border-top-width: 1px;
+  left: 0;
+  right: 0;
+}
+
+/* arrow on axis */
+.fc-time-grid .fc-now-indicator-arrow {
+  margin-top: -5px;
+  /* vertically center on top coordinate */
+}
+
+.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
+  left: 0;
+  /* triangle pointing right... */
+  border-width: 5px 0 5px 6px;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+
+.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
+  right: 0;
+  /* triangle pointing left... */
+  border-width: 5px 6px 5px 0;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}

resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-timegrid/main.d.ts

@@ -0,0 +1,220 @@
+// Generated by dts-bundle v0.7.3-fork.1
+// Dependencies for this module:
+//   ../../../../../@fullcalendar/core
+//   ../../../../../@fullcalendar/daygrid
+
+declare module '@fullcalendar/timegrid' {
+    import AbstractTimeGridView from '@fullcalendar/timegrid/AbstractTimeGridView';
+    import TimeGridView, { buildDayTable } from '@fullcalendar/timegrid/TimeGridView';
+    import { TimeGridSeg } from '@fullcalendar/timegrid/TimeGrid';
+    import { TimeGridSlicer, buildDayRanges } from '@fullcalendar/timegrid/SimpleTimeGrid';
+    export { TimeGridView, AbstractTimeGridView, buildDayTable, buildDayRanges, TimeGridSlicer, TimeGridSeg };
+    export { default as TimeGrid } from '@fullcalendar/timegrid/TimeGrid';
+    const _default: import("@fullcalendar/core").PluginDef;
+    export default _default;
+}
+
+declare module '@fullcalendar/timegrid/AbstractTimeGridView' {
+    import { ScrollComponent, View, ViewSpec, DateProfileGenerator, ComponentContext, Duration } from '@fullcalendar/core';
+    import { DayGrid } from '@fullcalendar/daygrid';
+    import TimeGrid from '@fullcalendar/timegrid/TimeGrid';
+    import AllDaySplitter from '@fullcalendar/timegrid/AllDaySplitter';
+    export { TimeGridView as default, TimeGridView };
+    abstract class TimeGridView extends View {
+        timeGrid: TimeGrid;
+        dayGrid: DayGrid;
+        scroller: ScrollComponent;
+        axisWidth: any;
+        protected splitter: AllDaySplitter;
+        constructor(context: ComponentContext, viewSpec: ViewSpec, dateProfileGenerator: DateProfileGenerator, parentEl: HTMLElement);
+        destroy(): void;
+        renderSkeletonHtml(): string;
+        getNowIndicatorUnit(): string;
+        unrenderNowIndicator(): void;
+        updateSize(isResize: boolean, viewHeight: number, isAuto: boolean): void;
+        updateBaseSize(isResize: any, viewHeight: any, isAuto: any): void;
+        computeScrollerHeight(viewHeight: any): number;
+        computeDateScroll(duration: Duration): {
+            top: any;
+        };
+        queryDateScroll(): {
+            top: number;
+        };
+        applyDateScroll(scroll: any): void;
+        renderHeadIntroHtml: () => string;
+        axisStyleAttr(): string;
+        renderTimeGridBgIntroHtml: () => string;
+        renderTimeGridIntroHtml: () => string;
+        renderDayGridBgIntroHtml: () => string;
+        renderDayGridIntroHtml: () => string;
+    }
+}
+
+declare module '@fullcalendar/timegrid/TimeGridView' {
+    import { DateProfileGenerator, DateProfile, ComponentContext, ViewSpec, DayHeader, DayTable, ViewProps } from '@fullcalendar/core';
+    import { SimpleDayGrid } from '@fullcalendar/daygrid';
+    import SimpleTimeGrid from '@fullcalendar/timegrid/SimpleTimeGrid';
+    import AbstractTimeGridView from '@fullcalendar/timegrid/AbstractTimeGridView';
+    export { TimeGridView as default, TimeGridView };
+    class TimeGridView extends AbstractTimeGridView {
+        header: DayHeader;
+        simpleDayGrid: SimpleDayGrid;
+        simpleTimeGrid: SimpleTimeGrid;
+        constructor(_context: ComponentContext, viewSpec: ViewSpec, dateProfileGenerator: DateProfileGenerator, parentEl: HTMLElement);
+        destroy(): void;
+        render(props: ViewProps): void;
+        renderNowIndicator(date: any): void;
+    }
+    export function buildDayTable(dateProfile: DateProfile, dateProfileGenerator: DateProfileGenerator): DayTable;
+}
+
+declare module '@fullcalendar/timegrid/TimeGrid' {
+    import { PositionCache, Duration, DateMarker, DateFormatter, ComponentContext, DateComponent, Seg, EventSegUiInteractionState, DateProfile } from '@fullcalendar/core';
+    export interface RenderProps {
+        renderBgIntroHtml: () => string;
+        renderIntroHtml: () => string;
+    }
+    export interface TimeGridSeg extends Seg {
+        col: number;
+        start: DateMarker;
+        end: DateMarker;
+    }
+    export interface TimeGridCell {
+        date: DateMarker;
+        htmlAttrs?: string;
+    }
+    export interface TimeGridProps {
+        dateProfile: DateProfile;
+        cells: TimeGridCell[];
+        businessHourSegs: TimeGridSeg[];
+        bgEventSegs: TimeGridSeg[];
+        fgEventSegs: TimeGridSeg[];
+        dateSelectionSegs: TimeGridSeg[];
+        eventSelection: string;
+        eventDrag: EventSegUiInteractionState | null;
+        eventResize: EventSegUiInteractionState | null;
+    }
+    export { TimeGrid as default, TimeGrid };
+    class TimeGrid extends DateComponent<TimeGridProps> {
+        renderProps: RenderProps;
+        slotDuration: Duration;
+        snapDuration: Duration;
+        snapsPerSlot: any;
+        labelFormat: DateFormatter;
+        labelInterval: Duration;
+        colCnt: number;
+        colEls: HTMLElement[];
+        slatContainerEl: HTMLElement;
+        slatEls: HTMLElement[];
+        nowIndicatorEls: HTMLElement[];
+        colPositions: PositionCache;
+        slatPositions: PositionCache;
+        isSlatSizesDirty: boolean;
+        isColSizesDirty: boolean;
+        rootBgContainerEl: HTMLElement;
+        bottomRuleEl: HTMLElement;
+        contentSkeletonEl: HTMLElement;
+        colContainerEls: HTMLElement[];
+        fgContainerEls: HTMLElement[];
+        bgContainerEls: HTMLElement[];
+        mirrorContainerEls: HTMLElement[];
+        highlightContainerEls: HTMLElement[];
+        businessContainerEls: HTMLElement[];
+        constructor(context: ComponentContext, el: HTMLElement, renderProps: RenderProps);
+        processOptions(): void;
+        computeLabelInterval(slotDuration: any): any;
+        render(props: TimeGridProps): void;
+        destroy(): void;
+        updateSize(isResize: boolean): void;
+        _renderSlats(dateProfile: DateProfile): void;
+        renderSlatRowHtml(dateProfile: DateProfile): string;
+        _renderColumns(cells: TimeGridCell[], dateProfile: DateProfile): void;
+        _unrenderColumns(): void;
+        renderContentSkeleton(): void;
+        unrenderContentSkeleton(): void;
+        groupSegsByCol(segs: any): any[];
+        attachSegsByCol(segsByCol: any, containerEls: HTMLElement[]): void;
+        getNowIndicatorUnit(): string;
+        renderNowIndicator(segs: TimeGridSeg[], date: any): void;
+        unrenderNowIndicator(): void;
+        getTotalSlatHeight(): number;
+        computeDateTop(when: DateMarker, startOfDayDate?: DateMarker): any;
+        computeTimeTop(duration: Duration): any;
+        computeSegVerticals(segs: any): void;
+        assignSegVerticals(segs: any): void;
+        generateSegVerticalCss(seg: any): {
+            top: any;
+            bottom: number;
+        };
+        buildPositionCaches(): void;
+        buildColPositions(): void;
+        buildSlatPositions(): void;
+        positionToHit(positionLeft: any, positionTop: any): {
+            col: any;
+            dateSpan: {
+                range: {
+                    start: Date;
+                    end: Date;
+                };
+                allDay: boolean;
+            };
+            dayEl: HTMLElement;
+            relativeRect: {
+                left: any;
+                right: any;
+                top: any;
+                bottom: any;
+            };
+        };
+        _renderEventDrag(state: EventSegUiInteractionState): void;
+        _unrenderEventDrag(state: EventSegUiInteractionState): void;
+        _renderEventResize(state: EventSegUiInteractionState): void;
+        _unrenderEventResize(state: EventSegUiInteractionState): void;
+        _renderDateSelection(segs: Seg[]): void;
+        _unrenderDateSelection(segs: Seg[]): void;
+    }
+}
+
+declare module '@fullcalendar/timegrid/SimpleTimeGrid' {
+    import { DateComponent, DateProfile, EventStore, EventUiHash, EventInteractionState, DateSpan, DateRange, DayTable, DateEnv, DateMarker, Slicer, Hit, ComponentContext } from '@fullcalendar/core';
+    import TimeGrid, { TimeGridSeg } from '@fullcalendar/timegrid/TimeGrid';
+    export interface SimpleTimeGridProps {
+        dateProfile: DateProfile | null;
+        dayTable: DayTable;
+        businessHours: EventStore;
+        eventStore: EventStore;
+        eventUiBases: EventUiHash;
+        dateSelection: DateSpan | null;
+        eventSelection: string;
+        eventDrag: EventInteractionState | null;
+        eventResize: EventInteractionState | null;
+    }
+    export { SimpleTimeGrid as default, SimpleTimeGrid };
+    class SimpleTimeGrid extends DateComponent<SimpleTimeGridProps> {
+        timeGrid: TimeGrid;
+        constructor(context: ComponentContext, timeGrid: TimeGrid);
+        destroy(): void;
+        render(props: SimpleTimeGridProps): void;
+        renderNowIndicator(date: DateMarker): void;
+        buildPositionCaches(): void;
+        queryHit(positionLeft: number, positionTop: number): Hit;
+    }
+    export function buildDayRanges(dayTable: DayTable, dateProfile: DateProfile, dateEnv: DateEnv): DateRange[];
+    export class TimeGridSlicer extends Slicer<TimeGridSeg, [DateRange[]]> {
+        sliceRange(range: DateRange, dayRanges: DateRange[]): TimeGridSeg[];
+    }
+}
+
+declare module '@fullcalendar/timegrid/AllDaySplitter' {
+    import { Splitter, EventDef, DateSpan } from '@fullcalendar/core';
+    export { AllDaySplitter as default, AllDaySplitter };
+    class AllDaySplitter extends Splitter {
+        getKeyInfo(): {
+            allDay: {};
+            timed: {};
+        };
+        getKeysForDateSpan(dateSpan: DateSpan): string[];
+        getKeysForEventDef(eventDef: EventDef): string[];
+    }
+}
+

resources/wwwroot/lib/AdminLTE/plugins/fullcalendar-timegrid/main.min.css

@@ -0,0 +1 @@
+@charset "UTF-8";.fc-timeGrid-view .fc-day-grid{position:relative;z-index:2}.fc-timeGrid-view .fc-day-grid .fc-row{min-height:3em}.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-mirror-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-time-grid-event{margin-bottom:1px}.fc-time-grid-event-inset{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.fc-time-grid-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-time-grid-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event .fc-content{overflow:hidden;max-height:100%}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:" - "}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent}