Cara style calendar di Drupal

membuat calendar dan menstylekan

ini adalah code yang saya gunakan dan letakkan di folder css drupal anda

/*kalendar*/

#next-be-meeting {
margin-bottom: 20px;
background: #fff;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border: 2px solid #333;

box-shadow: 2px 2px 5px 0px rgba(51,51,51,1);
-webkit-box-shadow: 2px 2px 5px 0px rgba(51,51,51,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(51,51,51,1);
}

div.cal-month {
height: 50px;
background: url(site/default/files/pictures/bg-hex.png) repeat-x;
font-size: 18px;
font-weight: bold;
line-height: 50px;
text-align: center;
text-transform: uppercase;
text-shadow: 2px 2px 1px #333;
letter-spacing: 3px;
color: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;

box-shadow: 0px 2px 5px 0px rgba(51,51,51,1);
-webkit-box-shadow: 0px 2px 5px 0px rgba(51,51,51,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(51,51,51,1);
}

div.cal-day {
margin: 20px 0;
font-size: 62px;
font-weight: bold;
text-align: center;
color: #989494;
}

div.cal-time {
margin-bottom: 10px;
text-align: center;
color: #989494;
letter-spacing: 1px;
}

div.cal-location {
margin-bottom: 10px;
text-align: center;
}

buatkan 3 field seperti dibawah,

Akhir sekali buatkan view , saya disablekan page dan aktifkan block sahaja/pastikkan add date exclude dari display dan displaykan pada location sahaja