This commit is contained in:
parent
2adfde9da6
commit
28396c3c8b
72
base.css
72
base.css
@ -140,11 +140,47 @@ main{
|
||||
box-sizing: content-box;
|
||||
background-color: transparent;
|
||||
}
|
||||
.flex-col{
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-moz-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-moz-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-align-content: center;
|
||||
align-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
.item-table > div{
|
||||
display: table-row;
|
||||
background-color: transparent;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.flex-row, .item-table > div{
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-moz-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-moz-box-direction: normal;
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.item-table > div > div > div{
|
||||
padding: 2px;
|
||||
}
|
||||
@ -206,40 +242,4 @@ main{
|
||||
.hmb{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.flex-col{
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-moz-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-moz-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-align-content: center;
|
||||
align-content: center;
|
||||
width: 100%;
|
||||
}
|
||||
.flex-row{
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-moz-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-moz-box-direction: normal;
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
@ -88,7 +88,7 @@
|
||||
<main class="main-box flex-col">
|
||||
<div>
|
||||
<div class="item-table flex-col">
|
||||
<div class="flex-row">
|
||||
<div>
|
||||
<div class="item-table-full">
|
||||
<div class="centered"><h1>{{ .Data.About.Title }}</h1></div>
|
||||
</div>
|
||||
@ -96,7 +96,7 @@
|
||||
<div class="centered"><h4>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h4></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div>
|
||||
<div class="item-table-full">
|
||||
<div class="content">{{ .Data.About.GetContent }}</div>
|
||||
</div>
|
||||
@ -109,7 +109,7 @@
|
||||
{{ range .GetEntries }}
|
||||
<div>
|
||||
<div class="item-table flex-col">
|
||||
<div class="flex-row">
|
||||
<div>
|
||||
<div class="item-table-full">
|
||||
<div class="centered"><h1>{{ .Name }}</h1></div>
|
||||
</div>
|
||||
@ -121,7 +121,7 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-row">
|
||||
<div>
|
||||
<div class="item-table-full">
|
||||
<div class="content">{{ .GetContent }}</div>
|
||||
</div>
|
||||
@ -139,7 +139,7 @@
|
||||
</div>
|
||||
</div>
|
||||
{{ if not (eq .GetImageCount 0) }}
|
||||
<div class="item-table-caption flex-row">
|
||||
<div class="item-table-caption">
|
||||
<div class="image-box flex-row">
|
||||
{{ range .GetImages }}
|
||||
<a href="{{ .ImageLocation }}"><img src="{{ .ThumbnailLocation }}" alt="{{ .ImageAltText }}" title="{{ .ImageAltText }}" width="240px"></a>
|
||||
|
Loading…
Reference in New Issue
Block a user