You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
602 lines
14 KiB
602 lines
14 KiB
/* 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 */ |