Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/lnovel/layout/novel/css/ |
.label-free{text-align: center;padding: 10px 0;}
.label-free h3{font-size: 18px;color: var(--primary);}
.label-free p{font-size: 0.9em;color: #888;}
.label-free i{font-size: 60px;margin: 10px 0;}
.label-free .count-down{color: var(--primary);font-size: 18px;margin-bottom: 20px;}
.story-item-2{text-align: center;background:#fcfcfa;padding: 10px 0;}
.story-item-2 img{box-shadow: 0 0 3px rgba(0,0,0,0.4);width:66px;height:auto;}
.story-item-2 h4{margin: 10px 0;font-weight: 600;font-size: 1.1em;}
.story-item-2 h4 a{color: #000;}
.story-item-2 p{color: #888;margin-bottom: 10px;}
.story-item-2 .read-now{height: 34px;line-height: 34px;padding: 0 17px;display:inline-block;border: 1px solid #009;color: #009;border-radius: 20px;}
#free-stories{display: flex;flex-wrap: nowrap;}
#free-stories .label-free{width:200px;}
#free-stories .frees{flex-grow: 1;display: flex;}
#free-stories .frees>div:nth-of-type(2n){background:#f7f5f0;}
#free-stories .frees .story-item-2{width:16.66667%;}
@media only screen and (max-width: 800px){
#free-stories .label-free{padding: 100px 0;}
#free-stories .frees{flex-wrap: wrap;}
#free-stories .frees .story-item-2{width:33.33334%;}
}
@media only screen and (max-width: 500px){
#free-stories{display: block;}
#free-stories .label-free{padding: 10px 0;width:100%;}
#free-stories .frees .story-item-2{width:50%;}
#free-stories .frees>div:nth-of-type(2n){background:#fff;}
#free-stories .frees>div:nth-of-type(4n+1),#free-stories .frees>div:nth-of-type(4n+4){background:#f7f5f0;}
}