News site project static page-category page

External CSS Category.css:

. ui.red.basic.segment.topmenu{height:100px;  padding-left:140px;  padding-right:140px; BORDER-BOTTOM:1PX solid RGB (189, 189, 189);}.  Ui.borderless.menu.container >. item > a{color:black; Font-weight:bold;}.  ui.basic.segment.title{Background:rgba (110, 110, 110,0.7);  Position:absolute;  width:100%;  height:70px;  left:0; bottom:0;}.  ui.horizontal.basic.segments.bottomcontent{padding-top:20px;  border-radius:0;  Border:none; Box-shadow:none;}. ui.segment.bodyleft{width:700px;}. ui.segment.bodyright{width:100px;}. ui.segment.article{padding:0; border-radius:0; height:200px; width:820px;}.  ui.segment.article > ui.image{float:left; margin:0;}.  ui.segment.articlecontent{position:relative;  margin:0;  padding:0;  width:400px;  height:200px;  Float:right; padding-left:10px;}.  Ui.segment.articlecontent > p{Color:rgb (206, 208, 204)}.ui.segment.article >. ui.image >img{height:200px; width:400px;}. ui.red.segment.best{Border-left: none;  Border-right:none;  Border-bottom:none;  Box-shadow:none;  border-radius:0;  padding-left:0; padding-right:0;}.  ui.segment.top3{height:120px;  padding-top:0;  position:relative;  Border:none; Box-shadow:none;}.  Sidebutton > p{position:absolute;  top:0;  left:20px; Color:white;}.  ui.segment.bestlast{border-radius:0;  height:60px;  padding-top:0;  Border:none; Box-shadow:none;}.  Ui.segment.bestlast > img{position:absolute;  top:4px; left:0;}. Ui.segment.bestlast > p{font-size:12px;}.  Ui.segment.bestlast > span{font-size:12px;  Color:rgb (206, 208, 204);  Position:absolute; bottom:0;}.  ui.basic.segment.bottomblack{height:400px;  Background-color:rgb (50,50,50);  padding-left:250px; padding-top:100px;}.  ui.circular.red.button.backtotop{height:60px;  Position:absolute;  Transform:translate ( -50%,-50%);  left:50%; bottom:-15%;}.  ui.basic.segment.wechat{Position:absolute;  top:80px;  right:250px; margin-top:0;}. Ui.basic.segment. bottomwhite{padding-left:250px; BORDER-BOTTOM:2PX solid red;}. Ui.basic.segment.bottomwhite > p{font-size:20px;}

HTML page:

. ui.red.basic.segment.topmenu{height:100px;  padding-left:140px;  padding-right:140px; BORDER-BOTTOM:1PX solid RGB (189, 189, 189);}.  Ui.borderless.menu.container >. item > a{color:black; Font-weight:bold;}.  ui.basic.segment.title{Background:rgba (110, 110, 110,0.7);  Position:absolute;  width:100%;  height:70px;  left:0; bottom:0;}.  ui.horizontal.basic.segments.bottomcontent{padding-top:20px;  border-radius:0;  Border:none; Box-shadow:none;}. ui.segment.bodyleft{width:700px;}. ui.segment.bodyright{width:100px;}. ui.segment.article{padding:0; border-radius:0; height:200px; width:820px;}.  ui.segment.article > ui.image{float:left; margin:0;}.  ui.segment.articlecontent{position:relative;  margin:0;  padding:0;  width:400px;  height:200px;  Float:right; padding-left:10px;}.  Ui.segment.articlecontent > p{Color:rgb (206, 208, 204)}.ui.segment.article >. ui.image >img{height:200px; width:400px;}. ui.red.segment.best{Border-left: none;  Border-right:none;  Border-bottom:none;  Box-shadow:none;  border-radius:0;  padding-left:0; padding-right:0;}.  ui.segment.top3{height:120px;  padding-top:0;  position:relative;  Border:none; Box-shadow:none;}.  Sidebutton > p{position:absolute;  top:0;  left:20px; Color:white;}.  ui.segment.bestlast{border-radius:0;  height:60px;  padding-top:0;  Border:none; Box-shadow:none;}.  Ui.segment.bestlast > img{position:absolute;  top:4px; left:0;}. Ui.segment.bestlast > p{font-size:12px;}.  Ui.segment.bestlast > span{font-size:12px;  Color:rgb (206, 208, 204);  Position:absolute; bottom:0;}.  ui.basic.segment.bottomblack{height:400px;  Background-color:rgb (50,50,50);  padding-left:250px; padding-top:100px;}.  ui.circular.red.button.backtotop{height:60px;  Position:absolute;  Transform:translate ( -50%,-50%);  left:50%; bottom:-15%;}.  ui.basic.segment.wechat{Position:absolute;  top:80px;  right:250px; margin-top:0;}. Ui.basic.segment. bottomwhite{padding-left:250px; BORDER-BOTTOM:2PX solid red;}. Ui.basic.segment.bottomwhite > p{font-size:20px;}

　　

News site project static page-category page