flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-31 11:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

added shadows to mark text to make them more readable...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-12-18 20:30:18 +04:00
parent b678d3a30b
commit e64ddb71c0
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/layout.css
View File

@ -1039,10 +1039,12 @@ button:hover {
.context-mode-indicators .current-image-marked { .context-mode-indicators .current-image-marked {
color: blue; color: blue;
cursor: hand; cursor: hand;
text-shadow: rgba(0, 0, 0, 0.5) 0.1em 0.1em 0.4em, rgba(0, 0, 0, 0.5) 0.1em 0.1em;
} }
.context-mode-indicators .current-image-bookmarked { .context-mode-indicators .current-image-bookmarked {
color: yellow; color: yellow;
cursor: hand; cursor: hand;
text-shadow: rgba(0, 0, 0, 0.5) 0.1em 0.1em 0.4em, rgba(0, 0, 0, 0.5) 0.1em 0.1em;
} }
.global-mode-indicators .marked-only-visible .shown, .global-mode-indicators .marked-only-visible .shown,
.global-mode-indicators .marks-visible .shown, .global-mode-indicators .marks-visible .shown,
@ -1064,6 +1066,7 @@ button:hover {
margin-left: 5px; margin-left: 5px;
margin-top: 3px; margin-top: 3px;
top: 50%; top: 50%;
box-shadow: 1px 1px 10px -2px rgba(0, 0, 0, 0.7);
} }
.global-mode-indicators .marked-only-visible:after, .global-mode-indicators .marked-only-visible:after,
.global-mode-indicators .marks-visible:after, .global-mode-indicators .marks-visible:after,

6
ui/layout.less
View File

@ -1068,10 +1068,14 @@ button:hover {
.context-mode-indicators .current-image-marked { .context-mode-indicators .current-image-marked {
color: blue; color: blue;
cursor: hand; cursor: hand;
text-shadow: rgba(0,0,0,0.5) 0.1em 0.1em 0.4em,
rgba(0,0,0,0.5) 0.1em 0.1em;
} }
.context-mode-indicators .current-image-bookmarked { .context-mode-indicators .current-image-bookmarked {
color: yellow; color: yellow;
cursor: hand; cursor: hand;
text-shadow: rgba(0,0,0,0.5) 0.1em 0.1em 0.4em,
rgba(0,0,0,0.5) 0.1em 0.1em;
} }
.global-mode-indicators .marked-only-visible .shown, .global-mode-indicators .marked-only-visible .shown,
.global-mode-indicators .marks-visible .shown, .global-mode-indicators .marks-visible .shown,
@ -1094,6 +1098,8 @@ button:hover {
margin-top: 3px; margin-top: 3px;
top: 50%; top: 50%;
box-shadow: 1px 1px 10px -2px rgba(0,0,0,0.7);
} }
.global-mode-indicators .marked-only-visible:after, .global-mode-indicators .marked-only-visible:after,
.global-mode-indicators .marks-visible:after, .global-mode-indicators .marks-visible:after,