Merge Edge with sort and resize #2
11
base.css
11
base.css
@ -87,6 +87,7 @@ main{
|
|||||||
.main-table > div > div{
|
.main-table > div > div{
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
margin: 3px 0;
|
margin: 3px 0;
|
||||||
|
padding: 3px 0;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@ -100,7 +101,7 @@ main{
|
|||||||
display: table-row;
|
display: table-row;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
.item-table-full, .item-table-half, .item-table-480{
|
.item-table-full, .item-table-half, .item-table-240{
|
||||||
display: table-cell;
|
display: table-cell;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
@ -110,8 +111,8 @@ main{
|
|||||||
.item-table-full{
|
.item-table-full{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.item-table-half{
|
.item-table-240{
|
||||||
width: 50%;
|
width: 240px;
|
||||||
}
|
}
|
||||||
@media (min-width: 480px){
|
@media (min-width: 480px){
|
||||||
.nav{
|
.nav{
|
||||||
@ -131,9 +132,7 @@ main{
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.main-table > div > div{
|
.main-table > div > div{
|
||||||
|
padding: 5px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
}
|
}
|
||||||
.item-table-480{
|
|
||||||
width: 480px;
|
|
||||||
}
|
|
||||||
}
|
}
|
@ -42,8 +42,8 @@
|
|||||||
<div class="item-table-full">
|
<div class="item-table-full">
|
||||||
{{ .Data.About.GetContent }}
|
{{ .Data.About.GetContent }}
|
||||||
</div>
|
</div>
|
||||||
<div class="item-table-480">
|
<div class="item-table-240">
|
||||||
<a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="480px"></a>
|
<a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Loading…
Reference in New Issue
Block a user