This is a migrated thread and some comments may be shown as answers.

Using custom skin and appointments go outside day boundaries

1 Answer 123 Views
Calendar
This is a migrated thread and some comments may be shown as answers.
Kevin
Top achievements
Rank 1
Kevin asked on 03 May 2011, 04:02 PM
Hi,

I have attached an image showing that the appointment goes outside the day, and can't seem to find what in my css is giving it the permission to do so.

Below is my css code.  Please let me know if I need to provide more information as I'm at wits end while we still evaluate your product.

Thanks again.

/*
    This file skins the telerik  radScheduler control.
    The file had to be created in order to make the css styles overiddible.
     
*/
 
/* common */
.RadScheduler_Evanced,
.RadScheduler_Evanced a,
.RadScheduler_Evanced input,
.RadScheduler_Evanced select,
.RadScheduler_Evanced textarea
{
    font: normal 12px/14px "Segoe UI", Arial, sans-serif;
}
 
.RadScheduler_Evanced,
.RadScheduler_Evanced a,
.RadScheduler_Evanced input,
.RadScheduler_Evanced select,
.RadScheduler_Evanced textarea
{
    color: #333;
}
 
.RadScheduler_Evanced textarea
{
    background: #fff;
}
 
/* header */
 
 
 
.RadScheduler_Evanced .rsHeader
{
    border: 1px solid #929292;
    background:#eee url(../images/utility-grad.png) repeat-x left top;
}
 
.RadScheduler_Evanced .rsHeader,
.RadScheduler_Evanced .rsHeader a,
.RadScheduler_Evanced .rsHeader ul span,
.RadScheduler_Evanced .rsHeader ul em
{
    color: #000;
}
 
.RadScheduler_Evanced .rsHeader a
{
    color: #333;
}
 
.RadScheduler_Evanced .rsHeader .rsSelected{
    line-height:22px;
    padding:4px 0;
}
 
.RadScheduler.RadScheduler_Evanced .rsTopWrap .rsHeader ul a {
    padding:4px 0;
    line-height:22px;
}
 
.RadScheduler.RadScheduler_Evanced .rsTopWrap .rsHeader ul a span{
    padding:0px 9px;
}
 
 
.RadScheduler_Evanced .rsHeader .rsSelected em,
.RadScheduler_Evanced .rsHeader ul a:hover span
{
    color: #FFF;
    background:#666;
    padding:0 9px;
}
 
.RadScheduler.RadScheduler_Evanced .rsHeader .rsDatePickerActivator
{
    background:url(../images/down-arrow.png) no-repeat left center;
    width:14px;
    height:30px;
    margin-left:5px;
    margin-top:0;
}
 
.RadScheduler.RadScheduler_Evanced .rsHeader .rsDatePickerActivator:hover
{
    background-color:#666;
    background-position:right center;
}
 
.RadScheduler.RadScheduler_Evanced .rsHeader .rsToday
{
    display:block;
    float:left;
    padding:0 5px;
}
 
.RadScheduler.RadScheduler_Evanced .rsHeader .rsToday:hover
{
    background-color:#666;
    color:#fff;
}
 
/*next day link */
.RadScheduler.RadScheduler_Evanced .rsHeader .rsNextDay
{
    background:url(../images/right-arrow.png) no-repeat left center;
    width:16px;
    margin-top:0;
    height:30px;
}
 
.RadScheduler.RadScheduler_Evanced .rsHeader .rsNextDay:hover
{background-position: right center; background-color:#666;}
 
/*prev day link */
.RadScheduler.RadScheduler_Evanced .rsHeader .rsPrevDay
{
    background:url(../images/left-arrow.png) no-repeat left center;
    width:16px;
    margin-top:0;
    height:30px;
}
.RadScheduler.RadScheduler_Evanced .rsHeader .rsPrevDay:hover
{ background-position: right center; background-color:#666;}
 
 
 
/* content */
 
.RadScheduler_Evanced .rsContent
{
    background: #fff;
}
 
/* <headers> */
 
.RadScheduler_Evanced .rsHorizontalHeaderTable
{
    color: #333;
    background: #e4e4e4;
}
 
.RadScheduler_Evanced .rsHorizontalHeaderWrapper {
    border-color: #d2d2d2;
    background: transparent;
}
 
 
.RadScheduler_Evanced .rsAllDayHeader,
.RadScheduler_Evanced .rsVerticalHeaderWrapper,
.RadScheduler_Evanced .rsVerticalHeaderTable
{
    background: #eee ;
}
 
.RadScheduler_Evanced .rsVerticalHeaderTable th
{
    border-color: #868686 #d2d2d2;
    color: #333;
}
 
.RadScheduler_Evanced .rsHorizontalHeaderTable th
{
    border-color: #d2d2d2;
    background-color: #E4E4E4;
}
 
.RadScheduler_Evanced .rsVerticalHeaderTable th
{
    border-color: #d2d2d2;
}
* html .RadScheduler_Evanced .rsVerticalHeaderTable th { border-bottom-color: #f1f1f1; }
 
.RadScheduler_Evanced table.rsVerticalHeaderTable .rsAlt th
{
    border-color: #d2d2d2 #d2d2d2;
}
 
/* </headers> */
 
/* <all-day-row> */
 
.RadScheduler_Evanced .rsAllDayRow
{
    background: #eee;
}
 
.RadScheduler_Evanced .rsSpacerCell,
.RadScheduler_Evanced .rsAllDayHeader,
.RadScheduler_Evanced .rsVerticalHeaderTable .rsAllDayHeader
{
    border-color: #d2d2d2 #d2d2d2;
}
 
.RadScheduler_Evanced .rsAllDayRow td,
.RadScheduler_Evanced .rsContentTable .rsAllDayRow td
{
    border-color: #d2d2d2;
    border-style: solid;
}
 
.RadScheduler_Evanced .rsVerticalHeaderTable .rsMainHeader th
{
    border-bottom-color: #d2d2d2;
}
 
.RadScheduler_Evanced .rsSpacerCell,
.RadScheduler_Evanced .rsContent .rsAllDayHeader
{
    border-bottom-color: #d2d2d2;
}
 
/* </all-day-row> */
 
.RadScheduler_Evanced .rsContent,
.RadScheduler_Evanced .rsTopWrap .rsFooter
{
    border: 1px solid #929292;
    border-top: 0;
}
 
.RadScheduler_Evanced .rsContentTable td
{
    border-color: #e8eaec #e8eaec;
    border-bottom-style: dotted;
}
 
.RadScheduler_Evanced .rsContentTable .rsAlt td
{
    border-color: #c7cbd1 #e8eaec;
    border-bottom-style: solid;
}
 
.RadScheduler_Evanced .rsMonthView .rsOtherMonth
{
    background-color: #eee;
}
 
/* <appointments> */
.RadScheduler_Evanced .rsApt, .RadScheduler_Evanced .rsAptOut
{
    
}
 
.RadScheduler_Evanced .rsApt .rsArrowTop,
.RadScheduler_Evanced .rsApt .rsArrowBottom,
.RadScheduler_Evanced .rsApt .rsArrowLeft,
.RadScheduler_Evanced .rsApt .rsArrowRight,
.RadScheduler_Evanced .rsApt .rsAptDelete,
.RadScheduler_Evanced .rsApt .rsAptResize,
.RadScheduler_Evanced .rsApt .rsAptRecurrence,
.RadScheduler_Evanced .rsApt .rsAptRecurrenceException
{
    background-color: transparent;
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
    background-repeat: no-repeat;
}
 
.RadScheduler.RadScheduler_Evanced .rsAptContent,
.RadScheduler.RadScheduler_Evanced .rsAptIn,
.RadScheduler.RadScheduler_Evanced .rsAptMid
{
    border-style: none;
    position: inherit;
}
.RadScheduler.RadScheduler_Evanced .rsAptOut
{
    width: 99%;
}
 
.RadScheduler .RadScheduler_Evanced .rsContentWrapper
{
    height: 500px;
}
 
.RadScheduler.RadScheduler_Evanced .rsAptContent
{
    padding-left:15px;
    height: 500px;
}
 
.RadScheduler_Evanced .rsContentTable td.rsAptCreate
{
    background-color: #ffc;
     
}
 
.RadScheduler_Evanced .rsContentTable td.rsTodayCell
{
    background:#ffc;
     
}
 
.RadScheduler_Evanced .rsAptCreateRow2,
.RadScheduler_Evanced .rsMonthView .rsAptCreateRow2
{
    background-color: #ffc;
     
}
 
 
 
 
.RadScheduler_Evanced .rsAptCreateRow3,
.RadScheduler_Evanced .rsMonthView .rsAptCreateRow3,
.RadScheduler_Evanced .rsAptCreateRow4,
.RadScheduler_Evanced .rsMonthView .rsAptCreateRow4,
.RadScheduler_Evanced .rsAptCreateRow5,
.RadScheduler_Evanced .rsMonthView .rsAptCreateRow5
{
    background: #c5c5c5;
}
 
.RadScheduler_Evanced .rsFullTime
{
    color: #000;
}
 
 
.RadScheduler.RadScheduler_Evanced .rsAptOut
{
     
    background:#eee;
    border:solid 1px #aaa;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    cursor:pointer;
}
 
.RadScheduler.RadScheduler_Evanced .rsAptOut:hover
{
    background:#fff;
}
 
 
.RadScheduler.RadScheduler_Evanced .rsAptOut,
.RadScheduler.RadScheduler_Evanced .rsAptMid,
.RadScheduler.RadScheduler_Evanced .rsAptIn
{
    position:static;
    height:auto !important;
}
 
.RadScheduler_Evanced .rsAptSimple
{
    background-color: #dbdbdb;
    border-color: #949494;
}
 
/* </appointments> */
 
/* <footer> */
 
.RadScheduler_Evanced .rsFooter
{
    background: #eee;
}
 
.RadScheduler_Evanced .rsFooter a
{
    color: #555;
    background-color: transparent;
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
    background-repeat: no-repeat;
}
 
.RadScheduler_Evanced div.rsFooter a:hover
{
    color: #888;
}
 
.RadScheduler.RadScheduler_Evanced .rsFooter .rsFullTime
{
    background:url(../images/UpDown.png) no-repeat left top;
    height:30px;
    display:block;
    padding-left:20px;
}
 
.RadScheduler.RadScheduler_Evanced .rsFooter .rsFullTime:hover
{
    background-position:left bottom;
}
 
/* </footer> */
 
/* <inline edit form> */
 
.RadScheduler_Evanced .rsEditOptions a,
.RadScheduler_Evanced .rsAptEditResizeHandle,
.RadScheduler_Evanced .rsAptEditFormWrapper
{
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
}
 
.RadScheduler_Evanced .rsAptEditFormOuter, /* top */
.RadScheduler_Evanced .rsAptEditFormInner  /* bottom */
{
    background-image: url('../images/telerik/Scheduler/rsInlineEditHSprite.png');
}
 
.RadScheduler_Evanced .rsAptEditFormMiddle, /* left */
.RadScheduler_Evanced .rsAptEditFormMiddle2 /* right */
{
    background-image: url('../images/telerik/Scheduler/rsInlineEditVSprite.png');
}
 
.RadScheduler_Evanced .rsAptEditFormWrapper .rsAptEditTextareaWrapper
{
    border-color: #828282;
    background: #fff;
}
 
.RadScheduler_Evanced .rsAptEditFormWrapper .rsAptEditTextareaWrapper textarea
{
    background: #fff;
}
 
.RadScheduler_Evanced .rsAptEditFormWrapper .rsEditOptions
{
    background: #eee;
}
 
/* <inline edit form template> */
 
.RadScheduler_Evanced .rsAptEditFormWrapper .rsTemplateWrapper
{
    background: #eee;
}
 
/* </inline edit form template> */
 
/* </inline edit form> */
 
/* <advanced edit form> */
 
.RadScheduler_Evanced .rsAdvancedEdit .rsAdvContentWrapper
{
    background: #f0f0f0;
    border: 1px solid #828282;
    border-top-color: #DDD;
}
 
/* <xref input skins> */
 
.RadScheduler_Evanced .rsAdvancedEdit .rsAdvInput,
.RadScheduler_Evanced .rsAdvancedEdit select,
.RadScheduler_Evanced .rsAdvancedEdit .textareaWrapper
{
    border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
}
 
.RadScheduler_Evanced .rsAdvancedEdit .rsInvalid textarea,
.RadScheduler_Evanced .rsAdvancedEdit .rsInvalid input,
.RadScheduler_Evanced .rsAdvancedEdit .rsAdvTimePicker .riEmpty
{
    background-image: url('Input/sprite.gif');
    background-color: #fff;
}
 
.RadScheduler_Evanced .rsAdvancedEdit input.rsInvalid
{
    border-color: #d51923;
    color: #d51923;
}
/* </xref input skins> */
 
.RadScheduler_Evanced .rsAdvancedEdit h2,
.RadScheduler_Evanced .rsAdvancedEdit h3
{
    color: #6b6b6b;
}
 
.RadScheduler_Evanced .rsAdvancedEdit h2
{
    border-bottom: 1px solid #CCC;
}
 
.RadScheduler_Evanced .rsAdvancedEdit h2 span
{
    background: #f0f0f0;
}
 
.RadScheduler_Evanced .rsAdvancedEdit ul.rsRecurrenceOptionList
{
    border-right: 1px solid #ababab;
}
 
.RadScheduler_Evanced .rsAdvancedEdit div.rsAdvPatternPanel
{
    border-left: 0;
}
 
.RadScheduler_Evanced .rsAdvancedEdit .rsAdvancedSubmitArea
{
    border-color: #CCC;
}
 
.RadScheduler_Evanced .rsAdvancedEdit div.rsAdvancedSubmitArea a
{
    color: #333;
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
}
 
/* </advanced edit form> */
 
/* <date/time picker> */
 
.RadScheduler_Evanced .rsTimePick .RadInput_Evanced input.riEnabled,
.RadScheduler_Evanced .rsTimePick .RadInput_Evanced input.riHover,
.RadScheduler_Evanced .rsTimePick .RadInput_Evanced input.riFocused
{
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
}
 
/* </date/time picker> */
 
/* <modal dialogs> */
 
.RadScheduler_Evanced .rsAdvancedEdit .rsAdvTitle,
.RadScheduler_Evanced .rsModalWrapper .rsModalOuter
{
    border-color: #828282;
    background-image: url('../images/telerik/Scheduler/rsModalOuterBg.png');
}
 
.RadScheduler_Evanced .rsAdvancedEdit .rsAdvInnerTitle,
.RadScheduler_Evanced .rsModalWrapper .rsModalOuterTitle
{
    background-image: url('../images/telerik/Scheduler/rsModalOuterTitleBg.png');
}
 
.RadScheduler_Evanced .rsAdvancedEdit a.rsAdvEditClose,
.RadScheduler_Evanced .rsModalWrapper .rsModalWindowClose
{
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
}
 
.RadScheduler_Evanced .rsAdvancedEdit a.rsAdvEditClose
{
    margin-top: -23px;
}
 
.RadScheduler_Evanced .rsAdvancedEdit a.rsAdvEditClose:hover,
.RadScheduler_Evanced .rsModalWrapper .rsModalWindowClose:hover
{
    background-position: -30px -341px;
}
 
.RadScheduler_Evanced .rsModalWrapper .rsModalTitle
{
    color: #000;
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
}
 
.RadScheduler_Evanced .rsModalWrapper .rsModalInner
{
    border-color: #828282;
    background: #fff;
}
 
.RadScheduler_Evanced .rsModalWrapper .rsModalIcon,
.RadScheduler_Evanced .rsModalWrapper .rsModalButtons a
{
    background-image: url('../images/telerik/Scheduler/rsSprites.png');
}
 
/* Inline Edit buttons + ModalDialog buttons */
.RadScheduler_Evanced .rsModalWrapper .rsModalButtons a,
.RadScheduler_Evanced .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a
{
    color: #333;
}
 
/* </modal dialogs> */
 
.RadScheduler_Evanced .rsBottomIndicator .rsOvertimeArrow
{
    background: transparent url('../images/telerik/Scheduler/rsSprites.png') no-repeat -180px -31px;
}          
 
.RadScheduler_Evanced .rsTopIndicator .rsOvertimeArrow
{
    background: transparent url('../images/telerik/Scheduler/rsSprites.png') no-repeat -134px -31px;
}          
 
 
 
/*
.RadScheduler.RadScheduler_Evanced .rsHeader
{
   background:#eee url(../images/utility-grad.png) repeat-x left top;
   border:1px solid #929292;
}
 
.RadScheduler.RadScheduler_Evanced .rsHorizontalHeaderTable
{
    background:#E4E4E4;
}
 
.RadScheduler.RadScheduler_Evanced .rsHorizontalHeaderTable th
{
    border-color: #d2d2d2;
     
}
 
.RadScheduler.RadScheduler_Evanced .rsHorizontalHeaderWrapper, .RadScheduler.RadScheduler_Evanced .rsHorizontalHeaderTable
{
    background-color:#f0f0f0;
}
 
.RadScheduler.RadScheduler_Evanced .rsContent
{
   background:#fff;
   border:1px solid #929292;
   border-top:0;
}
 
.RadScheduler.RadScheduler_Evanced .rsContentTable td
{
   border-color:#E8EAEC;
}
 
.RadScheduler.RadScheduler_Evanced  .rsMonthView .rsOtherMonth
{
    background-color:#eee;
}
 
/*date link
.RadScheduler .rsDateHeader
{
    color:#333;
    font-size:13px;
    padding:1px 4px 3px;
    text-decoration:none;
}
*/
 
/***************
Rad Calendar--- This is here because it exists inside the rad scheduler.
*******************/
 
/*Telerik RadCalendar Default skin*/
 
table.RadCalendar_Evanced
{
    table-layout:auto;
    border-collapse:separate;
    border:0;
    background:#fff;
    font:12px "segoe ui",arial,sans-serif;
    width:220px;
}
 
/*titlebar*/
 
.RadCalendar_Evanced .rcTitlebar
{
    width:100%;
    border:1px solid;
    border-color:#868686 #868686 #c4c4c4;
    padding:0;
    background:#eaeaea 0 -1000px repeat-x url('../images/telerik/Calendar/sprite.gif');
    color:#000;
}
 
.RadCalendar_Evanced .rcTitlebar table
{
    table-layout:auto;
    width:100%;
    border-collapse:separate;
    border:0;
    font:12px/23px "segoe ui",arial,sans-serif;
}
 
.RadCalendar_Evanced .rcTitlebar td
{
    border:0;
    padding:0 0 1px;
    text-align:center;
    vertical-align:middle;
}
 
.RadCalendar_Evanced .rcTitlebar .rcTitle
{
    width:100%;
    cursor:pointer;
}
.RadCalendar_Evanced .rcNoNav .rcTitle
{
    cursor:default;
}
 
.RadCalendar_Evanced .rcTitlebar .rcPrev,
.RadCalendar_Evanced .rcTitlebar .rcNext,
.RadCalendar_Evanced .rcTitlebar .rcFastPrev,
.RadCalendar_Evanced .rcTitlebar .rcFastNext
{
    display:block;
    width:15px;
    height:15px;
    overflow:hidden;
    margin:0 4px;
    background:transparent url('../images/telerik/Calendar/sprite.gif') no-repeat;
    text-indent:-2222px;
    text-decoration:none;
    color:#ccc;
}
 
.RadCalendar_Evanced .rcTitlebar .rcFastPrev
{
    margin-left:6px;
    background-position:1px -197px;
}
 
.RadCalendar_Evanced .rcTitlebar .rcFastPrev:hover
{
    background-position:1px -247px;
}
 
.RadCalendar_Evanced .rcTitlebar .rcPrev
{
    background-position:4px -297px;
}
 
.RadCalendar_Evanced .rcTitlebar .rcPrev:hover
{
    background-position:4px -347px;
}
 
.RadCalendar_Evanced .rcTitlebar .rcNext
{
    background-position:3px -397px;
}
 
.RadCalendar_Evanced .rcTitlebar .rcNext:hover
{
    background-position:3px -447px;
}
 
.RadCalendar_Evanced .rcTitlebar .rcFastNext
{
    margin-right:6px;
    background-position:1px -497px;
}
 
.RadCalendar_Evanced .rcTitlebar .rcFastNext:hover
{
    background-position:1px -547px;
}
 
.RadCalendar_Evanced .rcMain
{
    width:100%;
    border:1px solid #868686;
    border-top:0;
    padding:0;
}
 
.RadCalendar_Evanced .rcMainTable
{
    table-layout:auto;
    border-collapse:separate;
    border:0;
    width:100%;
    font:12px/17px "segoe ui",arial,sans-serif;
}
 
/*header, footer*/
 
.RadCalendar_Evanced .rcHeader,
.RadCalendar_Evanced .rcFooter
{
    border:1px solid #868686;
    border-top:0;
    padding:0;
}
 
/*week numbers and days*/
 
.RadCalendar_Evanced .rcRow th,
.RadCalendar_Evanced .rcWeek th
{
    border:0;
    font-weight:normal;
    vertical-align:middle;
    cursor:default;
}
 
.RadCalendar_Evanced .rcWeek th
{
    border-bottom:1px solid #c5c5c5;
    padding:4px 6px 3px 0;
    text-align:right;
    color:#333;
}
 
.RadCalendar_Evanced .rcWeek .rcViewSel,
.RadCalendar_Evanced .rcRow th
{
    width:13px;
    padding:0 7px 0 9px;
    background:#eee;
    text-align:center;
}
 
.RadCalendar_Evanced .rcRow th
{
    color:#777;
}
 
/*date cells*/
 
.RadCalendar_Evanced .rcRow td
{
    border:1px solid #fff;
    padding:0;
    text-align:right;
    vertical-align:middle;
}
 
.RadCalendar_Evanced .rcMain .rcRow a,
.RadCalendar_Evanced .rcMain .rcRow span
{
    display:block;
    padding:1px 5px 1px 0;
    text-decoration:none;
    color:#333;
}
 
.RadCalendar_Evanced .rcPreview .rcRow a
{
    outline:none;
}
 
.RadCalendar_Evanced .rcMain .rcWeekend a
{
    color:#666;
}
 
.RadCalendar_Evanced .rcRow .rcToday
{
    border-color:#898989;
}
 
.RadCalendar_Evanced .rcMain .rcOtherMonth a
{
    color:#898989;
}
 
.RadCalendar_Evanced .rcMain .rcOutOfRange span
{
    color:#898989;
    cursor:default;
}
 
.RadCalendar_Evanced .rcRow .rcHover
{
    border-color:#c4c4c4 #b2b2b2 #9e9e9e;
    background:#c5c5c5 0 -1600px repeat-x url('../images/telerik/Calendar/sprite.gif');
}
 
.RadCalendar_Evanced .rcRow .rcSelected
{
    border-color:#8d8d8d #7d7d7d #6c6c6c;
    background:#828282 0 -1700px repeat-x url('../images/telerik/Calendar/sprite.gif');
}
 
.RadCalendar_Evanced .rcMain .rcRow .rcSelected a
{
    color:#fff;
}
 
/*multimonth view*/
 
table.RadCalendarMultiView_Evanced
{
    width:auto;
}
 
.RadCalendarMultiView_Evanced .rcTitlebar
{
    border-color:#9a9a9a #9c9c9c #9c9c9c;
    background:#c5c5c5 0 -1199px repeat-x url('../images/telerik/Calendar/sprite.gif');
}
 
.RadCalendarMultiView_Evanced .rcTitlebar table
{
    border:1px solid;
    border-color:#fdfdfd #f3f3f3 #e7e7e7;
    line-height:27px;
}
 
.RadCalendarMultiView_Evanced .rcTitlebar .rcFastPrev:hover
{
    background-position:1px -647px;
}
 
.RadCalendarMultiView_Evanced .rcTitlebar .rcPrev:hover
{
    background-position:4px -747px;
}
 
.RadCalendarMultiView_Evanced .rcTitlebar .rcNext:hover
{
    background-position:3px -847px;
}
 
.RadCalendarMultiView_Evanced .rcTitlebar .rcFastNext:hover
{
    background-position:1px -947px;
}
 
.RadCalendarMultiView_Evanced .rcMain
{
    border-color:#9b9b9b;
}
 
.RadCalendarMultiView_Evanced .rcCalendar
{
    width:220px;
    border:1px solid #868686;
    padding:0;
}
 
.RadCalendarMultiView_Evanced .rcMainTable .rcTitle
{
    border:0;
    border-bottom:1px solid #c4c4c4;
    padding:0 0 2px;
    background:#eaeaea 0 -1000px repeat-x url('../images/telerik/Calendar/sprite.gif');
    text-align:center;
    line-height:22px;
}
 
/*month view*/
 
table.RadCalendarMonthView_Evanced
{
    border-collapse:separate;
    border:1px solid #979797;
    background:#fff;
    font:12px "segoe ui",arial,sans-serif;
    color:#333;
}
 
table.RadCalendarMonthView_Evanced td
{
    border:0;
    padding:5px 2px 0;
}
 
.RadCalendarMonthView_Evanced #rcMView_Feb,
.RadCalendarMonthView_Evanced #rcMView_Apr,
.RadCalendarMonthView_Evanced #rcMView_Jun,
.RadCalendarMonthView_Evanced #rcMView_Aug,
.RadCalendarMonthView_Evanced #rcMView_Oct,
.RadCalendarMonthView_Evanced #rcMView_Dec
{
    border-right:1px solid #e0e0e0;
}
 
.RadCalendarMonthView_Evanced a
{
    display:block;
    padding:2px 4px;
    text-align:center;
    text-decoration:none;
    color:#333;
}
 
.RadCalendarMonthView_Evanced .rcSelected a
{
    border:1px solid;
    border-color:#8d8d8d #7d7d7d #6c6c6c;
    padding:1px 3px;
    background:#828282 0 -1700px repeat-x url('../images/telerik/Calendar/sprite.gif');
    color:#fff;
}
 
.RadCalendarMonthView_Evanced #rcMView_PrevY a,
.RadCalendarMonthView_Evanced #rcMView_NextY a
{
    display:block;
    width:17px;
    height:14px;
    overflow:hidden;
    margin:0 auto;
    background:transparent no-repeat url('../images/telerik/Calendar/sprite.gif');
    text-indent:-2222px;
    text-align:center;
    text-decoration:none;
    color:#ccc;
}
 
.RadCalendarMonthView_Evanced #rcMView_PrevY a
{
    background-position:7px -196px;
}
 
.RadCalendarMonthView_Evanced #rcMView_NextY a
{
    background-position:7px -496px;
}
 
.RadCalendarMonthView_Evanced .rcButtons
{
    padding:6px 7px 5px;
    text-align:center;
}
 
.RadCalendarMonthView_Evanced input
{
    border:1px solid;
    border-color:#a7a7a7 #7b7b7b #7b7b7b #a7a7a7;
    padding:0;
    background:#e9e9e9 0 -2300px repeat-x url('../images/telerik/Calendar/sprite.gif');
    color:#000;
    font:12px "segoe ui",arial,sans-serif;
    cursor:pointer;
}
 
.RadCalendarMonthView_Evanced #rcMView_Today
{
    margin:0 0.4em 0 0;
}
 
.RadCalendarMonthView_Evanced #rcMView_OK
{
    padding:0 0.2em;
}
 
/*time view*/
 
table.RadCalendarTimeView_Evanced
{
    border-collapse:separate;
    border:1px solid #868686;
    background:#fff;
    font:12px "segoe ui",arial,sans-serif;
}
 
.RadCalendarTimeView_Evanced th
{
    border:0;
    border-bottom:1px solid #c4c4c4;
    padding:0 0 1px;
    background:#eaeaea 0 -1000px repeat-x url('../images/telerik/Calendar/sprite.gif');
    color:#000;
    text-align:center;
    cursor:default;
    line-height:23px;
    font-weight:normal;
}
 
table.RadCalendarTimeView_Evanced td
{
    border:0;
    border-left:1px solid #c5c5c5;
    padding:2px 2px 3px;
}
 
table.RadCalendarTimeView_Evanced td:first-child
{
    border-left:0;
}
 
.RadCalendarTimeView_Evanced a
{
    display:block;
    padding:2px 6px;
    text-align:center;
    color:#333;
    text-decoration:none;
}
 
.RadCalendarTimeView_Evanced td.rcSelected a
{
    border:1px solid;
    border-color:#8d8d8d #7d7d7d #6c6c6c;
    padding:1px 5px;
    background:#828282 0 -1700px repeat-x url('../images/telerik/Calendar/sprite.gif');
    color:#fff;
}
 
.RadCalendarTimeView_Evanced td.rcHover a
{
    border:1px solid;
    border-color:#c4c4c4 #b2b2b2 #9e9e9e;
    padding:1px 5px;
    background:#c5c5c5 0 -1600px repeat-x url('../images/telerik/Calendar/sprite.gif');
    color:#000;
}
 
.RadCalendarTimeView_Evanced .rcFooter
{
    border:0;
    border-top:1px solid #c5c5c5;
    padding:0;
}
 
/*pickers*/
 
.RadPicker_Evanced,
.RadPicker_Evanced td
{
    vertical-align:middle;
}
 
.RadPicker_Evanced .RadInput
{
    vertical-align:baseline;
}
 
.RadPicker_Evanced .rcTable
{
    table-layout:auto;
}
 
.RadPicker_Evanced table.rcTable,
.RadPicker_Evanced table.rcTable td
{
    border:0;
    margin:0;
    padding:0;
}
 
.RadPicker_Evanced table.rcTable .rcInputCell
{
    padding:0 4px 0 0;
}
 
.RadPicker_Evanced td a
{
    position:relative;/*FF*/
    outline:none;/*FF*/
    z-index:2;/*Opera*/
    margin:0 2px;
    text-decoration:none;
}
* html .RadPicker_Evanced td a{position:static}/*IE6*/
*+html .RadPicker_Evanced td a{position:static}/*IE7*/
 
.RadPicker_Evanced .rcCalPopup,
.RadPicker_Evanced .rcTimePopup
{
    display:block;
    overflow:hidden;
    width:22px;
    height:22px;
    background:url('../images/telerik/Calendar/sprite.gif') no-repeat;
    text-indent:-2222px;
    text-align:center;
}
 
.RadPicker_Evanced .rcCalPopup,
.RadPicker_Evanced .rcDisabled.rcCalPopup:hover
{
    background-position:0 0;
}
 
.RadPicker_Evanced .rcCalPopup:hover,
.RadPicker_Evanced .rcCalPopup:focus,
.RadPicker_Evanced .rcCalPopup:active
{
    background-position:0 -50px;
}
 
.RadPicker_Evanced .rcTimePopup,
.RadPicker_Evanced .rcDisabled.rcTimePopup:hover
{
    background-position:0 -100px;
}
 
.RadPicker_Evanced .rcTimePopup:hover,
.RadPicker_Evanced .rcTimePopup:focus,
.RadPicker_Evanced .rcTimePopup:active
{
    background-position:0 -150px;
}
 
.RadPicker_Evanced .rcDisabled,
.RadCalendarMonthView_Evanced .rcDisabled
{
    opacity:0.5;
    filter:alpha(opacity=50);
}
 
/*rtl*/
 
.RadCalendarRTL_Evanced .rcTitlebar .rcFastPrev
{
    background-position:1px -497px;
}
 
.RadCalendarRTL_Evanced .rcTitlebar .rcFastPrev:hover
{
    background-position:1px -547px;
}
 
.RadCalendarRTL_Evanced .rcTitlebar .rcPrev
{
    background-position:3px -397px;
}
 
.RadCalendarRTL_Evanced .rcTitlebar .rcPrev:hover
{
    background-position:3px -447px;
}
 
.RadCalendarRTL_Evanced .rcTitlebar .rcNext
{
    background-position:4px -297px;
}
 
.RadCalendarRTL_Evanced .rcTitlebar .rcNext:hover
{
    background-position:4px -347px;
}
 
.RadCalendarRTL_Evanced .rcTitlebar .rcFastNext
{
    background-position:1px -197px;
}
 
.RadCalendarRTL_Evanced .rcTitlebar .rcFastNext:hover
{
    background-position:1px -247px;
}
 
.RadCalendarMultiViewRTL_Evanced .rcTitlebar .rcFastPrev:hover
{
    background-position:1px -947px;
}
 
.RadCalendarMultiViewRTL_Evanced .rcTitlebar .rcPrev:hover
{
    background-position:3px -847px;
}
 
.RadCalendarMultiViewRTL_Evanced .rcTitlebar .rcNext:hover
{
    background-position:4px -747px;
}
 
.RadCalendarMultiViewRTL_Evanced .rcTitlebar .rcFastNext:hover
{
    background-position:1px -647px;
}
 
 
/**********************
PRINT VIEW
********************/
 
.calendar-print .RadScheduler.RadScheduler_Evanced *
{
    background-image:none !important;
}
 
.calendar-print .RadScheduler.RadScheduler_Evanced .rsContentTable td:hover, .calendar-print .RadScheduler.RadScheduler_Evanced .rsTodayCell
{
    background-color:transparent;
}
 
 
.calendar-print .RadScheduler.RadScheduler_Evanced .rsAptOut:hover, .calendar-print .RadScheduler.RadScheduler_Evanced td.rsOtherMonth:hover
{
    background-color:#eee;
}

1 Answer, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 05 May 2011, 04:19 PM
Hi Kevin,

We recommend you create custom skins with Telerik's visual style builder -
http://stylebuilder.telerik.com/

This way, it is unlikely to have any issues.

Kind regards,
Peter
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Calendar
Asked by
Kevin
Top achievements
Rank 1
Answers by
Peter
Telerik team
Share this question
or