.calendar-archives .arcw-popover { position: absolute; overflow: hidden; opacity: 0; height: 0; width: 150px; color: white; background-color: rgba(0, 0, 0, 0.8); z-index: 999; transition: opacity .5s; border-radius: 4px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4); } .calendar-archives .arcw-popover:hover { opacity: 1; height: auto; min-height: 50px; border: 1px solid rgba(255, 255, 255, 0.5); } .calendar-archives .arcw-popover a { color: white; } .calendar-archives .arcw-popover .loading { display: block; text-align: center; padding-top: 8px; } .calendar-archives .arcw-popover .loader { display: inline-block; position: relative; text-indent: -9999em; border-top: 5px solid rgba(255, 255, 255, 0.2); border-right: 5px solid rgba(255, 255, 255, 0.2); border-bottom: 5px solid rgba(255, 255, 255, 0.2); border-left: 5px solid #ffffff; transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } .calendar-archives .arcw-popover .loader, .calendar-archives .arcw-popover .loader:after { border-radius: 50%; width: 30px; height: 30px; } .calendar-archives .arcw-popover ul { list-style: none; } .calendar-archives .arcw-popover ul li { display: block; overflow: hidden; text-overflow: ellipsis; } .calendar-archives .arcw-popover ul li a { display: block; padding: 3px 8px; } .calendar-archives .arcw-popover ul li a:hover { background-color: rgba(255, 255, 255, 0.2); } .calendar-archives.hover .arcw-popover { opacity: 1; height: auto; min-height: 50px; transition: opacity .4s; border: 1px solid rgba(255, 255, 255, 0.5); } .calendar-archives .arcwp-more { font-size: 80%; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*# sourceMappingURL=arcw-popover.css.map */