Merge Edge with sort and resize #2
9
base.css
9
base.css
@ -113,6 +113,10 @@ main{
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
box-sizing: inherit;
|
box-sizing: inherit;
|
||||||
}
|
}
|
||||||
|
.item-table-caption{
|
||||||
|
display: table-caption;
|
||||||
|
caption-side: bottom;
|
||||||
|
}
|
||||||
.item-table-full, .item-table-360{
|
.item-table-full, .item-table-360{
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
@ -147,6 +151,8 @@ main{
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.image-box > a{
|
.image-box > a{
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
}
|
}
|
||||||
@media (min-width: 480px){
|
@media (min-width: 480px){
|
||||||
@ -159,6 +165,7 @@ main{
|
|||||||
width: 360px;
|
width: 360px;
|
||||||
}
|
}
|
||||||
.image-box > a{
|
.image-box > a{
|
||||||
|
border-width: 4px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -168,7 +175,7 @@ main{
|
|||||||
top: 0;
|
top: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
float: right;
|
float: right;
|
||||||
width: fit-content;
|
width: auto;
|
||||||
}
|
}
|
||||||
.menu li{
|
.menu li{
|
||||||
float: left;
|
float: left;
|
||||||
|
5
dark.css
5
dark.css
@ -31,5 +31,8 @@ a{
|
|||||||
background-color: #0f0f0f;
|
background-color: #0f0f0f;
|
||||||
}
|
}
|
||||||
.item-table > div > div{
|
.item-table > div > div{
|
||||||
border-color: wheat;
|
border-color: #F5DEB3FF;
|
||||||
|
}
|
||||||
|
.image-box > a{
|
||||||
|
border-color: #b0b0f0;
|
||||||
}
|
}
|
@ -78,21 +78,19 @@
|
|||||||
</video></div>
|
</video></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{{ if not (eq .GetImageCount 0) }}
|
{{ if not (eq .GetImageCount 0) }}
|
||||||
<div>
|
<div class="item-table-caption">
|
||||||
<div>
|
|
||||||
<div class="image-box">
|
<div class="image-box">
|
||||||
{{ range .GetImages }}
|
{{ range .GetImages }}
|
||||||
<a href="{{ .ImageLocation }}"><img src="{{ .ThumbnailLocation }}" width="144"></a>
|
<a href="{{ .ImageLocation }}"><img src="{{ .ThumbnailLocation }}" width="144"></a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
Reference in New Issue
Block a user