Dolibarr logo in puce css <span class="fa fa-dolibarr-css"></span>

This commit is contained in:
Laurent Destailleur 2020-03-20 10:28:47 +01:00
parent 222556b464
commit aae0be492f

View File

@ -142,3 +142,34 @@ div.mainmenu.generic3::before {
div.mainmenu.generic4::before {
content: "\f249";
}
/* Define square Dolibarr logo in pure CSS */
.fa-dolibarr-css{
color: #235481;
background: currentColor;
height: 150px;
width: 150px;
position: relative;
}
.fa-dolibarr-css:before{
content: '';
position: absolute;
left: 19%;
top: 17%;
width: 25%;
height: 25%;
border: solid 30px white;
border-radius: 0% 200% 200% 0% / 0% 180% 180% 0%;
}
.fa-dolibarr-css:after{
content: '';
position: absolute;
left: 19%;
top: 17%;
width: 5px;
height: 25%;
border-bottom: solid 60px currentColor;
margin-left: 30px;
}