123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134 |
- #containerRight {
- padding:10px;
- }
- #list_dates {
- height:100px;
- overflow-x: auto;
- margin: 0;
- border-top: 1px solid #b61924;
- }
- #list_dates ul {
- list-style:none;
- padding:0;
- margin:0;
- }
- #list_dates li div {
- width: 50px;
- height: 50px;
- margin: auto;
- background: #b61924;
- color: #fff;
- padding-top: 15px;
- border-radius: 1000px;
- transition: 0.6s ease;
- margin-top: 15px;
- }
- #list_dates li div:hover {
- background-color: #fff;
- color: #b61924;
- border: 1px solid #b61924;
- }
- #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: #b61924;
- 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;
- color: #b61924;
- }
- .dateSeed {
- text-align: center;
- font-weight:600;
- }
- .eventSeed {
- text-align: justify;
- font-size: 12px;
- margin: 10px 0px 10px 20px;
- }
- #backToAnni {
- background-color: #fff;
- color: #b61924;
- border: 1px solid #b61924;
- margin-bottom: 15px;
- margin-top: 15px;
- }
- #backToAnni:hover {
- background-color: #b61924;
- color: #fff;
- border: 1px solid #b61924;
- }
- #lemma_buttons {
- margin-bottom: 30px;
- margin-top: -5px;
- }
- #lemma_buttons button:not(:last-child) {
- margin-right: 20px;
- }
- #lemma_buttons button {
- color: #30383f;
- font-size: 15px;
- position:relative;
- width:12%;
- }
- #lemma_buttons button .fa {
- position:absolute;
- line-height: 24px;
- top:50%;
- margin-top: -12px; /* Half of line height to keep left middle postion of container */
- left: 10px;
- }
|