Scribd
Upload
6 views

CSS

Uploaded by

phamminhphong9athcsquangtrung
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
6 views

CSS

Uploaded by

phamminhphong9athcsquangtrung
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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