plxdcma_eshop/public/css/main.css

Instala todo lo necesario para una tienda virtual

.shopbigtitle{
  margin: 5px;

}
.shopmodal{
  top:0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0,0.3);
  overflow-y: auto;
  display: none
}
.shopmodalinnerbody{
  width: 600px;

  background-color: white;
  border-radius: 10px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 300px;
  padding: 32px;

}
@media only screen and (max-width: 600px) {
    .shopmodalinnerbody{
      width: 80%;
    }
}
.shoppagebtn{
  padding: 10px;
  border-radius: 50%;

  cursor: pointer;
}
.shoppagebtn:hover{
  background-color: rgb(30,178,219);
  color:white;
}
.shoppagebtnselected{
  background-color: rgb(30,178,219);
  color:white;
}


.shopGeneralInput{
  padding: 20px;
  margin: 10px;

  font-family: raleway;

  border: solid 1px rgb(0,0,0,0);
  border-bottom: solid 1px black;
  background-color: rgb(245,245,245);

}

.shopregistryitemcaracteristic{
  width: 90%;
  border-bottom: solid 1px #e9e9e9;
  padding: 10px;
  margin: 10px;
  font-family: raleway;
}
.shopitemcaracteristictext{
  width: 80%;
  display: inline-block;

}

.shopitemcaracteristictextremoveicon{
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;

  text-align: center;
  font-size:18px;
}

.defaultShopBtn{
  margin: 10px;
  padding: 10px;
  font-family: raleway;
  font-size:16px;
}
.shoperrorlabel{
  font-family: raleway;
  font-size:16px;
  text-align: center;
  color:red;
}

.shoptab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.shoptab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.shoptab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.shoptab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.shoptabtabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/*



*/
.shophoverabletouchswitch{
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;

}
.shophoverabletouchswitch:hover{

}
.shophoverabletouchswitchX{
  color:red;
}
.shophoverabletouchswitchX:hover{
  color:black;
}
.shophoverabletouchswitchCheck{
  color:green;
}
.shophoverabletouchswitchCheck:hover{
  color:black
}


#ShopModalPreviewBody{

}

#shopSellCaracteristics{
  height: 500px;
  border-bottom: solid 1px black;
  overflow: hidden;
  overflow-y: auto;

}
#shopSellCaracteristicsInput{
  width:80%;
  overflow: hidden;
  overflow-y: auto;
}
#shopProductSizeSection{
  width:80%;
}
#rflist{

  transition: opacity 300ms, height 300ms;
  height: 0px;
  overflow: hidden;

}
#acceptedoptionalicuiew{
  padding: 10px;
  cursor:pointer;
}
#acceptedoptionalicuiew:hover{
  background-color: rgb(35,175,239);
}
#shopSellSearchInput{
  width: 60%;
}
#shopSizeList{
  width: 90%;
}
#shopbtntobuy{

  color:black;
  padding:20px;
  border-radius: 20px;
  font-size: 20px;
  cursor: pointer;
}
#sizelizeinputproductregistryinput{
  padding-top: 5px;
  width: 60%;
  border: solid 1px white;
  border-bottom: solid 1px #e9e9e9
}
.shopSmallimagePreview{
  display: inline-block;
}
@media only screen and (max-width: 600px) {
    .shopitemcaracteristictext{
      width: 95%;
      display: block;
      margin: auto;
    }
}
.sizeoption{
  padding: 10px;
  border: solid 1px #e9e9e9;
  border-radius: 10px;
  cursor: pointer;
}
.sizeoptioncheck{
  background-color: #1693fd;
  color:white
}
.caracteristiclbl{
  paddin:12px;
  font-size:14px;
  font-family:raleway;
}