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