/* Theme CSS */ /*html { background-color:#eee; } body { font-family: Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; background-color:#fff; }*/ .eventCalendar-wrap { border:solid 1px #d3d3d3; box-shadow:0 0 15px #999; border-radius:5px; margin-bottom:20px; background-color:#fff; color:#807E7E; } .eventCalendar-wrap .eventCalendar-arrow { text-decoration:none; color:#fff; padding:0 5px; line-height:28px; top:9px; padding:8px 10px; } .eventCalendar-wrap .eventCalendar-arrow.prev { } .eventCalendar-wrap .eventCalendar-arrow:hover { opacity:0.7;} .eventCalendar-wrap .eventCalendar-arrow span { height: 0; width: 0; font-size: 0; line-height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #fff; float:left; text-indent:-5000px; } .eventCalendar-wrap .eventCalendar-arrow.eventCalendar-prev span { border-left-width:0; border-right: 6px solid #fff; } .eventCalendar-slider { height:80px;} .eventCalendar-monthWrap { border-radius:5px; top:10px; left:0px; } .eventCalendar-currentTitle { line-height:25px; background-color:#138DA5; outline:1px solid #138DA5; border:1px solid #E3E3E3; border-width:1px 0; } .eventCalendar-currentTitle .eventCalendar-monthTitle { font-size:110%; text-decoration:none; font-weight:bold; color:#fff; } .eventCalendar-daysList { zoom: 1; padding:0; width:100%; } .eventCalendar-daysList.eventCalendar-showAsWeek { margin:10px 5px; width:auto; border:solid 1px #BCBCBC; border-bottom-width:0; border-radius:0; background-color:#CCCCCC; background-image: linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%); background-image: -o-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%); background-image: -moz-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%); background-image: -webkit-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%); background-image: -ms-linear-gradient(top, #EEEEEE 42%, #CCCCCC 71%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.42, #EEEEEE), color-stop(0.71, #CCCCCC) ); } .eventCalendar-daysList.showDayNames.eventCalendar-showAsWeek { border-radius:5px 5px 0 0; } .eventCalendar-daysList:before, .eventCalendar-daysList:after { content:""; display:table; } .eventCalendar-daysList:after { clear: both; } .eventCalendar-day-header { text-transform:lowercase; text-align:center; font-size:12px; border-bottom:solid 1px #BCBCBC; } .eventCalendar-daysList.eventCalendar-showAsWeek li { height:auto; margin:0; } .eventCalendar-daysList.eventCalendar-showAsWeek li.eventCalendar-empty { background-color: #ccc; min-height:27px; border-top: solid 1px #ccc; } .eventCalendar-day a { text-decoration:none; font-size:10px; color:#424242; } .eventCalendar-day { border-left:solid 1px #BCBCBC; } .eventCalendar-day a { border:solid 1px #BCBCBC; border-width:0 1px 1px 0; } .eventCalendar-showAsWeek .eventCalendar-day { border-left-width:0;} .eventCalendar-showAsWeek .eventCalendar-day a { border:solid 1px red; border-color:#fff #BCBCBC #BCBCBC #eee; line-height:27px; font-size:11px; } .eventCalendar-day a:hover { background-color:#E4E4E4; /* box-shadow:inset 5px 5px 10px #C1C1C1; text-shadow: 2px 2px 2px #C1C1C1;*/ } .eventCalendar-daysList li.today a { color:#fff; background:#aaa; /* box-shadow:inset 5px 5px 10px #777; text-shadow: 2px 2px 2px #777;*/ } li.eventCalendar-day.today a:hover { background-color:#ccc; /*box-shadow:inset 5px 5px 10px #999;*/ } .eventCalendar-daysList li.eventCalendar-dayWithEvents a { background:#89B814; /*box-shadow:inset 5px 5px 10px #698B10; text-shadow: 2px 2px 2px #698B10;*/ color:#fff; } li.eventCalendar-day.eventCalendar-dayWithEvents a:hover { background-color:#C2D374; /*box-shadow:inset 5px 5px 10px #89B814; text-shadow: 2px 2px 2px #89B814;*/ } .eventCalendar-daysList li.current a { color:#fff; background:#449FB2; box-shadow:inset 5px 5px 10px #216B7A; text-shadow: 2px 2px 2px #216B7A; } li.eventCalendar-day.current a:hover { background-color:#79BDCC; box-shadow:inset 5px 5px 10px #449FB2; text-shadow: 2px 2px 2px #449FB2; } .eventCalendar-loading { border-radius:4px; margin:5px auto; padding:0 10px; background-color:#ccc; color:#fff; text-align:center; font-weight:bold; box-shadow:0 0 10px #ccc; text-shadow:0 0 3px #aaa; position:absolute; z-index:4; top:25px; left:5px; } .eventCalendar-loading.error { background-color:red; } .eventCalendar-subtitle { padding-top:10px;} .eventCalendar-list-wrap { min-height:100px; position:relative; } .eventCalendar-list-content.scrollable { height:100px; overflow-y:auto; margin:0 5px 5px 0; } .eventCalendar-list { margin:0; padding:0; list-style-type:none; } .eventCalendar-list li { padding:0 5px 15px; margin:0; clear:both; } .eventCalendar-list li time { font-size:10px; line-height:13px; } .eventCalendar-list li time em { float:left; font-style:normal; } .eventCalendar-list li time small { font-size:10px; float:left; background-color:#807E7E; color:#fff; padding:0 5px 0 4px; margin:0 0 0 3px; } .eventCalendar-list li .eventCalendar-eventTitle { display:block; clear:both; font-weight:bold; text-decoration:none; } .eventCalendar-list li a.eventCalendar-eventTitle { color:#0E8EAB; outline: none; } .eventCalendar-list li a.eventCalendar-eventTitle:hover { text-decoration:underline;} .eventCalendar-list li .eventDesc { clear: both; margin:0 0 5px 0; font-size:80%; line-height:1.2em; } .eventCalendar-list .eventCalendar-noEvents { font-size:120%; border-radius:4px; margin:5px; padding:5px; background-color:#ccc; color:#fff; text-align:center; font-weight:bold; box-shadow:0 0 10px #ccc; text-shadow:0 0 3px #aaa; } .bt { font-size:14px; display:block; clear:both; text-align: center; margin-top:10px; padding: 9px 34px 11px; text-decoration: none; font-weight: bold; line-height: 1; outline: none; color: #ffffff; background-color: #138DA5; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#138DA5), to(#138DA5)); background-image: -moz-linear-gradient(top, #138DA5, #138DA5); background-image: -ms-linear-gradient(top, #138DA5, #138DA5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #138DA5), color-stop(100%, #138DA5)); background-image: -webkit-linear-gradient(top, #138DA5, #138DA5); background-image: -o-linear-gradient(top, #138DA5, #138DA5); background-image: linear-gradient(top, #138DA5, #138DA5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#138DA5', endColorstr='#138DA5', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border: 0px solid #138DA5; border-color: #138DA5 #138DA5 #138DA5; border-radius: 0px; -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } .bt:hover { background-position: 0 -15px; text-decoration: none; color: #ffffff; } .bt:visited { color: #ffffff; text-decoration: none !important; } /* Правила, использующиеся в JS файле jquery.eventCalendar.js */ /*Изображение*/ .uca_img { width:100%; margin-top: 10px; margin-bottom: 10px; /*box-shadow:0 0 15px #999;*/ } /*Заголовок*/ .eventCalendar-eventTitle { font-size: 18px; font-weight: normal !important; text-decoration: none !important; } /*Позиционирование divОв - оберток с иконками дата и время*/ .uca-date-icon { margin-top: 8px; margin-bottom: 8px; } /*Дата и время после иконки*/ .uca-date-txt { margin-left:20px; white-space: nowrap; font: 10pt sans-serif; color: #2A3C63; font-weight: 400; } /*Иконки (спрайт)*/ .bg-blue_calendar { width: 16px; height: 16px; background: url('../images/css_sprites.png') -46px -10px; } .bg-blue_caret_right { width: 16px; height: 16px; background: url('../images/css_sprites.png') -190px -10px; } .bg-blue_check { width: 16px; height: 16px; background: url('../images/css_sprites.png') -10px -46px; } .bg-blue_clock { width: 16px; height: 16px; background: url('../images/css_sprites.png') -46px -46px; } .bg-blue_globe { width: 16px; height: 16px; background: url('../images/css_sprites.png') -82px -10px; } .bg-blue_map { width: 16px; height: 16px; background: url('../images/css_sprites.png') -82px -46px; } .bg-blue_menu { width: 16px; height: 16px; background: url('../images/css_sprites.png') -10px -82px; } .bg-blue_phone { width: 16px; height: 16px; background: url('../images/css_sprites.png') -46px -82px; } .bg-blue_podcast { width: 16px; height: 16px; background: url('../images/css_sprites.png') -82px -82px; } .bg-dlue_bullhom { width: 16px; height: 16px; background: url('../images/css_sprites.png') -118px -10px; } .bg-gray_bullhom { width: 16px; height: 16px; background: url('../images/css_sprites.png') -118px -46px; } .bg-gray_calendar { width: 16px; height: 16px; background: url('../images/css_sprites.png') -118px -82px; } .bg-gray_caret_right { width: 16px; height: 16px; background: url('../images/css_sprites.png') -10px -118px; } .bg-gray_check { width: 16px; height: 16px; background: url('../images/css_sprites.png') -46px -118px; } .bg-gray_clock { width: 16px; height: 16px; background: url('../images/css_sprites.png') -82px -118px; } .bg-gray_globe { width: 16px; height: 16px; background: url('../images/css_sprites.png') -118px -118px; } x .bg-gray_map { width: 16px; height: 16px; background: url('../images/css_sprites.png') -154px -10px; } .bg-gray_menu { width: 16px; height: 16px; background: url('../images/css_sprites.png') -154px -46px; } .bg-gray_phone { width: 16px; height: 16px; background: url('../images/css_sprites.png') -154px -82px; } .bg-gray_podcast { width: 16px; height: 16px; background: url('../images/css_sprites.png') -154px -118px; } .bg-green_bullhom { width: 16px; height: 16px; background: url('../images/css_sprites.png') -10px -154px; } .bg-green_calendar { width: 16px; height: 16px; background: url('../images/css_sprites.png') -46px -154px; } .bg-green_caret_right { width: 16px; height: 16px; background: url('../images/css_sprites.png') -82px -154px; } .bg-green_check { width: 16px; height: 16px; background: url('../images/css_sprites.png') -118px -154px; } .bg-green_clock { width: 16px; height: 16px; background: url('../images/css_sprites.png') -154px -154px; } .bg-green_globe { width: 16px; height: 16px; background: url('../images/css_sprites.png') -10px -10px; } .bg-green_map { width: 16px; height: 16px; background: url('../images/css_sprites.png') -190px -46px; } .bg-green_menu { width: 16px; height: 16px; background: url('../images/css_sprites.png') -190px -82px; } .bg-green_phone { width: 16px; height: 16px; background: url('../images/css_sprites.png') -190px -118px; } .bg-green_podcast { width: 16px; height: 16px; background: url('../images/css_sprites.png') -190px -154px; } .bg-orange_bullhom { width: 16px; height: 16px; background: url('../images/css_sprites.png') -10px -190px; } .bg-orange_calendar { width: 16px; height: 16px; background: url('../images/css_sprites.png') -46px -190px; } .bg-orange_caret_right { width: 16px; height: 16px; background: url('../images/css_sprites.png') -82px -190px; } .bg-orange_check { width: 16px; height: 16px; background: url('../images/css_sprites.png') -118px -190px; } .bg-orange_clock { width: 16px; height: 16px; background: url('../images/css_sprites.png') -154px -190px; } .bg-orange_globe { width: 16px; height: 16px; background: url('../images/css_sprites.png') -190px -190px; } .bg-orange_map { width: 16px; height: 16px; background: url('../images/css_sprites.png') -226px -10px; } .bg-orange_menu { width: 16px; height: 16px; background: url('../images/css_sprites.png') -226px -46px; } .bg-orange_phone { width: 16px; height: 16px; background: url('../images/css_sprites.png') -226px -82px; } .bg-orange_podcast { width: 16px; height: 16px; background: url('../images/css_sprites.png') -226px -118px; } .bg-red_bullhom { width: 16px; height: 16px; background: url('../images/css_sprites.png') -226px -154px; } .bg-red_calendar { width: 16px; height: 16px; background: url('../images/css_sprites.png') -226px -190px; } .bg-red_caret_right { width: 16px; height: 16px; background: url('../images/css_sprites.png') -10px -226px; } .bg-red_check { width: 16px; height: 16px; background: url('../images/css_sprites.png') -46px -226px; } .bg-red_clock { width: 16px; height: 16px; background: url('../images/css_sprites.png') -82px -226px; } .bg-red_globe { width: 16px; height: 16px; background: url('../images/css_sprites.png') -118px -226px; } .bg-red_map { width: 16px; height: 16px; background: url('../images/css_sprites.png') -154px -226px; } .bg-red_menu { width: 16px; height: 16px; background: url('../images/css_sprites.png') -190px -226px; } .bg-red_phone { width: 16px; height: 16px; background: url('../images/css_sprites.png') -226px -226px; } .bg-red_podcast { width: 16px; height: 16px; background: url('../images/css_sprites.png') -262px -10px; } /* end of theme css */