Html:EventSummary2CSS

<html>
<head>
 <style>
   .box0 {
     background: #131f79;
     color: white;
     text-align: center;
     font-weight: lighter;
     font-size: x-large;
     /* font-weight: bolder; */
   }

   td {
     position: relative;
     padding: 0.5em;

   }

   .boxs {
     position: relative;
     margin-top: 23px;
   }



   .text1 {
     /* background: #131f79; */
     color: white;
     height: 30rpx;
     line-height: 30rpx;
     font-size: 22rpx;
     margin-top: 7rpx;
     font-weight: bolder;
     text-align: center;
   }



   .img {
     width: 230px;
     padding-left: 5px;
   }



   .feature {
     background: rgb(215, 225, 241);
     text-shadow: 2px 2px rgb(181, 199, 228);
     transition: background 0.5s;
   }
   .feature:hover {
     background: rgb(181, 199, 228);
   }

   .scout {
     background: rgb(203, 236, 216);
     text-shadow: 2px 2px rgb(162, 218, 183);
     transition: background 0.5s;
   }
   .scout:hover{
   	background: rgb(162, 218, 183);
   }

   .event-1 {
     background: rgb(244, 209, 209);
     text-shadow: 2px 2px rgb(233, 171, 171);
     transition: background 0.5s;
   }
   .event-1:hover{
   	background: rgb(233, 171, 171);
   }

   .event-2 {
     background: rgb(255, 238, 145);
     text-shadow: 2px 2px rgb(255, 218, 66);
     transition: background 0.5s;
   }
   .event-2:hover{
   	background: rgb(255, 218, 66);
   }

   .event-3 {
     background: rgb(252, 221, 180);
     text-shadow: 2px 2px rgb(249, 192, 127);
     transition: background 0.5s;
   }
   .event-3:hover{
   	background: rgb(249, 192, 127);
   }

   .livefes {
     background: rgb(234, 205, 246);
     text-shadow: 2px 2px rgb(215, 165, 237);
     transition: background 0.5s;
   }
   .livefes:hover{
   	background: rgb(215, 165, 237);
   }

   .time,
   .time div {
     color: #131f79;
     font-weight: bolder;
     text-align: center;
     text-shadow: none;
     font-family: none;
     display: inline;
     white-space: nowrap;
   }

   .time {
     display: flex;
     flex-direction: column;
   }

   .box-background-text {
     color: white;
     font-size: x-large;
     position: absolute;
     height: 100%;
     /*width: 100%;*/
     text-indent: 0.5em;
   }

   .table-cd {
     border-spacing: 0;
   }

   .mw-parser-output .box-background-text,.box0 {
     font-family: 锐字真言体免费商用;
   }
 </style>
</head>
</html>