1 line
3.9 KiB
CSS
1 line
3.9 KiB
CSS
*{margin:0;padding:0;}.header-bg{width:100%;height:466px;display:flex;flex-shrink:0;background:linear-gradient(to top,#f1f5fb,#f9fcff);}.header-bg .bg-content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;}.header-bg .bg-content span{display:flex;height:152px;font-size:36px;line-height:48px;color:#12183A;align-items:center;}.header-bg .bg-content span img{width:56px;height:56px;}.header-bg .bg-content h2{display:flex;margin-top:4px;font-size:16px;font-weight:normal;line-height:22px;letter-spacing:2px;text-transform:uppercase;text-align:center;color:#12183A;}.main{display:flex;flex-grow:1;flex-basis:auto;flex-direction:column;margin-top:0px;}.main .feed{display:flex;max-width:100%;padding:0 calc((100% - 1200px)/2) 40px;flex-wrap:wrap;justify-content:center;align-items:stretch;}.move{margin-top:-84px;transition:margin-top .8s ease-in-out;}@media screen and (min-width:600px){.main .feed .feed-display{display:flex;flex-grow:1;flex-shrink:1;flex-basis:360px;position:relative;min-height:420px;margin:20px;background-color:#FFF;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px 0 rgba(50,50,50,0.08);flex-direction:column;position:relative;top:0px;transition:ease-in-out;-moz-transition:top .5s;-webkit-transition:top .5s;-o-transition:top .5s;}}@media screen and (max-width:600px){.main .feed .feed-display{display:flex;flex-grow:1;flex-shrink:1;position:relative;min-height:420px;margin:20px;background-color:#FFF;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px 0 rgba(50,50,50,0.08);flex-direction:column;position:relative;top:0px;transition:ease-in-out;-moz-transition:top .5s;-webkit-transition:top .5s;-o-transition:top .5s;}}.main .feed .feed-display:hover{cursor:pointer;top:-15px;}.main .feed .feed-display a{text-decoration:none;display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;}.main .feed .feed-display a .feed-title{padding:30px 24px;display:flex;flex-grow:1;font-size:20px;font-weight:500;line-height:36px;color:#12183a;}.main .feed .feed-display a img{width:100%;height:200px;margin-bottom:30px;background:linear-gradient(to top,#f1f5fb,#f9fcff);object-fit:cover;}.feed-meat{display:flex;padding:8px 24px 24px 16px;justify-content:space-between;}.feed-meat .meat-info{display:flex;flex-direction:column;}.feed-meat .meat-info .info-auth{display:flex;z-index:3;align-content:flex-start;align-items:center;}.feed-meat .meat-info .info-auth a{left:-8px;padding:2px 8px;font-size:14px;line-height:20px;color:#898FA0;background:transparent;border-radius:12px;text-decoration:none;outline:0;cursor:pointer;}.feed-meat .meat-info .info-data{margin:8px 0 0 8px;font-size:12px;line-height:18px;color:#12183A;}.feed-meat .meat-type{width:32px;height:32px;margin-top:10px;background:url('https://cdn.jsdelivr.net/gh/duogongneng/MyBlogImg/imgicon-article.svg')no-repeat;}.change-page{height:40px;display:flex;padding:0 calc((100% - 1160px)/2);margin-bottom:20px;color:#12183ab7;}.change-page .p-page{display:flex;flex-basis:0;justify-content:flex-start;align-items:center;flex-grow:1;}.change-page .p-page a{color:#12183ab7;text-decoration:none;}.change-page .p-page a .previous{width:120px;height:40px;text-align:center;line-height:40px;border-radius:10px;color:#898FA0;margin-left:18px;box-shadow:0 20px 40px 0 rgba(50,50,50,0.1);transition:ease-in-out;-moz-transition:margin-top .5s;-webkit-transition:margin-top .5s;-o-transition:margin-top .5s;}.change-page .n-page{display:flex;flex-basis:0;justify-content:flex-end;align-items:center;flex-grow:1;}.change-page .n-page a{color:#12183ab7;text-decoration:none;}.change-page .n-page a .next{width:120px;height:40px;text-align:center;line-height:40px;border-radius:10px;margin-right:18px;color:#898FA0;box-shadow:0 20px 40px 0 rgba(50,50,50,0.1);transition:ease-in-out;-moz-transition:margin-top .5s;-webkit-transition:margin-top .5s;-o-transition:margin-top .5s;}.change-page .n-page a .next:hover{margin-top:-15px;cursor:pointer;}.change-page .p-page a .previous:hover{margin-top:-15px;cursor:pointer;} |