cleaning the house

public/proc/spay/storep.css

@@ -0,0 +1,201 @@
+
+section.item{
+  background-color:rgba(255,255,255);
+  max-width: 1000px;
+  margin: auto;
+}
+
+article.iimage{
+  flex:5 1;
+  margin:auto;
+  display:inline;
+  padding:0px 5px;
+
+}
+img.small{
+  border-radius:20px;
+  display:block;
+  width:auto;
+  height:100%;
+  margin:auto;
+  padding:15px;
+}
+article.iinfo{
+  background-color:white;
+  flex:4 1;
+  margin:0px 10px;
+}
+p.txt{
+  font-size:1.2em;
+}
+
+section.ibottom{
+  background: #C22A39;
+  padding-bottom:1px;
+  padding-bottom:1px;
+
+}
+
+section.description{
+  background-color:white;
+  justify-content: center;
+  -webkit-justify-content: center;
+}
+
+p.promo{
+  color: #c22a39;
+  font-size: 1.4em;
+  text-align:right;
+  margin-right:10%;
+  font-weight:bold;
+}
+
+
+p.elow{
+  color: black;
+  font-size: 1.4em;
+  text-align:right;
+  margin-right:10%;
+}
+
+p.eldep{
+  color: #c22a39;
+  font-size: 1.4em;
+  text-align:right;
+  text-transform: uppercase;
+  margin-right:10%;
+  font-weight:bold;
+}
+
+div.ppl{
+  background-color: rgba(0,0,0,0.8);
+  border-radius: 25px;
+  padding:20px;
+  text-align: center;
+}
+p.nombre{
+  font-size: 2.2em;
+  color: white;
+  text-align: left;
+  margin: auto;
+  max-width:850px;
+  font-weight:bold;
+}
+
+p.tit{
+  font-size: 1.8em;
+  color: white;
+  text-align: center;
+  margin: 30px auto;
+  font-style: italic;
+}
+
+p.total{
+  font-weight: bold;
+  font-size: 1.2em;
+  text-align: end;
+}
+
+div#cover{
+  background: black;
+  z-index: 100;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  transition:opacity .4s linear;
+  top:0px;
+  opacity:0;
+}
+ /* * form css based on */
+ /* * https://www.sanwebe.com/2014/08/css-html-forms-designs*/
+ /* * thaks for make my life a bit easier*/
+ /* ***************************************************************/
+
+.form-style-1 {
+  margin:10px auto;
+  max-width: 400px;
+  padding: 20px 12px 10px 20px;
+  font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+}
+.form-style-1 li {
+  padding: 0;
+  display: block;
+  list-style: none;
+  margin: 10px 0 0 0;
+}
+.form-style-1 label{
+  margin:0 0 3px 0;
+  padding:0px;
+  display:block;
+  font-weight: bold;
+}
+.form-style-1 input[type=text], 
+.form-style-1 input[type=date],
+.form-style-1 input[type=datetime],
+.form-style-1 input[type=number],
+.form-style-1 input[type=search],
+.form-style-1 input[type=time],
+.form-style-1 input[type=url],
+.form-style-1 input[type=email],
+textarea, 
+select{
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  border:1px solid #BEBEBE;
+  padding: 7px;
+  margin:0px;
+  -webkit-transition: all 0.30s ease-in-out;
+  -moz-transition: all 0.30s ease-in-out;
+  -ms-transition: all 0.30s ease-in-out;
+  -o-transition: all 0.30s ease-in-out;
+  outline: none;	
+}
+.form-style-1 input[type=text]:focus, 
+.form-style-1 input[type=date]:focus,
+.form-style-1 input[type=datetime]:focus,
+.form-style-1 input[type=number]:focus,
+.form-style-1 input[type=search]:focus,
+.form-style-1 input[type=time]:focus,
+.form-style-1 input[type=url]:focus,
+.form-style-1 input[type=email]:focus,
+.form-style-1 textarea:focus, 
+.form-style-1 select:focus{
+  -moz-box-shadow: 0 0 8px #88D5E9;
+  -webkit-box-shadow: 0 0 8px #88D5E9;
+  box-shadow: 0 0 8px #88D5E9;
+  border: 1px solid #88D5E9;
+}
+.form-style-1 .field-divided{
+  width: 49%;
+}
+.form-style-1 .field-mini{
+  width: 5em;
+}
+.form-style-1 .field-long{
+  width: 100%;
+}
+.form-style-1 .field-select{
+  width: 100%;
+}
+.form-style-1 .field-textarea{
+  height: 100px;
+}
+
+.fbutton,
+.form-style-1 input[type=submit], .form-style-1 input[type=button]{
+  background: #4B99AD;
+  padding: 8px 15px 8px 15px;
+  border: none;
+  color: #fff;
+}
+.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{
+  background: #4691A4;
+  box-shadow:none;
+  -moz-box-shadow:none;
+  -webkit-box-shadow:none;
+}
+.form-style-1 .required{
+  color:red;
+}
+