site-proximo/site_proximo/src/css/Components/articledetails.css
2020-11-20 19:54:37 +01:00

175 lines
No EOL
4.1 KiB
CSS

#bulle{
background-color: rgba(105, 105, 105, 0.28);
border-radius: 30px;
width:200px;
height:200px;
margin-top:30px;
margin-right:15px;
margin-left:15px;
display:flex;
flex-direction: column;
}
#imageordescblock{
width:100%;
height:145px;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#icons{
flex:1;
display:flex;
flex-direction: row;
}
#bluepen{
background-color:#0036C1;
display:flex;
justify-content: center;
align-items: center;
position:relative;
left:-75px;
width: 40px;
height: 40px;
border-radius:100px;
cursor: pointer;
}
#redcross{
background-color:#C10000;
display:flex;
justify-content: center;
align-items: center;
position:relative;
left:75px;
width: 40px;
height: 40px;
border-radius:100px;
cursor: pointer;
}
#categoryDiv{
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#categoryIcon{
height: 30px;
width:30px;
cursor: pointer;
margin-bottom: 8px;
}
#descandprice{
padding:10px;
flex:1;
}
#desc{
color:#8F8F8F;
font-size:15px;
height:35px;
display:block;
margin:auto;
font-family: 'Wellfleet', cursive;
text-align:center;
}
#price{
color:#057B26;
font-size:15px;
font-family: 'Wellfleet', cursive;
text-align:center;
margin-top:5px;
}
#image{
height:110px;
width:auto;
}
#name{
color:white;
font-size:17.4px;
font-family: 'Wellfleet', cursive;
text-align:center;
}
#count{
display:flex;
flex-direction:row;
justify-content: center;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
#countNumber{
background-color: white;
border-radius: 5px;
display:flex;
margin-left:15px;
margin-right:15px;
padding-left:2%;
padding-right:2%;
justify-content: center;
align-content: center;
}
#countNumberTxt{
margin:0;
font-size:14px;
font-family: 'Wellfleet', cursive;
text-align:center;
}
#confirmation{
flex:1;
display:flex;
flex-direction:column;
align-items:space-between;
color:white;
}
#confirmationTxt{
flex:1.5;
text-align:center;
display: flex;
align-items: center;
padding:10%;
font-family: 'Wellfleet', cursive;
font-size:18px;
color:white;
}
#choice{
flex:1;
display:flex;
align-items: flex-start;
font-family: 'Wellfleet', cursive;
}
#yes{
background-color:white;
padding:5% 10% 5% 10%;
border-radius: 15px;
cursor: pointer;
border: 2px solid black;
color:black;
}
#no{
background-color: #0036C1;
padding:5% 10% 5% 10%;
border-radius: 15px;
cursor: pointer;
border: 2px solid black;
color:white;
}