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.
374 lines
8.4 KiB
374 lines
8.4 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; |
|
} |
|
.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:12px; |
|
display:block; |
|
clear:both; |
|
text-align: center; |
|
margin-top:10px; |
|
padding: 9px 34px 11px; |
|
text-decoration: none; |
|
font-weight: bold; |
|
line-height: 1; |
|
|
|
color: #ffffff; |
|
background-color: #698B10; |
|
background-repeat: repeat-x; |
|
|
|
background-image: -khtml-gradient(linear, left top, left bottom, from(#89B814), to(#698B10)); |
|
background-image: -moz-linear-gradient(top, #89B814, #698B10); |
|
background-image: -ms-linear-gradient(top, #89B814, #698B10); |
|
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89B814), color-stop(100%, #698B10)); |
|
background-image: -webkit-linear-gradient(top, #89B814, #698B10); |
|
background-image: -o-linear-gradient(top, #89B814, #698B10); |
|
background-image: linear-gradient(top, #89B814, #698B10); |
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89B814', endColorstr='#698B10', GradientType=0); |
|
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
|
|
border: 1px solid #698B10; |
|
border-color: #698B10 #698B10 #465F05; |
|
|
|
border-radius: 4px; |
|
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
|
|
-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: #E4E4E4; |
|
} |
|
.bt:visited { |
|
color: #E4E4E4; |
|
} |
|
/* end of theme css */ |
|
|
|
|
|
/*= ONLY FOR DEMO PAGE */ |
|
body { |
|
/* |
|
width:978px; |
|
box-shadow:0 0 10px #777; |
|
padding: 20px 40px; |
|
margin:0 auto; |
|
*/ |
|
} |
|
a { color: #0E8EAB} |
|
/* |
|
.eventCalendar-wrap { |
|
width:265px; |
|
} |
|
*/ |
|
.features li { margin-bottom:3px;} |
|
#thanksPanel li { margin-bottom:0;} |
|
#introPanel { padding-top:20px;} |
|
|
|
.poweredBy img { |
|
float:left; |
|
margin-right:3px; |
|
} |
|
.poweredBy .data { |
|
float:left; |
|
} |
|
.poweredBy .name { |
|
font-weight:bold; |
|
color:#555; |
|
text-decoration:none; |
|
display:block; |
|
margin-top:28px; |
|
} |
|
.poweredBy .twitter { |
|
text-decoration:none; |
|
display:block; |
|
float:left; |
|
} |
|
.features { |
|
padding-left:20px; |
|
float:left; |
|
} |
|
#appLogo { |
|
margin-right:30px; |
|
} |
|
pre { |
|
clear:both; |
|
background-color:#FFFFCC; |
|
padding:5px; |
|
border:solid 1px #FED17E; |
|
overflow:auto; |
|
} |
|
#license { |
|
width:300px; |
|
float:right; |
|
font-size:10px; |
|
line-height:12px; |
|
text-align:center; |
|
} |
|
|
|
|
|
/* end of demo page */ |