Image support continued. Needs refactor.

This commit is contained in:
kor 2018-07-19 04:02:00 +12:00
parent a1e106ebc5
commit 517ebcdd8d
2 changed files with 42 additions and 11 deletions

40
asset/style.css vendored
View File

@ -203,17 +203,28 @@ body {
width: 100%;
}
.grid-item-lower-content {
z-index: 100;
padding: 0 var(--size-gutter) 0 var(--size-gutter);
z-index: 100;
/*padding: 0 var(--size-gutter) 0 var(--size-gutter);
height: 100%;
display: inline-block;
display: inline-block;*/
/*float: left;
clear: both;
width: 100%;
top: 0;
left: 0;*/
}
.grid-item-image .grid-item-lower-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: var(--size-gutter);
}
.grid-item-lower-content:empty {
display: none;
}
.grid-item-image .grid-item-lower-content {
visibility: hidden;
}
.grid-item-image {
padding-bottom: 0;
overflow: hidden;
@ -347,12 +358,21 @@ body {
.grid-item:hover .prog {
color: var(--color-content-item-e);
}
.grid-item-image .link,
.grid-item-image .note,
.grid-item-image .quote,
.grid-item-image .term,
.grid-item-image .tags,
.grid-item-image .prog {
color: #CE0000;
}
.grid-item-image .grid-item-lower-content {
display: none;
}
/*.grid-item-image:hover .grid-item-lower-content {
.grid-item-image:hover .grid-item-lower-content {
display: initial;
}*/
}
.tags a {
color: var(--color-content-item-i);
text-decoration:none;
@ -364,6 +384,12 @@ body {
background-color: var(--color-content-item-a);
color: var(--color-content-bg-e);
}
.grid-item-image:hover .tags a {
color: #fff;
}
.grid-item-image:hover .tags a:hover {
color: #fff;
}
/* SMALL ICONS */
.textIcon {

View File

@ -1631,13 +1631,14 @@ SLIDE
TYPE : image
DONE : true
WIDE : true
TAGS : log, example
VAN
DATE : 12017-01-20
FILE : 12017-01-20_van.jpg
TYPE : image
PROJ : Van
TAGS : diy
TAGS : diy, log, example
DONE : true
FPV MOD
@ -1645,7 +1646,7 @@ FPV MOD
FILE : 12018-03-20_fpvMod.jpg
TYPE : image
PROJ : Drone
TAGS : diy
TAGS : diy, log, example
DONE : true
SWITCH PANEL
@ -1653,7 +1654,7 @@ SWITCH PANEL
FILE : 12018-07-10_switchPanel.jpg
TYPE : image
PROJ : Van
TAGS : diy
TAGS : diy, arduino, log, example
DONE : true
LINK : https://github.com/kormyen/VNS
@ -1689,20 +1690,24 @@ WHITE
DATE : 12018-07-19
FILE : 12018-07-19_white.jpg
TYPE : image
TAGS : black and white, example
BLACK
DATE : 12018-07-19
FILE : 12018-07-19_black.jpg
TYPE : image
TAGS : black and white, example
TALL CUT SHORT
DATE : 12018-07-19
FILE : 12018-07-19_tall.jpg
TYPE : image
TAGS : black and white, example
WIDE
RANGITOTO
DATE : 12018-07-19
FILE : 12018-07-19_wide.jpg
TYPE : image
WIDE : true
TAGS : log, wide, example
`