cleaning the house
This commit is contained in:
mynah
@@ -1,41 +0,0 @@
|
||||
/*global------------------------------------ */
|
||||
div.cont{
|
||||
display: -webkit-box; display: -moz-box; display: -ms-flexbox;
|
||||
display: -webkit-flex; display: flex;
|
||||
}
|
||||
/*seccion header------------------------------ */
|
||||
section.header{
|
||||
justify-content:center;
|
||||
-webkit-justify-content:center;
|
||||
background-color:black;
|
||||
position:relative;
|
||||
padding-top:80px;
|
||||
min-height:7vh
|
||||
}
|
||||
article.header{
|
||||
flex:4;
|
||||
}
|
||||
article.header > p {
|
||||
font-size:4em;
|
||||
color:white;
|
||||
font-weight:bold;
|
||||
margin-left:20px;
|
||||
}
|
||||
article.anav{
|
||||
flex:1;
|
||||
|
||||
}
|
||||
article.anav p {
|
||||
font-size:2em;
|
||||
color:white;
|
||||
font-weight:bold;
|
||||
margin:15px;
|
||||
|
||||
}
|
||||
|
||||
article.anav p:hover {
|
||||
color:#eaebf2;
|
||||
background-color:#330000;
|
||||
border-radius:5px;
|
||||
|
||||
}
|
||||
@@ -1,49 +0,0 @@
|
||||
d3.select("#clink").on("click",function(){
|
||||
var newWindow = window.open('/candy','_blank');
|
||||
});
|
||||
// revisa que llama dos veces a la pagina
|
||||
var ciface ="/json/candy/";
|
||||
d3.json(ciface+"isOn" ,function(d){
|
||||
if(d != undefined){
|
||||
if (d.a=="1") { on(); }
|
||||
else if (d.a=="0") { off(); }
|
||||
else if (d.a=="connection error") { cerror(); }}
|
||||
else {console.error(ciface+"isOn");}
|
||||
});
|
||||
|
||||
d3.select("#myonoffswitch")
|
||||
.on("change",function(){
|
||||
if (this.checked) { on();}
|
||||
else {off();}
|
||||
});
|
||||
|
||||
function on(){
|
||||
d3.select("#clink").style("visibility","visible");
|
||||
d3.json(ciface+"on",function(d){
|
||||
if (d.a=="connection error"){ cerror();}
|
||||
else if (d.a=="1"){
|
||||
d3.select("#clink").style("visibility","visible");
|
||||
d3.select("#myonoffswitch").property("checked","checked"); }
|
||||
else {
|
||||
d3.select("#myonoffswitch").property("checked","");
|
||||
}}); }
|
||||
|
||||
function off(){
|
||||
d3.select("#clink").style("visibility","hidden");
|
||||
d3.json(ciface+"off",function(d){
|
||||
if (d.a=="connection error"){ cerror();}
|
||||
else if (d.a=="1"){
|
||||
d3.select("#clink").style("visibility","hidden");
|
||||
d3.select("#myonoffswitch").property("checked",""); }
|
||||
else {
|
||||
d3.select("#myonoffswitch").property("checked","checked");
|
||||
}}); }
|
||||
|
||||
function cerror(){
|
||||
console.error("prosody connection error");
|
||||
d3.select("#clink").style("visibility","hidden");
|
||||
d3.select("#myonoffswitch").property("checked","");
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -1,27 +0,0 @@
|
||||
article#achat{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
article#achat > div{
|
||||
margin:10px auto;
|
||||
}
|
||||
|
||||
|
||||
div.chat{
|
||||
background-color: var(--red-color,#c22a39);
|
||||
padding:20px 0px;
|
||||
margin:15px 0px;
|
||||
border-radius:5px;
|
||||
min-width:200px;
|
||||
color:white;
|
||||
text-align:center;
|
||||
max-width:250px;
|
||||
}
|
||||
div.chat:hover{
|
||||
font-size:1.2em;
|
||||
padding:22px 3px;
|
||||
margin:13px -3px;
|
||||
cursor:pointer;
|
||||
|
||||
}
|
||||
|
||||
@@ -1,68 +0,0 @@
|
||||
/*from i dont know what web page*/
|
||||
.onoffswitch {
|
||||
position: relative;
|
||||
width: 90px;
|
||||
-webkit-user-select:none;
|
||||
-moz-user-select:none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
.onoffswitch-checkbox {
|
||||
display: none;
|
||||
}
|
||||
.onoffswitch-label {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
border: 2px solid #999999;
|
||||
border-radius: 0px;
|
||||
}
|
||||
.onoffswitch-inner {
|
||||
display: block; width: 200%; margin-left: -100%;
|
||||
transition: margin 0.3s ease-in 0s;
|
||||
}
|
||||
.onoffswitch-inner:before, .onoffswitch-inner:after {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
line-height: 26px;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
font-family: Trebuchet, Arial, sans-serif;
|
||||
font-weight: bold;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid transparent;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.onoffswitch-inner:before {
|
||||
content: "ON";
|
||||
padding-left: 10px;
|
||||
background-color: #186578;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.onoffswitch-inner:after {
|
||||
content: "OFF";
|
||||
padding-right: 10px;
|
||||
background-color: #EEEEEE;
|
||||
color: #999999;
|
||||
text-align: right;
|
||||
}
|
||||
.onoffswitch-switch {
|
||||
display: block;
|
||||
width: 18px;
|
||||
margin: 0px;
|
||||
background: #000000;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 72px;
|
||||
transition: all 0.3s ease-in 0s;
|
||||
}
|
||||
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
|
||||
margin-left: 0;
|
||||
}
|
||||
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
@@ -1,89 +0,0 @@
|
||||
|
||||
p.title{
|
||||
font-size:3em;
|
||||
color:black;
|
||||
font-weight:bold;
|
||||
margin:10px;
|
||||
text-align:center;
|
||||
}
|
||||
section.event{
|
||||
justify-content:center;
|
||||
-webkit-justify-content:center;
|
||||
}
|
||||
article.label{
|
||||
flex:1;
|
||||
min-width:100px;
|
||||
max-width:130px;
|
||||
background-color:#e6eeff; /*js*/
|
||||
}
|
||||
article.label > ul {
|
||||
list-style-type: none;
|
||||
padding: 0px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
article.label > ul > li{
|
||||
margin:5px 0px;
|
||||
cursor:pointer;
|
||||
}
|
||||
article.label > ul > li:hover{
|
||||
background-color:#cedeef;
|
||||
}
|
||||
article.edit{
|
||||
flex:5;
|
||||
max-width:530px;
|
||||
min-width:200px;
|
||||
}
|
||||
|
||||
article.edit label{
|
||||
padding:5px 30px 5px 10px;
|
||||
min-width:130px;
|
||||
}
|
||||
div#event{display:block;}
|
||||
div#course{display:none;}
|
||||
div#place{display:none;}
|
||||
|
||||
div.field{
|
||||
justify-content:baseline;
|
||||
-webkit-justify-content:baseline;
|
||||
margin:5px;
|
||||
}
|
||||
article.edit select{
|
||||
flex:3;
|
||||
max-width:400px;
|
||||
}
|
||||
|
||||
article.edit input[type=text] {
|
||||
flex:3;
|
||||
max-width:400px;
|
||||
}
|
||||
article.edit input[name=cost]{
|
||||
width:100px;
|
||||
}
|
||||
article.edit input[type=number]{
|
||||
width:70px;
|
||||
}
|
||||
article.edit textarea{
|
||||
flex:3;
|
||||
max-width:400px;
|
||||
min-height:150px;
|
||||
border: 3px solid #cccccc;
|
||||
}
|
||||
div.update{
|
||||
background-color:#f2f5fc;
|
||||
}
|
||||
article.edit input[type=submit]{
|
||||
margin:15px;
|
||||
}
|
||||
div#esimg{
|
||||
height:180px;
|
||||
width:180px;
|
||||
background-color:gray;
|
||||
background-position:center;
|
||||
background-repeat:no-repeat;
|
||||
background-size:contain;
|
||||
}
|
||||
select#eimg{
|
||||
height:30px;
|
||||
}
|
||||
@@ -1,74 +0,0 @@
|
||||
d3.select("li#evento").style("background-color","#cedeef");
|
||||
var li = d3.select("article.label","ul").selectAll("li");
|
||||
var img_path = "/home/cal/img/";
|
||||
var json_path = "/admin/json/";
|
||||
/* menu hide and show edit window*/
|
||||
li.on("click",function(){
|
||||
li.style("background-color","#e6eeff");
|
||||
d3.select(this).style("background-color","#cedeef");
|
||||
d3.selectAll("div.ehide").style("display","none");
|
||||
d3.select( "div#"+d3.select(this).attr("value") ).style("display","block");
|
||||
});
|
||||
|
||||
/*preview event image*/
|
||||
function updateImage(){
|
||||
var iname=d3.select("select#eimg").node().value;
|
||||
if(iname != 0){
|
||||
d3.select("div#esimg").style("background-image","url("+img_path+iname+")");}
|
||||
else{ d3.select("div#esimg").style("background-image","none"); }
|
||||
}
|
||||
d3.select("select#eimg").on("change",updateImage);
|
||||
|
||||
/*preload form contents for event*/
|
||||
d3.select("select#eprev").on("change",function(){
|
||||
var eprev_id=d3.select("select#eprev").node().value;
|
||||
d3.json( json_path+"event/"+eprev_id ,function(d){
|
||||
if(d !=undefined) {if(d.cid != 0){
|
||||
dropdownUpdate("ecourse",d.cid);
|
||||
dropdownUpdate("eplace",d.pid);
|
||||
d3.select("input#dini").attr("value",d.dini);
|
||||
dropdownUpdate("mini",d.mini);
|
||||
dropdownUpdate("yini",d.yini);
|
||||
d3.select("input#dend").attr("value",d.dend);
|
||||
dropdownUpdate("mend",d.mend);
|
||||
dropdownUpdate("yend",d.yend);
|
||||
d3.select("input#cost").attr("value",d.cost);
|
||||
d3.select("input#promo").attr("value",d.promo);
|
||||
d3.select("input#pen").attr("checked",d.pen);
|
||||
d3.select("input#een").attr("checked",d.een);
|
||||
dropdownUpdate("eimg",d.eimg);
|
||||
updateImage();
|
||||
}} }); });
|
||||
|
||||
/*preload form content for course*/
|
||||
d3.select("select#cprev").on("change",function(){
|
||||
var cprev_id=d3.select("select#cprev").node().value;
|
||||
d3.json(json_path+"course/"+cprev_id ,function(d){
|
||||
if(d!=undefined){if(d.cid != 0){
|
||||
d3.select("input#cname").attr("value",d.cname);
|
||||
d3.select("textarea#csubjects").text(d.csubjects);
|
||||
d3.select("textarea#cservices").text(d.cservices);
|
||||
}} }); });
|
||||
|
||||
/*preload form content for place*/
|
||||
d3.select("select#pprev").on("change",function(){
|
||||
var pprev_id=d3.select("select#pprev").node().value;
|
||||
d3.json(json_path+"place/"+pprev_id ,function(d){
|
||||
if(d!=undefined){if(d.pid != 0){
|
||||
d3.select("input#pname").attr("value",d.pname);
|
||||
d3.select("input#paddr").attr("value",d.paddr);
|
||||
d3.select("input#pobs").attr("value",d.pobs);
|
||||
d3.select("input#pto").attr("value",d.pto);
|
||||
d3.select("input#pst").attr("value",d.pst);
|
||||
d3.select("input#pco").attr("value",d.pco);
|
||||
d3.select("input#plat").attr("value",d.plat);
|
||||
d3.select("input#plng").attr("value",d.plng);
|
||||
d3.select("input#pen").attr("checked",d.pen);
|
||||
}} }); });
|
||||
|
||||
/*support "selected" option on other drop down*/
|
||||
function dropdownUpdate(name,value){
|
||||
d3.select("select#"+name).selectAll("option").each(function(d,i) {
|
||||
d3.select(this).attr("selected",function(){
|
||||
return this.value == value? "selected":null; }); });
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
div.cont{
|
||||
display: -webkit-box; display: -moz-box; display: -ms-flexbox;
|
||||
display: -webkit-flex; display: flex;
|
||||
}
|
||||
/*seccion radio------------------------------ */
|
||||
section.title{
|
||||
justify-content:center;
|
||||
-webkit-justify-content:center;
|
||||
}
|
||||
article.title > p {
|
||||
font-size:3em;
|
||||
color:black;
|
||||
font-weight:bold;
|
||||
margin:10px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
/*de la pagina ----------------------------*/
|
||||
|
||||
section.home{
|
||||
justify-content:center;
|
||||
-webkit-justify-content:center;
|
||||
background-color:white;
|
||||
position:relative;
|
||||
min-height:50vh;
|
||||
}
|
||||
section.col2{
|
||||
flex:2;
|
||||
margin:15px;
|
||||
max-width:500px;
|
||||
}
|
||||
|
||||
/* mensaje ---------------------------------*/
|
||||
section.mod{
|
||||
margin:10px auto ;
|
||||
max-width:600px;
|
||||
}
|
||||
.mod label{ margin:15px; color:black; width:100%; display:block;}
|
||||
.mod textarea{ width:100%; height:5em ;display:block;}
|
||||
.mod input[type=button] { width:100%; height:10vh;display:block;}
|
||||
|
||||
/* facebook ---------------------------------*/
|
||||
article.mfb{
|
||||
width:470px;
|
||||
height:180px;
|
||||
margin:15px 15px 1px 15px;
|
||||
background-color:#1d86d0;
|
||||
overflow: auto;
|
||||
padding-left: 5px;
|
||||
}
|
||||
div.fb-post{ background-color:white;}
|
||||
article.mfbl{
|
||||
flex:1;
|
||||
background-color:#1d86d0;
|
||||
margin:auto 15px;
|
||||
}
|
||||
|
||||
/* youtube ---------------------------------*/
|
||||
div#ytbox{
|
||||
min-width:300px;
|
||||
height:400px;
|
||||
}
|
||||
iframe#evideo{
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
/* soundcloud ------------------------------*/
|
||||
article.msc{
|
||||
flex:1;
|
||||
margin:auto 5px ;
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
document.getElementById("yview").onclick=updateyLink;
|
||||
document.getElementById("fview").onclick=updatefLink;
|
||||
document.getElementById("sview").onclick=updatesLink;
|
||||
|
||||
function updateyLink(){
|
||||
var T = document.getElementById("ylink").value;
|
||||
document.getElementById("evideo") .src="https://www.youtube.com/embed/"+T;
|
||||
}
|
||||
|
||||
function updatefLink(){
|
||||
document.getElementById("fbdiv").setAttribute(
|
||||
'data-href',
|
||||
document.getElementById("flink").value);
|
||||
FB.XFBML.parse();
|
||||
}
|
||||
function updatesLink(){
|
||||
var node = document.getElementById("msc");
|
||||
while (node.firstChild) { node.removeChild(node.firstChild); }
|
||||
node.innerHTML=document.getElementById("slink").value;
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
window.fbAsyncInit = function() {
|
||||
FB.init({
|
||||
appId : '339e',
|
||||
xfbml : true,
|
||||
version : 'v2.8'
|
||||
});
|
||||
FB.AppEvents.logPageView();
|
||||
};
|
||||
|
||||
(function(d, s, id){
|
||||
var js, fjs = d.getElementsByTagName(s)[0];
|
||||
if (d.getElementById(id)) {return;}
|
||||
js = d.createElement(s); js.id = id;
|
||||
js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.8";
|
||||
fjs.parentNode.insertBefore(js, fjs);
|
||||
}(document, 'script', 'facebook-jssdk'));
|
||||
@@ -1,29 +0,0 @@
|
||||
section.messages{
|
||||
justify-content:end;
|
||||
}
|
||||
article.select{
|
||||
flex:1;
|
||||
overflow:auto;
|
||||
min-width:200px;
|
||||
max-width:400px;
|
||||
|
||||
}
|
||||
select.entry{
|
||||
margin:10px;
|
||||
min-height:400px;
|
||||
}
|
||||
option.entry{
|
||||
margin:10px;
|
||||
}
|
||||
article.view{
|
||||
flex:1;
|
||||
min-width:200px;
|
||||
max-width:500px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
article.view p{}
|
||||
div.spcr{
|
||||
background-color:gray;
|
||||
height:3px;
|
||||
width:30px;
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
|
||||
d3.select("select#sentry").on("change",function(){
|
||||
var msg_id=d3.select("select#sentry").node().value;
|
||||
d3.json("/admin/json/mensaje/"+msg_id ,function(d){
|
||||
if(d !=undefined) {if(d != 0){
|
||||
d3.select("p#fecha").text(d.imdate);
|
||||
d3.select("p#correo").text(d.imail);
|
||||
d3.select("p#nombre").text(d.imname);
|
||||
d3.select("p#mensaje").text(d.immsg);
|
||||
}}});
|
||||
});
|
||||
@@ -1,94 +0,0 @@
|
||||
/*seccion radio------------------------------ */
|
||||
section.title{
|
||||
justify-content:center;
|
||||
-webkit-justify-content:center;
|
||||
}
|
||||
article.title{
|
||||
flex:2;
|
||||
}
|
||||
article.title> p {
|
||||
font-size:3em;
|
||||
color:black;;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
}
|
||||
article.bcast{
|
||||
flex:1;
|
||||
border: 1px solid red;
|
||||
box-sizing: border-box;
|
||||
border-radius: 6px;
|
||||
margin:30px;
|
||||
padding:5px;
|
||||
background-color:white;
|
||||
}
|
||||
article.bcast > form > div >*{
|
||||
width:100%;
|
||||
}
|
||||
article.bcast > form > div >input{
|
||||
min-height: 30px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
#gpass{
|
||||
color:white;
|
||||
font-size:1.5em;
|
||||
}
|
||||
section.radio{
|
||||
justify-content:center;
|
||||
-webkit-justify-content:center;
|
||||
}
|
||||
|
||||
article.info{
|
||||
flex:1;
|
||||
border: 1px solid red;
|
||||
box-sizing: border-box;
|
||||
border-radius: 6px;
|
||||
margin:30px;
|
||||
min-width:260px;
|
||||
background-color:black;
|
||||
}
|
||||
article.info p {
|
||||
font-size:1em;
|
||||
color:white;
|
||||
font-weight:lighter;
|
||||
margin:10px;
|
||||
display:inline;
|
||||
}
|
||||
div#histg{
|
||||
height:100px;
|
||||
background-color:white;
|
||||
margin:5px;
|
||||
}
|
||||
|
||||
div.cont{
|
||||
display: -webkit-box; display: -moz-box; display: -ms-flexbox;
|
||||
display: -webkit-flex; display: flex;
|
||||
margin:5px;
|
||||
}
|
||||
div.cont p{
|
||||
margin:1px 3px;;
|
||||
}
|
||||
|
||||
article.rmod{
|
||||
flex:1;
|
||||
margin:30px;
|
||||
background-color:black;
|
||||
}
|
||||
.rmod label{
|
||||
color:white;
|
||||
display:block;
|
||||
text-align: center;
|
||||
font-size: 1.3em;
|
||||
margin: 3vh 0vh;
|
||||
}
|
||||
.rmod textarea{ width:100%; height:15vh;display:block;}
|
||||
.rmod input[type=submit] { width:100%; height:10vh;display:block;}
|
||||
|
||||
div#onAir{
|
||||
border-radius: 6px;
|
||||
background-color:red;
|
||||
margin: auto;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
@@ -1,19 +0,0 @@
|
||||
dataUpdate();
|
||||
// let radio_server = xxx.info;
|
||||
function dataUpdate(){
|
||||
d3.json(radio_server+"/status-json.xsl",function(d){
|
||||
if (d.icestats.source != undefined){
|
||||
d3.select("#now").text(d.icestats.source.title);
|
||||
d3.select("#onAir").style("background-color","green");
|
||||
d3.select("#onmax").text(d.icestats.source.listener_peak);
|
||||
d3.select("#online").text(d.icestats.source.listeners);
|
||||
}
|
||||
else{
|
||||
d3.select("#now").text("offline");
|
||||
d3.select("#onAir").style("background-color","red");
|
||||
d3.select("#onmax").text("--");
|
||||
d3.select("#online").text("--");
|
||||
} });
|
||||
d3.select("#onAir").transition().on("end",dataUpdate).delay(60000);
|
||||
};
|
||||
|
||||
@@ -1,29 +0,0 @@
|
||||
section.messages{
|
||||
justify-content:end;
|
||||
}
|
||||
article.select{
|
||||
flex:1;
|
||||
overflow:auto;
|
||||
min-width:200px;
|
||||
max-width:400px;
|
||||
|
||||
}
|
||||
select.entry{
|
||||
margin:10px;
|
||||
min-height:400px;
|
||||
}
|
||||
option.entry{
|
||||
margin:10px;
|
||||
}
|
||||
article.view{
|
||||
flex:1;
|
||||
min-width:200px;
|
||||
max-width:500px;
|
||||
padding-right: 40px;
|
||||
}
|
||||
article.view p{}
|
||||
div.spcr{
|
||||
background-color:gray;
|
||||
height:3px;
|
||||
width:30px;
|
||||
}
|
||||
@@ -1,23 +0,0 @@
|
||||
|
||||
d3.select("select#suser").on("change",function(){
|
||||
var uid=d3.select("select#suser").node().value;
|
||||
d3.json("/admin/json/usuarios/"+uid ,function(d){
|
||||
if(d !=undefined) {if(d != 0){
|
||||
d3.select("p#correo").text(d.correo);
|
||||
d3.select("p#tel").text(d.tel);
|
||||
d3.select("p#obs").text(d.obs);
|
||||
d3.select("p#ultima").text(d.ultima);
|
||||
}}});
|
||||
});
|
||||
|
||||
d3.select("select#sentry").on("change",function(){
|
||||
var tid=d3.select("select#sentry").node().value;
|
||||
d3.json("/admin/json/tienda/"+tid ,function(d){
|
||||
if(d !=undefined) {if(d != 0){
|
||||
d3.select("p#imagen").text(d.imagen);
|
||||
d3.select("p#precio").text(d.precio);
|
||||
d3.select("p#descripcion").text(d.descripcion);
|
||||
d3.select("p#vigencia").text(d.vigencia);
|
||||
d3.select("p#entrega").text(d.entrega);
|
||||
}}});
|
||||
});
|
||||
@@ -1,104 +0,0 @@
|
||||
section.title{
|
||||
background: #C22A39;
|
||||
min-height:50vh;
|
||||
position:relative;
|
||||
}
|
||||
section.title > p {
|
||||
font-size: 4em;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 33%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color:white;
|
||||
}
|
||||
a.cal{
|
||||
max-width:720px;
|
||||
display:block;
|
||||
margin:25px auto;
|
||||
}
|
||||
|
||||
section.month{
|
||||
max-width: 720px;
|
||||
margin: 25px auto;
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
}
|
||||
|
||||
div.spacer{
|
||||
flex:4;
|
||||
margin:auto;
|
||||
background-color:black;
|
||||
height:1px;
|
||||
}
|
||||
|
||||
p.month{
|
||||
flex:3;
|
||||
font-weight: bold;
|
||||
font-size: 1.5em;
|
||||
margin:auto;
|
||||
text-align: center;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
section.event{
|
||||
justify-content: space-between;
|
||||
-webkit-justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
article.data{ padding:10px;}
|
||||
article.more{
|
||||
position:absolute;
|
||||
right: 3%;
|
||||
top: 75%;
|
||||
text-align: center;
|
||||
color:white;
|
||||
font-size:1.5em;
|
||||
|
||||
}
|
||||
article.image{
|
||||
position:relative;
|
||||
}
|
||||
img.small{
|
||||
max-height:180px;
|
||||
}
|
||||
p.date{
|
||||
font-size: 1.4em;
|
||||
margin:auto;
|
||||
}
|
||||
p.city{
|
||||
font-weight: bold;
|
||||
font-size: 1.7em;
|
||||
margin:auto;
|
||||
color:#C22A39;
|
||||
}
|
||||
p.place{
|
||||
font-size: 0.7em;
|
||||
font-style: italic;
|
||||
font-weight:lighter;
|
||||
margin:10px auto;
|
||||
color:#C22A39;
|
||||
display:inline;
|
||||
}
|
||||
p.dir{
|
||||
font-size: 0.7em;
|
||||
font-style: italic;
|
||||
font-weight:lighter;
|
||||
margin:10px auto;
|
||||
display: -webkit-inline-flex;
|
||||
display: -ms-inline-flexbox;
|
||||
display: inline-flex;
|
||||
max-width:380px;
|
||||
|
||||
}
|
||||
p.name{
|
||||
font-size: 1em;
|
||||
margin:10px auto;
|
||||
}
|
||||
a.cal,
|
||||
a.cal:visited,
|
||||
a.cal:link,
|
||||
a.cal:active,
|
||||
a.cal:hover{ color:black;
|
||||
text-decoration:none; }
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 112 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 171 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 140 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 132 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 151 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 144 KiB |
@@ -1,127 +0,0 @@
|
||||
section.item{
|
||||
background-size:cover;
|
||||
height:80vh;
|
||||
background-attachment: fixed;
|
||||
margin: auto;
|
||||
background-image:url("img/grulla_10.jpg");
|
||||
background-position:center;
|
||||
}
|
||||
section.place{
|
||||
background: #C22A39;
|
||||
padding:40px;
|
||||
}
|
||||
p.place{
|
||||
font-size: 1.5em;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
p.cname{
|
||||
font-size: 1.7em;
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin: 7px;
|
||||
}
|
||||
a.bt3{
|
||||
display:block;
|
||||
padding:0.7em 1.7em;
|
||||
margin: 4em 20vw 2px;
|
||||
border-radius:0.2em;
|
||||
font-family:'Roboto',sans-serif;
|
||||
color:#FFFFFF;
|
||||
background-color:#333333;
|
||||
box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
|
||||
text-align:center;
|
||||
}
|
||||
a.bt3:active{
|
||||
box-shadow:inset 0 0.6em 2em -0.3em rgba(0,0,0,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
|
||||
}
|
||||
@media all and (max-width:30em){
|
||||
a.bt3{
|
||||
display:block;
|
||||
margin:0.4em auto;
|
||||
}}
|
||||
span.bt3{
|
||||
font-size:3em;
|
||||
font-family:'Comic Sans MS';
|
||||
border-right:1px solid rgba(255,255,255,0.5);
|
||||
padding-right:0.3em;
|
||||
margin-right:0.3em;
|
||||
vertical-align:middle;
|
||||
}
|
||||
/*===========================*/
|
||||
section.description{
|
||||
background-color:white;
|
||||
justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
}
|
||||
|
||||
article.info{
|
||||
flex:1 1 250px;
|
||||
max-width:370px;
|
||||
margin:auto;
|
||||
min-width:250px;
|
||||
padding-left:20px;
|
||||
}
|
||||
|
||||
p.pbig{
|
||||
font-weight:bold;
|
||||
font-size:1.8em;
|
||||
}
|
||||
|
||||
p.pmed{
|
||||
font-size:1.1em;
|
||||
}
|
||||
|
||||
article.specs{
|
||||
flex:2 2 250px;
|
||||
margin:auto;
|
||||
max-width:420px;
|
||||
}
|
||||
|
||||
p#subt{
|
||||
margin: 10px;
|
||||
color: black;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
article.specs >p{
|
||||
margin-bottom: 30px;
|
||||
color: black;
|
||||
font-size: .875rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
min-width:250px;
|
||||
}
|
||||
|
||||
p.promo{
|
||||
margin: 10px;
|
||||
color: #c22a39;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
section.map{
|
||||
background-color:#333333;
|
||||
overflow:hidden;
|
||||
height:80vh;
|
||||
min-height:400px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
section.map > iframe{
|
||||
width:70%;
|
||||
height:70%;
|
||||
top:15%;
|
||||
left:15%;
|
||||
overflow: hidden;
|
||||
position:absolute;
|
||||
}
|
||||
p.arrive{
|
||||
position:absolute;
|
||||
left:10%;
|
||||
top:1%;
|
||||
font-size:1.5em;
|
||||
color:white;
|
||||
}
|
||||
article.contact{
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 493 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 493 KiB |
@@ -1,201 +0,0 @@
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -1,209 +0,0 @@
|
||||
/* some format to numbers */
|
||||
var it=1;
|
||||
var students = new Array(10);
|
||||
|
||||
window.addEventListener('load', function() {
|
||||
document.getElementById('cu').innerHTML=cu.toLocaleString();
|
||||
document.getElementById('gt').innerHTML=cu.toLocaleString();
|
||||
});
|
||||
|
||||
var mq = document.forms["cform"]["mq"];
|
||||
mq.addEventListener('change',function() {
|
||||
var mult = cu*mq.value;
|
||||
document.getElementById('gt').innerHTML=mult.toLocaleString();
|
||||
});
|
||||
|
||||
/* hide contact form, show card info fields */
|
||||
var cinfob = document.getElementById('cinfob');
|
||||
var cinfo = document.getElementById('cinfo');
|
||||
var cform = document.getElementById('cform');
|
||||
var ccard = document.getElementById('ccard');
|
||||
cinfob.addEventListener('click', function(ev){
|
||||
it --;
|
||||
atof();
|
||||
if (it==1){cinfob.hidden=true;}
|
||||
|
||||
});
|
||||
|
||||
cinfo.addEventListener('click', function(ev){
|
||||
if (
|
||||
(document.forms["cform"]["mname"].value =="") ||
|
||||
(document.forms["cform"]["mmail"].value =="")
|
||||
){console.log("form incomplete");}
|
||||
else if ( mq.value > it) {
|
||||
students[it - 1]=ftoa();
|
||||
it ++;
|
||||
if(typeof students[it - 1]!== "undefined"){
|
||||
atof();
|
||||
}
|
||||
cinfob.hidden=false;
|
||||
}
|
||||
else {
|
||||
students[it - 1]=ftoa();
|
||||
cform.hidden = true;
|
||||
ccard.hidden = false;
|
||||
}
|
||||
});
|
||||
|
||||
function ftoa(){
|
||||
var rad;
|
||||
if (document.getElementById('r2').checked) { rad = document.getElementById('r2').value; }
|
||||
else if(document.getElementById('r1').checked) { rad = document.getElementById('r1').value; }
|
||||
else { rad = document.getElementById('r3').value; }
|
||||
|
||||
var x= [
|
||||
document.forms["cform"]["mname"].value,
|
||||
document.forms["cform"]["mmail"].value,
|
||||
document.getElementById('obs').value,
|
||||
rad
|
||||
]
|
||||
var tmp=mq.value;
|
||||
document.getElementById("cform").reset();
|
||||
mq.value=tmp;
|
||||
|
||||
return x;
|
||||
}
|
||||
|
||||
function atof(){
|
||||
document.forms["cform"]["mname"].value = students[it-1][0];
|
||||
document.forms["cform"]["mmail"].value = students[it-1][1];
|
||||
document.getElementById('obs').value = students[it-1][2];
|
||||
if(document.getElementById('r2').value == students[it-1][3]){ document.getElementById('r2').checked=true;}
|
||||
if(document.getElementById('r1').value == students[it-1][3]){ document.getElementById('r1').checked=true;}
|
||||
if(document.getElementById('r3').value == students[it-1][3]){ document.getElementById('r3').checked=true;}
|
||||
}
|
||||
|
||||
/* stripe magic begins here */
|
||||
var stripe = Stripe('pk_test_wxFt0GhsUK2YsprkLXa2iFrQ00nfjAeucu');
|
||||
var elements = stripe.elements();
|
||||
var cardElement = elements.create('card', {
|
||||
style: {
|
||||
base: {
|
||||
//iconColor: '#c4f0ff',
|
||||
iconColor: '#64a0af',
|
||||
color: '#000000',
|
||||
fontWeight: 500,
|
||||
fontFamily: 'Roboto, Open Sans, Segoe UI, sans-serif',
|
||||
fontSize: '18px',
|
||||
fontSmoothing: 'antialiased',
|
||||
':-webkit-autofill': {
|
||||
color: '#fce883',
|
||||
},
|
||||
'::placeholder': {
|
||||
// color: '#87BBFD',
|
||||
color: '#87BBFD',
|
||||
},
|
||||
},
|
||||
invalid: {
|
||||
iconColor: '#8f577e',
|
||||
color: '#8F577E',
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
cardElement.mount('#card-element');
|
||||
|
||||
var cardholderName = document.getElementById('cardholder-name');
|
||||
var cardButton = document.getElementById('card-button');
|
||||
|
||||
///*y este el codigo de validación de la tarjeta*/
|
||||
cardButton.addEventListener('click', function(ev) {
|
||||
document.getElementById('cover').hidden = false;
|
||||
document.getElementById("cover").style.opacity = "0.8";
|
||||
stripe.createPaymentMethod('card', cardElement, {
|
||||
billing_details: {name: cardholderName.value}
|
||||
})
|
||||
.then(function(result) {
|
||||
// Show error in payment form
|
||||
if (result.error) {
|
||||
document.getElementById("cover").style.opacity = "0";
|
||||
setTimeout(function(){ document.getElementById('cover').hidden = true;},500);
|
||||
console.log("network error");
|
||||
}
|
||||
// Otherwise send paymentMethod.id to your server (see Step 2)
|
||||
else {
|
||||
fetch('/spay/intentCreate', {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify({ payment_method_id: result.paymentMethod.id, req:"precheck", qantity:mq.value, tid:tid})
|
||||
})
|
||||
.then(function(result) {
|
||||
// Handle server response (see Step 3)
|
||||
result.json().then(function(json) { handleInstallmentPlans(json); })
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
///*presenta los planes de pago */
|
||||
const selectPlanForm = document.getElementById('installment-plan-form');
|
||||
let availablePlans = [];
|
||||
|
||||
const handleInstallmentPlans = async (response) => {
|
||||
if (response.error) { // Show error from server on payment form
|
||||
console.log("preauth response error");
|
||||
}
|
||||
else {
|
||||
// Store the payment intent ID.
|
||||
document.getElementById('payment-intent-id').value = response.intent_id;
|
||||
availablePlans = response.available_plans;
|
||||
// Show available installment options
|
||||
availablePlans.forEach((plan, idx) => {
|
||||
const newInput = document.getElementById('immediate-plan').cloneNode();
|
||||
newInput.setAttribute('value', idx);
|
||||
newInput.setAttribute('id', '');
|
||||
const label = document.createElement('label');
|
||||
label.appendChild(newInput);
|
||||
label.appendChild(
|
||||
document.createTextNode(`${plan.count} meses`),
|
||||
);
|
||||
selectPlanForm.appendChild(label);
|
||||
});
|
||||
document.getElementById('ccard').hidden = true;
|
||||
document.getElementById('cplan').hidden = false;
|
||||
}
|
||||
document.getElementById("cover").style.opacity = "0";
|
||||
setTimeout(function(){ document.getElementById('cover').hidden = true;},500);
|
||||
};
|
||||
|
||||
// termina la transacción
|
||||
const confirmButton = document.getElementById('confirm-button');
|
||||
confirmButton.addEventListener('click', async (ev) => {
|
||||
document.getElementById('cover').hidden = false;
|
||||
document.getElementById("cover").style.opacity = "0.8";
|
||||
const selectedPlanIdx = selectPlanForm.installment_plan.value;
|
||||
const selectedPlan = availablePlans[selectedPlanIdx];
|
||||
const intentId = document.getElementById('payment-intent-id').value;
|
||||
const response = await fetch('/spay/intentConfirm', {
|
||||
method: 'POST',
|
||||
headers: {'Content-Type': 'application/json'},
|
||||
body: JSON.stringify({
|
||||
payment_intent_id: intentId,
|
||||
selected_plan: selectedPlan,
|
||||
req:"check",
|
||||
students:students,
|
||||
mq:mq.value,
|
||||
tid:tid
|
||||
}),
|
||||
});
|
||||
const responseJson = await response.json();
|
||||
// Show success / error response.
|
||||
document.getElementById("cover").style.opacity = "0";
|
||||
setTimeout(function(){ document.getElementById('cover').hidden = true;},500);
|
||||
document.getElementById('cmsg').hidden = false;
|
||||
document.getElementById('cplan').hidden = true;
|
||||
var message;
|
||||
if (responseJson.status === "succeeded" && selectedPlan !== undefined) {
|
||||
message = `¡Tu compra a ${
|
||||
selectedPlan.count
|
||||
} meses sin intereses se ha realizado con éxito! `;
|
||||
} else if (responseJson.status === "succeeded") {
|
||||
message = "¡Tu compra se ha realizado con éxito!";
|
||||
} else {
|
||||
message = `Tenemos un problema para verificar tus datos.
|
||||
Por favor intenta de nuevo o comunícate con nosotros`;
|
||||
}
|
||||
|
||||
document.getElementById("status-message").innerText = message;
|
||||
});
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 118 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 74 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 130 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
@@ -1,62 +0,0 @@
|
||||
article.heading{
|
||||
width:100%;
|
||||
height:55vh;
|
||||
min-height:350px;
|
||||
display: inline-block;
|
||||
background-color: #333333;
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
}
|
||||
p.heading{
|
||||
font-size:5em;
|
||||
color:white;
|
||||
color: white;
|
||||
margin: 20vh auto auto auto;
|
||||
}
|
||||
article.shop{
|
||||
justify-content:center;
|
||||
-webkit-justify-content:center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
article.shop:hover{
|
||||
background-color:rgba(240,240,240);
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
color:unset;
|
||||
}
|
||||
|
||||
|
||||
div.simage{
|
||||
flex:3;
|
||||
max-width:350px;
|
||||
transition: .5s ease;
|
||||
}
|
||||
div.simage:hover{
|
||||
transform:scale(1.2,1.2);
|
||||
}
|
||||
div.simage > img{
|
||||
max-width:70%;
|
||||
max-height:100%;
|
||||
margin:auto;
|
||||
display:block;
|
||||
}
|
||||
div.description{
|
||||
flex:2;
|
||||
max-width:250px;
|
||||
}
|
||||
p.description{ font-size:0.8em; }
|
||||
p.title{font-weight:bold;}
|
||||
p.promo{font-weight:bold; color:#C22A39;}
|
||||
article.separator{
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(" #path img/separa.jpg");
|
||||
height: 20px;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
margin-top:30px;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 493 KiB |
@@ -1,106 +0,0 @@
|
||||
section.item{
|
||||
background-size:cover;
|
||||
background-attachment: fixed;
|
||||
background-image:url("grulla_10.jpg");
|
||||
background-position:center;
|
||||
display:block;
|
||||
padding:50px 0px 0px 0px;
|
||||
|
||||
}
|
||||
section.transp{
|
||||
background-color:rgba(255,255,255,0.8);
|
||||
max-width: 1000px;
|
||||
margin: auto;
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
article.iimage{
|
||||
flex:5 1;
|
||||
margin:auto;
|
||||
display:inline;
|
||||
padding:0px 5px;
|
||||
|
||||
}
|
||||
img.small{
|
||||
border-radius:20px;
|
||||
display:block;
|
||||
width:auto;
|
||||
height:100%;
|
||||
min-height:60vh;
|
||||
margin:auto;
|
||||
padding:15px;
|
||||
}
|
||||
article.iinfo{
|
||||
flex:4 1;
|
||||
margin:auto;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
p.txt{
|
||||
background-color:white;
|
||||
font-size:1.2em;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section.ibottom{
|
||||
background: #C22A39;
|
||||
padding:40px;
|
||||
|
||||
}
|
||||
|
||||
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;
|
||||
text-decoration: underline;
|
||||
max-width:850px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
p.tit{
|
||||
font-size: 1.8em;
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin: 30px auto;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user