105 lines
1.5 KiB
CSS
Executable File
105 lines
1.5 KiB
CSS
Executable File
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; }
|