Tuning van tabellen
This commit is contained in:
parent
a3f30ceabf
commit
508d56cdb0
|
@ -391,9 +391,12 @@ header ul a:first-child {
|
|||
|
||||
.m,hr {
|
||||
border: 0;
|
||||
margin: 3rem 0
|
||||
margin: 3rem 0;
|
||||
}
|
||||
|
||||
.m-sm {
|
||||
margin: 1rem;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
|
@ -421,6 +424,11 @@ img {
|
|||
display: inline;
|
||||
}
|
||||
|
||||
.w-10 { width: 10%; }
|
||||
.w-20 { width: 20%; }
|
||||
.w-30 { width: 30%; }
|
||||
.w-40 { width: 40%; }
|
||||
.w-50 { width: 50%; }
|
||||
|
||||
/* Table Styles */
|
||||
|
||||
|
@ -431,7 +439,7 @@ img {
|
|||
|
||||
.fl-table {
|
||||
border-radius: 5px;
|
||||
font-size: 12px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
|
@ -443,11 +451,12 @@ img {
|
|||
.fl-table td, .fl-table th {
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fl-table td {
|
||||
border-right: 1px solid #f8f8f8;
|
||||
font-size: 12px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.fl-table thead th {
|
||||
|
@ -466,7 +475,7 @@ img {
|
|||
|
||||
/* Responsive */
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@media (max-width: 499px) {
|
||||
.fl-table {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
@ -475,7 +484,7 @@ img {
|
|||
content: "Scroll horizontally >";
|
||||
display: block;
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
|
@ -496,12 +505,12 @@ img {
|
|||
.fl-table td, .fl-table th {
|
||||
padding: 20px .625em .625em .625em;
|
||||
height: 60px;
|
||||
vertical-align: middle;
|
||||
//vertical-align: middle;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
width: 120px;
|
||||
font-size: 13px;
|
||||
font-size: 14px;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.fl-table thead tr th {
|
||||
|
|
|
@ -1,41 +0,0 @@
|
|||
{{ define "main" }}
|
||||
{{ with .Params.event_title }}<h2>{{ . }}</h2>{{ end }}
|
||||
<div>{{ .Content }}</div>
|
||||
{{ if isset .Params "event_start" }}
|
||||
|
||||
{{ $event_start := .Params.event_start | time }}
|
||||
<div class="highlight-box">
|
||||
|
||||
<h3>Locatie</h3>
|
||||
<strong>{{ .Params.event_location }}</strong>
|
||||
<p>{{ .Params.event_address.street_address }}<br>{{ .Params.event_address.postal_code }}, {{ .Params.event_address.city }}<br>{{ .Params.event_address.country_name }}</p>
|
||||
|
||||
<h3>Datum en tijd</h3>
|
||||
<ul>
|
||||
<li>Start: {{ time.Format "02-01-2006 15:04" .Params.event_start }}</li>
|
||||
<li>Einde: {{ time.Format "02-01-2006 15:04" .Params.event_end }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{{ with .Params.event_register_link }}
|
||||
{{ if le now $event_start }}
|
||||
<a href="{{ . }}" class="button">Inschrijven</a>
|
||||
{{ else }}
|
||||
<p>Dit evenement is al afgelopen, inschrijven is daarom niet meer mogelijk.</p>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<h3>Kalender</h3>
|
||||
<p>Zet het event alvast in je agenda met onderstaande opties!</p>
|
||||
<ul>
|
||||
{{ with .OutputFormats.Get "calendarevent" }}
|
||||
<li><a href="{{ .RelPermalink }}">Importeren via iCal-bestand</a></li>
|
||||
{{ end }}
|
||||
<li><a href="https://www.google.com/calendar/render?action=TEMPLATE&text={{ .Params.event_title | urlquery }}&details=Locatie:%20{{ .Params.event_location | urlquery }}&location={{ .Params.event_address.street_address }}%2c%20{{ .Params.event_address.postal_code }}%2c%20{{ .Params.event_address.city }}%2c%20{{ .Params.event_address.country_name }}&dates={{ time.Format "20060102T150405" .Params.event_start }}/{{ time.Format "20060102T150405" .Params.event_end }}&ctz={{ .Params.event_timezone }}">Importeren naar Google-kalender</a></li>
|
||||
</ul>
|
||||
|
||||
|
||||
{{ else }}
|
||||
<p>Waarschuwing: dit evenement mist gegevens zoals start en einddatum.</p>
|
||||
{{ end }}
|
||||
{{ end }}
|
Reference in a new issue