GIF89a;
Server IP : 172.26.0.195 / Your IP : 18.118.137.96 Web Server : Apache System : Linux 43-205-77-33.cprapid.com 3.10.0-1160.119.1.el7.tuxcare.els2.x86_64 #1 SMP Mon Jul 15 12:09:18 UTC 2024 x86_64 User : jnclnmuac ( 1026) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/jnclnmuac/public_html/web/../admission/../cas/cgi-bin/../assets/admin/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
.calendar { position: relative; overflow: hidden; text-transform: capitalize; text-align: center; font: 15px/1em inherit; color: #0D0D0C; background-color: #FFF; /* border: 1px solid #545a5c;*/ } .calendar header{ background-color: #4755ab; } .calendar a { text-decoration: none; color: inherit; } .calendar header .simple-calendar-btn { display: inline-block; position: absolute; width: 30px; height: 30px; text-align: center; line-height:30; color: #cbd1d2; border-radius: 50%; border: 2px solid #cbd1d2; margin-top : 10px; margin-left: 2%; margin-right: 2%; } .calendar header .simple-calendar-btn:hover { background: #cbd1d2; color: white; } .calendar header .simple-calendar-btn:before { content: ''; position: absolute; top: 9px; left: 8px; width: 8px; height: 8px; border-style: solid; border-width: 3px 3px 0 0; transform: rotate(45deg); transform-origin: center center; } .calendar header .btn-prev { top: 10px; left: 0; transform: rotate(-180deg); } .calendar header .btn-next { top: 10px; right: 0; } .calendar header .btn-next:before { transform: rotate(45deg); } .calendar header .month { padding: 0; margin: 0; font-size: 1.8em; color:white; } .calendar header .month .year { font-size: 0.6em; font-weight: 100; } .calendar table { width: 100%; margin: 5px 0; border-spacing: 0px; } .calendar thead { font-size: 1.1em; font-weight: 600; } .calendar td { padding: 0.6em 0.01em; } .calendar .day { position: relative; display: inline-block; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; border: 2px solid transparent; cursor: pointer; } .calendar .day:hover { border: 2px solid #6691cc; } .calendar .day.today { background: #b4e88c; color: black; } .calendar .day.sun { color: red; } .calendar .day.today.has-event:after { background: white; } .calendar .day.wrong-month { color: #cbd1d2; } .calendar .day.wrong-month:hover { border: 2px solid transparent; background-color: red; } .calendar .day.has-event:after { content: ''; position: absolute; top: calc(50% + .6em); left: calc(50% - 2px); width: 4px; height: 4px; border-radius: 50%; } .calendar .day.has-event { /* content: ''; position: absolute;*/ /* top: calc(50% + .6em); left: calc(50% - 2px);*/ /* width: 4px; height: 4px; border-radius: 50%;*/ color: green; background: #e43f4e; color: white; } .calendar .day.disabled:hover { border: 2px solid transparent; } .calendar .event-container { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 70px; background: #545a5c; box-sizing: border-box; } .calendar .event-container .event-wrapper { overflow-y: auto; max-height: 100%; } .calendar .event-container .close { position: absolute; width: 30px; height: 30px; top: 20px; right: 20px; cursor: pointer; } .calendar .event-container .close:before, .calendar .event-container .close:after { content: ''; position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background-color: #cbd1d2; } .calendar .event-container .close:before { transform: rotate(45deg); } .calendar .event-container .close:after { transform: rotate(-45deg); } .calendar .event-container .event { position: relative; width: 100%; padding: 1em; margin-bottom: 1em; background: #6691cc; border-radius: 4px; box-sizing: border-box; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); text-align: left; color: white; } .calendar .event-container .event-date { margin-bottom: 1em; } .calendar .event-container .event-hour { float: right; } .calendar .event-container .event-summary { font-weight: 700; } .calendar .filler { position: absolute; width: 0; height: 0; border-radius: 50%; background: #545a5c; transform: translate(-50%, -50%); }