205 lines
2.5 KiB
CSS
205 lines
2.5 KiB
CSS
.RedFont
|
|
{
|
|
font-size:12px;
|
|
color: #F07E4A;
|
|
}
|
|
|
|
.LinkBtn
|
|
{
|
|
font-size:12px;
|
|
color: #1200FF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.LinkBtn:hover
|
|
{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
|
|
/*------------------*/
|
|
|
|
/*--------------------*/
|
|
#ContentBoard
|
|
{
|
|
overflow-y:auto;
|
|
padding: 0px 40px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
#Online_Models_Bar
|
|
{
|
|
|
|
}
|
|
|
|
#ForU_Models_Bar
|
|
{
|
|
display:none;
|
|
}
|
|
|
|
|
|
/*--Staff Pick--*/
|
|
#HotModelArea
|
|
{
|
|
display: none;
|
|
width: 100%;
|
|
}
|
|
|
|
#HotModelList
|
|
{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
}
|
|
|
|
.HotModelPiece
|
|
{
|
|
display:flex;
|
|
flex-direction: column;
|
|
cursor: pointer;
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.HotModel_PrevBlock
|
|
{
|
|
text-align: center;
|
|
background-color: #E4E4E4;
|
|
width: 100%;
|
|
border-radius: 8px;
|
|
line-height: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.HotModel_PrevImg
|
|
{
|
|
border-radius: 8px;
|
|
width: 100%;
|
|
aspect-ratio: 4/3;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.HotModel_Designer_Info
|
|
{
|
|
display:flex;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
padding: 4px 2px;
|
|
}
|
|
|
|
.HotModel_Author_HeadIcon
|
|
{
|
|
margin-right: 6px;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
.HotModel_Author_HeadIcon img
|
|
{
|
|
width: 32px;
|
|
height: 32px;
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.HotModel_Right_1
|
|
{
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
padding: 0px 4px;
|
|
}
|
|
|
|
.HotModel_Name
|
|
{
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-weight: 700;
|
|
}
|
|
|
|
|
|
.HotModel_Right_1_2
|
|
{
|
|
display:flex;
|
|
}
|
|
|
|
.HotModel_Author_Name
|
|
{
|
|
flex: 1 1 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
|
|
.HotModel_click_info
|
|
{
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.HotModel_click_info img
|
|
{
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.Model_Click_Number
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/*-----Search Bar------*/
|
|
#HotModel_Search_Bar
|
|
{
|
|
display: none;
|
|
align-items: center;
|
|
border-radius: 22px;
|
|
border: 1px solid #C2C2C2;
|
|
flex-grow: 1;
|
|
background-color: #F7F7F7;
|
|
padding-right: 12px;
|
|
height: 40px;
|
|
}
|
|
|
|
#HotModel_Search_InputArea
|
|
{
|
|
display: flex;
|
|
align-items: center;
|
|
flex-grow: 1;
|
|
padding: 0px 22px 0px 0px;
|
|
border-radius: 22px 0px 0px 22px;
|
|
}
|
|
|
|
#HotModel_Search_Input
|
|
{
|
|
height: 30px;
|
|
flex-grow: 1;
|
|
outline: none;
|
|
font-size: 16px;
|
|
background-color: #F7F7F7;
|
|
}
|
|
|
|
|
|
#HotModel_Search_Btn
|
|
{
|
|
width: 60px;
|
|
height: 100%;
|
|
border-radius: 0px 22px 22px 0px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|