Merge Edge with data #1
19
base.css
19
base.css
@ -78,26 +78,33 @@ main{
|
||||
}
|
||||
.main-table{
|
||||
display: table;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.main-table > div{
|
||||
display: table-row;
|
||||
background-color: transparent;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.main-table > div > div{
|
||||
display: table-cell;
|
||||
margin: 3px 0;
|
||||
padding: 3px 0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
vertical-align: middle;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.main-table > div > div > div{
|
||||
margin: 3px 0;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.item-table{
|
||||
display: table;
|
||||
box-sizing: content-box;
|
||||
background-color: transparent;
|
||||
}
|
||||
.item-table > div{
|
||||
display: table-row;
|
||||
background-color: transparent;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.item-table-full, .item-table-half, .item-table-240{
|
||||
display: table-cell;
|
||||
@ -105,10 +112,14 @@ main{
|
||||
border-width: 1px;
|
||||
background-color: transparent;
|
||||
vertical-align: top;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
.item-table-full{
|
||||
width: 100%;
|
||||
}
|
||||
.item-table-half{
|
||||
width: 100%;
|
||||
}
|
||||
.item-table-240{
|
||||
width: 240px;
|
||||
}
|
||||
@ -129,8 +140,8 @@ main{
|
||||
.hmb{
|
||||
display: none;
|
||||
}
|
||||
.main-table > div > div{
|
||||
padding: 5px;
|
||||
.main-table > div > div > div{
|
||||
margin: 5px;
|
||||
box-sizing: inherit;
|
||||
}
|
||||
}
|
2
dark.css
2
dark.css
@ -26,7 +26,7 @@ body{
|
||||
}
|
||||
.main-table{
|
||||
border-color: wheat;
|
||||
background-color: #4f4f4f;
|
||||
background-color: #0f0f0f;
|
||||
}
|
||||
.main-table > div > div{
|
||||
border-color: wheat;
|
||||
|
@ -29,21 +29,23 @@
|
||||
<main class="main-table">
|
||||
<div>
|
||||
<div>
|
||||
<div class="item-table">
|
||||
<div>
|
||||
<div class="item-table-half">
|
||||
<h1>{{ .Data.About.Title }}</h1>
|
||||
<div>
|
||||
<div class="item-table">
|
||||
<div>
|
||||
<div class="item-table-half">
|
||||
<div><h1>{{ .Data.About.Title }}</h1></div>
|
||||
</div>
|
||||
<div class="item-table-half">
|
||||
<div><h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item-table-half">
|
||||
<h1>Email: <a href="mailto:{{ .Data.About.ContactEmail }}">{{ .Data.About.ContactEmail }}</a></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="item-table-full">
|
||||
{{ .Data.About.GetContent }}
|
||||
</div>
|
||||
<div class="item-table-240">
|
||||
<a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a>
|
||||
<div>
|
||||
<div class="item-table-full">
|
||||
<div>{{ .Data.About.GetContent }}</div>
|
||||
</div>
|
||||
<div class="item-table-240">
|
||||
<div><a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user