1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- #containerRight {
- padding:10px;
- }
- #list_dates {
- height:100px;
- overflow-x: auto;
- margin: 0;
- border-top: 1px dashed #289ecb;
- }
- #list_dates ul {
- list-style:none;
- padding:0;
- margin:0;
- }
- #list_dates li div {
- width: 50px;
- height: 50px;
- margin: auto;
- background: #289ecb;
- color: #fff;
- padding-top: 15px;
- border-radius: 1000px;
- transition: 0.6s ease;
- margin-top: 15px;
- }
- #list_dates li div:hover {
- background-color: #fff;
- color: #289ecb;
- border: 1px solid #289ecb;
- }
- #list_dates .date div {
- padding-top: 18px;
- }
- #list_dates ul li:before {
- content: "";
- width: 4px;
- height: 4px;
- position: absolute;
- left: 50%;
- margin-left: -2px;
- background: #289ecb;
- border-radius: 1000px;
- }
- .event {
- padding-top: 15px;
- padding-bottom: 15px;
- font-size: 14px;
- }
- .event_days:hover {
- -ms-transform: scale(1.5);
- -webkit-transform: scale(1.5);
- transform: scale(1.5);
- }
- .event_days {
- width: 70px;
- height: 70px;
- position: absolute;
- float: left;
- cursor: pointer;
- margin-right: 1rem;
- text-align: center;
- transition: all .4s ease;
- }
- .year {
- font-size: 14px;
- }
- .date {
- font-size: 8px;
- }
- .yearSeed {
- text-align: center;
- }
- .dateSeed {
- text-align: center;
- font-weight:600;
- }
- .eventSeed {
- text-align: justify;
- font-size: 12px;
- }
|