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

added corner mark style, still not decided which to use...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-04-29 23:07:47 +04:00
parent 0ccf460334
commit a895ed85fe
1 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
ui/index.html
View File

@ -56,6 +56,7 @@
width: 300px; width: 300px;
height: 300px; height: 300px;
font-size: 12pt; font-size: 12pt;
overflow: hidden;
background: black; background: black;
box-sizing: border-box; box-sizing: border-box;
@ -66,8 +67,7 @@
background: red; background: red;
} }
/* XXX this misbehaves... (happens with page zoom) /* dot mark... */
...this is not uniform circle for some reason... */
.marked.image:after { .marked.image:after {
display: block; display: block;
position: absolute; position: absolute;
@ -75,8 +75,8 @@
font-size: 0pt; font-size: 0pt;
border: none; border: none;
width: 5px; width: 15px;
height: 5px; height: 15px;
bottom: 5px; bottom: 5px;
right: 5px; right: 5px;
@ -85,6 +85,30 @@
background: blue; background: blue;
} }
/* corner mark... (a-la bookmarks in PortableMag) */
/*
.marked.image:after {
display: block;
position: absolute;
content: "";
font-size: 0pt;
border: none;
width: 30px;
height: 30px;
top: -15px;
right: -15px;
background: blue;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
*/
</style> </style>