Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
- *{
- box-sizing:border-box;
- font-family: 'Poppins';
- }
- h2{
- text-align:center;
- }
- .container{
- background-color: white;
- /*border: 2px solid black;*/
- display: flex;
- justify-content: flex-start;
- }
- .leftContainer, .rightContainer{
- background-color: rgb(241, 241, 241);
- /*background-color: #FDD2DA;*/
- max-width: 160px;
- min-width: 160px;
- border: 1px solid lightgray;
- padding: 10px;
- /*border-radius: 15px;*/
- }
- .cardContainer .containerCheckBox{
- height: 100%;
- background-color: teal;
- vertical-align: middle;
- }
- .checkBox{
- vertical-align: middle;
- }
- .gallery{
- vertical-align: top;
- text-align: center;
- /* display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;*/
- display: flex;
- justify-content: center;
- flex-wrap: wrap;
- /* flex-grow: 20;
- align-content: flex-start;*/
- background-color: white;
- }
- .cardContainer{
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- flex-wrap: wrap;
- flex-grow: 20;
- align-content: flex-start;
- }
- .card{
- /*width: 100%;*/
- background-color: white;
- margin: 10px;
- width:fit-content;
- height: fit-content;
- border: 1px solid lightgrey;
- padding: 10px;
- box-shadow: 5px 5px 5px lightgrey;
- }
- .card:hover{
- transition: all ease-in-out 0.2s;
- transform: scale(1.05, 1.05);
- }
- a img{
- width: 120px;
- height: 120px;
- }
- .descriptionInLine .descriptionUsername{
- font-size: 16px;
- text-align: left;
- width: 180px;
- }
- .description-contenier .descriptionBase{
- font-size: 20px;
- text-align: left;
- }
- .description-contenier .descriptionPrice{
- font-size: 26px;
- color: royalblue;
- text-align: left;
- width: 210px;
- }
- .descriptionPriceLabel{
- width: 210px;
- text-align: left;
- }
- .descriptionInLine{
- display: flex;
- }
- .descriptionInLine .space{
- min-width: 100px;
- }
- .btnBuy{
- border-radius: 0px;
- width: 100%;
- display:block;
- border:0;
- cursor:pointer;
- outline:none;
- background-color: royalblue;
- color: white;
- width: 100px;
- text-align: center;
- }
- .observedBy{
- text-align: left;
- background-color: lightgray;
- width: fit-content;
- padding-left: 3px;
- padding-right: 3px;
- font-size: 12px;
- }
- .callCenterAds img{
- width: 100%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement