#gcalendar-viewer-month { margin: 10px; } #gcalendar-viewer-month ul, #gcalendar-viewer-month li, #gcalendar-viewer-month a { margin: 0; padding: 0; font-size: 13px; border: none; background: none; list-style-image: none; list-style-position: inside; list-style-type: none; } #gcalendar-viewer-month div.gcalendar-viewer-container-month { position: relative; width: 210px; padding: 1px; background: #fff; } #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gcalendar-viewer-container-header { position: relative; padding-top:30px; } #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-previous-button a, #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-previous-button a:visited, #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-previous-button a:active { position: absolute; padding-top: 6px; width: 30px; height: 24px; top: 0; left: 0; color: #666; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; } #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-previous-button a:hover { color: #000; background-color: #DDD; } #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-month a, #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-month a:visited, #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-month a:active { position: absolute; margin: 0; margin-left: -75px; padding: 0; padding-top: 6px; width: 150px; height: 24px; top:0; left:50%; font-size: 14px; font-weight: bold; text-align: center; cursor: pointer; color: #666; text-decoration: none; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; } #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-month a:hover { color: #000; } #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-next-button a, #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-next-button a:visited, #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-next-button a:active { position: absolute; padding-top: 6px; width: 30px; height: 24px; top: 0; right: 0; color: #666; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; } #gcalendar-viewer-month div.gcalendar-viewer-container-month div.gc-next-button a:hover { color: #000; background-color: #DDD; } #gcalendar-viewer-month div.gcalendar-viewer-container-body ul { margin: 0; padding: 0; list-style: none; line-height: 0; } #gcalendar-viewer-month div.gcalendar-viewer-container-body li { margin: 0; padding: 0; list-style: none; line-height: 0; } #gcalendar-viewer-month div.gcalendar-viewer-container-body li.gc-dayname, #gcalendar-viewer-month div.gcalendar-viewer-container-body a, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:visited, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:hover, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:active { display: block; margin: 1px; padding: 5px 0 0 0; width: 28px; height: 23px; font-size: 11px; line-height: 18px; text-align: center; cursor: default; } #gcalendar-viewer-month div.gcalendar-viewer-container-body li a.gc-week, #gcalendar-viewer-month div.gcalendar-viewer-container-body li a.gc-daynames { display: none; } #gcalendar-viewer-month div.gcalendar-viewer-container-body li.gc-daynames ul li.gc-dayname { float:left; } #gcalendar-viewer-month div.gcalendar-viewer-container-body li.gc-week { clear:left; } #gcalendar-viewer-month div.gcalendar-viewer-container-body li.gc-week ul li.gc-day { float:left; } #gcalendar-viewer-month div.gcalendar-viewer-container-body a { -webkit-transition-property: background-color color; -webkit-transition-duration: 0.35s; -moz-transition-property: background-color color; -moz-transition-duration: 0.35s; transition-property: background-color color; transition-duration: 0.35s; } #gcalendar-viewer-month div.gcalendar-viewer-container-body a.gc-inactivedate, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:visited.gc-inactivedate, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:hover.gc-inactivedate, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:active.gc-inactivedate { color: #ddd; } #gcalendar-viewer-month div.gcalendar-viewer-container-body a.gc-activedate, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:visited.gc-activedate, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:hover.gc-activedate, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:active.gc-activedate { color: #666; background: #eee; } #gcalendar-viewer-month div.gcalendar-viewer-container-body a.gc-has-event, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:visited.gc-has-event { cursor: pointer; background: #ddd; } #gcalendar-viewer-month div.gcalendar-viewer-container-body a:hover.gc-has-event, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:active.gc-has-event { cursor: pointer; color: #000; background: #fff; } #gcalendar-viewer-month div.gcalendar-viewer-container-body a.gc-today, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:visited.gc-today { font-weight: bold; color: #000; background: #fff; } #gcalendar-viewer-month div.gcalendar-viewer-container-body a:hover.gc-today, #gcalendar-viewer-month div.gcalendar-viewer-container-body a:active.gc-today { font-weight: bold; color: #000; background: #fff; } #gcalendar-viewer-month div.gcalendar-viewer-container-body li.gc-week ul li.open { position: relative; } #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events { position: absolute; margin: 1px; padding: 10px; left: 0; top: 100%; background: #eeeeee; -webkit-box-shadow: 0px 2px 8px #999; -moz-box-shadow: 0px 2px 8px #999; box-shadow: 0px 2px 8px #999; } #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events li { position: relative; margin: 1px; padding: 3px 0; } #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events div.gc-event-calendar { display: none; /* feature hidden until it can be completed */ position: absolute; margin-top: -3px; left: 6px; top: 50%; width: 6px; height: 6px; background: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events a, #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events a:visited, #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events a:hover, #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events a:active { margin: 0; /* padding: 3px 8px 3px 18px; */ /* feature hidden until it can be completed */ padding: 3px 8px 3px 8px; height: auto; width: auto; white-space: nowrap; text-align: left; cursor: pointer; color: #666; text-decoration: none; } #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events a:hover, #gcalendar-viewer-month div.gcalendar-viewer-container-body ul.gc-events a:active { text-decoration: underline; } #gcalendar-viewer-month div.gcalendar-viewer-loader { position: absolute; top: 50%; left: 50%; margin: -5px 0 0 -25px; padding: 0; width: 50px; height: 50px; background: #fff; border: solid 2px #000; } #gcalendar-viewer-month div.gcalendar-viewer-loader img { margin: 0; padding: 0; position: absolute; left: 9px; top: 9px; }