implemented event's card in the community's event page

Fabio Teixeira
1 parent a679a2b0
Showing 3 changed files with 78 additions and 0 deletions Show diff stats
images/comunidade-evento-imagem-evento.jpg
images/comunidade-evento-imagem-evento.png
pagina_comunidade.css
@@ -529,3 +529,81 @@ ul#itens-legend-grafic{
   text-align: center;
   top: 2px;
 }
+
+
+/*********************** Página de eventos da comunidade *******************/
+
+#event-card {
+  border-top: 1px dotted #D3D6D3;
+  padding-top: 35px;
+  width: 494px;
+  height: 216px;
+  background-image: url('images/evento-teste.jpg');
+  background-repeat: no-repeat;
+}
+
+#event-card #event-image {
+  position: relative;
+  float: left;
+  content: url('images/comunidade-evento-imagem-evento.png');
+  border-right:1px dotted #D3D6DE;
+  padding-right: 21px;
+}
+
+.about-event {
+  position: relative;
+  float: left;
+  width: 300px;
+  max-width: 300px;
+  height: inherit;
+}
+
+.about-event span {
+  font-family: arial;
+  display: block;
+  max-width: inherit;
+  margin-left: 40px;
+}
+
+.about-event .event-date {
+  font-weight: bold;
+  letter-spacing: 0.45px;
+  margin-top: 2px;
+}
+
+.about-event .event-link {
+  margin-top: 17px;
+  letter-spacing: 0.5px;
+}
+
+.about-event .event-address {
+  margin-top: 19px;
+}
+
+.about-event .event-address span {
+  display: block;
+  margin-left: 0px;
+  margin-top: 5px;
+}
+
+.about-event .event-address #area {
+  letter-spacing: 0.6px;
+}
+
+.about-event .event-address #district {
+  letter-spacing: 0.7px;
+}
+
+.about-event .event-address #city {
+  letter-spacing: 0.5px;
+}
+
+.about-event .event-address #cep {
+  letter-spacing: 0.5px;
+}
+
+/*
+.event-date::before {
+  content: url("images/calendar-icon.png");
+}
+*/
 \ No newline at end of file
...	...	@@ -529,3 +529,81 @@ ul#itens-legend-grafic{
529	529	text-align: center;
530	530	top: 2px;
531	531	}
	532	+
	533	+
	534	+/********************* Página de eventos da comunidade *****************/
	535	+
	536	+#event-card {
	537	+ border-top: 1px dotted #D3D6D3;
	538	+ padding-top: 35px;
	539	+ width: 494px;
	540	+ height: 216px;
	541	+ background-image: url('images/evento-teste.jpg');
	542	+ background-repeat: no-repeat;
	543	+}
	544	+
	545	+#event-card #event-image {
	546	+ position: relative;
	547	+ float: left;
	548	+ content: url('images/comunidade-evento-imagem-evento.png');
	549	+ border-right:1px dotted #D3D6DE;
	550	+ padding-right: 21px;
	551	+}
	552	+
	553	+.about-event {
	554	+ position: relative;
	555	+ float: left;
	556	+ width: 300px;
	557	+ max-width: 300px;
	558	+ height: inherit;
	559	+}
	560	+
	561	+.about-event span {
	562	+ font-family: arial;
	563	+ display: block;
	564	+ max-width: inherit;
	565	+ margin-left: 40px;
	566	+}
	567	+
	568	+.about-event .event-date {
	569	+ font-weight: bold;
	570	+ letter-spacing: 0.45px;
	571	+ margin-top: 2px;
	572	+}
	573	+
	574	+.about-event .event-link {
	575	+ margin-top: 17px;
	576	+ letter-spacing: 0.5px;
	577	+}
	578	+
	579	+.about-event .event-address {
	580	+ margin-top: 19px;
	581	+}
	582	+
	583	+.about-event .event-address span {
	584	+ display: block;
	585	+ margin-left: 0px;
	586	+ margin-top: 5px;
	587	+}
	588	+
	589	+.about-event .event-address #area {
	590	+ letter-spacing: 0.6px;
	591	+}
	592	+
	593	+.about-event .event-address #district {
	594	+ letter-spacing: 0.7px;
	595	+}
	596	+
	597	+.about-event .event-address #city {
	598	+ letter-spacing: 0.5px;
	599	+}
	600	+
	601	+.about-event .event-address #cep {
	602	+ letter-spacing: 0.5px;
	603	+}
	604	+
	605	+/*
	606	+.event-date::before {
	607	+ content: url("images/calendar-icon.png");
	608	+}
	609	+*/
532	610	\ No newline at end of file
...	...