tangent/memex
1
0
Fork 0
mirror of https://github.com/TangentFoxy/memex.git synced 2024-11-22 04:54:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Hover css improved.

Browse Source
This commit is contained in:
kor 2018-07-15 03:55:10 +12:00
parent 174070e56b
commit 2e789dcce6
1 changed files with 46 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
asset/style.css
View File

@ -29,30 +29,41 @@ body {
.grid-item { .grid-item {
width: 350px; width: 350px;
margin-bottom: 20px; margin-bottom: 20px;
border-radius: 2px; border-radius: 3px;
color:#000; color:#000;
background:#ccc; background:#ccc;
padding:20px; padding:20px;
min-height:2.4em; min-height:2.4em;
float:left; float:left;
/*box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .05);*/
}
.grid-item:hover {
background:#bbb;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1);
} }
/* LINK */ /* LINK */
a#url { a#url {
color:#000; color:#aaa;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-decoration:underline; text-decoration:underline;
} }
a#urlseen { a#urlseen {
color:#666; color:#aaa;
padding-top: 0.5em;
padding-bottom: 0.5em;
text-decoration:underline; text-decoration:underline;
} }
a#url:hover, a#urlseen:hover {
color:#DCDCDC; .grid-item:hover a#url {
color:#000;
}
.grid-item:hover a#url:hover {
color:#bbb;
background-color: #000;
}
.grid-item:hover a#urlseen {
color:#666;
}
.grid-item:hover a#urlseen:hover {
color:#bbb;
background-color: #000; background-color: #000;
} }
@ -68,22 +79,35 @@ a#url:hover, a#urlseen:hover {
.link, .note, .quote, .term, .tags, .prog { .link, .note, .quote, .term, .tags, .prog {
padding-top: 1em; padding-top: 1em;
font-size:0.8em; font-size:0.8em;
color:#999;
}
.grid-item:hover .link,
.grid-item:hover .note,
.grid-item:hover .quote,
.grid-item:hover .term,
.grid-item:hover .prog
{
color:#000; color:#000;
} }
.tags a { .tags a {
padding-top: 0.5em; color:#999;
padding-bottom: 0.5em;
color:#000;
text-decoration:none; text-decoration:none;
} }
.tags a:hover { .grid-item:hover .tags a {
color:#DCDCDC; color:#000;
}
.grid-item:hover .tags a:hover {
color:#bbb;
background-color: #000; background-color: #000;
} }
.textIcon { .textIcon {
color:#888; color:#bbb;
margin-right:0.75em; margin-right:0.75em;
} }
.grid-item:hover .textIcon {
color:#999;
}
/* TYPE */ /* TYPE */
#type a { #type a {
@ -99,7 +123,10 @@ a#url:hover, a#urlseen:hover {
font-size:1.5em; font-size:1.5em;
/*background: #000;*/ /*background: #000;*/
} }
#type a:hover {
.grid-item:hover #type a:hover {
color:#000; color:#000;
text-decoration:none; }
.grid-item:hover #type a {
color:#999;
} }