restruc

public/home/cal/cal.css

@@ -0,0 +1,104 @@
+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; }