cleaning the house
This commit is contained in:
127
public/proc/event/event.css
Executable file
127
public/proc/event/event.css
Executable file
@@ -0,0 +1,127 @@
|
||||
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{
|
||||
}
|
||||
Reference in New Issue
Block a user