Scribd
Upload
5 views

CSS

Uploaded by

phamminhphong9athcsquangtrung
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views

CSS

Uploaded by

phamminhphong9athcsquangtrung
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

body{

margin: 0;
background-color: #f9f9f9;
}

*{
font-family: 'Times New Roman', Times, serif;
margin: 0;
}

header{
padding: 20px 0;
background-color: rgb(196, 93, 196);
display: flex;
}

p{
padding: 0 10px;
margin-bottom: 12px;
text-align: justify;
}

.img-container{
background-color: white;
padding: 4px;
padding-left: 20px;
display: flex;
justify-content: center;
align-items: center;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}

.title-container{
padding: 0 20px;
display: flex;
justify-content: center;
flex-direction: column;
}

.title-container h1, .title-container h2{


color: white;
font-size: 28px;
text-transform: uppercase;
}

.title-container h2{
font-size: 18px;
font-weight: 500;
color: #e0e0e0;
margin-top: 10px;
}

.img, .avatar{
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 100px;
}

.container{
padding: 20px;
background-color: rgb(243, 199, 243);
display: flex;
}

.sider, .content {
background-color: white;
padding: 20px 0;
width: 100%;
}

.sider{
width: calc(40% - 20px);
margin-right: 20px;
}

.content {
flex-grow: 1;
}

.tag-fill{
background-color: rgb(196, 93, 196);
padding: 8px 10px;
color: white;
font-size: 18px;
display: inline-block;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}

.tag-content{
padding-left: 20px;
margin-top: 12px;
margin-bottom: 12px;
}

.tag-content ul {
margin: 0;
padding: 0;
}

.tag-content ul li {
list-style-type: symbols();
padding: 8px 0;
}

.progress-title{
text-transform: uppercase;
font-size: 0.8rem;
margin: 0;
padding: 0;
}

.progress-wrap{
width: 100%;
height: 10px;
background-color: rgb(243, 199, 243);
margin-top: 12px;
margin-bottom: 12px;
}

.progress{
width: 50%;
height: 10px;
background-color: rgb(196, 93, 196);
}

.tag{
font-size: 18px;
color: #212121;
padding: 10px 20px;
border-left: 14px solid rgb(196, 93, 196) ;
margin-bottom: 10px;
}

.tabbar-title{
display: flex;
justify-content: space-between;
}
.tabbar-title .text-content{
font-weight: 800;
color: palevioletred;

}
.content ul {
padding: 0;
}

.content ul li {
list-style-type: none;
}

.text-date {
padding: 0 20px;
margin-bottom: 8px;
color: palevioletred;
font-size: italic;
}

.description-content ul{
padding: 0 20px;
margin-bottom: 8px;
}

.description-content ul{
padding: 40px;
}

.description-content ul li {
text-align: justify;
list-style-type: square;
margin-bottom: 8px;
}

.description-content ul li ul li{
text-align: justify;
list-style-type: square;
margin-bottom: 8px;
}

You might also like